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.
Files changed (134) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +83 -0
  3. package/dist/src/components/Alert/OrigamAlert.vue +4 -0
  4. package/dist/src/components/App/OrigamAppBar.vue +4 -0
  5. package/dist/src/components/Audio/OrigamAudio.vue +4 -0
  6. package/dist/src/components/Avatar/OrigamAvatar.vue +4 -0
  7. package/dist/src/components/Avatar/OrigamAvatarGroup.vue +4 -0
  8. package/dist/src/components/Badge/OrigamBadge.vue +4 -0
  9. package/dist/src/components/Blockquote/OrigamBlockquote.vue +18 -5
  10. package/dist/src/components/BottomNav/OrigamBottomNav.vue +4 -0
  11. package/dist/src/components/Bracket/OrigamBracket.vue +4 -0
  12. package/dist/src/components/Bracket/OrigamBracketCompetitor.vue +4 -0
  13. package/dist/src/components/Bracket/OrigamBracketMatch.vue +4 -0
  14. package/dist/src/components/Breadcrumb/OrigamBreadcrumb.vue +4 -0
  15. package/dist/src/components/Breadcrumb/OrigamBreadcrumbItem.vue +4 -0
  16. package/dist/src/components/Btn/OrigamBtn.vue +4 -0
  17. package/dist/src/components/Btn/OrigamBtnGroup.vue +4 -0
  18. package/dist/src/components/Btn/OrigamBtnToggle.vue +4 -0
  19. package/dist/src/components/Calendar/OrigamCalendar.vue +4 -0
  20. package/dist/src/components/Card/OrigamCard.vue +4 -0
  21. package/dist/src/components/Card/OrigamCardHeader.vue +4 -0
  22. package/dist/src/components/Card/OrigamCardText.vue +4 -0
  23. package/dist/src/components/Carousel/OrigamCarousel.vue +4 -0
  24. package/dist/src/components/Carousel/OrigamCarouselItem.vue +4 -0
  25. package/dist/src/components/Checkbox/OrigamCheckbox.vue +4 -0
  26. package/dist/src/components/Chip/OrigamChip.vue +4 -0
  27. package/dist/src/components/Chip/OrigamChipGroup.vue +4 -0
  28. package/dist/src/components/Clipboard/OrigamClipboard.vue +4 -0
  29. package/dist/src/components/Code/OrigamCode.vue +4 -0
  30. package/dist/src/components/ColorPicker/OrigamColorPicker.vue +4 -0
  31. package/dist/src/components/ColorPickerField/OrigamColorPickerField.vue +4 -0
  32. package/dist/src/components/ContextualMenu/OrigamContextualMenu.vue +4 -0
  33. package/dist/src/components/Counter/OrigamCounter.vue +4 -0
  34. package/dist/src/components/DataList/OrigamDataList.vue +4 -0
  35. package/dist/src/components/DataTable/OrigamDataTable.vue +4 -0
  36. package/dist/src/components/DatePicker/OrigamDatePicker.vue +4 -0
  37. package/dist/src/components/DatePickerField/OrigamDatePickerField.vue +4 -0
  38. package/dist/src/components/Dialog/OrigamDialog.vue +4 -0
  39. package/dist/src/components/Dialog/OrigamDialogConfirmation.vue +4 -0
  40. package/dist/src/components/Drawer/OrigamDrawer.vue +4 -0
  41. package/dist/src/components/ExpansionPanel/OrigamExpansionPanel.vue +4 -0
  42. package/dist/src/components/ExpansionPanel/OrigamExpansionPanelContent.vue +4 -0
  43. package/dist/src/components/ExpansionPanel/OrigamExpansionPanelHeader.vue +4 -0
  44. package/dist/src/components/ExpansionPanel/OrigamExpansionPanels.vue +4 -0
  45. package/dist/src/components/Field/OrigamField.vue +4 -0
  46. package/dist/src/components/FileField/OrigamFileField.vue +4 -0
  47. package/dist/src/components/Grid/OrigamGrid.vue +5 -1
  48. package/dist/src/components/Grids/OrigamCol.vue +4 -0
  49. package/dist/src/components/Grids/OrigamContainer.vue +5 -1
  50. package/dist/src/components/Grids/OrigamRow.vue +4 -0
  51. package/dist/src/components/Icon/OrigamClassIcon.vue +4 -0
  52. package/dist/src/components/Icon/OrigamComponentIcon.vue +4 -0
  53. package/dist/src/components/Icon/OrigamIcon.vue +4 -0
  54. package/dist/src/components/Icon/OrigamLigatureIcon.vue +4 -0
  55. package/dist/src/components/Icon/OrigamSvgIcon.vue +4 -0
  56. package/dist/src/components/Img/OrigamImg.vue +4 -0
  57. package/dist/src/components/Input/OrigamInput.vue +4 -0
  58. package/dist/src/components/Kbd/OrigamKbd.vue +4 -0
  59. package/dist/src/components/Label/OrigamLabel.vue +4 -0
  60. package/dist/src/components/Layout/OrigamLayout.vue +5 -1
  61. package/dist/src/components/List/OrigamList.vue +4 -0
  62. package/dist/src/components/List/OrigamListGroup.vue +4 -0
  63. package/dist/src/components/List/OrigamListItem.vue +4 -0
  64. package/dist/src/components/List/OrigamListSubheader.vue +4 -0
  65. package/dist/src/components/Main/OrigamMain.vue +4 -0
  66. package/dist/src/components/Masonry/OrigamMasonry.vue +5 -1
  67. package/dist/src/components/Menu/OrigamMenu.vue +4 -0
  68. package/dist/src/components/Messages/OrigamMessages.vue +4 -0
  69. package/dist/src/components/NumberField/OrigamNumberField.vue +4 -0
  70. package/dist/src/components/OtpInputField/OrigamOtpInputField.vue +4 -0
  71. package/dist/src/components/Pagination/OrigamPagination.vue +4 -0
  72. package/dist/src/components/Parallax/OrigamParallax.vue +4 -0
  73. package/dist/src/components/Parallax/OrigamParallaxElement.vue +4 -0
  74. package/dist/src/components/PasswordField/OrigamPasswordField.vue +4 -0
  75. package/dist/src/components/Picker/OrigamPicker.vue +4 -0
  76. package/dist/src/components/QrCode/OrigamQrCode.vue +4 -0
  77. package/dist/src/components/Radio/OrigamRadio.vue +4 -0
  78. package/dist/src/components/Radio/OrigamRadioGroup.vue +4 -0
  79. package/dist/src/components/RatingField/OrigamRatingField.vue +4 -0
  80. package/dist/src/components/RatingField/OrigamRatingFieldItem.vue +4 -0
  81. package/dist/src/components/Responsive/OrigamResponsive.vue +4 -0
  82. package/dist/src/components/Select/OrigamSelect.vue +4 -0
  83. package/dist/src/components/Sheet/OrigamSheet.vue +4 -0
  84. package/dist/src/components/Slide/OrigamSlideGroup.vue +4 -0
  85. package/dist/src/components/SliderField/OrigamSliderField.vue +4 -0
  86. package/dist/src/components/Snackbar/OrigamSnackbar.vue +4 -0
  87. package/dist/src/components/Stepper/OrigamStepper.vue +5 -1
  88. package/dist/src/components/Switch/OrigamSwitch.vue +4 -0
  89. package/dist/src/components/SystemBar/OrigamSystemBar.vue +4 -0
  90. package/dist/src/components/Table/OrigamTable.vue +4 -0
  91. package/dist/src/components/TextField/OrigamTextField.vue +4 -0
  92. package/dist/src/components/TextareaField/OrigamTextareaField.vue +4 -0
  93. package/dist/src/components/Title/OrigamTitle.vue +4 -0
  94. package/dist/src/components/Toolbar/OrigamToolbar.vue +4 -0
  95. package/dist/src/components/Video/OrigamVideo.vue +4 -0
  96. package/dist/src/components/Window/OrigamWindow.vue +4 -0
  97. package/dist/src/composables/Commons/border.composable.cjs +22 -0
  98. package/dist/src/composables/Commons/border.composable.d.ts +19 -0
  99. package/dist/src/composables/Commons/border.composable.js +28 -2
  100. package/dist/src/composables/Commons/elevation.composable.cjs +5 -1
  101. package/dist/src/composables/Commons/elevation.composable.d.ts +14 -3
  102. package/dist/src/composables/Commons/elevation.composable.js +6 -2
  103. package/dist/src/composables/Commons/stateEffect.composable.cjs +24 -0
  104. package/dist/src/composables/Commons/stateEffect.composable.js +24 -0
  105. package/dist/src/consts/Commons/border.const.cjs +20 -2
  106. package/dist/src/consts/Commons/border.const.d.ts +29 -0
  107. package/dist/src/consts/Commons/border.const.js +7 -0
  108. package/dist/src/consts/Commons/elevation.const.cjs +3 -2
  109. package/dist/src/consts/Commons/elevation.const.d.ts +20 -0
  110. package/dist/src/consts/Commons/elevation.const.js +1 -0
  111. package/dist/src/interfaces/Blockquote/blockquote.interface.d.ts +15 -8
  112. package/dist/src/interfaces/Commons/border.interface.d.ts +20 -1
  113. package/dist/src/interfaces/Commons/color.interface.d.ts +24 -0
  114. package/dist/src/interfaces/Commons/elevation.interface.d.ts +2 -1
  115. package/dist/src/types/Commons/elevation.type.cjs +1 -0
  116. package/dist/src/types/Commons/elevation.type.d.ts +20 -0
  117. package/dist/src/types/Commons/elevation.type.js +0 -0
  118. package/dist/src/types/index.cjs +11 -0
  119. package/dist/src/types/index.d.ts +1 -0
  120. package/dist/src/types/index.js +1 -0
  121. package/dist/src/utils/Commons/border.util.cjs +36 -0
  122. package/dist/src/utils/Commons/border.util.d.ts +59 -0
  123. package/dist/src/utils/Commons/border.util.js +29 -0
  124. package/dist/src/utils/Commons/color.util.cjs +9 -0
  125. package/dist/src/utils/Commons/color.util.d.ts +7 -0
  126. package/dist/src/utils/Commons/color.util.js +10 -0
  127. package/dist/src/utils/Commons/elevation.util.cjs +5 -0
  128. package/dist/src/utils/Commons/elevation.util.d.ts +10 -0
  129. package/dist/src/utils/Commons/elevation.util.js +4 -0
  130. package/dist/src/utils/Commons/margin.util.cjs +4 -0
  131. package/dist/src/utils/Commons/margin.util.d.ts +23 -1
  132. package/dist/src/utils/Commons/margin.util.js +4 -0
  133. package/dist/src/utils/Commons/padding.util.d.ts +23 -1
  134. 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 },