origam 2.7.3 → 2.8.1
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/LICENSE +21 -0
- package/README.md +83 -0
- package/dist/src/components/Alert/OrigamAlert.vue +4 -0
- package/dist/src/components/App/OrigamAppBar.vue +4 -0
- package/dist/src/components/Audio/OrigamAudio.vue +4 -0
- package/dist/src/components/Avatar/OrigamAvatar.vue +4 -0
- package/dist/src/components/Avatar/OrigamAvatarGroup.vue +4 -0
- package/dist/src/components/Badge/OrigamBadge.vue +4 -0
- package/dist/src/components/Blockquote/OrigamBlockquote.vue +18 -5
- package/dist/src/components/BottomNav/OrigamBottomNav.vue +4 -0
- package/dist/src/components/Bracket/OrigamBracket.vue +4 -0
- package/dist/src/components/Bracket/OrigamBracketCompetitor.vue +4 -0
- package/dist/src/components/Bracket/OrigamBracketMatch.vue +4 -0
- package/dist/src/components/Breadcrumb/OrigamBreadcrumb.vue +4 -0
- package/dist/src/components/Breadcrumb/OrigamBreadcrumbItem.vue +4 -0
- package/dist/src/components/Btn/OrigamBtn.vue +4 -0
- package/dist/src/components/Btn/OrigamBtnGroup.vue +4 -0
- package/dist/src/components/Btn/OrigamBtnToggle.vue +4 -0
- package/dist/src/components/Calendar/OrigamCalendar.vue +4 -0
- package/dist/src/components/Card/OrigamCard.vue +4 -0
- package/dist/src/components/Card/OrigamCardHeader.vue +4 -0
- package/dist/src/components/Card/OrigamCardText.vue +4 -0
- package/dist/src/components/Carousel/OrigamCarousel.vue +4 -0
- package/dist/src/components/Carousel/OrigamCarouselItem.vue +4 -0
- package/dist/src/components/Checkbox/OrigamCheckbox.vue +4 -0
- package/dist/src/components/Chip/OrigamChip.vue +4 -0
- package/dist/src/components/Chip/OrigamChipGroup.vue +4 -0
- package/dist/src/components/Clipboard/OrigamClipboard.vue +4 -0
- package/dist/src/components/Code/OrigamCode.vue +4 -0
- package/dist/src/components/ColorPicker/OrigamColorPicker.vue +4 -0
- package/dist/src/components/ColorPickerField/OrigamColorPickerField.vue +4 -0
- package/dist/src/components/ContextualMenu/OrigamContextualMenu.vue +4 -0
- package/dist/src/components/Counter/OrigamCounter.vue +4 -0
- package/dist/src/components/DataList/OrigamDataList.vue +4 -0
- package/dist/src/components/DataTable/OrigamDataTable.vue +4 -0
- package/dist/src/components/DatePicker/OrigamDatePicker.vue +4 -0
- package/dist/src/components/DatePickerField/OrigamDatePickerField.vue +4 -0
- package/dist/src/components/Dialog/OrigamDialog.vue +4 -0
- package/dist/src/components/Dialog/OrigamDialogConfirmation.vue +4 -0
- package/dist/src/components/Drawer/OrigamDrawer.vue +4 -0
- package/dist/src/components/ExpansionPanel/OrigamExpansionPanel.vue +4 -0
- package/dist/src/components/ExpansionPanel/OrigamExpansionPanelContent.vue +4 -0
- package/dist/src/components/ExpansionPanel/OrigamExpansionPanelHeader.vue +4 -0
- package/dist/src/components/ExpansionPanel/OrigamExpansionPanels.vue +4 -0
- package/dist/src/components/Field/OrigamField.vue +4 -0
- package/dist/src/components/FileField/OrigamFileField.vue +4 -0
- package/dist/src/components/Grid/OrigamGrid.vue +5 -1
- package/dist/src/components/Grids/OrigamCol.vue +4 -0
- package/dist/src/components/Grids/OrigamContainer.vue +5 -1
- package/dist/src/components/Grids/OrigamRow.vue +4 -0
- package/dist/src/components/Icon/OrigamClassIcon.vue +4 -0
- package/dist/src/components/Icon/OrigamComponentIcon.vue +4 -0
- package/dist/src/components/Icon/OrigamIcon.vue +4 -0
- package/dist/src/components/Icon/OrigamLigatureIcon.vue +4 -0
- package/dist/src/components/Icon/OrigamSvgIcon.vue +4 -0
- package/dist/src/components/Img/OrigamImg.vue +4 -0
- package/dist/src/components/Input/OrigamInput.vue +4 -0
- package/dist/src/components/Kbd/OrigamKbd.vue +4 -0
- package/dist/src/components/Label/OrigamLabel.vue +4 -0
- package/dist/src/components/Layout/OrigamLayout.vue +5 -1
- package/dist/src/components/List/OrigamList.vue +4 -0
- package/dist/src/components/List/OrigamListGroup.vue +4 -0
- package/dist/src/components/List/OrigamListItem.vue +4 -0
- package/dist/src/components/List/OrigamListSubheader.vue +4 -0
- package/dist/src/components/Main/OrigamMain.vue +4 -0
- package/dist/src/components/Masonry/OrigamMasonry.vue +5 -1
- package/dist/src/components/Menu/OrigamMenu.vue +4 -0
- package/dist/src/components/Messages/OrigamMessages.vue +4 -0
- package/dist/src/components/NumberField/OrigamNumberField.vue +4 -0
- package/dist/src/components/OtpInputField/OrigamOtpInputField.vue +4 -0
- package/dist/src/components/Pagination/OrigamPagination.vue +4 -0
- package/dist/src/components/Parallax/OrigamParallax.vue +4 -0
- package/dist/src/components/Parallax/OrigamParallaxElement.vue +4 -0
- package/dist/src/components/PasswordField/OrigamPasswordField.vue +4 -0
- package/dist/src/components/Picker/OrigamPicker.vue +4 -0
- package/dist/src/components/QrCode/OrigamQrCode.vue +4 -0
- package/dist/src/components/Radio/OrigamRadio.vue +4 -0
- package/dist/src/components/Radio/OrigamRadioGroup.vue +4 -0
- package/dist/src/components/RatingField/OrigamRatingField.vue +4 -0
- package/dist/src/components/RatingField/OrigamRatingFieldItem.vue +4 -0
- package/dist/src/components/Responsive/OrigamResponsive.vue +4 -0
- package/dist/src/components/Select/OrigamSelect.vue +4 -0
- package/dist/src/components/Sheet/OrigamSheet.vue +4 -0
- package/dist/src/components/Slide/OrigamSlideGroup.vue +4 -0
- package/dist/src/components/SliderField/OrigamSliderField.vue +4 -0
- package/dist/src/components/Snackbar/OrigamSnackbar.vue +4 -0
- package/dist/src/components/Stepper/OrigamStepper.vue +5 -1
- package/dist/src/components/Switch/OrigamSwitch.vue +4 -0
- package/dist/src/components/SystemBar/OrigamSystemBar.vue +4 -0
- package/dist/src/components/Table/OrigamTable.vue +4 -0
- package/dist/src/components/TextField/OrigamTextField.vue +4 -0
- package/dist/src/components/TextareaField/OrigamTextareaField.vue +4 -0
- package/dist/src/components/Title/OrigamTitle.vue +4 -0
- package/dist/src/components/Toolbar/OrigamToolbar.vue +4 -0
- package/dist/src/components/Video/OrigamVideo.vue +4 -0
- package/dist/src/components/Window/OrigamWindow.vue +4 -0
- package/dist/src/composables/Commons/border.composable.cjs +22 -0
- package/dist/src/composables/Commons/border.composable.d.ts +19 -0
- package/dist/src/composables/Commons/border.composable.js +28 -2
- package/dist/src/composables/Commons/elevation.composable.cjs +5 -1
- package/dist/src/composables/Commons/elevation.composable.d.ts +14 -3
- package/dist/src/composables/Commons/elevation.composable.js +6 -2
- package/dist/src/composables/Commons/stateEffect.composable.cjs +24 -0
- package/dist/src/composables/Commons/stateEffect.composable.js +24 -0
- package/dist/src/consts/Commons/border.const.cjs +20 -2
- package/dist/src/consts/Commons/border.const.d.ts +29 -0
- package/dist/src/consts/Commons/border.const.js +7 -0
- package/dist/src/consts/Commons/elevation.const.cjs +3 -2
- package/dist/src/consts/Commons/elevation.const.d.ts +20 -0
- package/dist/src/consts/Commons/elevation.const.js +1 -0
- package/dist/src/interfaces/Blockquote/blockquote.interface.d.ts +15 -8
- package/dist/src/interfaces/Commons/border.interface.d.ts +20 -1
- package/dist/src/interfaces/Commons/color.interface.d.ts +24 -0
- package/dist/src/interfaces/Commons/elevation.interface.d.ts +2 -1
- package/dist/src/types/Commons/elevation.type.cjs +1 -0
- package/dist/src/types/Commons/elevation.type.d.ts +20 -0
- package/dist/src/types/Commons/elevation.type.js +0 -0
- package/dist/src/types/index.cjs +11 -0
- package/dist/src/types/index.d.ts +1 -0
- package/dist/src/types/index.js +1 -0
- package/dist/src/utils/Commons/border.util.cjs +36 -0
- package/dist/src/utils/Commons/border.util.d.ts +59 -0
- package/dist/src/utils/Commons/border.util.js +29 -0
- package/dist/src/utils/Commons/color.util.cjs +9 -0
- package/dist/src/utils/Commons/color.util.d.ts +7 -0
- package/dist/src/utils/Commons/color.util.js +10 -0
- package/dist/src/utils/Commons/elevation.util.cjs +5 -0
- package/dist/src/utils/Commons/elevation.util.d.ts +10 -0
- package/dist/src/utils/Commons/elevation.util.js +4 -0
- package/dist/src/utils/Commons/margin.util.cjs +4 -0
- package/dist/src/utils/Commons/margin.util.d.ts +23 -1
- package/dist/src/utils/Commons/margin.util.js +4 -0
- package/dist/src/utils/Commons/padding.util.d.ts +23 -1
- package/package.json +1 -1
|
@@ -136,6 +136,10 @@ const _props = defineProps({
|
|
|
136
136
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
137
137
|
borderColor: { type: String, required: false },
|
|
138
138
|
borderStyle: { type: String, required: false },
|
|
139
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
140
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
141
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
142
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
139
143
|
padding: { type: [Boolean, Number, String], required: false },
|
|
140
144
|
paddingTop: { type: [Boolean, Number, String], required: false },
|
|
141
145
|
paddingLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -92,6 +92,10 @@ const props = defineProps({
|
|
|
92
92
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
93
93
|
borderColor: { type: String, required: false },
|
|
94
94
|
borderStyle: { type: String, required: false },
|
|
95
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
96
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
97
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
98
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
95
99
|
padding: { type: [Boolean, Number, String], required: false },
|
|
96
100
|
paddingTop: { type: [Boolean, Number, String], required: false },
|
|
97
101
|
paddingLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -131,6 +131,10 @@ const props = defineProps({
|
|
|
131
131
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
132
132
|
borderColor: { type: String, required: false },
|
|
133
133
|
borderStyle: { type: String, required: false },
|
|
134
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
135
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
136
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
137
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
134
138
|
padding: { type: [Boolean, Number, String], required: false },
|
|
135
139
|
paddingTop: { type: [Boolean, Number, String], required: false },
|
|
136
140
|
paddingLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -163,6 +163,10 @@ const props = defineProps({
|
|
|
163
163
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
164
164
|
borderColor: { type: String, required: false },
|
|
165
165
|
borderStyle: { type: String, required: false },
|
|
166
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
167
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
168
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
169
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
166
170
|
padding: { type: [Boolean, Number, String], required: false },
|
|
167
171
|
paddingTop: { type: [Boolean, Number, String], required: false },
|
|
168
172
|
paddingLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -246,6 +246,10 @@ const _props = defineProps({
|
|
|
246
246
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
247
247
|
borderColor: { type: String, required: false },
|
|
248
248
|
borderStyle: { type: String, required: false },
|
|
249
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
250
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
251
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
252
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
249
253
|
rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
|
|
250
254
|
roundedTopRight: { type: [Boolean, Number, String], required: false },
|
|
251
255
|
roundedTopLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -477,6 +477,10 @@ const _props = defineProps({
|
|
|
477
477
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
478
478
|
borderColor: { type: String, required: false },
|
|
479
479
|
borderStyle: { type: String, required: false },
|
|
480
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
481
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
482
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
483
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
480
484
|
rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true, default: true },
|
|
481
485
|
roundedTopRight: { type: [Boolean, Number, String], required: false },
|
|
482
486
|
roundedTopLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -76,7 +76,11 @@ const props = defineProps({
|
|
|
76
76
|
borderBlock: { type: [Boolean, Number, String], required: false },
|
|
77
77
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
78
78
|
borderColor: { type: String, required: false },
|
|
79
|
-
borderStyle: { type: String, required: false }
|
|
79
|
+
borderStyle: { type: String, required: false },
|
|
80
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
81
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
82
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
83
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true }
|
|
80
84
|
});
|
|
81
85
|
const { filterProps } = useProps(props);
|
|
82
86
|
const serialiseTracks = (value) => {
|
|
@@ -67,6 +67,10 @@ const props = defineProps({
|
|
|
67
67
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
68
68
|
borderColor: { type: String, required: false },
|
|
69
69
|
borderStyle: { type: String, required: false },
|
|
70
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
71
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
72
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
73
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
70
74
|
align: { type: null, required: false },
|
|
71
75
|
alignSm: { type: null, required: false },
|
|
72
76
|
alignMd: { type: null, required: false },
|
|
@@ -53,7 +53,11 @@ const props = defineProps({
|
|
|
53
53
|
borderBlock: { type: [Boolean, Number, String], required: false },
|
|
54
54
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
55
55
|
borderColor: { type: String, required: false },
|
|
56
|
-
borderStyle: { type: String, required: false }
|
|
56
|
+
borderStyle: { type: String, required: false },
|
|
57
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
58
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
59
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
60
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true }
|
|
57
61
|
});
|
|
58
62
|
const { filterProps } = useProps(props);
|
|
59
63
|
const { borderClasses, borderStyles } = useBorder(props);
|
|
@@ -51,6 +51,10 @@ const props = defineProps({
|
|
|
51
51
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
52
52
|
borderColor: { type: String, required: false },
|
|
53
53
|
borderStyle: { type: String, required: false },
|
|
54
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
55
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
56
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
57
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
54
58
|
color: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
55
59
|
bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
56
60
|
density: { type: null, required: false, default: DENSITY.DEFAULT },
|
|
@@ -44,6 +44,10 @@ const props = defineProps({
|
|
|
44
44
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
45
45
|
borderColor: { type: String, required: false },
|
|
46
46
|
borderStyle: { type: String, required: false },
|
|
47
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
48
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
49
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
50
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
47
51
|
height: { type: [Number, String], required: false },
|
|
48
52
|
maxHeight: { type: [Number, String], required: false },
|
|
49
53
|
maxWidth: { type: [Number, String], required: false },
|
|
@@ -51,6 +51,10 @@ const props = defineProps({
|
|
|
51
51
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
52
52
|
borderColor: { type: String, required: false },
|
|
53
53
|
borderStyle: { type: String, required: false },
|
|
54
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
55
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
56
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
57
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
54
58
|
height: { type: [Number, String], required: false },
|
|
55
59
|
maxHeight: { type: [Number, String], required: false },
|
|
56
60
|
maxWidth: { type: [Number, String], required: false },
|
|
@@ -62,6 +62,10 @@ const props = defineProps({
|
|
|
62
62
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
63
63
|
borderColor: { type: String, required: false },
|
|
64
64
|
borderStyle: { type: String, required: false },
|
|
65
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
66
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
67
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
68
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
65
69
|
height: { type: [Number, String], required: false },
|
|
66
70
|
maxHeight: { type: [Number, String], required: false },
|
|
67
71
|
maxWidth: { type: [Number, String], required: false },
|
|
@@ -46,6 +46,10 @@ const props = defineProps({
|
|
|
46
46
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
47
47
|
borderColor: { type: String, required: false },
|
|
48
48
|
borderStyle: { type: String, required: false },
|
|
49
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
50
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
51
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
52
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
49
53
|
height: { type: [Number, String], required: false },
|
|
50
54
|
maxHeight: { type: [Number, String], required: false },
|
|
51
55
|
maxWidth: { type: [Number, String], required: false },
|
|
@@ -72,6 +72,10 @@ const props = defineProps({
|
|
|
72
72
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
73
73
|
borderColor: { type: String, required: false },
|
|
74
74
|
borderStyle: { type: String, required: false },
|
|
75
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
76
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
77
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
78
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
75
79
|
height: { type: [Number, String], required: false },
|
|
76
80
|
maxHeight: { type: [Number, String], required: false },
|
|
77
81
|
maxWidth: { type: [Number, String], required: false },
|
|
@@ -155,6 +155,10 @@ const props = defineProps({
|
|
|
155
155
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
156
156
|
borderColor: { type: String, required: false },
|
|
157
157
|
borderStyle: { type: String, required: false },
|
|
158
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
159
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
160
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
161
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
158
162
|
rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
|
|
159
163
|
roundedTopRight: { type: [Boolean, Number, String], required: false },
|
|
160
164
|
roundedTopLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -152,6 +152,10 @@ const _props = defineProps({
|
|
|
152
152
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
153
153
|
borderColor: { type: String, required: false },
|
|
154
154
|
borderStyle: { type: String, required: false },
|
|
155
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
156
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
157
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
158
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
155
159
|
elevation: { type: [Number, String], required: false },
|
|
156
160
|
height: { type: [Number, String], required: false },
|
|
157
161
|
maxHeight: { type: [Number, String], required: false },
|
|
@@ -58,6 +58,10 @@ const _props = defineProps({
|
|
|
58
58
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
59
59
|
borderColor: { type: String, required: false },
|
|
60
60
|
borderStyle: { type: String, required: false },
|
|
61
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
62
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
63
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
64
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
61
65
|
rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
|
|
62
66
|
roundedTopRight: { type: [Boolean, Number, String], required: false },
|
|
63
67
|
roundedTopLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -59,6 +59,10 @@ const _props = defineProps({
|
|
|
59
59
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
60
60
|
borderColor: { type: String, required: false },
|
|
61
61
|
borderStyle: { type: String, required: false },
|
|
62
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
63
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
64
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
65
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
62
66
|
rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
|
|
63
67
|
roundedTopRight: { type: [Boolean, Number, String], required: false },
|
|
64
68
|
roundedTopLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -70,7 +70,11 @@ const props = defineProps({
|
|
|
70
70
|
borderBlock: { type: [Boolean, Number, String], required: false },
|
|
71
71
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
72
72
|
borderColor: { type: String, required: false },
|
|
73
|
-
borderStyle: { type: String, required: false }
|
|
73
|
+
borderStyle: { type: String, required: false },
|
|
74
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
75
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
76
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
77
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true }
|
|
74
78
|
});
|
|
75
79
|
const { filterProps } = useProps(props);
|
|
76
80
|
const { layoutClasses, layoutStyles, layoutRef: origamLayoutRef, getLayoutItem, items, layoutId } = useCreateLayout(props);
|
|
@@ -127,6 +127,10 @@ const props = defineProps({
|
|
|
127
127
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
128
128
|
borderColor: { type: String, required: false },
|
|
129
129
|
borderStyle: { type: String, required: false },
|
|
130
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
131
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
132
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
133
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
130
134
|
density: { type: null, required: false, default: DENSITY.DEFAULT },
|
|
131
135
|
rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
|
|
132
136
|
roundedTopRight: { type: [Boolean, Number, String], required: false },
|
|
@@ -92,6 +92,10 @@ const props = defineProps({
|
|
|
92
92
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
93
93
|
borderColor: { type: String, required: false },
|
|
94
94
|
borderStyle: { type: String, required: false },
|
|
95
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
96
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
97
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
98
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
95
99
|
rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
|
|
96
100
|
roundedTopRight: { type: [Boolean, Number, String], required: false },
|
|
97
101
|
roundedTopLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -151,6 +151,10 @@ const _props = defineProps({
|
|
|
151
151
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
152
152
|
borderColor: { type: String, required: false },
|
|
153
153
|
borderStyle: { type: String, required: false },
|
|
154
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
155
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
156
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
157
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
154
158
|
id: { type: String, required: false },
|
|
155
159
|
class: { type: [String, Array, Object], required: false },
|
|
156
160
|
style: { type: [String, Array, Object, Boolean, null], required: false, skipCheck: true },
|
|
@@ -65,6 +65,10 @@ const props = defineProps({
|
|
|
65
65
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
66
66
|
borderColor: { type: String, required: false },
|
|
67
67
|
borderStyle: { type: String, required: false },
|
|
68
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
69
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
70
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
71
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
68
72
|
rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
|
|
69
73
|
roundedTopRight: { type: [Boolean, Number, String], required: false },
|
|
70
74
|
roundedTopLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -56,6 +56,10 @@ const props = defineProps({
|
|
|
56
56
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
57
57
|
borderColor: { type: String, required: false },
|
|
58
58
|
borderStyle: { type: String, required: false },
|
|
59
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
60
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
61
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
62
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
59
63
|
rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
|
|
60
64
|
roundedTopRight: { type: [Boolean, Number, String], required: false },
|
|
61
65
|
roundedTopLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -95,7 +95,11 @@ const props = defineProps({
|
|
|
95
95
|
borderBlock: { type: [Boolean, Number, String], required: false },
|
|
96
96
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
97
97
|
borderColor: { type: String, required: false },
|
|
98
|
-
borderStyle: { type: String, required: false }
|
|
98
|
+
borderStyle: { type: String, required: false },
|
|
99
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
100
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
101
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
102
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true }
|
|
99
103
|
});
|
|
100
104
|
const { filterProps } = useProps(props);
|
|
101
105
|
const slots = useSlots();
|
|
@@ -149,6 +149,10 @@ const props = defineProps({
|
|
|
149
149
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
150
150
|
borderColor: { type: String, required: false },
|
|
151
151
|
borderStyle: { type: String, required: false },
|
|
152
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
153
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
154
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
155
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
152
156
|
density: { type: null, required: false },
|
|
153
157
|
rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
|
|
154
158
|
roundedTopRight: { type: [Boolean, Number, String], required: false },
|
|
@@ -68,6 +68,10 @@ const _props = defineProps({
|
|
|
68
68
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
69
69
|
borderColor: { type: String, required: false },
|
|
70
70
|
borderStyle: { type: String, required: false },
|
|
71
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
72
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
73
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
74
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
71
75
|
padding: { type: [Boolean, Number, String], required: false },
|
|
72
76
|
paddingTop: { type: [Boolean, Number, String], required: false },
|
|
73
77
|
paddingLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -349,6 +349,10 @@ const props = defineProps({
|
|
|
349
349
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
350
350
|
borderColor: { type: String, required: false },
|
|
351
351
|
borderStyle: { type: String, required: false },
|
|
352
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
353
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
354
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
355
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
352
356
|
rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true, default: true },
|
|
353
357
|
roundedTopRight: { type: [Boolean, Number, String], required: false },
|
|
354
358
|
roundedTopLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -214,6 +214,10 @@ const props = defineProps({
|
|
|
214
214
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
215
215
|
borderColor: { type: String, required: false },
|
|
216
216
|
borderStyle: { type: String, required: false },
|
|
217
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
218
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
219
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
220
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
217
221
|
rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
|
|
218
222
|
roundedTopRight: { type: [Boolean, Number, String], required: false },
|
|
219
223
|
roundedTopLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -228,6 +228,10 @@ const props = defineProps({
|
|
|
228
228
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
229
229
|
borderColor: { type: String, required: false },
|
|
230
230
|
borderStyle: { type: String, required: false },
|
|
231
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
232
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
233
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
234
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
231
235
|
padding: { type: [Boolean, Number, String], required: false },
|
|
232
236
|
paddingTop: { type: [Boolean, Number, String], required: false },
|
|
233
237
|
paddingLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -80,6 +80,10 @@ const props = defineProps({
|
|
|
80
80
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
81
81
|
borderColor: { type: String, required: false },
|
|
82
82
|
borderStyle: { type: String, required: false },
|
|
83
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
84
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
85
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
86
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
83
87
|
rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
|
|
84
88
|
roundedTopRight: { type: [Boolean, Number, String], required: false },
|
|
85
89
|
roundedTopLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -62,6 +62,10 @@ const props = defineProps({
|
|
|
62
62
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
63
63
|
borderColor: { type: String, required: false },
|
|
64
64
|
borderStyle: { type: String, required: false },
|
|
65
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
66
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
67
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
68
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
65
69
|
rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
|
|
66
70
|
roundedTopRight: { type: [Boolean, Number, String], required: false },
|
|
67
71
|
roundedTopLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -422,6 +422,10 @@ const _props = defineProps({
|
|
|
422
422
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
423
423
|
borderColor: { type: String, required: false },
|
|
424
424
|
borderStyle: { type: String, required: false },
|
|
425
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
426
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
427
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
428
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
425
429
|
rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true, default: true },
|
|
426
430
|
roundedTopRight: { type: [Boolean, Number, String], required: false },
|
|
427
431
|
roundedTopLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -86,6 +86,10 @@ const props = defineProps({
|
|
|
86
86
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
87
87
|
borderColor: { type: String, required: false },
|
|
88
88
|
borderStyle: { type: String, required: false },
|
|
89
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
90
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
91
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
92
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
89
93
|
rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
|
|
90
94
|
roundedTopRight: { type: [Boolean, Number, String], required: false },
|
|
91
95
|
roundedTopLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -93,6 +93,10 @@ const props = defineProps({
|
|
|
93
93
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
94
94
|
borderColor: { type: String, required: false },
|
|
95
95
|
borderStyle: { type: String, required: false },
|
|
96
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
97
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
98
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
99
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
96
100
|
elevation: { type: [Number, String], required: false },
|
|
97
101
|
size: { type: null, required: false, default: 240 },
|
|
98
102
|
padding: { type: [Boolean, Number, String], required: false },
|
|
@@ -155,6 +155,10 @@ const props = defineProps({
|
|
|
155
155
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
156
156
|
borderColor: { type: String, required: false },
|
|
157
157
|
borderStyle: { type: String, required: false },
|
|
158
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
159
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
160
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
161
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
158
162
|
elevation: { type: [Number, String], required: false },
|
|
159
163
|
height: { type: [Number, String], required: false },
|
|
160
164
|
maxHeight: { type: [Number, String], required: false },
|
|
@@ -109,6 +109,10 @@ const props = defineProps({
|
|
|
109
109
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
110
110
|
borderColor: { type: String, required: false },
|
|
111
111
|
borderStyle: { type: String, required: false },
|
|
112
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
113
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
114
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
115
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
112
116
|
elevation: { type: [Number, String], required: false },
|
|
113
117
|
height: { type: [Number, String], required: false },
|
|
114
118
|
maxHeight: { type: [Number, String], required: false },
|
|
@@ -206,6 +206,10 @@ const props = defineProps({
|
|
|
206
206
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
207
207
|
borderColor: { type: String, required: false },
|
|
208
208
|
borderStyle: { type: String, required: false },
|
|
209
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
210
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
211
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
212
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
209
213
|
elevation: { type: [Number, String], required: false },
|
|
210
214
|
height: { type: [Number, String], required: false },
|
|
211
215
|
maxHeight: { type: [Number, String], required: false },
|
|
@@ -74,6 +74,10 @@ const props = defineProps({
|
|
|
74
74
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
75
75
|
borderColor: { type: String, required: false },
|
|
76
76
|
borderStyle: { type: String, required: false },
|
|
77
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
78
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
79
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
80
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
77
81
|
padding: { type: [Boolean, Number, String], required: false },
|
|
78
82
|
paddingTop: { type: [Boolean, Number, String], required: false },
|
|
79
83
|
paddingLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -65,6 +65,10 @@ const props = defineProps({
|
|
|
65
65
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
66
66
|
borderColor: { type: String, required: false },
|
|
67
67
|
borderStyle: { type: String, required: false },
|
|
68
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
69
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
70
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
71
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
68
72
|
rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
|
|
69
73
|
roundedTopRight: { type: [Boolean, Number, String], required: false },
|
|
70
74
|
roundedTopLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -397,6 +397,10 @@ const props = defineProps({
|
|
|
397
397
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
398
398
|
borderColor: { type: String, required: false },
|
|
399
399
|
borderStyle: { type: String, required: false },
|
|
400
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
401
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
402
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
403
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
400
404
|
rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true, default: true },
|
|
401
405
|
roundedTopRight: { type: [Boolean, Number, String], required: false },
|
|
402
406
|
roundedTopLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -77,6 +77,10 @@ const props = defineProps({
|
|
|
77
77
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
78
78
|
borderColor: { type: String, required: false },
|
|
79
79
|
borderStyle: { type: String, required: false },
|
|
80
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
81
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
82
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
83
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
80
84
|
rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
|
|
81
85
|
roundedTopRight: { type: [Boolean, Number, String], required: false },
|
|
82
86
|
roundedTopLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -127,6 +127,10 @@ const props = defineProps({
|
|
|
127
127
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
128
128
|
borderColor: { type: String, required: false },
|
|
129
129
|
borderStyle: { type: String, required: false },
|
|
130
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
131
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
132
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
133
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
130
134
|
mobileBreakpoint: { type: null, required: false }
|
|
131
135
|
});
|
|
132
136
|
defineEmits(["update:modelValue"]);
|
|
@@ -496,6 +496,10 @@ const props = defineProps({
|
|
|
496
496
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
497
497
|
borderColor: { type: String, required: false },
|
|
498
498
|
borderStyle: { type: String, required: false },
|
|
499
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
500
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
501
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
502
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
499
503
|
elevation: { type: [Number, String], required: false },
|
|
500
504
|
height: { type: [Number, String], required: false },
|
|
501
505
|
maxHeight: { type: [Number, String], required: false },
|
|
@@ -177,6 +177,10 @@ const props = defineProps({
|
|
|
177
177
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
178
178
|
borderColor: { type: String, required: false },
|
|
179
179
|
borderStyle: { type: String, required: false },
|
|
180
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
181
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
182
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
183
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
180
184
|
padding: { type: [Boolean, Number, String], required: false },
|
|
181
185
|
paddingTop: { type: [Boolean, Number, String], required: false },
|
|
182
186
|
paddingLeft: { type: [Boolean, Number, String], required: false },
|
|
@@ -92,7 +92,11 @@ const props = defineProps({
|
|
|
92
92
|
borderBlock: { type: [Boolean, Number, String], required: false },
|
|
93
93
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
94
94
|
borderColor: { type: String, required: false },
|
|
95
|
-
borderStyle: { type: String, required: false }
|
|
95
|
+
borderStyle: { type: String, required: false },
|
|
96
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
97
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
98
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
99
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true }
|
|
96
100
|
});
|
|
97
101
|
const { t } = useLocale();
|
|
98
102
|
const emit = defineEmits(["update:modelValue"]);
|
|
@@ -183,6 +183,10 @@ const props = defineProps({
|
|
|
183
183
|
borderInline: { type: [Boolean, Number, String], required: false },
|
|
184
184
|
borderColor: { type: String, required: false },
|
|
185
185
|
borderStyle: { type: String, required: false },
|
|
186
|
+
borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
187
|
+
borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
188
|
+
borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
189
|
+
borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
|
|
186
190
|
rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
|
|
187
191
|
roundedTopRight: { type: [Boolean, Number, String], required: false },
|
|
188
192
|
roundedTopLeft: { type: [Boolean, Number, String], required: false },
|