rsuite 6.0.0-canary-20250624 → 6.0.0-canary-20250702

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 (247) hide show
  1. package/AutoComplete/styles/index.css +156 -161
  2. package/AvatarGroup/styles/index.css +1 -10
  3. package/Badge/styles/index.css +21 -21
  4. package/Button/styles/index.css +78 -63
  5. package/ButtonGroup/styles/index.css +15 -12
  6. package/ButtonToolbar/styles/index.css +1 -10
  7. package/CHANGELOG.md +9 -0
  8. package/Calendar/styles/index.css +92 -67
  9. package/Card/styles/index.css +7 -7
  10. package/CascadeTree/styles/index.css +8 -9
  11. package/Cascader/styles/index.css +160 -164
  12. package/CheckPicker/styles/index.css +173 -178
  13. package/CheckTree/styles/index.css +175 -180
  14. package/CheckTreePicker/styles/index.css +175 -180
  15. package/Checkbox/styles/index.css +21 -28
  16. package/CheckboxGroup/styles/index.css +1 -1
  17. package/DateInput/styles/index.css +8 -18
  18. package/DatePicker/styles/index.css +173 -168
  19. package/DateRangeInput/styles/index.css +8 -18
  20. package/DateRangePicker/styles/index.css +173 -168
  21. package/Dropdown/styles/index.css +110 -94
  22. package/IconButton/styles/index.css +95 -79
  23. package/InlineEdit/styles/index.css +12 -19
  24. package/Input/styles/index.css +8 -18
  25. package/InputGroup/styles/index.css +31 -38
  26. package/InputNumber/styles/index.css +115 -100
  27. package/InputPicker/styles/index.css +156 -161
  28. package/List/styles/index.css +10 -10
  29. package/Loader/styles/index.css +16 -16
  30. package/Menu/styles/index.css +2 -2
  31. package/Message/styles/index.css +2 -2
  32. package/MultiCascadeTree/styles/index.css +178 -191
  33. package/MultiCascader/styles/index.css +178 -200
  34. package/Nav/styles/index.css +162 -146
  35. package/Navbar/styles/index.css +140 -124
  36. package/NumberInput/styles/index.css +115 -100
  37. package/Pagination/styles/index.css +177 -200
  38. package/PasswordInput/styles/index.css +36 -43
  39. package/PinInput/styles/index.css +12 -22
  40. package/Radio/styles/index.css +22 -29
  41. package/RadioGroup/styles/index.css +11 -11
  42. package/SelectPicker/styles/index.css +156 -161
  43. package/Sidenav/styles/index.css +122 -129
  44. package/Stack/styles/index.css +1 -10
  45. package/Stat/styles/index.css +95 -79
  46. package/Steps/styles/index.css +26 -25
  47. package/Table/styles/index.css +11 -0
  48. package/Tabs/styles/index.css +162 -146
  49. package/Tag/styles/index.css +112 -96
  50. package/TagInput/styles/index.css +174 -179
  51. package/TagPicker/styles/index.css +174 -179
  52. package/TimePicker/styles/index.css +173 -168
  53. package/TimeRangePicker/styles/index.css +173 -168
  54. package/Toggle/styles/index.css +27 -30
  55. package/Tree/styles/index.css +157 -162
  56. package/TreePicker/styles/index.css +157 -162
  57. package/Uploader/styles/index.css +94 -65
  58. package/cjs/Badge/Badge.js +16 -11
  59. package/cjs/Breadcrumb/Breadcrumb.d.ts +2 -2
  60. package/cjs/Button/Button.js +9 -7
  61. package/cjs/ButtonGroup/ButtonGroup.js +7 -7
  62. package/cjs/Card/Card.js +6 -6
  63. package/cjs/Checkbox/Checkbox.js +6 -7
  64. package/cjs/CheckboxGroup/CheckboxGroup.js +3 -4
  65. package/cjs/Dropdown/Dropdown.js +3 -4
  66. package/cjs/Dropdown/DropdownItem.js +4 -4
  67. package/cjs/Dropdown/DropdownMenu.js +9 -10
  68. package/cjs/FormControl/FormControl.d.ts +1 -1
  69. package/cjs/FormControlLabel/FormControlLabel.d.ts +1 -1
  70. package/cjs/FormHelpText/FormHelpText.d.ts +1 -1
  71. package/cjs/IconButton/IconButton.d.ts +1 -1
  72. package/cjs/IconButton/IconButton.js +9 -9
  73. package/cjs/Image/Image.d.ts +1 -1
  74. package/cjs/InlineEdit/InlineEdit.js +3 -2
  75. package/cjs/InputGroup/InputGroup.js +12 -14
  76. package/cjs/InputGroup/InputGroupAddon.d.ts +2 -2
  77. package/cjs/InputPicker/InputAutosize.js +4 -6
  78. package/cjs/List/List.d.ts +1 -1
  79. package/cjs/List/List.js +7 -8
  80. package/cjs/List/ListItem.d.ts +2 -2
  81. package/cjs/List/ListItem.js +4 -4
  82. package/cjs/Loader/Loader.js +8 -7
  83. package/cjs/Menu/MenuSeparator.d.ts +2 -2
  84. package/cjs/Nav/Nav.d.ts +2 -2
  85. package/cjs/Nav/Nav.js +12 -13
  86. package/cjs/Nav/NavDropdownItem.js +4 -4
  87. package/cjs/Nav/NavDropdownMenu.js +10 -13
  88. package/cjs/Nav/NavItem.d.ts +2 -2
  89. package/cjs/Nav/NavItem.js +6 -8
  90. package/cjs/Navbar/Navbar.js +6 -6
  91. package/cjs/Navbar/NavbarDropdown.d.ts +1 -1
  92. package/cjs/Navbar/NavbarDropdown.js +3 -4
  93. package/cjs/Navbar/NavbarDropdownItem.js +4 -4
  94. package/cjs/Navbar/NavbarDropdownMenu.js +8 -11
  95. package/cjs/NumberInput/NumberInput.d.ts +1 -1
  96. package/cjs/Pagination/Pagination.js +3 -2
  97. package/cjs/Pagination/PaginationButton.d.ts +3 -3
  98. package/cjs/Pagination/PaginationButton.js +9 -17
  99. package/cjs/Pagination/PaginationGroup.js +2 -1
  100. package/cjs/Panel/PanelHeader.d.ts +1 -1
  101. package/cjs/Radio/Radio.js +6 -6
  102. package/cjs/RadioGroup/RadioGroup.js +4 -4
  103. package/cjs/Sidenav/ExpandedSidenavDropdown.d.ts +1 -1
  104. package/cjs/Sidenav/Sidenav.js +3 -2
  105. package/cjs/Sidenav/SidenavDropdown.js +3 -5
  106. package/cjs/Sidenav/SidenavDropdownItem.js +4 -4
  107. package/cjs/Sidenav/SidenavDropdownMenu.js +10 -13
  108. package/cjs/Sidenav/SidenavItem.d.ts +2 -2
  109. package/cjs/Sidenav/SidenavItem.js +4 -5
  110. package/cjs/Slider/Handle.d.ts +1 -1
  111. package/cjs/Stack/Stack.d.ts +1 -17
  112. package/cjs/Stack/Stack.js +3 -4
  113. package/cjs/Stack/StackItem.d.ts +4 -5
  114. package/cjs/Stack/StackItem.js +4 -10
  115. package/cjs/Steps/StepItem.js +7 -8
  116. package/cjs/Steps/Steps.d.ts +2 -1
  117. package/cjs/Steps/Steps.js +32 -34
  118. package/cjs/Tabs/Tabs.js +1 -1
  119. package/cjs/Tag/Tag.js +5 -2
  120. package/cjs/Toggle/Toggle.d.ts +1 -1
  121. package/cjs/Toggle/Toggle.js +7 -6
  122. package/cjs/Tree/types.d.ts +2 -2
  123. package/cjs/Uploader/Uploader.d.ts +2 -2
  124. package/cjs/internals/Box/Box.d.ts +1 -0
  125. package/cjs/internals/Box/index.d.ts +1 -1
  126. package/cjs/internals/Box/utils.js +5 -4
  127. package/cjs/internals/InputBase/InputBase.d.ts +1 -1
  128. package/cjs/internals/InputBase/InputBase.js +3 -2
  129. package/cjs/internals/Menu/MenuItem.js +1 -1
  130. package/cjs/internals/Overlay/Modal.d.ts +1 -1
  131. package/cjs/internals/Picker/PickerToggle.js +2 -4
  132. package/cjs/internals/SafeAnchor/SafeAnchor.d.ts +2 -2
  133. package/cjs/internals/Tree/TreeView.d.ts +2 -2
  134. package/cjs/internals/hooks/useCustom.js +24 -7
  135. package/cjs/internals/styled-system/css-alias.d.ts +7 -0
  136. package/cjs/internals/styled-system/css-alias.js +391 -0
  137. package/cjs/internals/styled-system/css-properties.d.ts +6 -0
  138. package/cjs/internals/styled-system/css-properties.js +30 -0
  139. package/cjs/internals/styled-system/index.d.ts +1 -1
  140. package/cjs/internals/styled-system/index.js +4 -4
  141. package/cjs/internals/styled-system/responsive.d.ts +0 -4
  142. package/cjs/internals/styled-system/responsive.js +12 -33
  143. package/cjs/internals/styled-system/types.d.ts +59 -5
  144. package/cjs/internals/styled-system/useStyled.js +3 -3
  145. package/cjs/internals/types/html.d.ts +6 -6
  146. package/cjs/internals/types/picker.d.ts +1 -1
  147. package/dist/rsuite-no-reset.css +641 -641
  148. package/dist/rsuite-no-reset.min.css +1 -1
  149. package/dist/rsuite.css +641 -641
  150. package/dist/rsuite.js +60 -60
  151. package/dist/rsuite.min.css +1 -1
  152. package/dist/rsuite.min.js +1 -1
  153. package/dist/rsuite.min.js.map +1 -1
  154. package/esm/Badge/Badge.js +16 -11
  155. package/esm/Breadcrumb/Breadcrumb.d.ts +2 -2
  156. package/esm/Button/Button.js +9 -7
  157. package/esm/ButtonGroup/ButtonGroup.js +7 -7
  158. package/esm/Card/Card.js +6 -6
  159. package/esm/Checkbox/Checkbox.js +6 -7
  160. package/esm/CheckboxGroup/CheckboxGroup.js +3 -4
  161. package/esm/Dropdown/Dropdown.js +3 -4
  162. package/esm/Dropdown/DropdownItem.js +4 -4
  163. package/esm/Dropdown/DropdownMenu.js +9 -10
  164. package/esm/FormControl/FormControl.d.ts +1 -1
  165. package/esm/FormControlLabel/FormControlLabel.d.ts +1 -1
  166. package/esm/FormHelpText/FormHelpText.d.ts +1 -1
  167. package/esm/IconButton/IconButton.d.ts +1 -1
  168. package/esm/IconButton/IconButton.js +9 -9
  169. package/esm/Image/Image.d.ts +1 -1
  170. package/esm/InlineEdit/InlineEdit.js +3 -2
  171. package/esm/InputGroup/InputGroup.js +12 -14
  172. package/esm/InputGroup/InputGroupAddon.d.ts +2 -2
  173. package/esm/InputPicker/InputAutosize.js +4 -6
  174. package/esm/List/List.d.ts +1 -1
  175. package/esm/List/List.js +7 -8
  176. package/esm/List/ListItem.d.ts +2 -2
  177. package/esm/List/ListItem.js +4 -4
  178. package/esm/Loader/Loader.js +8 -7
  179. package/esm/Menu/MenuSeparator.d.ts +2 -2
  180. package/esm/Nav/Nav.d.ts +2 -2
  181. package/esm/Nav/Nav.js +12 -13
  182. package/esm/Nav/NavDropdownItem.js +4 -4
  183. package/esm/Nav/NavDropdownMenu.js +10 -13
  184. package/esm/Nav/NavItem.d.ts +2 -2
  185. package/esm/Nav/NavItem.js +6 -8
  186. package/esm/Navbar/Navbar.js +7 -7
  187. package/esm/Navbar/NavbarDropdown.d.ts +1 -1
  188. package/esm/Navbar/NavbarDropdown.js +3 -4
  189. package/esm/Navbar/NavbarDropdownItem.js +4 -4
  190. package/esm/Navbar/NavbarDropdownMenu.js +8 -11
  191. package/esm/NumberInput/NumberInput.d.ts +1 -1
  192. package/esm/Pagination/Pagination.js +3 -2
  193. package/esm/Pagination/PaginationButton.d.ts +3 -3
  194. package/esm/Pagination/PaginationButton.js +9 -16
  195. package/esm/Pagination/PaginationGroup.js +2 -1
  196. package/esm/Panel/PanelHeader.d.ts +1 -1
  197. package/esm/Radio/Radio.js +6 -6
  198. package/esm/RadioGroup/RadioGroup.js +4 -4
  199. package/esm/Sidenav/ExpandedSidenavDropdown.d.ts +1 -1
  200. package/esm/Sidenav/Sidenav.js +3 -2
  201. package/esm/Sidenav/SidenavDropdown.js +3 -5
  202. package/esm/Sidenav/SidenavDropdownItem.js +4 -4
  203. package/esm/Sidenav/SidenavDropdownMenu.js +10 -13
  204. package/esm/Sidenav/SidenavItem.d.ts +2 -2
  205. package/esm/Sidenav/SidenavItem.js +4 -5
  206. package/esm/Slider/Handle.d.ts +1 -1
  207. package/esm/Stack/Stack.d.ts +1 -17
  208. package/esm/Stack/Stack.js +3 -4
  209. package/esm/Stack/StackItem.d.ts +4 -5
  210. package/esm/Stack/StackItem.js +5 -11
  211. package/esm/Steps/StepItem.js +7 -8
  212. package/esm/Steps/Steps.d.ts +2 -1
  213. package/esm/Steps/Steps.js +31 -34
  214. package/esm/Tabs/Tabs.js +1 -1
  215. package/esm/Tag/Tag.js +5 -2
  216. package/esm/Toggle/Toggle.d.ts +1 -1
  217. package/esm/Toggle/Toggle.js +7 -6
  218. package/esm/Tree/types.d.ts +2 -2
  219. package/esm/Uploader/Uploader.d.ts +2 -2
  220. package/esm/internals/Box/Box.d.ts +1 -0
  221. package/esm/internals/Box/index.d.ts +1 -1
  222. package/esm/internals/Box/utils.js +6 -5
  223. package/esm/internals/InputBase/InputBase.d.ts +1 -1
  224. package/esm/internals/InputBase/InputBase.js +3 -2
  225. package/esm/internals/Menu/MenuItem.js +1 -1
  226. package/esm/internals/Overlay/Modal.d.ts +1 -1
  227. package/esm/internals/Picker/PickerToggle.js +2 -4
  228. package/esm/internals/SafeAnchor/SafeAnchor.d.ts +2 -2
  229. package/esm/internals/Tree/TreeView.d.ts +2 -2
  230. package/esm/internals/hooks/useCustom.js +24 -7
  231. package/esm/internals/styled-system/css-alias.d.ts +7 -0
  232. package/esm/internals/styled-system/css-alias.js +387 -0
  233. package/esm/internals/styled-system/css-properties.d.ts +6 -0
  234. package/esm/internals/styled-system/css-properties.js +26 -0
  235. package/esm/internals/styled-system/index.d.ts +1 -1
  236. package/esm/internals/styled-system/index.js +1 -1
  237. package/esm/internals/styled-system/responsive.d.ts +0 -4
  238. package/esm/internals/styled-system/responsive.js +11 -31
  239. package/esm/internals/styled-system/types.d.ts +59 -5
  240. package/esm/internals/styled-system/useStyled.js +3 -3
  241. package/esm/internals/types/html.d.ts +6 -6
  242. package/esm/internals/types/picker.d.ts +1 -1
  243. package/package.json +1 -1
  244. package/cjs/internals/styled-system/css-property.d.ts +0 -6
  245. package/cjs/internals/styled-system/css-property.js +0 -289
  246. package/esm/internals/styled-system/css-property.d.ts +0 -6
  247. package/esm/internals/styled-system/css-property.js +0 -285
@@ -90,7 +90,7 @@ export interface DataProps<TData> {
90
90
  */
91
91
  childrenKey?: string;
92
92
  }
93
- export interface PickerBaseProps<L = any> extends PopupProps, BoxProps, AnimationEventProps {
93
+ export interface PickerBaseProps<L = any> extends PopupProps, Omit<BoxProps, 'height'>, AnimationEventProps {
94
94
  id?: string;
95
95
  /**
96
96
  * Custom Ref for the picker
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "rsuite",
3
- "version": "6.0.0-canary-20250624",
3
+ "version": "6.0.0-canary-20250702",
4
4
  "description": "A suite of react components",
5
5
  "main": "cjs/index.js",
6
6
  "module": "esm/index.js",
@@ -1,6 +0,0 @@
1
- import type { CSSSystemProps, CSSProperty } from './types';
2
- /**
3
- * CSS Property Map
4
- * Maps shorthand property names to their corresponding CSS properties
5
- */
6
- export declare const cssPropertyMap: Record<keyof CSSSystemProps, CSSProperty>;
@@ -1,289 +0,0 @@
1
- 'use client';
2
- "use strict";
3
-
4
- exports.__esModule = true;
5
- exports.cssPropertyMap = void 0;
6
- var _utils = require("../utils");
7
- /**
8
- * CSS Property Map
9
- * Maps shorthand property names to their corresponding CSS properties
10
- */
11
- const cssPropertyMap = exports.cssPropertyMap = {
12
- // Spacing
13
- p: {
14
- type: 'spacing',
15
- property: 'padding'
16
- },
17
- pt: {
18
- type: 'spacing',
19
- property: 'padding-top'
20
- },
21
- pr: {
22
- type: 'spacing',
23
- property: 'padding-right'
24
- },
25
- pb: {
26
- type: 'spacing',
27
- property: 'padding-bottom'
28
- },
29
- pl: {
30
- type: 'spacing',
31
- property: 'padding-left'
32
- },
33
- px: {
34
- type: 'spacing',
35
- property: 'padding-inline'
36
- },
37
- py: {
38
- type: 'spacing',
39
- property: 'padding-block'
40
- },
41
- ps: {
42
- type: 'spacing',
43
- property: 'padding-inline-start'
44
- },
45
- pe: {
46
- type: 'spacing',
47
- property: 'padding-inline-end'
48
- },
49
- m: {
50
- type: 'spacing',
51
- property: 'margin'
52
- },
53
- mt: {
54
- type: 'spacing',
55
- property: 'margin-top'
56
- },
57
- mr: {
58
- type: 'spacing',
59
- property: 'margin-right'
60
- },
61
- mb: {
62
- type: 'spacing',
63
- property: 'margin-bottom'
64
- },
65
- ml: {
66
- type: 'spacing',
67
- property: 'margin-left'
68
- },
69
- mx: {
70
- type: 'spacing',
71
- property: 'margin-inline'
72
- },
73
- my: {
74
- type: 'spacing',
75
- property: 'margin-block'
76
- },
77
- ms: {
78
- type: 'spacing',
79
- property: 'margin-inline-start'
80
- },
81
- me: {
82
- type: 'spacing',
83
- property: 'margin-inline-end'
84
- },
85
- // Sizing
86
- w: {
87
- type: 'sizing',
88
- property: 'width'
89
- },
90
- h: {
91
- type: 'sizing',
92
- property: 'height'
93
- },
94
- minw: {
95
- type: 'sizing',
96
- property: 'min-width'
97
- },
98
- maxw: {
99
- type: 'sizing',
100
- property: 'max-width'
101
- },
102
- minh: {
103
- type: 'sizing',
104
- property: 'min-height'
105
- },
106
- maxh: {
107
- type: 'sizing',
108
- property: 'max-height'
109
- },
110
- // Layout & Position
111
- display: {
112
- type: 'layout',
113
- property: 'display'
114
- },
115
- pos: {
116
- type: 'position',
117
- property: 'position'
118
- },
119
- left: {
120
- type: 'position',
121
- property: 'left'
122
- },
123
- top: {
124
- type: 'position',
125
- property: 'top'
126
- },
127
- right: {
128
- type: 'position',
129
- property: 'right'
130
- },
131
- bottom: {
132
- type: 'position',
133
- property: 'bottom'
134
- },
135
- inset: {
136
- type: 'position',
137
- property: 'inset'
138
- },
139
- insetx: {
140
- type: 'position',
141
- property: 'inset-inline'
142
- },
143
- insety: {
144
- type: 'position',
145
- property: 'inset-block'
146
- },
147
- boxsizing: {
148
- type: 'position',
149
- property: 'box-sizing'
150
- },
151
- // Background
152
- bg: {
153
- type: 'background',
154
- property: 'background',
155
- transformer: _utils.getColorValue
156
- },
157
- bgc: {
158
- type: 'background',
159
- property: 'background-color',
160
- transformer: _utils.getColorValue
161
- },
162
- bgi: {
163
- type: 'background',
164
- property: 'background-image'
165
- },
166
- bga: {
167
- type: 'background',
168
- property: 'background-attachment'
169
- },
170
- bgp: {
171
- type: 'background',
172
- property: 'background-position'
173
- },
174
- bgsz: {
175
- type: 'background',
176
- property: 'background-size'
177
- },
178
- bgr: {
179
- type: 'background',
180
- property: 'background-repeat'
181
- },
182
- // Typography
183
- c: {
184
- type: 'typography',
185
- property: 'color',
186
- transformer: _utils.getColorValue
187
- },
188
- ff: {
189
- type: 'typography',
190
- property: 'font-family'
191
- },
192
- fs: {
193
- type: 'typography',
194
- property: 'font-size'
195
- },
196
- fw: {
197
- type: 'typography',
198
- property: 'font-weight'
199
- },
200
- ta: {
201
- type: 'typography',
202
- property: 'text-align'
203
- },
204
- tt: {
205
- type: 'typography',
206
- property: 'text-transform'
207
- },
208
- td: {
209
- type: 'typography',
210
- property: 'text-decoration'
211
- },
212
- tds: {
213
- type: 'typography',
214
- property: 'text-decoration-style'
215
- },
216
- tdc: {
217
- type: 'typography',
218
- property: 'text-decoration-color',
219
- transformer: _utils.getColorValue
220
- },
221
- lts: {
222
- type: 'typography',
223
- property: 'letter-spacing'
224
- },
225
- lh: {
226
- type: 'typography',
227
- property: 'line-height'
228
- },
229
- // Border
230
- bd: {
231
- type: 'border',
232
- property: 'border'
233
- },
234
- bs: {
235
- type: 'border',
236
- property: 'border-style'
237
- },
238
- bc: {
239
- type: 'border',
240
- property: 'border-color',
241
- transformer: _utils.getColorValue
242
- },
243
- bw: {
244
- type: 'border',
245
- property: 'border-width'
246
- },
247
- // Radius
248
- rounded: {
249
- type: 'radius',
250
- property: 'border-radius',
251
- transformer: value => (0, _utils.getSizeValue)('radius', value)
252
- },
253
- // Shadow & Effects
254
- shadow: {
255
- type: 'effect',
256
- property: 'box-shadow',
257
- transformer: value => (0, _utils.getSizeValue)('shadow', value)
258
- },
259
- opacity: {
260
- type: 'effect',
261
- property: 'opacity'
262
- },
263
- // flex
264
- gap: {
265
- type: 'flex',
266
- property: 'gap'
267
- },
268
- spacing: {
269
- type: 'flex',
270
- property: 'gap'
271
- },
272
- // alias for gap
273
- rowgap: {
274
- type: 'flex',
275
- property: 'row-gap'
276
- },
277
- colgap: {
278
- type: 'flex',
279
- property: 'column-gap'
280
- },
281
- align: {
282
- type: 'flex',
283
- property: 'align-items'
284
- },
285
- justify: {
286
- type: 'flex',
287
- property: 'justify-content'
288
- }
289
- };
@@ -1,6 +0,0 @@
1
- import type { CSSSystemProps, CSSProperty } from './types';
2
- /**
3
- * CSS Property Map
4
- * Maps shorthand property names to their corresponding CSS properties
5
- */
6
- export declare const cssPropertyMap: Record<keyof CSSSystemProps, CSSProperty>;
@@ -1,285 +0,0 @@
1
- 'use client';
2
- import { getSizeValue, getColorValue } from "../utils/index.js";
3
- /**
4
- * CSS Property Map
5
- * Maps shorthand property names to their corresponding CSS properties
6
- */
7
- export const cssPropertyMap = {
8
- // Spacing
9
- p: {
10
- type: 'spacing',
11
- property: 'padding'
12
- },
13
- pt: {
14
- type: 'spacing',
15
- property: 'padding-top'
16
- },
17
- pr: {
18
- type: 'spacing',
19
- property: 'padding-right'
20
- },
21
- pb: {
22
- type: 'spacing',
23
- property: 'padding-bottom'
24
- },
25
- pl: {
26
- type: 'spacing',
27
- property: 'padding-left'
28
- },
29
- px: {
30
- type: 'spacing',
31
- property: 'padding-inline'
32
- },
33
- py: {
34
- type: 'spacing',
35
- property: 'padding-block'
36
- },
37
- ps: {
38
- type: 'spacing',
39
- property: 'padding-inline-start'
40
- },
41
- pe: {
42
- type: 'spacing',
43
- property: 'padding-inline-end'
44
- },
45
- m: {
46
- type: 'spacing',
47
- property: 'margin'
48
- },
49
- mt: {
50
- type: 'spacing',
51
- property: 'margin-top'
52
- },
53
- mr: {
54
- type: 'spacing',
55
- property: 'margin-right'
56
- },
57
- mb: {
58
- type: 'spacing',
59
- property: 'margin-bottom'
60
- },
61
- ml: {
62
- type: 'spacing',
63
- property: 'margin-left'
64
- },
65
- mx: {
66
- type: 'spacing',
67
- property: 'margin-inline'
68
- },
69
- my: {
70
- type: 'spacing',
71
- property: 'margin-block'
72
- },
73
- ms: {
74
- type: 'spacing',
75
- property: 'margin-inline-start'
76
- },
77
- me: {
78
- type: 'spacing',
79
- property: 'margin-inline-end'
80
- },
81
- // Sizing
82
- w: {
83
- type: 'sizing',
84
- property: 'width'
85
- },
86
- h: {
87
- type: 'sizing',
88
- property: 'height'
89
- },
90
- minw: {
91
- type: 'sizing',
92
- property: 'min-width'
93
- },
94
- maxw: {
95
- type: 'sizing',
96
- property: 'max-width'
97
- },
98
- minh: {
99
- type: 'sizing',
100
- property: 'min-height'
101
- },
102
- maxh: {
103
- type: 'sizing',
104
- property: 'max-height'
105
- },
106
- // Layout & Position
107
- display: {
108
- type: 'layout',
109
- property: 'display'
110
- },
111
- pos: {
112
- type: 'position',
113
- property: 'position'
114
- },
115
- left: {
116
- type: 'position',
117
- property: 'left'
118
- },
119
- top: {
120
- type: 'position',
121
- property: 'top'
122
- },
123
- right: {
124
- type: 'position',
125
- property: 'right'
126
- },
127
- bottom: {
128
- type: 'position',
129
- property: 'bottom'
130
- },
131
- inset: {
132
- type: 'position',
133
- property: 'inset'
134
- },
135
- insetx: {
136
- type: 'position',
137
- property: 'inset-inline'
138
- },
139
- insety: {
140
- type: 'position',
141
- property: 'inset-block'
142
- },
143
- boxsizing: {
144
- type: 'position',
145
- property: 'box-sizing'
146
- },
147
- // Background
148
- bg: {
149
- type: 'background',
150
- property: 'background',
151
- transformer: getColorValue
152
- },
153
- bgc: {
154
- type: 'background',
155
- property: 'background-color',
156
- transformer: getColorValue
157
- },
158
- bgi: {
159
- type: 'background',
160
- property: 'background-image'
161
- },
162
- bga: {
163
- type: 'background',
164
- property: 'background-attachment'
165
- },
166
- bgp: {
167
- type: 'background',
168
- property: 'background-position'
169
- },
170
- bgsz: {
171
- type: 'background',
172
- property: 'background-size'
173
- },
174
- bgr: {
175
- type: 'background',
176
- property: 'background-repeat'
177
- },
178
- // Typography
179
- c: {
180
- type: 'typography',
181
- property: 'color',
182
- transformer: getColorValue
183
- },
184
- ff: {
185
- type: 'typography',
186
- property: 'font-family'
187
- },
188
- fs: {
189
- type: 'typography',
190
- property: 'font-size'
191
- },
192
- fw: {
193
- type: 'typography',
194
- property: 'font-weight'
195
- },
196
- ta: {
197
- type: 'typography',
198
- property: 'text-align'
199
- },
200
- tt: {
201
- type: 'typography',
202
- property: 'text-transform'
203
- },
204
- td: {
205
- type: 'typography',
206
- property: 'text-decoration'
207
- },
208
- tds: {
209
- type: 'typography',
210
- property: 'text-decoration-style'
211
- },
212
- tdc: {
213
- type: 'typography',
214
- property: 'text-decoration-color',
215
- transformer: getColorValue
216
- },
217
- lts: {
218
- type: 'typography',
219
- property: 'letter-spacing'
220
- },
221
- lh: {
222
- type: 'typography',
223
- property: 'line-height'
224
- },
225
- // Border
226
- bd: {
227
- type: 'border',
228
- property: 'border'
229
- },
230
- bs: {
231
- type: 'border',
232
- property: 'border-style'
233
- },
234
- bc: {
235
- type: 'border',
236
- property: 'border-color',
237
- transformer: getColorValue
238
- },
239
- bw: {
240
- type: 'border',
241
- property: 'border-width'
242
- },
243
- // Radius
244
- rounded: {
245
- type: 'radius',
246
- property: 'border-radius',
247
- transformer: value => getSizeValue('radius', value)
248
- },
249
- // Shadow & Effects
250
- shadow: {
251
- type: 'effect',
252
- property: 'box-shadow',
253
- transformer: value => getSizeValue('shadow', value)
254
- },
255
- opacity: {
256
- type: 'effect',
257
- property: 'opacity'
258
- },
259
- // flex
260
- gap: {
261
- type: 'flex',
262
- property: 'gap'
263
- },
264
- spacing: {
265
- type: 'flex',
266
- property: 'gap'
267
- },
268
- // alias for gap
269
- rowgap: {
270
- type: 'flex',
271
- property: 'row-gap'
272
- },
273
- colgap: {
274
- type: 'flex',
275
- property: 'column-gap'
276
- },
277
- align: {
278
- type: 'flex',
279
- property: 'align-items'
280
- },
281
- justify: {
282
- type: 'flex',
283
- property: 'justify-content'
284
- }
285
- };