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
|
@@ -37,6 +37,10 @@ const props = defineProps({
|
|
|
37
37
|
paddingRight: { type: [Boolean, Number, String], required: false },
|
|
38
38
|
paddingBlock: { type: [Boolean, Number, String], required: false },
|
|
39
39
|
paddingInline: { type: [Boolean, Number, String], required: false },
|
|
40
|
+
paddingInlineStart: { type: [Boolean, Number, String], required: false },
|
|
41
|
+
paddingInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
42
|
+
paddingBlockStart: { type: [Boolean, Number, String], required: false },
|
|
43
|
+
paddingBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
40
44
|
margin: { type: [Boolean, Number, String], required: false },
|
|
41
45
|
marginTop: { type: [Boolean, Number, String], required: false },
|
|
42
46
|
marginLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -44,6 +48,10 @@ const props = defineProps({
|
|
|
44
48
|
marginRight: { type: [Boolean, Number, String], required: false },
|
|
45
49
|
marginBlock: { type: [Boolean, Number, String], required: false },
|
|
46
50
|
marginInline: { type: [Boolean, Number, String], required: false },
|
|
51
|
+
marginInlineStart: { type: [Boolean, Number, String], required: false },
|
|
52
|
+
marginInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
53
|
+
marginBlockStart: { type: [Boolean, Number, String], required: false },
|
|
54
|
+
marginBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
47
55
|
border: { type: [Boolean, Number, String, Array], required: false, skipCheck: true },
|
|
48
56
|
borderTop: { type: [Boolean, Number, String], required: false },
|
|
49
57
|
borderLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -51,12 +59,20 @@ const props = defineProps({
|
|
|
51
59
|
borderRight: { type: [Boolean, Number, String], required: false },
|
|
52
60
|
borderBlock: { type: [Boolean, Number, String], required: false },
|
|
53
61
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
62
|
+
borderInlineStart: { type: [Boolean, Number, String], required: false },
|
|
63
|
+
borderInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
64
|
+
borderBlockStart: { type: [Boolean, Number, String], required: false },
|
|
65
|
+
borderBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
54
66
|
borderColor: { type: String, required: false },
|
|
55
67
|
borderStyle: { type: String, required: false },
|
|
56
68
|
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
57
69
|
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
58
70
|
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
59
71
|
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
72
|
+
borderInlineStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
73
|
+
borderInlineEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
74
|
+
borderBlockStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
75
|
+
borderBlockEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
60
76
|
height: { type: [Number, String], required: false },
|
|
61
77
|
maxHeight: { type: [Number, String], required: false },
|
|
62
78
|
maxWidth: { type: [Number, String], required: false },
|
|
@@ -67,7 +83,11 @@ const props = defineProps({
|
|
|
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
|
const { filterProps } = useProps(props);
|
|
73
93
|
defineEmits([]);
|
|
@@ -44,6 +44,10 @@ const props = defineProps({
|
|
|
44
44
|
paddingRight: { type: [Boolean, Number, String], required: false },
|
|
45
45
|
paddingBlock: { type: [Boolean, Number, String], required: false },
|
|
46
46
|
paddingInline: { type: [Boolean, Number, String], required: false },
|
|
47
|
+
paddingInlineStart: { type: [Boolean, Number, String], required: false },
|
|
48
|
+
paddingInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
49
|
+
paddingBlockStart: { type: [Boolean, Number, String], required: false },
|
|
50
|
+
paddingBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
47
51
|
margin: { type: [Boolean, Number, String], required: false },
|
|
48
52
|
marginTop: { type: [Boolean, Number, String], required: false },
|
|
49
53
|
marginLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -51,6 +55,10 @@ const props = defineProps({
|
|
|
51
55
|
marginRight: { type: [Boolean, Number, String], required: false },
|
|
52
56
|
marginBlock: { type: [Boolean, Number, String], required: false },
|
|
53
57
|
marginInline: { type: [Boolean, Number, String], required: false },
|
|
58
|
+
marginInlineStart: { type: [Boolean, Number, String], required: false },
|
|
59
|
+
marginInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
60
|
+
marginBlockStart: { type: [Boolean, Number, String], required: false },
|
|
61
|
+
marginBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
54
62
|
border: { type: [Boolean, Number, String, Array], required: false, skipCheck: true },
|
|
55
63
|
borderTop: { type: [Boolean, Number, String], required: false },
|
|
56
64
|
borderLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -58,12 +66,20 @@ const props = defineProps({
|
|
|
58
66
|
borderRight: { type: [Boolean, Number, String], required: false },
|
|
59
67
|
borderBlock: { type: [Boolean, Number, String], required: false },
|
|
60
68
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
69
|
+
borderInlineStart: { type: [Boolean, Number, String], required: false },
|
|
70
|
+
borderInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
71
|
+
borderBlockStart: { type: [Boolean, Number, String], required: false },
|
|
72
|
+
borderBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
61
73
|
borderColor: { type: String, required: false },
|
|
62
74
|
borderStyle: { type: String, required: false },
|
|
63
75
|
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
64
76
|
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
65
77
|
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
66
78
|
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
79
|
+
borderInlineStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
80
|
+
borderInlineEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
81
|
+
borderBlockStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
82
|
+
borderBlockEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
67
83
|
height: { type: [Number, String], required: false },
|
|
68
84
|
maxHeight: { type: [Number, String], required: false },
|
|
69
85
|
maxWidth: { type: [Number, String], required: false },
|
|
@@ -74,7 +90,11 @@ const props = defineProps({
|
|
|
74
90
|
roundedTopRight: { type: [Boolean, Number, String], required: false },
|
|
75
91
|
roundedTopLeft: { type: [Boolean, Number, String], required: false },
|
|
76
92
|
roundedBottomLeft: { type: [Boolean, Number, String], required: false },
|
|
77
|
-
roundedBottomRight: { type: [Boolean, Number, String], required: false }
|
|
93
|
+
roundedBottomRight: { type: [Boolean, Number, String], required: false },
|
|
94
|
+
roundedStartStart: { type: [Boolean, Number, String], required: false },
|
|
95
|
+
roundedStartEnd: { type: [Boolean, Number, String], required: false },
|
|
96
|
+
roundedEndStart: { type: [Boolean, Number, String], required: false },
|
|
97
|
+
roundedEndEnd: { type: [Boolean, Number, String], required: false }
|
|
78
98
|
});
|
|
79
99
|
const { filterProps } = useProps(props);
|
|
80
100
|
defineEmits([]);
|
|
@@ -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,12 +65,20 @@ 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
|
height: { type: [Number, String], required: false },
|
|
67
83
|
maxHeight: { type: [Number, String], required: false },
|
|
68
84
|
maxWidth: { type: [Number, String], required: false },
|
|
@@ -73,7 +89,11 @@ const props = defineProps({
|
|
|
73
89
|
roundedTopRight: { type: [Boolean, Number, String], required: false },
|
|
74
90
|
roundedTopLeft: { type: [Boolean, Number, String], required: false },
|
|
75
91
|
roundedBottomLeft: { type: [Boolean, Number, String], required: false },
|
|
76
|
-
roundedBottomRight: { type: [Boolean, Number, String], required: false }
|
|
92
|
+
roundedBottomRight: { type: [Boolean, Number, String], required: false },
|
|
93
|
+
roundedStartStart: { type: [Boolean, Number, String], required: false },
|
|
94
|
+
roundedStartEnd: { type: [Boolean, Number, String], required: false },
|
|
95
|
+
roundedEndStart: { type: [Boolean, Number, String], required: false },
|
|
96
|
+
roundedEndEnd: { type: [Boolean, Number, String], required: false }
|
|
77
97
|
});
|
|
78
98
|
const { filterProps } = useProps(props);
|
|
79
99
|
defineEmits([]);
|
|
@@ -39,6 +39,10 @@ const props = defineProps({
|
|
|
39
39
|
paddingRight: { type: [Boolean, Number, String], required: false },
|
|
40
40
|
paddingBlock: { type: [Boolean, Number, String], required: false },
|
|
41
41
|
paddingInline: { type: [Boolean, Number, String], required: false },
|
|
42
|
+
paddingInlineStart: { type: [Boolean, Number, String], required: false },
|
|
43
|
+
paddingInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
44
|
+
paddingBlockStart: { type: [Boolean, Number, String], required: false },
|
|
45
|
+
paddingBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
42
46
|
margin: { type: [Boolean, Number, String], required: false },
|
|
43
47
|
marginTop: { type: [Boolean, Number, String], required: false },
|
|
44
48
|
marginLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -46,6 +50,10 @@ const props = defineProps({
|
|
|
46
50
|
marginRight: { type: [Boolean, Number, String], required: false },
|
|
47
51
|
marginBlock: { type: [Boolean, Number, String], required: false },
|
|
48
52
|
marginInline: { type: [Boolean, Number, String], required: false },
|
|
53
|
+
marginInlineStart: { type: [Boolean, Number, String], required: false },
|
|
54
|
+
marginInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
55
|
+
marginBlockStart: { type: [Boolean, Number, String], required: false },
|
|
56
|
+
marginBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
49
57
|
border: { type: [Boolean, Number, String, Array], required: false, skipCheck: true },
|
|
50
58
|
borderTop: { type: [Boolean, Number, String], required: false },
|
|
51
59
|
borderLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -53,12 +61,20 @@ const props = defineProps({
|
|
|
53
61
|
borderRight: { type: [Boolean, Number, String], required: false },
|
|
54
62
|
borderBlock: { type: [Boolean, Number, String], required: false },
|
|
55
63
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
64
|
+
borderInlineStart: { type: [Boolean, Number, String], required: false },
|
|
65
|
+
borderInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
66
|
+
borderBlockStart: { type: [Boolean, Number, String], required: false },
|
|
67
|
+
borderBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
56
68
|
borderColor: { type: String, required: false },
|
|
57
69
|
borderStyle: { type: String, required: false },
|
|
58
70
|
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
59
71
|
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
60
72
|
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
61
73
|
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
74
|
+
borderInlineStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
75
|
+
borderInlineEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
76
|
+
borderBlockStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
77
|
+
borderBlockEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
62
78
|
height: { type: [Number, String], required: false },
|
|
63
79
|
maxHeight: { type: [Number, String], required: false },
|
|
64
80
|
maxWidth: { type: [Number, String], required: false },
|
|
@@ -69,7 +85,11 @@ const props = defineProps({
|
|
|
69
85
|
roundedTopRight: { type: [Boolean, Number, String], required: false },
|
|
70
86
|
roundedTopLeft: { type: [Boolean, Number, String], required: false },
|
|
71
87
|
roundedBottomLeft: { type: [Boolean, Number, String], required: false },
|
|
72
|
-
roundedBottomRight: { type: [Boolean, Number, String], required: false }
|
|
88
|
+
roundedBottomRight: { type: [Boolean, Number, String], required: false },
|
|
89
|
+
roundedStartStart: { type: [Boolean, Number, String], required: false },
|
|
90
|
+
roundedStartEnd: { type: [Boolean, Number, String], required: false },
|
|
91
|
+
roundedEndStart: { type: [Boolean, Number, String], required: false },
|
|
92
|
+
roundedEndEnd: { type: [Boolean, Number, String], required: false }
|
|
73
93
|
});
|
|
74
94
|
const { filterProps } = useProps(props);
|
|
75
95
|
defineEmits([]);
|
|
@@ -64,6 +64,10 @@ const props = defineProps({
|
|
|
64
64
|
paddingRight: { type: [Boolean, Number, String], required: false },
|
|
65
65
|
paddingBlock: { type: [Boolean, Number, String], required: false },
|
|
66
66
|
paddingInline: { type: [Boolean, Number, String], required: false },
|
|
67
|
+
paddingInlineStart: { type: [Boolean, Number, String], required: false },
|
|
68
|
+
paddingInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
69
|
+
paddingBlockStart: { type: [Boolean, Number, String], required: false },
|
|
70
|
+
paddingBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
67
71
|
margin: { type: [Boolean, Number, String], required: false },
|
|
68
72
|
marginTop: { type: [Boolean, Number, String], required: false },
|
|
69
73
|
marginLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -71,6 +75,10 @@ const props = defineProps({
|
|
|
71
75
|
marginRight: { type: [Boolean, Number, String], required: false },
|
|
72
76
|
marginBlock: { type: [Boolean, Number, String], required: false },
|
|
73
77
|
marginInline: { type: [Boolean, Number, String], required: false },
|
|
78
|
+
marginInlineStart: { type: [Boolean, Number, String], required: false },
|
|
79
|
+
marginInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
80
|
+
marginBlockStart: { type: [Boolean, Number, String], required: false },
|
|
81
|
+
marginBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
74
82
|
border: { type: [Boolean, Number, String, Array], required: false, skipCheck: true },
|
|
75
83
|
borderTop: { type: [Boolean, Number, String], required: false },
|
|
76
84
|
borderLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -78,12 +86,20 @@ const props = defineProps({
|
|
|
78
86
|
borderRight: { type: [Boolean, Number, String], required: false },
|
|
79
87
|
borderBlock: { type: [Boolean, Number, String], required: false },
|
|
80
88
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
89
|
+
borderInlineStart: { type: [Boolean, Number, String], required: false },
|
|
90
|
+
borderInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
91
|
+
borderBlockStart: { type: [Boolean, Number, String], required: false },
|
|
92
|
+
borderBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
81
93
|
borderColor: { type: String, required: false },
|
|
82
94
|
borderStyle: { type: String, required: false },
|
|
83
95
|
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
84
96
|
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
85
97
|
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
86
98
|
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
99
|
+
borderInlineStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
100
|
+
borderInlineEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
101
|
+
borderBlockStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
102
|
+
borderBlockEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
87
103
|
height: { type: [Number, String], required: false },
|
|
88
104
|
maxHeight: { type: [Number, String], required: false },
|
|
89
105
|
maxWidth: { type: [Number, String], required: false },
|
|
@@ -94,7 +110,11 @@ const props = defineProps({
|
|
|
94
110
|
roundedTopRight: { type: [Boolean, Number, String], required: false },
|
|
95
111
|
roundedTopLeft: { type: [Boolean, Number, String], required: false },
|
|
96
112
|
roundedBottomLeft: { type: [Boolean, Number, String], required: false },
|
|
97
|
-
roundedBottomRight: { type: [Boolean, Number, String], required: false }
|
|
113
|
+
roundedBottomRight: { type: [Boolean, Number, String], required: false },
|
|
114
|
+
roundedStartStart: { type: [Boolean, Number, String], required: false },
|
|
115
|
+
roundedStartEnd: { type: [Boolean, Number, String], required: false },
|
|
116
|
+
roundedEndStart: { type: [Boolean, Number, String], required: false },
|
|
117
|
+
roundedEndEnd: { type: [Boolean, Number, String], required: false }
|
|
98
118
|
});
|
|
99
119
|
const { filterProps } = useProps(props);
|
|
100
120
|
defineEmits([]);
|
|
@@ -140,6 +140,10 @@ const props = defineProps({
|
|
|
140
140
|
paddingRight: { type: [Boolean, Number, String], required: false },
|
|
141
141
|
paddingBlock: { type: [Boolean, Number, String], required: false },
|
|
142
142
|
paddingInline: { type: [Boolean, Number, String], required: false },
|
|
143
|
+
paddingInlineStart: { type: [Boolean, Number, String], required: false },
|
|
144
|
+
paddingInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
145
|
+
paddingBlockStart: { type: [Boolean, Number, String], required: false },
|
|
146
|
+
paddingBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
143
147
|
margin: { type: [Boolean, Number, String], required: false },
|
|
144
148
|
marginTop: { type: [Boolean, Number, String], required: false },
|
|
145
149
|
marginLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -147,6 +151,10 @@ const props = defineProps({
|
|
|
147
151
|
marginRight: { type: [Boolean, Number, String], required: false },
|
|
148
152
|
marginBlock: { type: [Boolean, Number, String], required: false },
|
|
149
153
|
marginInline: { type: [Boolean, Number, String], required: false },
|
|
154
|
+
marginInlineStart: { type: [Boolean, Number, String], required: false },
|
|
155
|
+
marginInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
156
|
+
marginBlockStart: { type: [Boolean, Number, String], required: false },
|
|
157
|
+
marginBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
150
158
|
border: { type: [Boolean, Number, String, Array], required: false, skipCheck: true },
|
|
151
159
|
borderTop: { type: [Boolean, Number, String], required: false },
|
|
152
160
|
borderLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -154,17 +162,29 @@ const props = defineProps({
|
|
|
154
162
|
borderRight: { type: [Boolean, Number, String], required: false },
|
|
155
163
|
borderBlock: { type: [Boolean, Number, String], required: false },
|
|
156
164
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
165
|
+
borderInlineStart: { type: [Boolean, Number, String], required: false },
|
|
166
|
+
borderInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
167
|
+
borderBlockStart: { type: [Boolean, Number, String], required: false },
|
|
168
|
+
borderBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
157
169
|
borderColor: { type: String, required: false },
|
|
158
170
|
borderStyle: { type: String, required: false },
|
|
159
171
|
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
160
172
|
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
161
173
|
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
162
174
|
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
175
|
+
borderInlineStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
176
|
+
borderInlineEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
177
|
+
borderBlockStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
178
|
+
borderBlockEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
163
179
|
rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
|
|
164
180
|
roundedTopRight: { type: [Boolean, Number, String], required: false },
|
|
165
181
|
roundedTopLeft: { type: [Boolean, Number, String], required: false },
|
|
166
182
|
roundedBottomLeft: { type: [Boolean, Number, String], required: false },
|
|
167
183
|
roundedBottomRight: { type: [Boolean, Number, String], required: false },
|
|
184
|
+
roundedStartStart: { type: [Boolean, Number, String], required: false },
|
|
185
|
+
roundedStartEnd: { type: [Boolean, Number, String], required: false },
|
|
186
|
+
roundedEndStart: { type: [Boolean, Number, String], required: false },
|
|
187
|
+
roundedEndEnd: { type: [Boolean, Number, String], required: false },
|
|
168
188
|
transition: { type: [Boolean, String, Object], required: false },
|
|
169
189
|
eager: { type: Boolean, required: false }
|
|
170
190
|
});
|
|
@@ -139,6 +139,10 @@ const props = defineProps({
|
|
|
139
139
|
paddingRight: { type: [Boolean, Number, String], required: false },
|
|
140
140
|
paddingBlock: { type: [Boolean, Number, String], required: false },
|
|
141
141
|
paddingInline: { type: [Boolean, Number, String], required: false },
|
|
142
|
+
paddingInlineStart: { type: [Boolean, Number, String], required: false },
|
|
143
|
+
paddingInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
144
|
+
paddingBlockStart: { type: [Boolean, Number, String], required: false },
|
|
145
|
+
paddingBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
142
146
|
margin: { type: [Boolean, Number, String], required: false },
|
|
143
147
|
marginTop: { type: [Boolean, Number, String], required: false },
|
|
144
148
|
marginLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -146,11 +150,19 @@ const props = defineProps({
|
|
|
146
150
|
marginRight: { type: [Boolean, Number, String], required: false },
|
|
147
151
|
marginBlock: { type: [Boolean, Number, String], required: false },
|
|
148
152
|
marginInline: { type: [Boolean, Number, String], required: false },
|
|
153
|
+
marginInlineStart: { type: [Boolean, Number, String], required: false },
|
|
154
|
+
marginInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
155
|
+
marginBlockStart: { type: [Boolean, Number, String], required: false },
|
|
156
|
+
marginBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
149
157
|
rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
|
|
150
158
|
roundedTopRight: { type: [Boolean, Number, String], required: false },
|
|
151
159
|
roundedTopLeft: { type: [Boolean, Number, String], required: false },
|
|
152
160
|
roundedBottomLeft: { type: [Boolean, Number, String], required: false },
|
|
153
161
|
roundedBottomRight: { type: [Boolean, Number, String], required: false },
|
|
162
|
+
roundedStartStart: { type: [Boolean, Number, String], required: false },
|
|
163
|
+
roundedStartEnd: { type: [Boolean, Number, String], required: false },
|
|
164
|
+
roundedEndStart: { type: [Boolean, Number, String], required: false },
|
|
165
|
+
roundedEndEnd: { type: [Boolean, Number, String], required: false },
|
|
154
166
|
color: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
155
167
|
bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
156
168
|
border: { type: [Boolean, Number, String, Array], required: false, skipCheck: true },
|
|
@@ -160,12 +172,20 @@ const props = defineProps({
|
|
|
160
172
|
borderRight: { type: [Boolean, Number, String], required: false },
|
|
161
173
|
borderBlock: { type: [Boolean, Number, String], required: false },
|
|
162
174
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
175
|
+
borderInlineStart: { type: [Boolean, Number, String], required: false },
|
|
176
|
+
borderInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
177
|
+
borderBlockStart: { type: [Boolean, Number, String], required: false },
|
|
178
|
+
borderBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
163
179
|
borderColor: { type: String, required: false },
|
|
164
180
|
borderStyle: { type: String, required: false },
|
|
165
181
|
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
166
182
|
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
167
183
|
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
168
184
|
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
185
|
+
borderInlineStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
186
|
+
borderInlineEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
187
|
+
borderBlockStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
188
|
+
borderBlockEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
169
189
|
elevation: { type: [Number, String], required: false },
|
|
170
190
|
height: { type: [Number, String], required: false },
|
|
171
191
|
maxHeight: { type: [Number, String], required: false },
|
|
@@ -59,18 +59,30 @@ const props = defineProps({
|
|
|
59
59
|
borderRight: { type: [Boolean, Number, String], required: false },
|
|
60
60
|
borderBlock: { type: [Boolean, Number, String], required: false },
|
|
61
61
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
62
|
+
borderInlineStart: { type: [Boolean, Number, String], required: false },
|
|
63
|
+
borderInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
64
|
+
borderBlockStart: { type: [Boolean, Number, String], required: false },
|
|
65
|
+
borderBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
62
66
|
borderColor: { type: String, required: false },
|
|
63
67
|
borderStyle: { type: String, required: false },
|
|
64
68
|
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
65
69
|
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
66
70
|
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
67
71
|
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
72
|
+
borderInlineStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
73
|
+
borderInlineEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
74
|
+
borderBlockStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
75
|
+
borderBlockEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
68
76
|
elevation: { type: [Number, String], required: false },
|
|
69
77
|
rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
|
|
70
78
|
roundedTopRight: { type: [Boolean, Number, String], required: false },
|
|
71
79
|
roundedTopLeft: { type: [Boolean, Number, String], required: false },
|
|
72
80
|
roundedBottomLeft: { type: [Boolean, Number, String], required: false },
|
|
73
81
|
roundedBottomRight: { type: [Boolean, Number, String], required: false },
|
|
82
|
+
roundedStartStart: { type: [Boolean, Number, String], required: false },
|
|
83
|
+
roundedStartEnd: { type: [Boolean, Number, String], required: false },
|
|
84
|
+
roundedEndStart: { type: [Boolean, Number, String], required: false },
|
|
85
|
+
roundedEndEnd: { type: [Boolean, Number, String], required: false },
|
|
74
86
|
fontFamily: { type: null, required: false },
|
|
75
87
|
fontSize: { type: null, required: false },
|
|
76
88
|
fontWeight: { type: null, required: false }
|
|
@@ -41,6 +41,10 @@ const props = defineProps({
|
|
|
41
41
|
marginRight: { type: [Boolean, Number, String], required: false },
|
|
42
42
|
marginBlock: { type: [Boolean, Number, String], required: false },
|
|
43
43
|
marginInline: { type: [Boolean, Number, String], required: false },
|
|
44
|
+
marginInlineStart: { type: [Boolean, Number, String], required: false },
|
|
45
|
+
marginInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
46
|
+
marginBlockStart: { type: [Boolean, Number, String], required: false },
|
|
47
|
+
marginBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
44
48
|
padding: { type: [Boolean, Number, String], required: false },
|
|
45
49
|
paddingTop: { type: [Boolean, Number, String], required: false },
|
|
46
50
|
paddingLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -48,6 +52,10 @@ const props = defineProps({
|
|
|
48
52
|
paddingRight: { type: [Boolean, Number, String], required: false },
|
|
49
53
|
paddingBlock: { type: [Boolean, Number, String], required: false },
|
|
50
54
|
paddingInline: { type: [Boolean, Number, String], required: false },
|
|
55
|
+
paddingInlineStart: { type: [Boolean, Number, String], required: false },
|
|
56
|
+
paddingInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
57
|
+
paddingBlockStart: { type: [Boolean, Number, String], required: false },
|
|
58
|
+
paddingBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
51
59
|
border: { type: [Boolean, Number, String, Array], required: false, skipCheck: true },
|
|
52
60
|
borderTop: { type: [Boolean, Number, String], required: false },
|
|
53
61
|
borderLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -55,17 +63,29 @@ const props = defineProps({
|
|
|
55
63
|
borderRight: { type: [Boolean, Number, String], required: false },
|
|
56
64
|
borderBlock: { type: [Boolean, Number, String], required: false },
|
|
57
65
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
66
|
+
borderInlineStart: { type: [Boolean, Number, String], required: false },
|
|
67
|
+
borderInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
68
|
+
borderBlockStart: { type: [Boolean, Number, String], required: false },
|
|
69
|
+
borderBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
58
70
|
borderColor: { type: String, required: false },
|
|
59
71
|
borderStyle: { type: String, required: false },
|
|
60
72
|
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
61
73
|
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
62
74
|
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
63
75
|
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
76
|
+
borderInlineStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
77
|
+
borderInlineEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
78
|
+
borderBlockStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
79
|
+
borderBlockEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
64
80
|
rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
|
|
65
81
|
roundedTopRight: { type: [Boolean, Number, String], required: false },
|
|
66
82
|
roundedTopLeft: { type: [Boolean, Number, String], required: false },
|
|
67
83
|
roundedBottomLeft: { type: [Boolean, Number, String], required: false },
|
|
68
84
|
roundedBottomRight: { type: [Boolean, Number, String], required: false },
|
|
85
|
+
roundedStartStart: { type: [Boolean, Number, String], required: false },
|
|
86
|
+
roundedStartEnd: { type: [Boolean, Number, String], required: false },
|
|
87
|
+
roundedEndStart: { type: [Boolean, Number, String], required: false },
|
|
88
|
+
roundedEndEnd: { type: [Boolean, Number, String], required: false },
|
|
69
89
|
color: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
70
90
|
bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
71
91
|
tag: { type: String, required: false, default: "label" },
|
|
@@ -45,6 +45,10 @@ const props = defineProps({
|
|
|
45
45
|
marginRight: { type: [Boolean, Number, String], required: false },
|
|
46
46
|
marginBlock: { type: [Boolean, Number, String], required: false },
|
|
47
47
|
marginInline: { type: [Boolean, Number, String], required: false },
|
|
48
|
+
marginInlineStart: { type: [Boolean, Number, String], required: false },
|
|
49
|
+
marginInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
50
|
+
marginBlockStart: { type: [Boolean, Number, String], required: false },
|
|
51
|
+
marginBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
48
52
|
padding: { type: [Boolean, Number, String], required: false },
|
|
49
53
|
paddingTop: { type: [Boolean, Number, String], required: false },
|
|
50
54
|
paddingLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -52,11 +56,19 @@ const props = defineProps({
|
|
|
52
56
|
paddingRight: { type: [Boolean, Number, String], required: false },
|
|
53
57
|
paddingBlock: { type: [Boolean, Number, String], required: false },
|
|
54
58
|
paddingInline: { type: [Boolean, Number, String], required: false },
|
|
59
|
+
paddingInlineStart: { type: [Boolean, Number, String], required: false },
|
|
60
|
+
paddingInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
61
|
+
paddingBlockStart: { type: [Boolean, Number, String], required: false },
|
|
62
|
+
paddingBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
55
63
|
rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
|
|
56
64
|
roundedTopRight: { type: [Boolean, Number, String], required: false },
|
|
57
65
|
roundedTopLeft: { type: [Boolean, Number, String], required: false },
|
|
58
66
|
roundedBottomLeft: { type: [Boolean, Number, String], required: false },
|
|
59
67
|
roundedBottomRight: { type: [Boolean, Number, String], required: false },
|
|
68
|
+
roundedStartStart: { type: [Boolean, Number, String], required: false },
|
|
69
|
+
roundedStartEnd: { type: [Boolean, Number, String], required: false },
|
|
70
|
+
roundedEndStart: { type: [Boolean, Number, String], required: false },
|
|
71
|
+
roundedEndEnd: { type: [Boolean, Number, String], required: false },
|
|
60
72
|
elevation: { type: [Number, String], required: false },
|
|
61
73
|
bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
62
74
|
color: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
@@ -67,12 +79,20 @@ const props = defineProps({
|
|
|
67
79
|
borderRight: { type: [Boolean, Number, String], required: false },
|
|
68
80
|
borderBlock: { type: [Boolean, Number, String], required: false },
|
|
69
81
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
82
|
+
borderInlineStart: { type: [Boolean, Number, String], required: false },
|
|
83
|
+
borderInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
84
|
+
borderBlockStart: { type: [Boolean, Number, String], required: false },
|
|
85
|
+
borderBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
70
86
|
borderColor: { type: String, required: false },
|
|
71
87
|
borderStyle: { type: String, required: false },
|
|
72
88
|
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
73
89
|
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
74
90
|
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
75
|
-
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true }
|
|
91
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
92
|
+
borderInlineStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
93
|
+
borderInlineEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
94
|
+
borderBlockStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
95
|
+
borderBlockEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true }
|
|
76
96
|
});
|
|
77
97
|
const { filterProps } = useProps(props);
|
|
78
98
|
defineEmits([]);
|
|
@@ -130,12 +130,20 @@ const props = defineProps({
|
|
|
130
130
|
borderRight: { type: [Boolean, Number, String], required: false },
|
|
131
131
|
borderBlock: { type: [Boolean, Number, String], required: false },
|
|
132
132
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
133
|
+
borderInlineStart: { type: [Boolean, Number, String], required: false },
|
|
134
|
+
borderInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
135
|
+
borderBlockStart: { type: [Boolean, Number, String], required: false },
|
|
136
|
+
borderBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
133
137
|
borderColor: { type: String, required: false },
|
|
134
138
|
borderStyle: { type: String, required: false },
|
|
135
139
|
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
136
140
|
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
137
141
|
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
138
142
|
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
143
|
+
borderInlineStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
144
|
+
borderInlineEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
145
|
+
borderBlockStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
146
|
+
borderBlockEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
139
147
|
density: { type: null, required: false, default: DENSITY.DEFAULT },
|
|
140
148
|
size: { type: null, required: false },
|
|
141
149
|
rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
|
|
@@ -143,6 +151,10 @@ const props = defineProps({
|
|
|
143
151
|
roundedTopLeft: { type: [Boolean, Number, String], required: false },
|
|
144
152
|
roundedBottomLeft: { type: [Boolean, Number, String], required: false },
|
|
145
153
|
roundedBottomRight: { type: [Boolean, Number, String], required: false },
|
|
154
|
+
roundedStartStart: { type: [Boolean, Number, String], required: false },
|
|
155
|
+
roundedStartEnd: { type: [Boolean, Number, String], required: false },
|
|
156
|
+
roundedEndStart: { type: [Boolean, Number, String], required: false },
|
|
157
|
+
roundedEndEnd: { type: [Boolean, Number, String], required: false },
|
|
146
158
|
height: { type: [Number, String], required: false },
|
|
147
159
|
maxHeight: { type: [Number, String], required: false },
|
|
148
160
|
maxWidth: { type: [Number, String], required: false },
|
|
@@ -170,13 +182,21 @@ const props = defineProps({
|
|
|
170
182
|
paddingRight: { type: [Boolean, Number, String], required: false },
|
|
171
183
|
paddingBlock: { type: [Boolean, Number, String], required: false },
|
|
172
184
|
paddingInline: { type: [Boolean, Number, String], required: false },
|
|
185
|
+
paddingInlineStart: { type: [Boolean, Number, String], required: false },
|
|
186
|
+
paddingInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
187
|
+
paddingBlockStart: { type: [Boolean, Number, String], required: false },
|
|
188
|
+
paddingBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
173
189
|
margin: { type: [Boolean, Number, String], required: false },
|
|
174
190
|
marginTop: { type: [Boolean, Number, String], required: false },
|
|
175
191
|
marginLeft: { type: [Boolean, Number, String], required: false },
|
|
176
192
|
marginBottom: { type: [Boolean, Number, String], required: false },
|
|
177
193
|
marginRight: { type: [Boolean, Number, String], required: false },
|
|
178
194
|
marginBlock: { type: [Boolean, Number, String], required: false },
|
|
179
|
-
marginInline: { type: [Boolean, Number, String], required: false }
|
|
195
|
+
marginInline: { type: [Boolean, Number, String], required: false },
|
|
196
|
+
marginInlineStart: { type: [Boolean, Number, String], required: false },
|
|
197
|
+
marginInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
198
|
+
marginBlockStart: { type: [Boolean, Number, String], required: false },
|
|
199
|
+
marginBlockEnd: { type: [Boolean, Number, String], required: false }
|
|
180
200
|
});
|
|
181
201
|
defineEmits(["update:selected", "update:opened", "click:open", "click:select"]);
|
|
182
202
|
defineSlots();
|
|
@@ -88,6 +88,10 @@ const props = defineProps({
|
|
|
88
88
|
paddingRight: { type: [Boolean, Number, String], required: false },
|
|
89
89
|
paddingBlock: { type: [Boolean, Number, String], required: false },
|
|
90
90
|
paddingInline: { type: [Boolean, Number, String], required: false },
|
|
91
|
+
paddingInlineStart: { type: [Boolean, Number, String], required: false },
|
|
92
|
+
paddingInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
93
|
+
paddingBlockStart: { type: [Boolean, Number, String], required: false },
|
|
94
|
+
paddingBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
91
95
|
margin: { type: [Boolean, Number, String], required: false },
|
|
92
96
|
marginTop: { type: [Boolean, Number, String], required: false },
|
|
93
97
|
marginLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -95,6 +99,10 @@ const props = defineProps({
|
|
|
95
99
|
marginRight: { type: [Boolean, Number, String], required: false },
|
|
96
100
|
marginBlock: { type: [Boolean, Number, String], required: false },
|
|
97
101
|
marginInline: { type: [Boolean, Number, String], required: false },
|
|
102
|
+
marginInlineStart: { type: [Boolean, Number, String], required: false },
|
|
103
|
+
marginInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
104
|
+
marginBlockStart: { type: [Boolean, Number, String], required: false },
|
|
105
|
+
marginBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
98
106
|
border: { type: [Boolean, Number, String, Array], required: false, skipCheck: true },
|
|
99
107
|
borderTop: { type: [Boolean, Number, String], required: false },
|
|
100
108
|
borderLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -102,17 +110,29 @@ const props = defineProps({
|
|
|
102
110
|
borderRight: { type: [Boolean, Number, String], required: false },
|
|
103
111
|
borderBlock: { type: [Boolean, Number, String], required: false },
|
|
104
112
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
113
|
+
borderInlineStart: { type: [Boolean, Number, String], required: false },
|
|
114
|
+
borderInlineEnd: { type: [Boolean, Number, String], required: false },
|
|
115
|
+
borderBlockStart: { type: [Boolean, Number, String], required: false },
|
|
116
|
+
borderBlockEnd: { type: [Boolean, Number, String], required: false },
|
|
105
117
|
borderColor: { type: String, required: false },
|
|
106
118
|
borderStyle: { type: String, required: false },
|
|
107
119
|
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
108
120
|
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
109
121
|
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
110
122
|
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
123
|
+
borderInlineStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
124
|
+
borderInlineEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
125
|
+
borderBlockStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
126
|
+
borderBlockEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
111
127
|
rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
|
|
112
128
|
roundedTopRight: { type: [Boolean, Number, String], required: false },
|
|
113
129
|
roundedTopLeft: { type: [Boolean, Number, String], required: false },
|
|
114
130
|
roundedBottomLeft: { type: [Boolean, Number, String], required: false },
|
|
115
131
|
roundedBottomRight: { type: [Boolean, Number, String], required: false },
|
|
132
|
+
roundedStartStart: { type: [Boolean, Number, String], required: false },
|
|
133
|
+
roundedStartEnd: { type: [Boolean, Number, String], required: false },
|
|
134
|
+
roundedEndStart: { type: [Boolean, Number, String], required: false },
|
|
135
|
+
roundedEndEnd: { type: [Boolean, Number, String], required: false },
|
|
116
136
|
appendAvatar: { type: String, required: false },
|
|
117
137
|
appendIcon: { type: null, required: false },
|
|
118
138
|
prependAvatar: { type: String, required: false },
|