origam 2.19.0 → 2.20.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (171) hide show
  1. package/CHANGELOG.md +73 -0
  2. package/dist/src/components/Alert/OrigamAlert.vue +20 -0
  3. package/dist/src/components/App/OrigamAppBar.vue +20 -0
  4. package/dist/src/components/Audio/OrigamAudio.vue +20 -0
  5. package/dist/src/components/Avatar/OrigamAvatar.vue +20 -0
  6. package/dist/src/components/Avatar/OrigamAvatarGroup.vue +20 -0
  7. package/dist/src/components/Badge/OrigamBadge.vue +12 -0
  8. package/dist/src/components/Blockquote/OrigamBlockquote.vue +20 -0
  9. package/dist/src/components/BottomNav/OrigamBottomNav.vue +20 -0
  10. package/dist/src/components/Bracket/OrigamBracket.vue +12 -0
  11. package/dist/src/components/Bracket/OrigamBracketCompetitor.vue +20 -0
  12. package/dist/src/components/Bracket/OrigamBracketMatch.vue +33 -5
  13. package/dist/src/components/Breadcrumb/OrigamBreadcrumb.vue +20 -0
  14. package/dist/src/components/Breadcrumb/OrigamBreadcrumbDivider.vue +8 -0
  15. package/dist/src/components/Breadcrumb/OrigamBreadcrumbItem.vue +20 -0
  16. package/dist/src/components/Btn/OrigamBtn.vue +20 -0
  17. package/dist/src/components/Btn/OrigamBtnGroup.vue +20 -0
  18. package/dist/src/components/Btn/OrigamBtnToggle.vue +20 -0
  19. package/dist/src/components/Calendar/OrigamCalendar.vue +21 -1
  20. package/dist/src/components/Card/OrigamCard.vue +20 -0
  21. package/dist/src/components/Card/OrigamCardHeader.vue +20 -0
  22. package/dist/src/components/Card/OrigamCardText.vue +20 -0
  23. package/dist/src/components/Carousel/OrigamCarousel.vue +20 -0
  24. package/dist/src/components/Carousel/OrigamCarouselItem.vue +20 -0
  25. package/dist/src/components/Chart/OrigamChart.vue +25 -1
  26. package/dist/src/components/Chart/OrigamChartBoxPlot.vue +12 -0
  27. package/dist/src/components/Chart/OrigamChartBullet.vue +12 -0
  28. package/dist/src/components/Chart/OrigamChartCandlestick.vue +12 -0
  29. package/dist/src/components/Chart/OrigamChartCartesian.vue +12 -0
  30. package/dist/src/components/Chart/OrigamChartGauge.vue +12 -0
  31. package/dist/src/components/Chart/OrigamChartHeatmap.vue +12 -0
  32. package/dist/src/components/Chart/OrigamChartHoneycomb.vue +12 -0
  33. package/dist/src/components/Chart/OrigamChartMap.vue +12 -0
  34. package/dist/src/components/Chart/OrigamChartPareto.vue +12 -0
  35. package/dist/src/components/Chart/OrigamChartPictorial.vue +12 -0
  36. package/dist/src/components/Chart/OrigamChartPolar.vue +12 -0
  37. package/dist/src/components/Chart/OrigamChartPolarBar.vue +12 -0
  38. package/dist/src/components/Chart/OrigamChartPyramid.vue +12 -0
  39. package/dist/src/components/Chart/OrigamChartRadar.vue +12 -0
  40. package/dist/src/components/Chart/OrigamChartSankey.vue +12 -0
  41. package/dist/src/components/Chart/OrigamChartSparkline.vue +12 -0
  42. package/dist/src/components/Chart/OrigamChartStreamgraph.vue +12 -0
  43. package/dist/src/components/Chart/OrigamChartSunburst.vue +12 -0
  44. package/dist/src/components/Chart/OrigamChartTreemap.vue +12 -0
  45. package/dist/src/components/Chart/OrigamChartVariwide.vue +12 -0
  46. package/dist/src/components/Chart/OrigamChartWordCloud.vue +12 -0
  47. package/dist/src/components/Checkbox/OrigamCheckbox.vue +20 -0
  48. package/dist/src/components/Checkbox/OrigamCheckboxBtn.vue +12 -0
  49. package/dist/src/components/Checkbox/OrigamCheckboxGroup.vue +20 -0
  50. package/dist/src/components/Chip/OrigamChip.vue +20 -0
  51. package/dist/src/components/Chip/OrigamChipGroup.vue +20 -0
  52. package/dist/src/components/Clipboard/OrigamClipboard.vue +20 -0
  53. package/dist/src/components/Code/OrigamCode.vue +20 -0
  54. package/dist/src/components/ColorPicker/OrigamColorPicker.vue +20 -0
  55. package/dist/src/components/ColorPickerField/OrigamColorPickerField.vue +20 -0
  56. package/dist/src/components/ConfirmWrapper/OrigamConfirmWrapper.vue +4 -0
  57. package/dist/src/components/ContextualMenu/OrigamContextualMenu.vue +20 -0
  58. package/dist/src/components/Counter/OrigamCounter.vue +20 -0
  59. package/dist/src/components/DataList/OrigamDataList.vue +20 -0
  60. package/dist/src/components/DataList/OrigamDataText.vue +8 -0
  61. package/dist/src/components/DataList/OrigamDataTitle.vue +8 -0
  62. package/dist/src/components/DataTable/OrigamDataTable.vue +20 -0
  63. package/dist/src/components/DataTable/OrigamDataTableColumnCell.vue +5 -1
  64. package/dist/src/components/DataTable/OrigamDataTableFooter.vue +4 -0
  65. package/dist/src/components/DatePicker/OrigamDatePicker.vue +20 -0
  66. package/dist/src/components/DatePickerField/OrigamDatePickerField.vue +20 -0
  67. package/dist/src/components/Dialog/OrigamDialog.vue +20 -0
  68. package/dist/src/components/Dialog/OrigamDialogConfirmation.vue +20 -0
  69. package/dist/src/components/Divider/OrigamDivider.vue +4 -0
  70. package/dist/src/components/Drawer/OrigamDrawer.vue +20 -0
  71. package/dist/src/components/ExpansionPanel/OrigamExpansionPanel.vue +20 -0
  72. package/dist/src/components/ExpansionPanel/OrigamExpansionPanelContent.vue +20 -0
  73. package/dist/src/components/ExpansionPanel/OrigamExpansionPanelHeader.vue +20 -0
  74. package/dist/src/components/ExpansionPanel/OrigamExpansionPanels.vue +20 -0
  75. package/dist/src/components/Field/OrigamField.vue +20 -0
  76. package/dist/src/components/FileField/OrigamFileField.vue +20 -0
  77. package/dist/src/components/Grid/OrigamGrid.vue +21 -1
  78. package/dist/src/components/Grids/OrigamCol.vue +16 -0
  79. package/dist/src/components/Grids/OrigamContainer.vue +17 -1
  80. package/dist/src/components/Grids/OrigamRow.vue +16 -0
  81. package/dist/src/components/Icon/OrigamClassIcon.vue +21 -1
  82. package/dist/src/components/Icon/OrigamComponentIcon.vue +21 -1
  83. package/dist/src/components/Icon/OrigamIcon.vue +21 -1
  84. package/dist/src/components/Icon/OrigamLigatureIcon.vue +21 -1
  85. package/dist/src/components/Icon/OrigamSvgIcon.vue +21 -1
  86. package/dist/src/components/Img/OrigamImg.vue +20 -0
  87. package/dist/src/components/Input/OrigamInput.vue +20 -0
  88. package/dist/src/components/Kbd/OrigamKbd.vue +12 -0
  89. package/dist/src/components/Label/OrigamLabel.vue +20 -0
  90. package/dist/src/components/Layout/OrigamLayout.vue +21 -1
  91. package/dist/src/components/List/OrigamList.vue +21 -1
  92. package/dist/src/components/List/OrigamListGroup.vue +20 -0
  93. package/dist/src/components/List/OrigamListItem.vue +20 -0
  94. package/dist/src/components/List/OrigamListSubheader.vue +20 -0
  95. package/dist/src/components/Main/OrigamMain.vue +20 -0
  96. package/dist/src/components/Masonry/OrigamMasonry.vue +21 -1
  97. package/dist/src/components/Media/OrigamMediaScrubber.vue +5 -1
  98. package/dist/src/components/Media/OrigamMediaVolumeControl.vue +4 -0
  99. package/dist/src/components/Menu/OrigamMenu.vue +20 -0
  100. package/dist/src/components/Messages/OrigamMessages.vue +20 -0
  101. package/dist/src/components/NumberField/OrigamNumberField.vue +20 -0
  102. package/dist/src/components/OtpInputField/OrigamOtpInputField.vue +20 -0
  103. package/dist/src/components/Pagination/OrigamPagination.vue +16 -0
  104. package/dist/src/components/Parallax/OrigamParallax.vue +20 -0
  105. package/dist/src/components/Parallax/OrigamParallaxElement.vue +20 -0
  106. package/dist/src/components/PasswordField/OrigamPasswordField.vue +20 -0
  107. package/dist/src/components/Picker/OrigamPicker.vue +20 -0
  108. package/dist/src/components/Progress/OrigamProgress.vue +12 -0
  109. package/dist/src/components/Progress/OrigamProgressCircular.vue +8 -0
  110. package/dist/src/components/Progress/OrigamProgressLinear.vue +12 -0
  111. package/dist/src/components/QrCode/OrigamQrCode.vue +21 -1
  112. package/dist/src/components/Radio/OrigamRadio.vue +20 -0
  113. package/dist/src/components/Radio/OrigamRadioBtn.vue +12 -0
  114. package/dist/src/components/Radio/OrigamRadioGroup.vue +20 -0
  115. package/dist/src/components/RatingField/OrigamRatingField.vue +20 -0
  116. package/dist/src/components/RatingField/OrigamRatingFieldItem.vue +20 -0
  117. package/dist/src/components/Responsive/OrigamResponsive.vue +21 -1
  118. package/dist/src/components/Select/OrigamSelect.vue +20 -0
  119. package/dist/src/components/SelectionControl/OrigamSelectionControl.vue +12 -0
  120. package/dist/src/components/Sheet/OrigamSheet.vue +20 -0
  121. package/dist/src/components/Skeleton/OrigamSkeleton.vue +5 -1
  122. package/dist/src/components/Slide/OrigamSlideGroup.vue +20 -0
  123. package/dist/src/components/SliderField/OrigamSliderField.vue +20 -0
  124. package/dist/src/components/SliderField/OrigamSliderFieldTrack.vue +5 -1
  125. package/dist/src/components/Snackbar/OrigamSnackbar.vue +20 -0
  126. package/dist/src/components/Stepper/OrigamStepper.vue +21 -1
  127. package/dist/src/components/Switch/OrigamSwitch.vue +20 -0
  128. package/dist/src/components/Switch/OrigamSwitchTrack.vue +12 -0
  129. package/dist/src/components/SystemBar/OrigamSystemBar.vue +12 -0
  130. package/dist/src/components/Table/OrigamTable.vue +20 -0
  131. package/dist/src/components/Tabs/OrigamTabs.vue +4 -0
  132. package/dist/src/components/TextField/OrigamTextField.vue +20 -0
  133. package/dist/src/components/TextareaField/OrigamTextareaField.vue +20 -0
  134. package/dist/src/components/Title/OrigamTitle.vue +16 -0
  135. package/dist/src/components/Toolbar/OrigamToolbar.vue +20 -0
  136. package/dist/src/components/Video/OrigamVideo.vue +20 -0
  137. package/dist/src/components/Window/OrigamWindow.vue +20 -0
  138. package/dist/src/composables/Commons/border.composable.cjs +24 -16
  139. package/dist/src/composables/Commons/border.composable.d.ts +31 -10
  140. package/dist/src/composables/Commons/border.composable.js +21 -17
  141. package/dist/src/composables/Commons/margin.composable.cjs +7 -0
  142. package/dist/src/composables/Commons/margin.composable.d.ts +7 -1
  143. package/dist/src/composables/Commons/margin.composable.js +5 -1
  144. package/dist/src/composables/Commons/padding.composable.cjs +7 -0
  145. package/dist/src/composables/Commons/padding.composable.d.ts +15 -1
  146. package/dist/src/composables/Commons/padding.composable.js +5 -1
  147. package/dist/src/composables/Commons/rounded.composable.cjs +7 -0
  148. package/dist/src/composables/Commons/rounded.composable.d.ts +14 -1
  149. package/dist/src/composables/Commons/rounded.composable.js +5 -1
  150. package/dist/src/composables/Commons/stateEffect.composable.cjs +60 -0
  151. package/dist/src/composables/Commons/stateEffect.composable.js +60 -0
  152. package/dist/src/consts/Commons/border.const.cjs +19 -2
  153. package/dist/src/consts/Commons/border.const.d.ts +65 -4
  154. package/dist/src/consts/Commons/border.const.js +16 -2
  155. package/dist/src/consts/Commons/spacing.const.cjs +40 -1
  156. package/dist/src/consts/Commons/spacing.const.d.ts +68 -1
  157. package/dist/src/consts/Commons/spacing.const.js +19 -1
  158. package/dist/src/interfaces/Bracket/bracket-match-component.interface.d.ts +2 -2
  159. package/dist/src/interfaces/Bracket/bracket-surface.interface.d.ts +39 -0
  160. package/dist/src/interfaces/Bracket/bracket.interface.d.ts +25 -4
  161. package/dist/src/interfaces/Commons/border.interface.d.ts +123 -0
  162. package/dist/src/interfaces/Commons/margin.interface.d.ts +35 -1
  163. package/dist/src/interfaces/Commons/padding.interface.d.ts +41 -1
  164. package/dist/src/interfaces/Commons/rounded.interface.d.ts +47 -4
  165. package/dist/src/types/Bracket/bracket.type.d.ts +82 -0
  166. package/dist/src/types/Commons/anchor.type.d.ts +48 -0
  167. package/dist/src/types/Commons/variant-preset.type.d.ts +22 -4
  168. package/dist/src/utils/Bracket/bracket-surface.util.cjs +19 -0
  169. package/dist/src/utils/Bracket/bracket-surface.util.js +10 -0
  170. package/dist/src/utils/Commons/border.util.d.ts +16 -8
  171. package/package.json +1 -1
@@ -148,12 +148,20 @@ const props = defineProps({
148
148
  borderRight: { type: [Boolean, Number, String], required: false },
149
149
  borderBlock: { type: [Boolean, Number, String], required: false },
150
150
  borderInline: { type: [Boolean, Number, String], required: false },
151
+ borderInlineStart: { type: [Boolean, Number, String], required: false },
152
+ borderInlineEnd: { type: [Boolean, Number, String], required: false },
153
+ borderBlockStart: { type: [Boolean, Number, String], required: false },
154
+ borderBlockEnd: { type: [Boolean, Number, String], required: false },
151
155
  borderColor: { type: String, required: false },
152
156
  borderStyle: { type: String, required: false },
153
157
  borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
154
158
  borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
155
159
  borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
156
160
  borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
161
+ borderInlineStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
162
+ borderInlineEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
163
+ borderBlockStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
164
+ borderBlockEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
157
165
  padding: { type: [Boolean, Number, String], required: false },
158
166
  paddingTop: { type: [Boolean, Number, String], required: false },
159
167
  paddingLeft: { type: [Boolean, Number, String], required: false },
@@ -161,6 +169,10 @@ const props = defineProps({
161
169
  paddingRight: { type: [Boolean, Number, String], required: false },
162
170
  paddingBlock: { type: [Boolean, Number, String], required: false },
163
171
  paddingInline: { type: [Boolean, Number, String], required: false },
172
+ paddingInlineStart: { type: [Boolean, Number, String], required: false },
173
+ paddingInlineEnd: { type: [Boolean, Number, String], required: false },
174
+ paddingBlockStart: { type: [Boolean, Number, String], required: false },
175
+ paddingBlockEnd: { type: [Boolean, Number, String], required: false },
164
176
  margin: { type: [Boolean, Number, String], required: false },
165
177
  marginTop: { type: [Boolean, Number, String], required: false },
166
178
  marginLeft: { type: [Boolean, Number, String], required: false },
@@ -168,11 +180,19 @@ const props = defineProps({
168
180
  marginRight: { type: [Boolean, Number, String], required: false },
169
181
  marginBlock: { type: [Boolean, Number, String], required: false },
170
182
  marginInline: { type: [Boolean, Number, String], required: false },
183
+ marginInlineStart: { type: [Boolean, Number, String], required: false },
184
+ marginInlineEnd: { type: [Boolean, Number, String], required: false },
185
+ marginBlockStart: { type: [Boolean, Number, String], required: false },
186
+ marginBlockEnd: { type: [Boolean, Number, String], required: false },
171
187
  rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
172
188
  roundedTopRight: { type: [Boolean, Number, String], required: false },
173
189
  roundedTopLeft: { type: [Boolean, Number, String], required: false },
174
190
  roundedBottomLeft: { type: [Boolean, Number, String], required: false },
175
191
  roundedBottomRight: { type: [Boolean, Number, String], required: false },
192
+ roundedStartStart: { type: [Boolean, Number, String], required: false },
193
+ roundedStartEnd: { type: [Boolean, Number, String], required: false },
194
+ roundedEndStart: { type: [Boolean, Number, String], required: false },
195
+ roundedEndEnd: { type: [Boolean, Number, String], required: false },
176
196
  elevation: { type: [Number, String], required: false },
177
197
  bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
178
198
  hover: { type: [Boolean, Object], required: false },
@@ -83,6 +83,10 @@ const props = defineProps({
83
83
  paddingRight: { type: [Boolean, Number, String], required: false },
84
84
  paddingBlock: { type: [Boolean, Number, String], required: false },
85
85
  paddingInline: { type: [Boolean, Number, String], required: false },
86
+ paddingInlineStart: { type: [Boolean, Number, String], required: false },
87
+ paddingInlineEnd: { type: [Boolean, Number, String], required: false },
88
+ paddingBlockStart: { type: [Boolean, Number, String], required: false },
89
+ paddingBlockEnd: { type: [Boolean, Number, String], required: false },
86
90
  margin: { type: [Boolean, Number, String], required: false },
87
91
  marginTop: { type: [Boolean, Number, String], required: false },
88
92
  marginLeft: { type: [Boolean, Number, String], required: false },
@@ -90,6 +94,10 @@ const props = defineProps({
90
94
  marginRight: { type: [Boolean, Number, String], required: false },
91
95
  marginBlock: { type: [Boolean, Number, String], required: false },
92
96
  marginInline: { type: [Boolean, Number, String], required: false },
97
+ marginInlineStart: { type: [Boolean, Number, String], required: false },
98
+ marginInlineEnd: { type: [Boolean, Number, String], required: false },
99
+ marginBlockStart: { type: [Boolean, Number, String], required: false },
100
+ marginBlockEnd: { type: [Boolean, Number, String], required: false },
93
101
  border: { type: [Boolean, Number, String, Array], required: false, skipCheck: true },
94
102
  borderTop: { type: [Boolean, Number, String], required: false },
95
103
  borderLeft: { type: [Boolean, Number, String], required: false },
@@ -97,17 +105,29 @@ const props = defineProps({
97
105
  borderRight: { type: [Boolean, Number, String], required: false },
98
106
  borderBlock: { type: [Boolean, Number, String], required: false },
99
107
  borderInline: { type: [Boolean, Number, String], required: false },
108
+ borderInlineStart: { type: [Boolean, Number, String], required: false },
109
+ borderInlineEnd: { type: [Boolean, Number, String], required: false },
110
+ borderBlockStart: { type: [Boolean, Number, String], required: false },
111
+ borderBlockEnd: { type: [Boolean, Number, String], required: false },
100
112
  borderColor: { type: String, required: false },
101
113
  borderStyle: { type: String, required: false },
102
114
  borderTopColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
103
115
  borderRightColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
104
116
  borderBottomColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
105
117
  borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
118
+ borderInlineStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
119
+ borderInlineEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
120
+ borderBlockStartColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
121
+ borderBlockEndColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
106
122
  rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
107
123
  roundedTopRight: { type: [Boolean, Number, String], required: false },
108
124
  roundedTopLeft: { type: [Boolean, Number, String], required: false },
109
125
  roundedBottomLeft: { type: [Boolean, Number, String], required: false },
110
126
  roundedBottomRight: { type: [Boolean, Number, String], required: false },
127
+ roundedStartStart: { type: [Boolean, Number, String], required: false },
128
+ roundedStartEnd: { type: [Boolean, Number, String], required: false },
129
+ roundedEndStart: { type: [Boolean, Number, String], required: false },
130
+ roundedEndEnd: { type: [Boolean, Number, String], required: false },
111
131
  eager: { type: Boolean, required: false },
112
132
  reverseTransition: { type: [Boolean, String], required: false, default: void 0 },
113
133
  value: { type: null, required: false },
@@ -476,6 +476,10 @@ const props = defineProps({
476
476
  marginRight: { type: [Boolean, Number, String], required: false },
477
477
  marginBlock: { type: [Boolean, Number, String], required: false },
478
478
  marginInline: { type: [Boolean, Number, String], required: false },
479
+ marginInlineStart: { type: [Boolean, Number, String], required: false },
480
+ marginInlineEnd: { type: [Boolean, Number, String], required: false },
481
+ marginBlockStart: { type: [Boolean, Number, String], required: false },
482
+ marginBlockEnd: { type: [Boolean, Number, String], required: false },
479
483
  padding: { type: [Boolean, Number, String], required: false },
480
484
  paddingTop: { type: [Boolean, Number, String], required: false },
481
485
  paddingLeft: { type: [Boolean, Number, String], required: false },
@@ -483,11 +487,19 @@ const props = defineProps({
483
487
  paddingRight: { type: [Boolean, Number, String], required: false },
484
488
  paddingBlock: { type: [Boolean, Number, String], required: false },
485
489
  paddingInline: { type: [Boolean, Number, String], required: false },
490
+ paddingInlineStart: { type: [Boolean, Number, String], required: false },
491
+ paddingInlineEnd: { type: [Boolean, Number, String], required: false },
492
+ paddingBlockStart: { type: [Boolean, Number, String], required: false },
493
+ paddingBlockEnd: { type: [Boolean, Number, String], required: false },
486
494
  rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
487
495
  roundedTopRight: { type: [Boolean, Number, String], required: false },
488
496
  roundedTopLeft: { type: [Boolean, Number, String], required: false },
489
497
  roundedBottomLeft: { type: [Boolean, Number, String], required: false },
490
498
  roundedBottomRight: { type: [Boolean, Number, String], required: false },
499
+ roundedStartStart: { type: [Boolean, Number, String], required: false },
500
+ roundedStartEnd: { type: [Boolean, Number, String], required: false },
501
+ roundedEndStart: { type: [Boolean, Number, String], required: false },
502
+ roundedEndEnd: { type: [Boolean, Number, String], required: false },
491
503
  elevation: { type: [Number, String], required: false },
492
504
  bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true }
493
505
  });
@@ -536,6 +548,10 @@ const surfaceProps = computed(() => ({
536
548
  paddingLeft: props.paddingLeft,
537
549
  paddingBlock: props.paddingBlock,
538
550
  paddingInline: props.paddingInline,
551
+ paddingInlineStart: props.paddingInlineStart,
552
+ paddingInlineEnd: props.paddingInlineEnd,
553
+ paddingBlockStart: props.paddingBlockStart,
554
+ paddingBlockEnd: props.paddingBlockEnd,
539
555
  margin: props.margin,
540
556
  marginTop: props.marginTop,
541
557
  marginRight: props.marginRight,
@@ -543,11 +559,19 @@ const surfaceProps = computed(() => ({
543
559
  marginLeft: props.marginLeft,
544
560
  marginBlock: props.marginBlock,
545
561
  marginInline: props.marginInline,
562
+ marginInlineStart: props.marginInlineStart,
563
+ marginInlineEnd: props.marginInlineEnd,
564
+ marginBlockStart: props.marginBlockStart,
565
+ marginBlockEnd: props.marginBlockEnd,
546
566
  rounded: props.rounded,
547
567
  roundedTopLeft: props.roundedTopLeft,
548
568
  roundedTopRight: props.roundedTopRight,
549
569
  roundedBottomLeft: props.roundedBottomLeft,
550
- roundedBottomRight: props.roundedBottomRight
570
+ roundedBottomRight: props.roundedBottomRight,
571
+ roundedStartStart: props.roundedStartStart,
572
+ roundedStartEnd: props.roundedStartEnd,
573
+ roundedEndStart: props.roundedEndStart,
574
+ roundedEndEnd: props.roundedEndEnd
551
575
  }));
552
576
  const cartesianProps = computed(() => ({
553
577
  ...surfaceProps.value,
@@ -307,6 +307,10 @@ const props = defineProps({
307
307
  marginRight: { type: [Boolean, Number, String], required: false },
308
308
  marginBlock: { type: [Boolean, Number, String], required: false },
309
309
  marginInline: { type: [Boolean, Number, String], required: false },
310
+ marginInlineStart: { type: [Boolean, Number, String], required: false },
311
+ marginInlineEnd: { type: [Boolean, Number, String], required: false },
312
+ marginBlockStart: { type: [Boolean, Number, String], required: false },
313
+ marginBlockEnd: { type: [Boolean, Number, String], required: false },
310
314
  padding: { type: [Boolean, Number, String], required: false },
311
315
  paddingTop: { type: [Boolean, Number, String], required: false },
312
316
  paddingLeft: { type: [Boolean, Number, String], required: false },
@@ -314,11 +318,19 @@ const props = defineProps({
314
318
  paddingRight: { type: [Boolean, Number, String], required: false },
315
319
  paddingBlock: { type: [Boolean, Number, String], required: false },
316
320
  paddingInline: { type: [Boolean, Number, String], required: false },
321
+ paddingInlineStart: { type: [Boolean, Number, String], required: false },
322
+ paddingInlineEnd: { type: [Boolean, Number, String], required: false },
323
+ paddingBlockStart: { type: [Boolean, Number, String], required: false },
324
+ paddingBlockEnd: { type: [Boolean, Number, String], required: false },
317
325
  rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
318
326
  roundedTopRight: { type: [Boolean, Number, String], required: false },
319
327
  roundedTopLeft: { type: [Boolean, Number, String], required: false },
320
328
  roundedBottomLeft: { type: [Boolean, Number, String], required: false },
321
329
  roundedBottomRight: { type: [Boolean, Number, String], required: false },
330
+ roundedStartStart: { type: [Boolean, Number, String], required: false },
331
+ roundedStartEnd: { type: [Boolean, Number, String], required: false },
332
+ roundedEndStart: { type: [Boolean, Number, String], required: false },
333
+ roundedEndEnd: { type: [Boolean, Number, String], required: false },
322
334
  elevation: { type: [Number, String], required: false },
323
335
  bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
324
336
  fontSize: { type: null, required: false },
@@ -271,6 +271,10 @@ const props = defineProps({
271
271
  marginRight: { type: [Boolean, Number, String], required: false },
272
272
  marginBlock: { type: [Boolean, Number, String], required: false },
273
273
  marginInline: { type: [Boolean, Number, String], required: false },
274
+ marginInlineStart: { type: [Boolean, Number, String], required: false },
275
+ marginInlineEnd: { type: [Boolean, Number, String], required: false },
276
+ marginBlockStart: { type: [Boolean, Number, String], required: false },
277
+ marginBlockEnd: { type: [Boolean, Number, String], required: false },
274
278
  padding: { type: [Boolean, Number, String], required: false },
275
279
  paddingTop: { type: [Boolean, Number, String], required: false },
276
280
  paddingLeft: { type: [Boolean, Number, String], required: false },
@@ -278,11 +282,19 @@ const props = defineProps({
278
282
  paddingRight: { type: [Boolean, Number, String], required: false },
279
283
  paddingBlock: { type: [Boolean, Number, String], required: false },
280
284
  paddingInline: { type: [Boolean, Number, String], required: false },
285
+ paddingInlineStart: { type: [Boolean, Number, String], required: false },
286
+ paddingInlineEnd: { type: [Boolean, Number, String], required: false },
287
+ paddingBlockStart: { type: [Boolean, Number, String], required: false },
288
+ paddingBlockEnd: { type: [Boolean, Number, String], required: false },
281
289
  rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
282
290
  roundedTopRight: { type: [Boolean, Number, String], required: false },
283
291
  roundedTopLeft: { type: [Boolean, Number, String], required: false },
284
292
  roundedBottomLeft: { type: [Boolean, Number, String], required: false },
285
293
  roundedBottomRight: { type: [Boolean, Number, String], required: false },
294
+ roundedStartStart: { type: [Boolean, Number, String], required: false },
295
+ roundedStartEnd: { type: [Boolean, Number, String], required: false },
296
+ roundedEndStart: { type: [Boolean, Number, String], required: false },
297
+ roundedEndEnd: { type: [Boolean, Number, String], required: false },
286
298
  elevation: { type: [Number, String], required: false },
287
299
  bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
288
300
  fontSize: { type: null, required: false },
@@ -246,6 +246,10 @@ const props = defineProps({
246
246
  marginRight: { type: [Boolean, Number, String], required: false },
247
247
  marginBlock: { type: [Boolean, Number, String], required: false },
248
248
  marginInline: { type: [Boolean, Number, String], required: false },
249
+ marginInlineStart: { type: [Boolean, Number, String], required: false },
250
+ marginInlineEnd: { type: [Boolean, Number, String], required: false },
251
+ marginBlockStart: { type: [Boolean, Number, String], required: false },
252
+ marginBlockEnd: { type: [Boolean, Number, String], required: false },
249
253
  padding: { type: [Boolean, Number, String], required: false },
250
254
  paddingTop: { type: [Boolean, Number, String], required: false },
251
255
  paddingLeft: { type: [Boolean, Number, String], required: false },
@@ -253,11 +257,19 @@ const props = defineProps({
253
257
  paddingRight: { type: [Boolean, Number, String], required: false },
254
258
  paddingBlock: { type: [Boolean, Number, String], required: false },
255
259
  paddingInline: { type: [Boolean, Number, String], required: false },
260
+ paddingInlineStart: { type: [Boolean, Number, String], required: false },
261
+ paddingInlineEnd: { type: [Boolean, Number, String], required: false },
262
+ paddingBlockStart: { type: [Boolean, Number, String], required: false },
263
+ paddingBlockEnd: { type: [Boolean, Number, String], required: false },
256
264
  rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
257
265
  roundedTopRight: { type: [Boolean, Number, String], required: false },
258
266
  roundedTopLeft: { type: [Boolean, Number, String], required: false },
259
267
  roundedBottomLeft: { type: [Boolean, Number, String], required: false },
260
268
  roundedBottomRight: { type: [Boolean, Number, String], required: false },
269
+ roundedStartStart: { type: [Boolean, Number, String], required: false },
270
+ roundedStartEnd: { type: [Boolean, Number, String], required: false },
271
+ roundedEndStart: { type: [Boolean, Number, String], required: false },
272
+ roundedEndEnd: { type: [Boolean, Number, String], required: false },
261
273
  elevation: { type: [Number, String], required: false },
262
274
  bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
263
275
  fontSize: { type: null, required: false },
@@ -567,6 +567,10 @@ const props = defineProps({
567
567
  marginRight: { type: [Boolean, Number, String], required: false },
568
568
  marginBlock: { type: [Boolean, Number, String], required: false },
569
569
  marginInline: { type: [Boolean, Number, String], required: false },
570
+ marginInlineStart: { type: [Boolean, Number, String], required: false },
571
+ marginInlineEnd: { type: [Boolean, Number, String], required: false },
572
+ marginBlockStart: { type: [Boolean, Number, String], required: false },
573
+ marginBlockEnd: { type: [Boolean, Number, String], required: false },
570
574
  padding: { type: [Boolean, Number, String], required: false },
571
575
  paddingTop: { type: [Boolean, Number, String], required: false },
572
576
  paddingLeft: { type: [Boolean, Number, String], required: false },
@@ -574,11 +578,19 @@ const props = defineProps({
574
578
  paddingRight: { type: [Boolean, Number, String], required: false },
575
579
  paddingBlock: { type: [Boolean, Number, String], required: false },
576
580
  paddingInline: { type: [Boolean, Number, String], required: false },
581
+ paddingInlineStart: { type: [Boolean, Number, String], required: false },
582
+ paddingInlineEnd: { type: [Boolean, Number, String], required: false },
583
+ paddingBlockStart: { type: [Boolean, Number, String], required: false },
584
+ paddingBlockEnd: { type: [Boolean, Number, String], required: false },
577
585
  rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
578
586
  roundedTopRight: { type: [Boolean, Number, String], required: false },
579
587
  roundedTopLeft: { type: [Boolean, Number, String], required: false },
580
588
  roundedBottomLeft: { type: [Boolean, Number, String], required: false },
581
589
  roundedBottomRight: { type: [Boolean, Number, String], required: false },
590
+ roundedStartStart: { type: [Boolean, Number, String], required: false },
591
+ roundedStartEnd: { type: [Boolean, Number, String], required: false },
592
+ roundedEndStart: { type: [Boolean, Number, String], required: false },
593
+ roundedEndEnd: { type: [Boolean, Number, String], required: false },
582
594
  elevation: { type: [Number, String], required: false },
583
595
  bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
584
596
  fontSize: { type: null, required: false },
@@ -183,6 +183,10 @@ const props = defineProps({
183
183
  marginRight: { type: [Boolean, Number, String], required: false },
184
184
  marginBlock: { type: [Boolean, Number, String], required: false },
185
185
  marginInline: { type: [Boolean, Number, String], required: false },
186
+ marginInlineStart: { type: [Boolean, Number, String], required: false },
187
+ marginInlineEnd: { type: [Boolean, Number, String], required: false },
188
+ marginBlockStart: { type: [Boolean, Number, String], required: false },
189
+ marginBlockEnd: { type: [Boolean, Number, String], required: false },
186
190
  padding: { type: [Boolean, Number, String], required: false },
187
191
  paddingTop: { type: [Boolean, Number, String], required: false },
188
192
  paddingLeft: { type: [Boolean, Number, String], required: false },
@@ -190,11 +194,19 @@ const props = defineProps({
190
194
  paddingRight: { type: [Boolean, Number, String], required: false },
191
195
  paddingBlock: { type: [Boolean, Number, String], required: false },
192
196
  paddingInline: { type: [Boolean, Number, String], required: false },
197
+ paddingInlineStart: { type: [Boolean, Number, String], required: false },
198
+ paddingInlineEnd: { type: [Boolean, Number, String], required: false },
199
+ paddingBlockStart: { type: [Boolean, Number, String], required: false },
200
+ paddingBlockEnd: { type: [Boolean, Number, String], required: false },
193
201
  rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
194
202
  roundedTopRight: { type: [Boolean, Number, String], required: false },
195
203
  roundedTopLeft: { type: [Boolean, Number, String], required: false },
196
204
  roundedBottomLeft: { type: [Boolean, Number, String], required: false },
197
205
  roundedBottomRight: { type: [Boolean, Number, String], required: false },
206
+ roundedStartStart: { type: [Boolean, Number, String], required: false },
207
+ roundedStartEnd: { type: [Boolean, Number, String], required: false },
208
+ roundedEndStart: { type: [Boolean, Number, String], required: false },
209
+ roundedEndEnd: { type: [Boolean, Number, String], required: false },
198
210
  elevation: { type: [Number, String], required: false },
199
211
  bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
200
212
  fontSize: { type: null, required: false },
@@ -275,6 +275,10 @@ const props = defineProps({
275
275
  marginRight: { type: [Boolean, Number, String], required: false },
276
276
  marginBlock: { type: [Boolean, Number, String], required: false },
277
277
  marginInline: { type: [Boolean, Number, String], required: false },
278
+ marginInlineStart: { type: [Boolean, Number, String], required: false },
279
+ marginInlineEnd: { type: [Boolean, Number, String], required: false },
280
+ marginBlockStart: { type: [Boolean, Number, String], required: false },
281
+ marginBlockEnd: { type: [Boolean, Number, String], required: false },
278
282
  padding: { type: [Boolean, Number, String], required: false },
279
283
  paddingTop: { type: [Boolean, Number, String], required: false },
280
284
  paddingLeft: { type: [Boolean, Number, String], required: false },
@@ -282,11 +286,19 @@ const props = defineProps({
282
286
  paddingRight: { type: [Boolean, Number, String], required: false },
283
287
  paddingBlock: { type: [Boolean, Number, String], required: false },
284
288
  paddingInline: { type: [Boolean, Number, String], required: false },
289
+ paddingInlineStart: { type: [Boolean, Number, String], required: false },
290
+ paddingInlineEnd: { type: [Boolean, Number, String], required: false },
291
+ paddingBlockStart: { type: [Boolean, Number, String], required: false },
292
+ paddingBlockEnd: { type: [Boolean, Number, String], required: false },
285
293
  rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
286
294
  roundedTopRight: { type: [Boolean, Number, String], required: false },
287
295
  roundedTopLeft: { type: [Boolean, Number, String], required: false },
288
296
  roundedBottomLeft: { type: [Boolean, Number, String], required: false },
289
297
  roundedBottomRight: { type: [Boolean, Number, String], required: false },
298
+ roundedStartStart: { type: [Boolean, Number, String], required: false },
299
+ roundedStartEnd: { type: [Boolean, Number, String], required: false },
300
+ roundedEndStart: { type: [Boolean, Number, String], required: false },
301
+ roundedEndEnd: { type: [Boolean, Number, String], required: false },
290
302
  elevation: { type: [Number, String], required: false },
291
303
  bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
292
304
  fontSize: { type: null, required: false },
@@ -200,6 +200,10 @@ const props = defineProps({
200
200
  marginRight: { type: [Boolean, Number, String], required: false },
201
201
  marginBlock: { type: [Boolean, Number, String], required: false },
202
202
  marginInline: { type: [Boolean, Number, String], required: false },
203
+ marginInlineStart: { type: [Boolean, Number, String], required: false },
204
+ marginInlineEnd: { type: [Boolean, Number, String], required: false },
205
+ marginBlockStart: { type: [Boolean, Number, String], required: false },
206
+ marginBlockEnd: { type: [Boolean, Number, String], required: false },
203
207
  padding: { type: [Boolean, Number, String], required: false },
204
208
  paddingTop: { type: [Boolean, Number, String], required: false },
205
209
  paddingLeft: { type: [Boolean, Number, String], required: false },
@@ -207,11 +211,19 @@ const props = defineProps({
207
211
  paddingRight: { type: [Boolean, Number, String], required: false },
208
212
  paddingBlock: { type: [Boolean, Number, String], required: false },
209
213
  paddingInline: { type: [Boolean, Number, String], required: false },
214
+ paddingInlineStart: { type: [Boolean, Number, String], required: false },
215
+ paddingInlineEnd: { type: [Boolean, Number, String], required: false },
216
+ paddingBlockStart: { type: [Boolean, Number, String], required: false },
217
+ paddingBlockEnd: { type: [Boolean, Number, String], required: false },
210
218
  rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
211
219
  roundedTopRight: { type: [Boolean, Number, String], required: false },
212
220
  roundedTopLeft: { type: [Boolean, Number, String], required: false },
213
221
  roundedBottomLeft: { type: [Boolean, Number, String], required: false },
214
222
  roundedBottomRight: { type: [Boolean, Number, String], required: false },
223
+ roundedStartStart: { type: [Boolean, Number, String], required: false },
224
+ roundedStartEnd: { type: [Boolean, Number, String], required: false },
225
+ roundedEndStart: { type: [Boolean, Number, String], required: false },
226
+ roundedEndEnd: { type: [Boolean, Number, String], required: false },
215
227
  elevation: { type: [Number, String], required: false },
216
228
  bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
217
229
  fontSize: { type: null, required: false },
@@ -256,6 +256,10 @@ const props = defineProps({
256
256
  marginRight: { type: [Boolean, Number, String], required: false },
257
257
  marginBlock: { type: [Boolean, Number, String], required: false },
258
258
  marginInline: { type: [Boolean, Number, String], required: false },
259
+ marginInlineStart: { type: [Boolean, Number, String], required: false },
260
+ marginInlineEnd: { type: [Boolean, Number, String], required: false },
261
+ marginBlockStart: { type: [Boolean, Number, String], required: false },
262
+ marginBlockEnd: { type: [Boolean, Number, String], required: false },
259
263
  padding: { type: [Boolean, Number, String], required: false },
260
264
  paddingTop: { type: [Boolean, Number, String], required: false },
261
265
  paddingLeft: { type: [Boolean, Number, String], required: false },
@@ -263,11 +267,19 @@ const props = defineProps({
263
267
  paddingRight: { type: [Boolean, Number, String], required: false },
264
268
  paddingBlock: { type: [Boolean, Number, String], required: false },
265
269
  paddingInline: { type: [Boolean, Number, String], required: false },
270
+ paddingInlineStart: { type: [Boolean, Number, String], required: false },
271
+ paddingInlineEnd: { type: [Boolean, Number, String], required: false },
272
+ paddingBlockStart: { type: [Boolean, Number, String], required: false },
273
+ paddingBlockEnd: { type: [Boolean, Number, String], required: false },
266
274
  rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
267
275
  roundedTopRight: { type: [Boolean, Number, String], required: false },
268
276
  roundedTopLeft: { type: [Boolean, Number, String], required: false },
269
277
  roundedBottomLeft: { type: [Boolean, Number, String], required: false },
270
278
  roundedBottomRight: { type: [Boolean, Number, String], required: false },
279
+ roundedStartStart: { type: [Boolean, Number, String], required: false },
280
+ roundedStartEnd: { type: [Boolean, Number, String], required: false },
281
+ roundedEndStart: { type: [Boolean, Number, String], required: false },
282
+ roundedEndEnd: { type: [Boolean, Number, String], required: false },
271
283
  elevation: { type: [Number, String], required: false },
272
284
  bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
273
285
  fontSize: { type: null, required: false },
@@ -351,6 +351,10 @@ const props = defineProps({
351
351
  marginRight: { type: [Boolean, Number, String], required: false },
352
352
  marginBlock: { type: [Boolean, Number, String], required: false },
353
353
  marginInline: { type: [Boolean, Number, String], required: false },
354
+ marginInlineStart: { type: [Boolean, Number, String], required: false },
355
+ marginInlineEnd: { type: [Boolean, Number, String], required: false },
356
+ marginBlockStart: { type: [Boolean, Number, String], required: false },
357
+ marginBlockEnd: { type: [Boolean, Number, String], required: false },
354
358
  padding: { type: [Boolean, Number, String], required: false },
355
359
  paddingTop: { type: [Boolean, Number, String], required: false },
356
360
  paddingLeft: { type: [Boolean, Number, String], required: false },
@@ -358,11 +362,19 @@ const props = defineProps({
358
362
  paddingRight: { type: [Boolean, Number, String], required: false },
359
363
  paddingBlock: { type: [Boolean, Number, String], required: false },
360
364
  paddingInline: { type: [Boolean, Number, String], required: false },
365
+ paddingInlineStart: { type: [Boolean, Number, String], required: false },
366
+ paddingInlineEnd: { type: [Boolean, Number, String], required: false },
367
+ paddingBlockStart: { type: [Boolean, Number, String], required: false },
368
+ paddingBlockEnd: { type: [Boolean, Number, String], required: false },
361
369
  rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
362
370
  roundedTopRight: { type: [Boolean, Number, String], required: false },
363
371
  roundedTopLeft: { type: [Boolean, Number, String], required: false },
364
372
  roundedBottomLeft: { type: [Boolean, Number, String], required: false },
365
373
  roundedBottomRight: { type: [Boolean, Number, String], required: false },
374
+ roundedStartStart: { type: [Boolean, Number, String], required: false },
375
+ roundedStartEnd: { type: [Boolean, Number, String], required: false },
376
+ roundedEndStart: { type: [Boolean, Number, String], required: false },
377
+ roundedEndEnd: { type: [Boolean, Number, String], required: false },
366
378
  elevation: { type: [Number, String], required: false },
367
379
  bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
368
380
  fontSize: { type: null, required: false },
@@ -349,6 +349,10 @@ const props = defineProps({
349
349
  marginRight: { type: [Boolean, Number, String], required: false },
350
350
  marginBlock: { type: [Boolean, Number, String], required: false },
351
351
  marginInline: { type: [Boolean, Number, String], required: false },
352
+ marginInlineStart: { type: [Boolean, Number, String], required: false },
353
+ marginInlineEnd: { type: [Boolean, Number, String], required: false },
354
+ marginBlockStart: { type: [Boolean, Number, String], required: false },
355
+ marginBlockEnd: { type: [Boolean, Number, String], required: false },
352
356
  padding: { type: [Boolean, Number, String], required: false },
353
357
  paddingTop: { type: [Boolean, Number, String], required: false },
354
358
  paddingLeft: { type: [Boolean, Number, String], required: false },
@@ -356,11 +360,19 @@ const props = defineProps({
356
360
  paddingRight: { type: [Boolean, Number, String], required: false },
357
361
  paddingBlock: { type: [Boolean, Number, String], required: false },
358
362
  paddingInline: { type: [Boolean, Number, String], required: false },
363
+ paddingInlineStart: { type: [Boolean, Number, String], required: false },
364
+ paddingInlineEnd: { type: [Boolean, Number, String], required: false },
365
+ paddingBlockStart: { type: [Boolean, Number, String], required: false },
366
+ paddingBlockEnd: { type: [Boolean, Number, String], required: false },
359
367
  rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
360
368
  roundedTopRight: { type: [Boolean, Number, String], required: false },
361
369
  roundedTopLeft: { type: [Boolean, Number, String], required: false },
362
370
  roundedBottomLeft: { type: [Boolean, Number, String], required: false },
363
371
  roundedBottomRight: { type: [Boolean, Number, String], required: false },
372
+ roundedStartStart: { type: [Boolean, Number, String], required: false },
373
+ roundedStartEnd: { type: [Boolean, Number, String], required: false },
374
+ roundedEndStart: { type: [Boolean, Number, String], required: false },
375
+ roundedEndEnd: { type: [Boolean, Number, String], required: false },
364
376
  elevation: { type: [Number, String], required: false },
365
377
  bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
366
378
  fontSize: { type: null, required: false },
@@ -214,6 +214,10 @@ const props = defineProps({
214
214
  marginRight: { type: [Boolean, Number, String], required: false },
215
215
  marginBlock: { type: [Boolean, Number, String], required: false },
216
216
  marginInline: { type: [Boolean, Number, String], required: false },
217
+ marginInlineStart: { type: [Boolean, Number, String], required: false },
218
+ marginInlineEnd: { type: [Boolean, Number, String], required: false },
219
+ marginBlockStart: { type: [Boolean, Number, String], required: false },
220
+ marginBlockEnd: { type: [Boolean, Number, String], required: false },
217
221
  padding: { type: [Boolean, Number, String], required: false },
218
222
  paddingTop: { type: [Boolean, Number, String], required: false },
219
223
  paddingLeft: { type: [Boolean, Number, String], required: false },
@@ -221,11 +225,19 @@ const props = defineProps({
221
225
  paddingRight: { type: [Boolean, Number, String], required: false },
222
226
  paddingBlock: { type: [Boolean, Number, String], required: false },
223
227
  paddingInline: { type: [Boolean, Number, String], required: false },
228
+ paddingInlineStart: { type: [Boolean, Number, String], required: false },
229
+ paddingInlineEnd: { type: [Boolean, Number, String], required: false },
230
+ paddingBlockStart: { type: [Boolean, Number, String], required: false },
231
+ paddingBlockEnd: { type: [Boolean, Number, String], required: false },
224
232
  rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
225
233
  roundedTopRight: { type: [Boolean, Number, String], required: false },
226
234
  roundedTopLeft: { type: [Boolean, Number, String], required: false },
227
235
  roundedBottomLeft: { type: [Boolean, Number, String], required: false },
228
236
  roundedBottomRight: { type: [Boolean, Number, String], required: false },
237
+ roundedStartStart: { type: [Boolean, Number, String], required: false },
238
+ roundedStartEnd: { type: [Boolean, Number, String], required: false },
239
+ roundedEndStart: { type: [Boolean, Number, String], required: false },
240
+ roundedEndEnd: { type: [Boolean, Number, String], required: false },
229
241
  elevation: { type: [Number, String], required: false },
230
242
  bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
231
243
  fontSize: { type: null, required: false },
@@ -210,6 +210,10 @@ const props = defineProps({
210
210
  marginRight: { type: [Boolean, Number, String], required: false },
211
211
  marginBlock: { type: [Boolean, Number, String], required: false },
212
212
  marginInline: { type: [Boolean, Number, String], required: false },
213
+ marginInlineStart: { type: [Boolean, Number, String], required: false },
214
+ marginInlineEnd: { type: [Boolean, Number, String], required: false },
215
+ marginBlockStart: { type: [Boolean, Number, String], required: false },
216
+ marginBlockEnd: { type: [Boolean, Number, String], required: false },
213
217
  padding: { type: [Boolean, Number, String], required: false },
214
218
  paddingTop: { type: [Boolean, Number, String], required: false },
215
219
  paddingLeft: { type: [Boolean, Number, String], required: false },
@@ -217,11 +221,19 @@ const props = defineProps({
217
221
  paddingRight: { type: [Boolean, Number, String], required: false },
218
222
  paddingBlock: { type: [Boolean, Number, String], required: false },
219
223
  paddingInline: { type: [Boolean, Number, String], required: false },
224
+ paddingInlineStart: { type: [Boolean, Number, String], required: false },
225
+ paddingInlineEnd: { type: [Boolean, Number, String], required: false },
226
+ paddingBlockStart: { type: [Boolean, Number, String], required: false },
227
+ paddingBlockEnd: { type: [Boolean, Number, String], required: false },
220
228
  rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
221
229
  roundedTopRight: { type: [Boolean, Number, String], required: false },
222
230
  roundedTopLeft: { type: [Boolean, Number, String], required: false },
223
231
  roundedBottomLeft: { type: [Boolean, Number, String], required: false },
224
232
  roundedBottomRight: { type: [Boolean, Number, String], required: false },
233
+ roundedStartStart: { type: [Boolean, Number, String], required: false },
234
+ roundedStartEnd: { type: [Boolean, Number, String], required: false },
235
+ roundedEndStart: { type: [Boolean, Number, String], required: false },
236
+ roundedEndEnd: { type: [Boolean, Number, String], required: false },
225
237
  elevation: { type: [Number, String], required: false },
226
238
  bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
227
239
  fontSize: { type: null, required: false },
@@ -205,6 +205,10 @@ const props = defineProps({
205
205
  marginRight: { type: [Boolean, Number, String], required: false },
206
206
  marginBlock: { type: [Boolean, Number, String], required: false },
207
207
  marginInline: { type: [Boolean, Number, String], required: false },
208
+ marginInlineStart: { type: [Boolean, Number, String], required: false },
209
+ marginInlineEnd: { type: [Boolean, Number, String], required: false },
210
+ marginBlockStart: { type: [Boolean, Number, String], required: false },
211
+ marginBlockEnd: { type: [Boolean, Number, String], required: false },
208
212
  padding: { type: [Boolean, Number, String], required: false },
209
213
  paddingTop: { type: [Boolean, Number, String], required: false },
210
214
  paddingLeft: { type: [Boolean, Number, String], required: false },
@@ -212,11 +216,19 @@ const props = defineProps({
212
216
  paddingRight: { type: [Boolean, Number, String], required: false },
213
217
  paddingBlock: { type: [Boolean, Number, String], required: false },
214
218
  paddingInline: { type: [Boolean, Number, String], required: false },
219
+ paddingInlineStart: { type: [Boolean, Number, String], required: false },
220
+ paddingInlineEnd: { type: [Boolean, Number, String], required: false },
221
+ paddingBlockStart: { type: [Boolean, Number, String], required: false },
222
+ paddingBlockEnd: { type: [Boolean, Number, String], required: false },
215
223
  rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
216
224
  roundedTopRight: { type: [Boolean, Number, String], required: false },
217
225
  roundedTopLeft: { type: [Boolean, Number, String], required: false },
218
226
  roundedBottomLeft: { type: [Boolean, Number, String], required: false },
219
227
  roundedBottomRight: { type: [Boolean, Number, String], required: false },
228
+ roundedStartStart: { type: [Boolean, Number, String], required: false },
229
+ roundedStartEnd: { type: [Boolean, Number, String], required: false },
230
+ roundedEndStart: { type: [Boolean, Number, String], required: false },
231
+ roundedEndEnd: { type: [Boolean, Number, String], required: false },
220
232
  elevation: { type: [Number, String], required: false },
221
233
  bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
222
234
  fontSize: { type: null, required: false },
@@ -189,6 +189,10 @@ const props = defineProps({
189
189
  marginRight: { type: [Boolean, Number, String], required: false },
190
190
  marginBlock: { type: [Boolean, Number, String], required: false },
191
191
  marginInline: { type: [Boolean, Number, String], required: false },
192
+ marginInlineStart: { type: [Boolean, Number, String], required: false },
193
+ marginInlineEnd: { type: [Boolean, Number, String], required: false },
194
+ marginBlockStart: { type: [Boolean, Number, String], required: false },
195
+ marginBlockEnd: { type: [Boolean, Number, String], required: false },
192
196
  padding: { type: [Boolean, Number, String], required: false },
193
197
  paddingTop: { type: [Boolean, Number, String], required: false },
194
198
  paddingLeft: { type: [Boolean, Number, String], required: false },
@@ -196,11 +200,19 @@ const props = defineProps({
196
200
  paddingRight: { type: [Boolean, Number, String], required: false },
197
201
  paddingBlock: { type: [Boolean, Number, String], required: false },
198
202
  paddingInline: { type: [Boolean, Number, String], required: false },
203
+ paddingInlineStart: { type: [Boolean, Number, String], required: false },
204
+ paddingInlineEnd: { type: [Boolean, Number, String], required: false },
205
+ paddingBlockStart: { type: [Boolean, Number, String], required: false },
206
+ paddingBlockEnd: { type: [Boolean, Number, String], required: false },
199
207
  rounded: { type: [Boolean, Number, String, null], required: false, skipCheck: true },
200
208
  roundedTopRight: { type: [Boolean, Number, String], required: false },
201
209
  roundedTopLeft: { type: [Boolean, Number, String], required: false },
202
210
  roundedBottomLeft: { type: [Boolean, Number, String], required: false },
203
211
  roundedBottomRight: { type: [Boolean, Number, String], required: false },
212
+ roundedStartStart: { type: [Boolean, Number, String], required: false },
213
+ roundedStartEnd: { type: [Boolean, Number, String], required: false },
214
+ roundedEndStart: { type: [Boolean, Number, String], required: false },
215
+ roundedEndEnd: { type: [Boolean, Number, String], required: false },
204
216
  elevation: { type: [Number, String], required: false },
205
217
  bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
206
218
  fontSize: { type: null, required: false },