origam 2.19.0 → 2.21.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +118 -0
- package/dist/src/assets/css/main.css +1 -1
- package/dist/src/assets/css/tokens/dark.css +0 -16
- package/dist/src/assets/css/tokens/light.css +0 -8
- package/dist/src/assets/scss/tokens/_dark.scss +0 -16
- package/dist/src/assets/scss/tokens/_light.scss +0 -8
- package/dist/src/components/Alert/OrigamAlert.vue +20 -0
- package/dist/src/components/App/OrigamAppBar.vue +20 -0
- package/dist/src/components/Audio/OrigamAudio.vue +20 -0
- package/dist/src/components/Avatar/OrigamAvatar.vue +20 -0
- package/dist/src/components/Avatar/OrigamAvatarGroup.vue +20 -0
- package/dist/src/components/Badge/OrigamBadge.vue +12 -0
- package/dist/src/components/Blockquote/OrigamBlockquote.vue +35 -65
- package/dist/src/components/BottomNav/OrigamBottomNav.vue +20 -0
- package/dist/src/components/Bracket/OrigamBracket.vue +12 -0
- package/dist/src/components/Bracket/OrigamBracketCompetitor.vue +20 -0
- package/dist/src/components/Bracket/OrigamBracketMatch.vue +33 -5
- package/dist/src/components/Breadcrumb/OrigamBreadcrumb.vue +20 -0
- package/dist/src/components/Breadcrumb/OrigamBreadcrumbDivider.vue +8 -0
- package/dist/src/components/Breadcrumb/OrigamBreadcrumbItem.vue +20 -0
- package/dist/src/components/Btn/OrigamBtn.vue +20 -0
- package/dist/src/components/Btn/OrigamBtnGroup.vue +20 -0
- package/dist/src/components/Btn/OrigamBtnToggle.vue +20 -0
- package/dist/src/components/Calendar/OrigamCalendar.vue +21 -1
- package/dist/src/components/Card/OrigamCard.vue +20 -0
- package/dist/src/components/Card/OrigamCardHeader.vue +20 -0
- package/dist/src/components/Card/OrigamCardText.vue +20 -0
- package/dist/src/components/Carousel/OrigamCarousel.vue +20 -0
- package/dist/src/components/Carousel/OrigamCarouselItem.vue +20 -0
- package/dist/src/components/Chart/OrigamChart.vue +25 -1
- package/dist/src/components/Chart/OrigamChartBoxPlot.vue +12 -0
- package/dist/src/components/Chart/OrigamChartBullet.vue +12 -0
- package/dist/src/components/Chart/OrigamChartCandlestick.vue +12 -0
- package/dist/src/components/Chart/OrigamChartCartesian.vue +12 -0
- package/dist/src/components/Chart/OrigamChartGauge.vue +12 -0
- package/dist/src/components/Chart/OrigamChartHeatmap.vue +12 -0
- package/dist/src/components/Chart/OrigamChartHoneycomb.vue +12 -0
- package/dist/src/components/Chart/OrigamChartMap.vue +12 -0
- package/dist/src/components/Chart/OrigamChartPareto.vue +12 -0
- package/dist/src/components/Chart/OrigamChartPictorial.vue +12 -0
- package/dist/src/components/Chart/OrigamChartPolar.vue +12 -0
- package/dist/src/components/Chart/OrigamChartPolarBar.vue +12 -0
- package/dist/src/components/Chart/OrigamChartPyramid.vue +12 -0
- package/dist/src/components/Chart/OrigamChartRadar.vue +12 -0
- package/dist/src/components/Chart/OrigamChartSankey.vue +12 -0
- package/dist/src/components/Chart/OrigamChartSparkline.vue +12 -0
- package/dist/src/components/Chart/OrigamChartStreamgraph.vue +12 -0
- package/dist/src/components/Chart/OrigamChartSunburst.vue +12 -0
- package/dist/src/components/Chart/OrigamChartTreemap.vue +12 -0
- package/dist/src/components/Chart/OrigamChartVariwide.vue +12 -0
- package/dist/src/components/Chart/OrigamChartWordCloud.vue +12 -0
- package/dist/src/components/Checkbox/OrigamCheckbox.vue +20 -0
- package/dist/src/components/Checkbox/OrigamCheckboxBtn.vue +12 -0
- package/dist/src/components/Checkbox/OrigamCheckboxGroup.vue +20 -0
- package/dist/src/components/Chip/OrigamChip.vue +20 -0
- package/dist/src/components/Chip/OrigamChipGroup.vue +20 -0
- package/dist/src/components/Clipboard/OrigamClipboard.vue +20 -0
- package/dist/src/components/Code/OrigamCode.vue +20 -0
- package/dist/src/components/ColorPicker/OrigamColorPicker.vue +20 -0
- package/dist/src/components/ColorPickerField/OrigamColorPickerField.vue +20 -0
- package/dist/src/components/ConfirmWrapper/OrigamConfirmWrapper.vue +4 -0
- package/dist/src/components/ContextualMenu/OrigamContextualMenu.vue +20 -0
- package/dist/src/components/Counter/OrigamCounter.vue +20 -0
- package/dist/src/components/DataList/OrigamDataList.vue +20 -0
- package/dist/src/components/DataList/OrigamDataText.vue +8 -0
- package/dist/src/components/DataList/OrigamDataTitle.vue +8 -0
- package/dist/src/components/DataTable/OrigamDataTable.vue +20 -0
- package/dist/src/components/DataTable/OrigamDataTableColumnCell.vue +5 -1
- package/dist/src/components/DataTable/OrigamDataTableFooter.vue +4 -0
- package/dist/src/components/DatePicker/OrigamDatePicker.vue +20 -0
- package/dist/src/components/DatePickerField/OrigamDatePickerField.vue +20 -0
- package/dist/src/components/Dialog/OrigamDialog.vue +20 -0
- package/dist/src/components/Dialog/OrigamDialogConfirmation.vue +20 -0
- package/dist/src/components/Divider/OrigamDivider.vue +4 -0
- package/dist/src/components/Drawer/OrigamDrawer.vue +20 -0
- package/dist/src/components/ExpansionPanel/OrigamExpansionPanel.vue +20 -0
- package/dist/src/components/ExpansionPanel/OrigamExpansionPanelContent.vue +20 -0
- package/dist/src/components/ExpansionPanel/OrigamExpansionPanelHeader.vue +20 -0
- package/dist/src/components/ExpansionPanel/OrigamExpansionPanels.vue +20 -0
- package/dist/src/components/Field/OrigamField.vue +20 -0
- package/dist/src/components/FileField/OrigamFileField.vue +20 -0
- package/dist/src/components/Grid/OrigamGrid.vue +21 -1
- package/dist/src/components/Grids/OrigamCol.vue +16 -0
- package/dist/src/components/Grids/OrigamContainer.vue +17 -1
- package/dist/src/components/Grids/OrigamRow.vue +16 -0
- package/dist/src/components/Icon/OrigamClassIcon.vue +21 -1
- package/dist/src/components/Icon/OrigamComponentIcon.vue +21 -1
- package/dist/src/components/Icon/OrigamIcon.vue +21 -1
- package/dist/src/components/Icon/OrigamLigatureIcon.vue +21 -1
- package/dist/src/components/Icon/OrigamSvgIcon.vue +21 -1
- package/dist/src/components/Img/OrigamImg.vue +20 -0
- package/dist/src/components/Input/OrigamInput.vue +20 -0
- package/dist/src/components/Kbd/OrigamKbd.vue +12 -0
- package/dist/src/components/Label/OrigamLabel.vue +20 -0
- package/dist/src/components/Layout/OrigamLayout.vue +21 -1
- package/dist/src/components/List/OrigamList.vue +21 -1
- package/dist/src/components/List/OrigamListGroup.vue +20 -0
- package/dist/src/components/List/OrigamListItem.vue +20 -0
- package/dist/src/components/List/OrigamListSubheader.vue +20 -0
- package/dist/src/components/Main/OrigamMain.vue +20 -0
- package/dist/src/components/Masonry/OrigamMasonry.vue +21 -1
- package/dist/src/components/Media/OrigamMediaScrubber.vue +5 -1
- package/dist/src/components/Media/OrigamMediaVolumeControl.vue +4 -0
- package/dist/src/components/Menu/OrigamMenu.vue +20 -0
- package/dist/src/components/Messages/OrigamMessages.vue +20 -0
- package/dist/src/components/NumberField/OrigamNumberField.vue +20 -0
- package/dist/src/components/OtpInputField/OrigamOtpInputField.vue +20 -0
- package/dist/src/components/Pagination/OrigamPagination.vue +16 -0
- package/dist/src/components/Parallax/OrigamParallax.vue +20 -0
- package/dist/src/components/Parallax/OrigamParallaxElement.vue +20 -0
- package/dist/src/components/PasswordField/OrigamPasswordField.vue +20 -0
- package/dist/src/components/Picker/OrigamPicker.vue +20 -0
- package/dist/src/components/Progress/OrigamProgress.vue +12 -0
- package/dist/src/components/Progress/OrigamProgressCircular.vue +8 -0
- package/dist/src/components/Progress/OrigamProgressLinear.vue +12 -0
- package/dist/src/components/QrCode/OrigamQrCode.vue +21 -1
- package/dist/src/components/Radio/OrigamRadio.vue +20 -0
- package/dist/src/components/Radio/OrigamRadioBtn.vue +12 -0
- package/dist/src/components/Radio/OrigamRadioGroup.vue +20 -0
- package/dist/src/components/RatingField/OrigamRatingField.vue +20 -0
- package/dist/src/components/RatingField/OrigamRatingFieldItem.vue +20 -0
- package/dist/src/components/Responsive/OrigamResponsive.vue +21 -1
- package/dist/src/components/Select/OrigamSelect.vue +20 -0
- package/dist/src/components/SelectionControl/OrigamSelectionControl.vue +12 -0
- package/dist/src/components/Sheet/OrigamSheet.vue +20 -0
- package/dist/src/components/Skeleton/OrigamSkeleton.vue +5 -1
- package/dist/src/components/Slide/OrigamSlideGroup.vue +20 -0
- package/dist/src/components/SliderField/OrigamSliderField.vue +20 -0
- package/dist/src/components/SliderField/OrigamSliderFieldTrack.vue +5 -1
- package/dist/src/components/Snackbar/OrigamSnackbar.vue +20 -0
- package/dist/src/components/Stepper/OrigamStepper.vue +21 -1
- package/dist/src/components/Switch/OrigamSwitch.vue +20 -0
- package/dist/src/components/Switch/OrigamSwitchTrack.vue +12 -0
- package/dist/src/components/SystemBar/OrigamSystemBar.vue +12 -0
- package/dist/src/components/Table/OrigamTable.vue +20 -0
- package/dist/src/components/Tabs/OrigamTabs.vue +4 -0
- package/dist/src/components/TextField/OrigamTextField.vue +20 -0
- package/dist/src/components/TextareaField/OrigamTextareaField.vue +20 -0
- package/dist/src/components/Title/OrigamTitle.vue +16 -0
- package/dist/src/components/Toolbar/OrigamToolbar.vue +20 -0
- package/dist/src/components/Video/OrigamVideo.vue +20 -0
- package/dist/src/components/Window/OrigamWindow.vue +20 -0
- package/dist/src/composables/Commons/border.composable.cjs +24 -16
- package/dist/src/composables/Commons/border.composable.d.ts +31 -10
- package/dist/src/composables/Commons/border.composable.js +21 -17
- package/dist/src/composables/Commons/margin.composable.cjs +7 -0
- package/dist/src/composables/Commons/margin.composable.d.ts +7 -1
- package/dist/src/composables/Commons/margin.composable.js +5 -1
- package/dist/src/composables/Commons/padding.composable.cjs +7 -0
- package/dist/src/composables/Commons/padding.composable.d.ts +15 -1
- package/dist/src/composables/Commons/padding.composable.js +5 -1
- package/dist/src/composables/Commons/rounded.composable.cjs +7 -0
- package/dist/src/composables/Commons/rounded.composable.d.ts +14 -1
- package/dist/src/composables/Commons/rounded.composable.js +5 -1
- package/dist/src/composables/Commons/stateEffect.composable.cjs +60 -0
- package/dist/src/composables/Commons/stateEffect.composable.js +60 -0
- package/dist/src/consts/Blockquote/blockquote.const.cjs +38 -1
- package/dist/src/consts/Blockquote/blockquote.const.d.ts +113 -0
- package/dist/src/consts/Blockquote/blockquote.const.js +37 -0
- package/dist/src/consts/Commons/border.const.cjs +19 -2
- package/dist/src/consts/Commons/border.const.d.ts +65 -4
- package/dist/src/consts/Commons/border.const.js +16 -2
- package/dist/src/consts/Commons/spacing.const.cjs +40 -1
- package/dist/src/consts/Commons/spacing.const.d.ts +68 -1
- package/dist/src/consts/Commons/spacing.const.js +19 -1
- package/dist/src/consts/Commons/variant-preset.const.cjs +2 -0
- package/dist/src/consts/Commons/variant-preset.const.d.ts +19 -8
- package/dist/src/consts/Commons/variant-preset.const.js +2 -0
- package/dist/src/interfaces/Blockquote/blockquote.interface.d.ts +59 -4
- package/dist/src/interfaces/Bracket/bracket-match-component.interface.d.ts +2 -2
- package/dist/src/interfaces/Bracket/bracket-surface.interface.d.ts +39 -0
- package/dist/src/interfaces/Bracket/bracket.interface.d.ts +25 -4
- package/dist/src/interfaces/Commons/border.interface.d.ts +123 -0
- package/dist/src/interfaces/Commons/margin.interface.d.ts +35 -1
- package/dist/src/interfaces/Commons/padding.interface.d.ts +41 -1
- package/dist/src/interfaces/Commons/rounded.interface.d.ts +47 -4
- package/dist/src/types/Bracket/bracket.type.d.ts +82 -0
- package/dist/src/types/Commons/anchor.type.d.ts +48 -0
- package/dist/src/types/Commons/variant-preset.type.d.ts +22 -4
- package/dist/src/types/tokens.type.d.ts +1 -1
- package/dist/src/utils/Bracket/bracket-surface.util.cjs +19 -0
- package/dist/src/utils/Bracket/bracket-surface.util.js +10 -0
- package/dist/src/utils/Commons/border.util.d.ts +16 -8
- package/package.json +1 -1
|
@@ -398,12 +398,20 @@ const props = defineProps({
|
|
|
398
398
|
borderRight: { type: [Boolean, Number, String], required: false },
|
|
399
399
|
borderBlock: { type: [Boolean, Number, String], required: false },
|
|
400
400
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
401
|
+
borderInlineStart: { type: [Boolean, Number, String], required: false },
|
|
402
|
+
borderInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
403
|
+
borderBlockStart: { type: [Boolean, Number, String], required: false },
|
|
404
|
+
borderBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
401
405
|
borderColor: { type: String, required: false },
|
|
402
406
|
borderStyle: { type: String, required: false },
|
|
403
407
|
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
404
408
|
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
405
409
|
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
406
410
|
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
411
|
+
borderInlineStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
412
|
+
borderInlineEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
413
|
+
borderBlockStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
414
|
+
borderBlockEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
407
415
|
focused: { type: Boolean, required: false },
|
|
408
416
|
text: { type: String, required: false },
|
|
409
417
|
floating: { type: Boolean, required: false },
|
|
@@ -415,6 +423,10 @@ const props = defineProps({
|
|
|
415
423
|
marginRight: { type: [Boolean, Number, String], required: false },
|
|
416
424
|
marginBlock: { type: [Boolean, Number, String], required: false },
|
|
417
425
|
marginInline: { type: [Boolean, Number, String], required: false },
|
|
426
|
+
marginInlineStart: { type: [Boolean, Number, String], required: false },
|
|
427
|
+
marginInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
428
|
+
marginBlockStart: { type: [Boolean, Number, String], required: false },
|
|
429
|
+
marginBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
418
430
|
padding: { type: [Boolean, Number, String], required: false },
|
|
419
431
|
paddingTop: { type: [Boolean, Number, String], required: false },
|
|
420
432
|
paddingLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -422,11 +434,19 @@ const props = defineProps({
|
|
|
422
434
|
paddingRight: { type: [Boolean, Number, String], required: false },
|
|
423
435
|
paddingBlock: { type: [Boolean, Number, String], required: false },
|
|
424
436
|
paddingInline: { type: [Boolean, Number, String], required: false },
|
|
437
|
+
paddingInlineStart: { type: [Boolean, Number, String], required: false },
|
|
438
|
+
paddingInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
439
|
+
paddingBlockStart: { type: [Boolean, Number, String], required: false },
|
|
440
|
+
paddingBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
425
441
|
rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true, default: true },
|
|
426
442
|
roundedTopRight: { type: [Boolean, Number, String], required: false },
|
|
427
443
|
roundedTopLeft: { type: [Boolean, Number, String], required: false },
|
|
428
444
|
roundedBottomLeft: { type: [Boolean, Number, String], required: false },
|
|
429
445
|
roundedBottomRight: { type: [Boolean, Number, String], required: false },
|
|
446
|
+
roundedStartStart: { type: [Boolean, Number, String], required: false },
|
|
447
|
+
roundedStartEnd: { type: [Boolean, Number, String], required: false },
|
|
448
|
+
roundedEndStart: { type: [Boolean, Number, String], required: false },
|
|
449
|
+
roundedEndEnd: { type: [Boolean, Number, String], required: false },
|
|
430
450
|
fontSize: { type: null, required: false },
|
|
431
451
|
fontWeight: { type: null, required: false },
|
|
432
452
|
lineHeight: { type: null, required: false },
|
|
@@ -73,6 +73,10 @@ const props = defineProps({
|
|
|
73
73
|
paddingRight: { type: [Boolean, Number, String], required: false },
|
|
74
74
|
paddingBlock: { type: [Boolean, Number, String], required: false },
|
|
75
75
|
paddingInline: { type: [Boolean, Number, String], required: false },
|
|
76
|
+
paddingInlineStart: { type: [Boolean, Number, String], required: false },
|
|
77
|
+
paddingInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
78
|
+
paddingBlockStart: { type: [Boolean, Number, String], required: false },
|
|
79
|
+
paddingBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
76
80
|
margin: { type: [Boolean, Number, String], required: false },
|
|
77
81
|
marginTop: { type: [Boolean, Number, String], required: false },
|
|
78
82
|
marginLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -80,6 +84,10 @@ const props = defineProps({
|
|
|
80
84
|
marginRight: { type: [Boolean, Number, String], required: false },
|
|
81
85
|
marginBlock: { type: [Boolean, Number, String], required: false },
|
|
82
86
|
marginInline: { type: [Boolean, Number, String], required: false },
|
|
87
|
+
marginInlineStart: { type: [Boolean, Number, String], required: false },
|
|
88
|
+
marginInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
89
|
+
marginBlockStart: { type: [Boolean, Number, String], required: false },
|
|
90
|
+
marginBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
83
91
|
color: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
84
92
|
bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
85
93
|
border: { type: [Boolean, Number, String, Array], required: false, skipCheck: true },
|
|
@@ -89,17 +97,29 @@ const props = defineProps({
|
|
|
89
97
|
borderRight: { type: [Boolean, Number, String], required: false },
|
|
90
98
|
borderBlock: { type: [Boolean, Number, String], required: false },
|
|
91
99
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
100
|
+
borderInlineStart: { type: [Boolean, Number, String], required: false },
|
|
101
|
+
borderInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
102
|
+
borderBlockStart: { type: [Boolean, Number, String], required: false },
|
|
103
|
+
borderBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
92
104
|
borderColor: { type: String, required: false },
|
|
93
105
|
borderStyle: { type: String, required: false },
|
|
94
106
|
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
95
107
|
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
96
108
|
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
97
109
|
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
110
|
+
borderInlineStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
111
|
+
borderInlineEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
112
|
+
borderBlockStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
113
|
+
borderBlockEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
98
114
|
rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
|
|
99
115
|
roundedTopRight: { type: [Boolean, Number, String], required: false },
|
|
100
116
|
roundedTopLeft: { type: [Boolean, Number, String], required: false },
|
|
101
117
|
roundedBottomLeft: { type: [Boolean, Number, String], required: false },
|
|
102
118
|
roundedBottomRight: { type: [Boolean, Number, String], required: false },
|
|
119
|
+
roundedStartStart: { type: [Boolean, Number, String], required: false },
|
|
120
|
+
roundedStartEnd: { type: [Boolean, Number, String], required: false },
|
|
121
|
+
roundedEndStart: { type: [Boolean, Number, String], required: false },
|
|
122
|
+
roundedEndEnd: { type: [Boolean, Number, String], required: false },
|
|
103
123
|
elevation: { type: [Number, String], required: false },
|
|
104
124
|
height: { type: [Number, String], required: false },
|
|
105
125
|
maxHeight: { type: [Number, String], required: false },
|
|
@@ -53,6 +53,10 @@ const props = defineProps({
|
|
|
53
53
|
paddingRight: { type: [Boolean, Number, String], required: false },
|
|
54
54
|
paddingBlock: { type: [Boolean, Number, String], required: false },
|
|
55
55
|
paddingInline: { type: [Boolean, Number, String], required: false },
|
|
56
|
+
paddingInlineStart: { type: [Boolean, Number, String], required: false },
|
|
57
|
+
paddingInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
58
|
+
paddingBlockStart: { type: [Boolean, Number, String], required: false },
|
|
59
|
+
paddingBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
56
60
|
margin: { type: [Boolean, Number, String], required: false },
|
|
57
61
|
marginTop: { type: [Boolean, Number, String], required: false },
|
|
58
62
|
marginLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -60,11 +64,19 @@ const props = defineProps({
|
|
|
60
64
|
marginRight: { type: [Boolean, Number, String], required: false },
|
|
61
65
|
marginBlock: { type: [Boolean, Number, String], required: false },
|
|
62
66
|
marginInline: { type: [Boolean, Number, String], required: false },
|
|
67
|
+
marginInlineStart: { type: [Boolean, Number, String], required: false },
|
|
68
|
+
marginInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
69
|
+
marginBlockStart: { type: [Boolean, Number, String], required: false },
|
|
70
|
+
marginBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
63
71
|
rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
|
|
64
72
|
roundedTopRight: { type: [Boolean, Number, String], required: false },
|
|
65
73
|
roundedTopLeft: { type: [Boolean, Number, String], required: false },
|
|
66
74
|
roundedBottomLeft: { type: [Boolean, Number, String], required: false },
|
|
67
75
|
roundedBottomRight: { type: [Boolean, Number, String], required: false },
|
|
76
|
+
roundedStartStart: { type: [Boolean, Number, String], required: false },
|
|
77
|
+
roundedStartEnd: { type: [Boolean, Number, String], required: false },
|
|
78
|
+
roundedEndStart: { type: [Boolean, Number, String], required: false },
|
|
79
|
+
roundedEndEnd: { type: [Boolean, Number, String], required: false },
|
|
68
80
|
location: { type: null, required: false },
|
|
69
81
|
rotate: { type: [String, Number], required: false },
|
|
70
82
|
size: { type: null, required: false, default: SIZES.DEFAULT }
|
|
@@ -91,6 +91,10 @@ const props = defineProps({
|
|
|
91
91
|
paddingRight: { type: [Boolean, Number, String], required: false },
|
|
92
92
|
paddingBlock: { type: [Boolean, Number, String], required: false },
|
|
93
93
|
paddingInline: { type: [Boolean, Number, String], required: false },
|
|
94
|
+
paddingInlineStart: { type: [Boolean, Number, String], required: false },
|
|
95
|
+
paddingInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
96
|
+
paddingBlockStart: { type: [Boolean, Number, String], required: false },
|
|
97
|
+
paddingBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
94
98
|
margin: { type: [Boolean, Number, String], required: false },
|
|
95
99
|
marginTop: { type: [Boolean, Number, String], required: false },
|
|
96
100
|
marginLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -98,6 +102,10 @@ const props = defineProps({
|
|
|
98
102
|
marginRight: { type: [Boolean, Number, String], required: false },
|
|
99
103
|
marginBlock: { type: [Boolean, Number, String], required: false },
|
|
100
104
|
marginInline: { type: [Boolean, Number, String], required: false },
|
|
105
|
+
marginInlineStart: { type: [Boolean, Number, String], required: false },
|
|
106
|
+
marginInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
107
|
+
marginBlockStart: { type: [Boolean, Number, String], required: false },
|
|
108
|
+
marginBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
101
109
|
size: { type: null, required: false, default: SIZES.DEFAULT }
|
|
102
110
|
});
|
|
103
111
|
defineEmits([]);
|
|
@@ -98,6 +98,10 @@ const props = defineProps({
|
|
|
98
98
|
paddingRight: { type: [Boolean, Number, String], required: false },
|
|
99
99
|
paddingBlock: { type: [Boolean, Number, String], required: false },
|
|
100
100
|
paddingInline: { type: [Boolean, Number, String], required: false },
|
|
101
|
+
paddingInlineStart: { type: [Boolean, Number, String], required: false },
|
|
102
|
+
paddingInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
103
|
+
paddingBlockStart: { type: [Boolean, Number, String], required: false },
|
|
104
|
+
paddingBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
101
105
|
margin: { type: [Boolean, Number, String], required: false },
|
|
102
106
|
marginTop: { type: [Boolean, Number, String], required: false },
|
|
103
107
|
marginLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -105,11 +109,19 @@ const props = defineProps({
|
|
|
105
109
|
marginRight: { type: [Boolean, Number, String], required: false },
|
|
106
110
|
marginBlock: { type: [Boolean, Number, String], required: false },
|
|
107
111
|
marginInline: { type: [Boolean, Number, String], required: false },
|
|
112
|
+
marginInlineStart: { type: [Boolean, Number, String], required: false },
|
|
113
|
+
marginInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
114
|
+
marginBlockStart: { type: [Boolean, Number, String], required: false },
|
|
115
|
+
marginBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
108
116
|
rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
|
|
109
117
|
roundedTopRight: { type: [Boolean, Number, String], required: false },
|
|
110
118
|
roundedTopLeft: { type: [Boolean, Number, String], required: false },
|
|
111
119
|
roundedBottomLeft: { type: [Boolean, Number, String], required: false },
|
|
112
120
|
roundedBottomRight: { type: [Boolean, Number, String], required: false },
|
|
121
|
+
roundedStartStart: { type: [Boolean, Number, String], required: false },
|
|
122
|
+
roundedStartEnd: { type: [Boolean, Number, String], required: false },
|
|
123
|
+
roundedEndStart: { type: [Boolean, Number, String], required: false },
|
|
124
|
+
roundedEndEnd: { type: [Boolean, Number, String], required: false },
|
|
113
125
|
location: { type: null, required: false }
|
|
114
126
|
});
|
|
115
127
|
defineEmits(["update:modelValue"]);
|
|
@@ -84,6 +84,10 @@ const props = defineProps({
|
|
|
84
84
|
roundedTopLeft: { type: [Boolean, Number, String], required: false },
|
|
85
85
|
roundedBottomLeft: { type: [Boolean, Number, String], required: false },
|
|
86
86
|
roundedBottomRight: { type: [Boolean, Number, String], required: false },
|
|
87
|
+
roundedStartStart: { type: [Boolean, Number, String], required: false },
|
|
88
|
+
roundedStartEnd: { type: [Boolean, Number, String], required: false },
|
|
89
|
+
roundedEndStart: { type: [Boolean, Number, String], required: false },
|
|
90
|
+
roundedEndEnd: { type: [Boolean, Number, String], required: false },
|
|
87
91
|
border: { type: [Boolean, Number, String, Array], required: false, skipCheck: true },
|
|
88
92
|
borderTop: { type: [Boolean, Number, String], required: false },
|
|
89
93
|
borderLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -91,12 +95,20 @@ const props = defineProps({
|
|
|
91
95
|
borderRight: { type: [Boolean, Number, String], required: false },
|
|
92
96
|
borderBlock: { type: [Boolean, Number, String], required: false },
|
|
93
97
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
98
|
+
borderInlineStart: { type: [Boolean, Number, String], required: false },
|
|
99
|
+
borderInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
100
|
+
borderBlockStart: { type: [Boolean, Number, String], required: false },
|
|
101
|
+
borderBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
94
102
|
borderColor: { type: String, required: false },
|
|
95
103
|
borderStyle: { type: String, required: false },
|
|
96
104
|
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
97
105
|
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
98
106
|
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
99
107
|
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
108
|
+
borderInlineStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
109
|
+
borderInlineEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
110
|
+
borderBlockStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
111
|
+
borderBlockEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
100
112
|
elevation: { type: [Number, String], required: false },
|
|
101
113
|
size: { type: null, required: false, default: 240 },
|
|
102
114
|
padding: { type: [Boolean, Number, String], required: false },
|
|
@@ -106,13 +118,21 @@ const props = defineProps({
|
|
|
106
118
|
paddingRight: { type: [Boolean, Number, String], required: false },
|
|
107
119
|
paddingBlock: { type: [Boolean, Number, String], required: false },
|
|
108
120
|
paddingInline: { type: [Boolean, Number, String], required: false },
|
|
121
|
+
paddingInlineStart: { type: [Boolean, Number, String], required: false },
|
|
122
|
+
paddingInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
123
|
+
paddingBlockStart: { type: [Boolean, Number, String], required: false },
|
|
124
|
+
paddingBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
109
125
|
margin: { type: [Boolean, Number, String], required: false },
|
|
110
126
|
marginTop: { type: [Boolean, Number, String], required: false },
|
|
111
127
|
marginLeft: { type: [Boolean, Number, String], required: false },
|
|
112
128
|
marginBottom: { type: [Boolean, Number, String], required: false },
|
|
113
129
|
marginRight: { type: [Boolean, Number, String], required: false },
|
|
114
130
|
marginBlock: { type: [Boolean, Number, String], required: false },
|
|
115
|
-
marginInline: { type: [Boolean, Number, String], required: false }
|
|
131
|
+
marginInline: { type: [Boolean, Number, String], required: false },
|
|
132
|
+
marginInlineStart: { type: [Boolean, Number, String], required: false },
|
|
133
|
+
marginInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
134
|
+
marginBlockStart: { type: [Boolean, Number, String], required: false },
|
|
135
|
+
marginBlockEnd: { type: [Boolean, Number, String], required: false }
|
|
116
136
|
});
|
|
117
137
|
defineEmits([]);
|
|
118
138
|
defineSlots();
|
|
@@ -132,6 +132,10 @@ const props = defineProps({
|
|
|
132
132
|
paddingRight: { type: [Boolean, Number, String], required: false },
|
|
133
133
|
paddingBlock: { type: [Boolean, Number, String], required: false },
|
|
134
134
|
paddingInline: { type: [Boolean, Number, String], required: false },
|
|
135
|
+
paddingInlineStart: { type: [Boolean, Number, String], required: false },
|
|
136
|
+
paddingInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
137
|
+
paddingBlockStart: { type: [Boolean, Number, String], required: false },
|
|
138
|
+
paddingBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
135
139
|
margin: { type: [Boolean, Number, String], required: false },
|
|
136
140
|
marginTop: { type: [Boolean, Number, String], required: false },
|
|
137
141
|
marginLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -139,11 +143,19 @@ const props = defineProps({
|
|
|
139
143
|
marginRight: { type: [Boolean, Number, String], required: false },
|
|
140
144
|
marginBlock: { type: [Boolean, Number, String], required: false },
|
|
141
145
|
marginInline: { type: [Boolean, Number, String], required: false },
|
|
146
|
+
marginInlineStart: { type: [Boolean, Number, String], required: false },
|
|
147
|
+
marginInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
148
|
+
marginBlockStart: { type: [Boolean, Number, String], required: false },
|
|
149
|
+
marginBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
142
150
|
rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
|
|
143
151
|
roundedTopRight: { type: [Boolean, Number, String], required: false },
|
|
144
152
|
roundedTopLeft: { type: [Boolean, Number, String], required: false },
|
|
145
153
|
roundedBottomLeft: { type: [Boolean, Number, String], required: false },
|
|
146
154
|
roundedBottomRight: { type: [Boolean, Number, String], required: false },
|
|
155
|
+
roundedStartStart: { type: [Boolean, Number, String], required: false },
|
|
156
|
+
roundedStartEnd: { type: [Boolean, Number, String], required: false },
|
|
157
|
+
roundedEndStart: { type: [Boolean, Number, String], required: false },
|
|
158
|
+
roundedEndEnd: { type: [Boolean, Number, String], required: false },
|
|
147
159
|
color: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
148
160
|
bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
149
161
|
border: { type: [Boolean, Number, String, Array], required: false, skipCheck: true },
|
|
@@ -153,12 +165,20 @@ const props = defineProps({
|
|
|
153
165
|
borderRight: { type: [Boolean, Number, String], required: false },
|
|
154
166
|
borderBlock: { type: [Boolean, Number, String], required: false },
|
|
155
167
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
168
|
+
borderInlineStart: { type: [Boolean, Number, String], required: false },
|
|
169
|
+
borderInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
170
|
+
borderBlockStart: { type: [Boolean, Number, String], required: false },
|
|
171
|
+
borderBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
156
172
|
borderColor: { type: String, required: false },
|
|
157
173
|
borderStyle: { type: String, required: false },
|
|
158
174
|
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
159
175
|
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
160
176
|
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
161
177
|
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
178
|
+
borderInlineStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
179
|
+
borderInlineEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
180
|
+
borderBlockStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
181
|
+
borderBlockEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
162
182
|
elevation: { type: [Number, String], required: false },
|
|
163
183
|
height: { type: [Number, String], required: false },
|
|
164
184
|
maxHeight: { type: [Number, String], required: false },
|
|
@@ -77,17 +77,29 @@ const props = defineProps({
|
|
|
77
77
|
borderRight: { type: [Boolean, Number, String], required: false },
|
|
78
78
|
borderBlock: { type: [Boolean, Number, String], required: false },
|
|
79
79
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
80
|
+
borderInlineStart: { type: [Boolean, Number, String], required: false },
|
|
81
|
+
borderInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
82
|
+
borderBlockStart: { type: [Boolean, Number, String], required: false },
|
|
83
|
+
borderBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
80
84
|
borderColor: { type: String, required: false },
|
|
81
85
|
borderStyle: { type: String, required: false },
|
|
82
86
|
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
83
87
|
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
84
88
|
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
85
89
|
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
90
|
+
borderInlineStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
91
|
+
borderInlineEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
92
|
+
borderBlockStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
93
|
+
borderBlockEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
86
94
|
rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
|
|
87
95
|
roundedTopRight: { type: [Boolean, Number, String], required: false },
|
|
88
96
|
roundedTopLeft: { type: [Boolean, Number, String], required: false },
|
|
89
97
|
roundedBottomLeft: { type: [Boolean, Number, String], required: false },
|
|
90
98
|
roundedBottomRight: { type: [Boolean, Number, String], required: false },
|
|
99
|
+
roundedStartStart: { type: [Boolean, Number, String], required: false },
|
|
100
|
+
roundedStartEnd: { type: [Boolean, Number, String], required: false },
|
|
101
|
+
roundedEndStart: { type: [Boolean, Number, String], required: false },
|
|
102
|
+
roundedEndEnd: { type: [Boolean, Number, String], required: false },
|
|
91
103
|
elevation: { type: [Number, String], required: false },
|
|
92
104
|
ripple: { type: [Boolean, Object], required: false }
|
|
93
105
|
});
|
|
@@ -96,6 +96,10 @@ const props = defineProps({
|
|
|
96
96
|
paddingRight: { type: [Boolean, Number, String], required: false },
|
|
97
97
|
paddingBlock: { type: [Boolean, Number, String], required: false },
|
|
98
98
|
paddingInline: { type: [Boolean, Number, String], required: false },
|
|
99
|
+
paddingInlineStart: { type: [Boolean, Number, String], required: false },
|
|
100
|
+
paddingInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
101
|
+
paddingBlockStart: { type: [Boolean, Number, String], required: false },
|
|
102
|
+
paddingBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
99
103
|
margin: { type: [Boolean, Number, String], required: false },
|
|
100
104
|
marginTop: { type: [Boolean, Number, String], required: false },
|
|
101
105
|
marginLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -103,11 +107,19 @@ const props = defineProps({
|
|
|
103
107
|
marginRight: { type: [Boolean, Number, String], required: false },
|
|
104
108
|
marginBlock: { type: [Boolean, Number, String], required: false },
|
|
105
109
|
marginInline: { type: [Boolean, Number, String], required: false },
|
|
110
|
+
marginInlineStart: { type: [Boolean, Number, String], required: false },
|
|
111
|
+
marginInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
112
|
+
marginBlockStart: { type: [Boolean, Number, String], required: false },
|
|
113
|
+
marginBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
106
114
|
rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
|
|
107
115
|
roundedTopRight: { type: [Boolean, Number, String], required: false },
|
|
108
116
|
roundedTopLeft: { type: [Boolean, Number, String], required: false },
|
|
109
117
|
roundedBottomLeft: { type: [Boolean, Number, String], required: false },
|
|
110
118
|
roundedBottomRight: { type: [Boolean, Number, String], required: false },
|
|
119
|
+
roundedStartStart: { type: [Boolean, Number, String], required: false },
|
|
120
|
+
roundedStartEnd: { type: [Boolean, Number, String], required: false },
|
|
121
|
+
roundedEndStart: { type: [Boolean, Number, String], required: false },
|
|
122
|
+
roundedEndEnd: { type: [Boolean, Number, String], required: false },
|
|
111
123
|
color: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
112
124
|
bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
113
125
|
border: { type: [Boolean, Number, String, Array], required: false, skipCheck: true },
|
|
@@ -117,12 +129,20 @@ const props = defineProps({
|
|
|
117
129
|
borderRight: { type: [Boolean, Number, String], required: false },
|
|
118
130
|
borderBlock: { type: [Boolean, Number, String], required: false },
|
|
119
131
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
132
|
+
borderInlineStart: { type: [Boolean, Number, String], required: false },
|
|
133
|
+
borderInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
134
|
+
borderBlockStart: { type: [Boolean, Number, String], required: false },
|
|
135
|
+
borderBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
120
136
|
borderColor: { type: String, required: false },
|
|
121
137
|
borderStyle: { type: String, required: false },
|
|
122
138
|
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
123
139
|
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
124
140
|
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
125
141
|
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
142
|
+
borderInlineStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
143
|
+
borderInlineEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
144
|
+
borderBlockStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
145
|
+
borderBlockEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
126
146
|
elevation: { type: [Number, String], required: false },
|
|
127
147
|
height: { type: [Number, String], required: false },
|
|
128
148
|
maxHeight: { type: [Number, String], required: false },
|
|
@@ -219,6 +219,10 @@ const props = defineProps({
|
|
|
219
219
|
paddingRight: { type: [Boolean, Number, String], required: false },
|
|
220
220
|
paddingBlock: { type: [Boolean, Number, String], required: false },
|
|
221
221
|
paddingInline: { type: [Boolean, Number, String], required: false },
|
|
222
|
+
paddingInlineStart: { type: [Boolean, Number, String], required: false },
|
|
223
|
+
paddingInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
224
|
+
paddingBlockStart: { type: [Boolean, Number, String], required: false },
|
|
225
|
+
paddingBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
222
226
|
margin: { type: [Boolean, Number, String], required: false },
|
|
223
227
|
marginTop: { type: [Boolean, Number, String], required: false },
|
|
224
228
|
marginLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -226,11 +230,19 @@ const props = defineProps({
|
|
|
226
230
|
marginRight: { type: [Boolean, Number, String], required: false },
|
|
227
231
|
marginBlock: { type: [Boolean, Number, String], required: false },
|
|
228
232
|
marginInline: { type: [Boolean, Number, String], required: false },
|
|
233
|
+
marginInlineStart: { type: [Boolean, Number, String], required: false },
|
|
234
|
+
marginInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
235
|
+
marginBlockStart: { type: [Boolean, Number, String], required: false },
|
|
236
|
+
marginBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
229
237
|
rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
|
|
230
238
|
roundedTopRight: { type: [Boolean, Number, String], required: false },
|
|
231
239
|
roundedTopLeft: { type: [Boolean, Number, String], required: false },
|
|
232
240
|
roundedBottomLeft: { type: [Boolean, Number, String], required: false },
|
|
233
241
|
roundedBottomRight: { type: [Boolean, Number, String], required: false },
|
|
242
|
+
roundedStartStart: { type: [Boolean, Number, String], required: false },
|
|
243
|
+
roundedStartEnd: { type: [Boolean, Number, String], required: false },
|
|
244
|
+
roundedEndStart: { type: [Boolean, Number, String], required: false },
|
|
245
|
+
roundedEndEnd: { type: [Boolean, Number, String], required: false },
|
|
234
246
|
color: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
235
247
|
bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
236
248
|
border: { type: [Boolean, Number, String, Array], required: false, skipCheck: true },
|
|
@@ -240,12 +252,20 @@ const props = defineProps({
|
|
|
240
252
|
borderRight: { type: [Boolean, Number, String], required: false },
|
|
241
253
|
borderBlock: { type: [Boolean, Number, String], required: false },
|
|
242
254
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
255
|
+
borderInlineStart: { type: [Boolean, Number, String], required: false },
|
|
256
|
+
borderInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
257
|
+
borderBlockStart: { type: [Boolean, Number, String], required: false },
|
|
258
|
+
borderBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
243
259
|
borderColor: { type: String, required: false },
|
|
244
260
|
borderStyle: { type: String, required: false },
|
|
245
261
|
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
246
262
|
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
247
263
|
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
248
264
|
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
265
|
+
borderInlineStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
266
|
+
borderInlineEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
267
|
+
borderBlockStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
268
|
+
borderBlockEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
249
269
|
elevation: { type: [Number, String], required: false },
|
|
250
270
|
height: { type: [Number, String], required: false },
|
|
251
271
|
maxHeight: { type: [Number, String], required: false },
|
|
@@ -80,12 +80,20 @@ const props = defineProps({
|
|
|
80
80
|
borderRight: { type: [Boolean, Number, String], required: false },
|
|
81
81
|
borderBlock: { type: [Boolean, Number, String], required: false },
|
|
82
82
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
83
|
+
borderInlineStart: { type: [Boolean, Number, String], required: false },
|
|
84
|
+
borderInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
85
|
+
borderBlockStart: { type: [Boolean, Number, String], required: false },
|
|
86
|
+
borderBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
83
87
|
borderColor: { type: String, required: false },
|
|
84
88
|
borderStyle: { type: String, required: false },
|
|
85
89
|
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
86
90
|
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
87
91
|
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
88
92
|
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
93
|
+
borderInlineStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
94
|
+
borderInlineEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
95
|
+
borderBlockStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
96
|
+
borderBlockEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
89
97
|
padding: { type: [Boolean, Number, String], required: false },
|
|
90
98
|
paddingTop: { type: [Boolean, Number, String], required: false },
|
|
91
99
|
paddingLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -93,6 +101,10 @@ const props = defineProps({
|
|
|
93
101
|
paddingRight: { type: [Boolean, Number, String], required: false },
|
|
94
102
|
paddingBlock: { type: [Boolean, Number, String], required: false },
|
|
95
103
|
paddingInline: { type: [Boolean, Number, String], required: false },
|
|
104
|
+
paddingInlineStart: { type: [Boolean, Number, String], required: false },
|
|
105
|
+
paddingInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
106
|
+
paddingBlockStart: { type: [Boolean, Number, String], required: false },
|
|
107
|
+
paddingBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
96
108
|
margin: { type: [Boolean, Number, String], required: false },
|
|
97
109
|
marginTop: { type: [Boolean, Number, String], required: false },
|
|
98
110
|
marginLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -100,11 +112,19 @@ const props = defineProps({
|
|
|
100
112
|
marginRight: { type: [Boolean, Number, String], required: false },
|
|
101
113
|
marginBlock: { type: [Boolean, Number, String], required: false },
|
|
102
114
|
marginInline: { type: [Boolean, Number, String], required: false },
|
|
115
|
+
marginInlineStart: { type: [Boolean, Number, String], required: false },
|
|
116
|
+
marginInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
117
|
+
marginBlockStart: { type: [Boolean, Number, String], required: false },
|
|
118
|
+
marginBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
103
119
|
rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
|
|
104
120
|
roundedTopRight: { type: [Boolean, Number, String], required: false },
|
|
105
121
|
roundedTopLeft: { type: [Boolean, Number, String], required: false },
|
|
106
122
|
roundedBottomLeft: { type: [Boolean, Number, String], required: false },
|
|
107
123
|
roundedBottomRight: { type: [Boolean, Number, String], required: false },
|
|
124
|
+
roundedStartStart: { type: [Boolean, Number, String], required: false },
|
|
125
|
+
roundedStartEnd: { type: [Boolean, Number, String], required: false },
|
|
126
|
+
roundedEndStart: { type: [Boolean, Number, String], required: false },
|
|
127
|
+
roundedEndEnd: { type: [Boolean, Number, String], required: false },
|
|
108
128
|
elevation: { type: [Number, String], required: false }
|
|
109
129
|
});
|
|
110
130
|
const emits = defineEmits(["mouseenter", "mouseleave", "change", "keydown", "click"]);
|
|
@@ -43,6 +43,10 @@ const props = defineProps({
|
|
|
43
43
|
paddingRight: { type: [Boolean, Number, String], required: false },
|
|
44
44
|
paddingBlock: { type: [Boolean, Number, String], required: false },
|
|
45
45
|
paddingInline: { type: [Boolean, Number, String], required: false },
|
|
46
|
+
paddingInlineStart: { type: [Boolean, Number, String], required: false },
|
|
47
|
+
paddingInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
48
|
+
paddingBlockStart: { type: [Boolean, Number, String], required: false },
|
|
49
|
+
paddingBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
46
50
|
margin: { type: [Boolean, Number, String], required: false },
|
|
47
51
|
marginTop: { type: [Boolean, Number, String], required: false },
|
|
48
52
|
marginLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -50,6 +54,10 @@ const props = defineProps({
|
|
|
50
54
|
marginRight: { type: [Boolean, Number, String], required: false },
|
|
51
55
|
marginBlock: { type: [Boolean, Number, String], required: false },
|
|
52
56
|
marginInline: { type: [Boolean, Number, String], required: false },
|
|
57
|
+
marginInlineStart: { type: [Boolean, Number, String], required: false },
|
|
58
|
+
marginInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
59
|
+
marginBlockStart: { type: [Boolean, Number, String], required: false },
|
|
60
|
+
marginBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
53
61
|
border: { type: [Boolean, Number, String, Array], required: false, skipCheck: true },
|
|
54
62
|
borderTop: { type: [Boolean, Number, String], required: false },
|
|
55
63
|
borderLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -57,17 +65,29 @@ const props = defineProps({
|
|
|
57
65
|
borderRight: { type: [Boolean, Number, String], required: false },
|
|
58
66
|
borderBlock: { type: [Boolean, Number, String], required: false },
|
|
59
67
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
68
|
+
borderInlineStart: { type: [Boolean, Number, String], required: false },
|
|
69
|
+
borderInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
70
|
+
borderBlockStart: { type: [Boolean, Number, String], required: false },
|
|
71
|
+
borderBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
60
72
|
borderColor: { type: String, required: false },
|
|
61
73
|
borderStyle: { type: String, required: false },
|
|
62
74
|
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
63
75
|
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
64
76
|
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
65
77
|
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
78
|
+
borderInlineStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
79
|
+
borderInlineEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
80
|
+
borderBlockStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
81
|
+
borderBlockEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
66
82
|
rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
|
|
67
83
|
roundedTopRight: { type: [Boolean, Number, String], required: false },
|
|
68
84
|
roundedTopLeft: { type: [Boolean, Number, String], required: false },
|
|
69
85
|
roundedBottomLeft: { type: [Boolean, Number, String], required: false },
|
|
70
|
-
roundedBottomRight: { type: [Boolean, Number, String], required: false }
|
|
86
|
+
roundedBottomRight: { type: [Boolean, Number, String], required: false },
|
|
87
|
+
roundedStartStart: { type: [Boolean, Number, String], required: false },
|
|
88
|
+
roundedStartEnd: { type: [Boolean, Number, String], required: false },
|
|
89
|
+
roundedEndStart: { type: [Boolean, Number, String], required: false },
|
|
90
|
+
roundedEndEnd: { type: [Boolean, Number, String], required: false }
|
|
71
91
|
});
|
|
72
92
|
defineEmits([]);
|
|
73
93
|
defineSlots();
|
|
@@ -384,12 +384,20 @@ const props = defineProps({
|
|
|
384
384
|
borderRight: { type: [Boolean, Number, String], required: false },
|
|
385
385
|
borderBlock: { type: [Boolean, Number, String], required: false },
|
|
386
386
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
387
|
+
borderInlineStart: { type: [Boolean, Number, String], required: false },
|
|
388
|
+
borderInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
389
|
+
borderBlockStart: { type: [Boolean, Number, String], required: false },
|
|
390
|
+
borderBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
387
391
|
borderColor: { type: String, required: false },
|
|
388
392
|
borderStyle: { type: String, required: false },
|
|
389
393
|
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
390
394
|
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
391
395
|
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
392
396
|
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
397
|
+
borderInlineStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
398
|
+
borderInlineEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
399
|
+
borderBlockStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
400
|
+
borderBlockEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
393
401
|
focused: { type: Boolean, required: false },
|
|
394
402
|
text: { type: String, required: false },
|
|
395
403
|
floating: { type: Boolean, required: false },
|
|
@@ -401,6 +409,10 @@ const props = defineProps({
|
|
|
401
409
|
marginRight: { type: [Boolean, Number, String], required: false },
|
|
402
410
|
marginBlock: { type: [Boolean, Number, String], required: false },
|
|
403
411
|
marginInline: { type: [Boolean, Number, String], required: false },
|
|
412
|
+
marginInlineStart: { type: [Boolean, Number, String], required: false },
|
|
413
|
+
marginInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
414
|
+
marginBlockStart: { type: [Boolean, Number, String], required: false },
|
|
415
|
+
marginBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
404
416
|
padding: { type: [Boolean, Number, String], required: false },
|
|
405
417
|
paddingTop: { type: [Boolean, Number, String], required: false },
|
|
406
418
|
paddingLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -408,11 +420,19 @@ const props = defineProps({
|
|
|
408
420
|
paddingRight: { type: [Boolean, Number, String], required: false },
|
|
409
421
|
paddingBlock: { type: [Boolean, Number, String], required: false },
|
|
410
422
|
paddingInline: { type: [Boolean, Number, String], required: false },
|
|
423
|
+
paddingInlineStart: { type: [Boolean, Number, String], required: false },
|
|
424
|
+
paddingInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
425
|
+
paddingBlockStart: { type: [Boolean, Number, String], required: false },
|
|
426
|
+
paddingBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
411
427
|
rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true, default: true },
|
|
412
428
|
roundedTopRight: { type: [Boolean, Number, String], required: false },
|
|
413
429
|
roundedTopLeft: { type: [Boolean, Number, String], required: false },
|
|
414
430
|
roundedBottomLeft: { type: [Boolean, Number, String], required: false },
|
|
415
431
|
roundedBottomRight: { type: [Boolean, Number, String], required: false },
|
|
432
|
+
roundedStartStart: { type: [Boolean, Number, String], required: false },
|
|
433
|
+
roundedStartEnd: { type: [Boolean, Number, String], required: false },
|
|
434
|
+
roundedEndStart: { type: [Boolean, Number, String], required: false },
|
|
435
|
+
roundedEndEnd: { type: [Boolean, Number, String], required: false },
|
|
416
436
|
fontSize: { type: null, required: false },
|
|
417
437
|
fontWeight: { type: null, required: false },
|
|
418
438
|
lineHeight: { type: null, required: false },
|
|
@@ -113,17 +113,29 @@ const props = defineProps({
|
|
|
113
113
|
borderRight: { type: [Boolean, Number, String], required: false },
|
|
114
114
|
borderBlock: { type: [Boolean, Number, String], required: false },
|
|
115
115
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
116
|
+
borderInlineStart: { type: [Boolean, Number, String], required: false },
|
|
117
|
+
borderInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
118
|
+
borderBlockStart: { type: [Boolean, Number, String], required: false },
|
|
119
|
+
borderBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
116
120
|
borderColor: { type: String, required: false },
|
|
117
121
|
borderStyle: { type: String, required: false },
|
|
118
122
|
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
119
123
|
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
120
124
|
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
121
125
|
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
126
|
+
borderInlineStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
127
|
+
borderInlineEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
128
|
+
borderBlockStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
129
|
+
borderBlockEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
122
130
|
rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
|
|
123
131
|
roundedTopRight: { type: [Boolean, Number, String], required: false },
|
|
124
132
|
roundedTopLeft: { type: [Boolean, Number, String], required: false },
|
|
125
133
|
roundedBottomLeft: { type: [Boolean, Number, String], required: false },
|
|
126
134
|
roundedBottomRight: { type: [Boolean, Number, String], required: false },
|
|
135
|
+
roundedStartStart: { type: [Boolean, Number, String], required: false },
|
|
136
|
+
roundedStartEnd: { type: [Boolean, Number, String], required: false },
|
|
137
|
+
roundedEndStart: { type: [Boolean, Number, String], required: false },
|
|
138
|
+
roundedEndEnd: { type: [Boolean, Number, String], required: false },
|
|
127
139
|
elevation: { type: [Number, String], required: false },
|
|
128
140
|
ripple: { type: [Boolean, Object], required: false }
|
|
129
141
|
});
|