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