lism-css 0.9.3 → 0.10.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 (240) hide show
  1. package/README.md +5 -5
  2. package/bin/__build-css.cjs +54 -54
  3. package/bin/build-config.js +120 -120
  4. package/bin/build-css.js +52 -52
  5. package/bin/cli.mjs +33 -33
  6. package/config/__prop_list.js +42 -42
  7. package/config/__props.scss +20 -20
  8. package/config/default-config.ts +3 -3
  9. package/config/defaults/props.ts +326 -326
  10. package/config/defaults/states.ts +38 -38
  11. package/config/defaults/tokens.ts +25 -25
  12. package/config/helper/getSvgUrl.ts +16 -16
  13. package/config/helper/minifyHtml.ts +11 -11
  14. package/config/helper.test.ts +231 -231
  15. package/config/helper.ts +43 -49
  16. package/config/index.ts +4 -4
  17. package/config/tsconfig.json +16 -16
  18. package/dist/components/Box/Box.stories.d.ts +7 -0
  19. package/dist/components/Center/Center.stories.d.ts +8 -0
  20. package/dist/components/Cluster/Cluster.stories.d.ts +7 -0
  21. package/dist/components/Columns/Columns.stories.d.ts +8 -0
  22. package/dist/components/Container/Container.stories.d.ts +8 -0
  23. package/dist/components/Dummy/Dummy.d.ts +6 -9
  24. package/dist/components/Dummy/index.js +5 -10
  25. package/dist/components/Flex/Flex.stories.d.ts +9 -0
  26. package/dist/components/Flow/Flow.stories.d.ts +9 -0
  27. package/dist/components/FluidCols/FluidCols.stories.d.ts +7 -0
  28. package/dist/components/Frame/Frame.stories.d.ts +7 -0
  29. package/dist/components/Grid/Grid.stories.d.ts +8 -0
  30. package/dist/components/Group/Group.d.ts +3 -0
  31. package/dist/components/Group/index.d.ts +1 -0
  32. package/dist/components/Group/index.js +8 -0
  33. package/dist/components/HTML/HTML.d.ts +10 -0
  34. package/dist/components/Heading/Heading.d.ts +7 -0
  35. package/dist/components/Heading/index.d.ts +1 -0
  36. package/dist/components/Heading/index.js +9 -0
  37. package/dist/components/Inline/Inline.d.ts +3 -0
  38. package/dist/components/Inline/index.d.ts +1 -0
  39. package/dist/components/Inline/index.js +8 -0
  40. package/dist/components/Layer/Layer.d.ts +1 -2
  41. package/dist/components/Layer/Layer.stories.d.ts +8 -0
  42. package/dist/components/Layer/index.js +3 -4
  43. package/dist/components/Link/Link.d.ts +2 -0
  44. package/dist/components/Link/index.d.ts +1 -0
  45. package/dist/components/Link/index.js +8 -0
  46. package/dist/components/LinkBox/LinkBox.d.ts +3 -2
  47. package/dist/components/LinkBox/LinkBox.stories.d.ts +7 -0
  48. package/dist/components/LinkBox/index.js +5 -5
  49. package/dist/components/Lism/Lism.d.ts +10 -8
  50. package/dist/components/Lism/Lism.stories.d.ts +1 -650
  51. package/dist/components/List/List.d.ts +3 -0
  52. package/dist/components/List/ListItem.d.ts +3 -0
  53. package/dist/components/List/ListItem.js +8 -0
  54. package/dist/components/List/index.d.ts +2 -0
  55. package/dist/components/List/index.js +8 -0
  56. package/dist/components/SideMain/SideMain.stories.d.ts +9 -0
  57. package/dist/components/Stack/Stack.stories.d.ts +8 -0
  58. package/dist/components/SwitchCols/SwitchCols.stories.d.ts +9 -0
  59. package/dist/components/Text/Text.d.ts +3 -0
  60. package/dist/components/Text/index.d.ts +1 -0
  61. package/dist/components/Text/index.js +8 -0
  62. package/dist/components/Wrapper/Wrapper.stories.d.ts +10 -0
  63. package/dist/components/atomic/Decorator/Decorator.stories.d.ts +10 -0
  64. package/dist/components/atomic/Decorator/getProps.d.ts +5 -8
  65. package/dist/components/atomic/Decorator/getProps.js +10 -10
  66. package/dist/components/atomic/Divider/Divider.stories.d.ts +8 -0
  67. package/dist/components/atomic/Divider/getProps.d.ts +2 -2
  68. package/dist/components/atomic/Icon/Icon.d.ts +6 -2
  69. package/dist/components/atomic/Icon/Icon.stories.d.ts +15 -0
  70. package/dist/components/atomic/Icon/getProps.d.ts +11 -8
  71. package/dist/components/atomic/Icon/getProps.js +35 -34
  72. package/dist/components/atomic/Icon/index.d.ts +1 -0
  73. package/dist/components/atomic/Media/Media.d.ts +3 -2
  74. package/dist/components/atomic/Media/Media.stories.d.ts +8 -0
  75. package/dist/components/atomic/Media/index.js +4 -5
  76. package/dist/components/atomic/Spacer/Spacer.stories.d.ts +9 -0
  77. package/dist/components/atomic/Spacer/getProps.d.ts +2 -2
  78. package/dist/components/index.d.ts +8 -1
  79. package/dist/components/index.js +50 -36
  80. package/dist/config/helper.d.ts +1 -1
  81. package/dist/css/base.css +1 -1
  82. package/dist/css/main.css +1 -1
  83. package/dist/css/main_no_layer.css +1 -1
  84. package/dist/css/modules/atomic.css +1 -1
  85. package/dist/css/modules/layout.css +1 -1
  86. package/dist/lib/getLayoutProps.d.ts +4 -3
  87. package/dist/lib/getLismProps.d.ts +13 -11
  88. package/dist/lib/getLismProps.js +69 -73
  89. package/dist/lib/getMaybeCssVar.js +15 -10
  90. package/dist/lib/getMaybeTokenValue.d.ts +2 -2
  91. package/dist/lib/types/LayoutProps.d.ts +26 -26
  92. package/dist/lib/types.d.ts +2 -2
  93. package/package.json +17 -10
  94. package/packages/astro/Box/Box.astro +6 -5
  95. package/packages/astro/Center/Center.astro +7 -1
  96. package/packages/astro/Cluster/Cluster.astro +7 -1
  97. package/packages/astro/Columns/Columns.astro +7 -1
  98. package/packages/astro/Container/Container.astro +7 -3
  99. package/packages/astro/Decorator/Decorator.astro +10 -8
  100. package/packages/astro/Divider/Divider.astro +6 -6
  101. package/packages/astro/Dummy/Dummy.astro +9 -8
  102. package/packages/astro/Flex/Flex.astro +7 -1
  103. package/packages/astro/Flow/Flow.astro +8 -1
  104. package/packages/astro/FluidCols/FluidCols.astro +8 -1
  105. package/packages/astro/Frame/Frame.astro +7 -1
  106. package/packages/astro/Grid/Grid.astro +7 -1
  107. package/packages/astro/Group/Group.astro +11 -0
  108. package/packages/astro/Group/index.ts +1 -0
  109. package/packages/astro/HTML/_index_memo.js +7 -7
  110. package/packages/astro/HTML/a.astro +6 -1
  111. package/packages/astro/HTML/button.astro +6 -1
  112. package/packages/astro/HTML/div.astro +6 -1
  113. package/packages/astro/HTML/h.astro +7 -0
  114. package/packages/astro/HTML/img.astro +6 -1
  115. package/packages/astro/HTML/li.astro +6 -1
  116. package/packages/astro/HTML/ol.astro +6 -1
  117. package/packages/astro/HTML/p.astro +6 -1
  118. package/packages/astro/HTML/span.astro +6 -1
  119. package/packages/astro/HTML/ul.astro +6 -1
  120. package/packages/astro/Heading/Heading.astro +13 -0
  121. package/packages/astro/Heading/index.ts +1 -0
  122. package/packages/astro/Icon/Icon.astro +15 -17
  123. package/packages/astro/Icon/SVG.astro +16 -16
  124. package/packages/astro/Inline/Inline.astro +11 -0
  125. package/packages/astro/Inline/index.ts +1 -0
  126. package/packages/astro/Layer/Layer.astro +7 -4
  127. package/packages/astro/Link/Link.astro +10 -0
  128. package/packages/astro/Link/index.ts +1 -0
  129. package/packages/astro/LinkBox/LinkBox.astro +9 -8
  130. package/packages/astro/Lism/Lism.astro +6 -9
  131. package/packages/astro/List/List.astro +11 -0
  132. package/packages/astro/List/ListItem.astro +11 -0
  133. package/packages/astro/List/index.ts +2 -0
  134. package/packages/astro/Media/Media.astro +9 -8
  135. package/packages/astro/SideMain/SideMain.astro +8 -1
  136. package/packages/astro/Spacer/Spacer.astro +7 -6
  137. package/packages/astro/Stack/Stack.astro +7 -1
  138. package/packages/astro/SwitchCols/SwitchCols.astro +8 -1
  139. package/packages/astro/Text/Text.astro +11 -0
  140. package/packages/astro/Text/index.ts +1 -0
  141. package/packages/astro/Wrapper/Wrapper.astro +9 -1
  142. package/packages/astro/env.d.ts +10 -0
  143. package/packages/astro/{index.js → index.ts} +9 -0
  144. package/packages/astro/tsconfig.json +12 -0
  145. package/packages/astro/types.ts +19 -0
  146. package/src/scss/__memo/_lh-auto-all.scss +12 -12
  147. package/src/scss/__memo/_lh-auto-h.scss +17 -17
  148. package/src/scss/__memo/_lh-manual.scss +27 -27
  149. package/src/scss/_auto_output.scss +174 -174
  150. package/src/scss/_mixin.scss +32 -32
  151. package/src/scss/_prop-config.scss +850 -850
  152. package/src/scss/_query.scss +26 -26
  153. package/src/scss/_setting.scss +6 -6
  154. package/src/scss/_with_layer.scss +13 -13
  155. package/src/scss/base/_html.scss +47 -47
  156. package/src/scss/base/set/_bp.scss +8 -8
  157. package/src/scss/base/set/_cqUnit.scss +22 -22
  158. package/src/scss/base/set/_gutter.scss +1 -1
  159. package/src/scss/base/set/_hov.scss +10 -10
  160. package/src/scss/base/set/_innerRs.scss +1 -1
  161. package/src/scss/base/set/_plain.scss +15 -15
  162. package/src/scss/base/set/_transition.scss +2 -2
  163. package/src/scss/base/tokens/_property.scss +3 -3
  164. package/src/scss/base/tokens/_shadow.scss +12 -11
  165. package/src/scss/base/tokens/_tokens.scss +77 -77
  166. package/src/scss/base/tokens/_typography.scss +69 -69
  167. package/src/scss/main_no_layer.scss +1 -1
  168. package/src/scss/modules/atomic/_divider.scss +4 -4
  169. package/src/scss/modules/atomic/_icon.scss +4 -4
  170. package/src/scss/modules/atomic/_spacer.scss +2 -2
  171. package/src/scss/modules/atomic/index.scss +0 -1
  172. package/src/scss/modules/layout/_center.scss +3 -3
  173. package/src/scss/modules/layout/_cluster.scss +3 -3
  174. package/src/scss/modules/layout/_columns.scss +3 -3
  175. package/src/scss/modules/layout/_flex.scss +4 -4
  176. package/src/scss/modules/layout/_flow.scss +16 -16
  177. package/src/scss/modules/layout/_fluidCols.scss +4 -4
  178. package/src/scss/modules/layout/_frame.scss +8 -8
  179. package/src/scss/modules/layout/_grid.scss +9 -9
  180. package/src/scss/modules/layout/_sideMain.scss +12 -12
  181. package/src/scss/modules/layout/_stack.scss +2 -2
  182. package/src/scss/modules/layout/_switchCols.scss +5 -5
  183. package/src/scss/modules/state/_container.scss +4 -4
  184. package/src/scss/modules/state/_layer.scss +3 -3
  185. package/src/scss/modules/state/_linkbox.scss +9 -9
  186. package/src/scss/modules/state/_vertical.scss +3 -3
  187. package/src/scss/modules/state/_wrapper.scss +8 -8
  188. package/src/scss/props/_border.scss +18 -18
  189. package/src/scss/props/_hover.scss +26 -26
  190. package/src/scss/props/_lh.scss +6 -6
  191. package/src/scss/props/_size.scss +7 -7
  192. package/src/scss/reset.scss +137 -137
  193. package/src/scss/utility/_cbox.scss +10 -10
  194. package/src/scss/utility/_clipText.scss +2 -2
  195. package/src/scss/utility/_hidden.scss +9 -9
  196. package/src/scss/utility/_itemDivider.scss +7 -7
  197. package/src/scss/utility/_linkExpand.scss +9 -9
  198. package/src/scss/utility/_snap.scss +5 -5
  199. package/src/scss/utility/_trimHL.scss +11 -11
  200. package/dist/components/Dummy/getContent.d.ts +0 -13
  201. package/dist/components/Dummy/getContent.js +0 -10
  202. package/dist/components/Dummy/texts.d.ts +0 -22
  203. package/dist/components/Dummy/texts.js +0 -39
  204. package/dist/components/Layer/getProps.d.ts +0 -5
  205. package/dist/components/atomic/Media/getProps.d.ts +0 -9
  206. package/dist/components/atomic/Media/getProps.js +0 -8
  207. package/dist/components/getFilterProps.d.ts +0 -10
  208. package/dist/components/getFilterProps.js +0 -23
  209. package/dist/components/getFilterProps.test.d.ts +0 -1
  210. package/dist/components/setMaybeTransformStyles.d.ts +0 -12
  211. package/dist/components/setMaybeTransformStyles.js +0 -7
  212. package/dist/components/setMaybeTransformStyles.test.d.ts +0 -1
  213. package/packages/astro/OverlayLink/OverlayLink.astro +0 -10
  214. package/packages/astro/OverlayLink/index.js +0 -1
  215. package/packages/astro/helper.js +0 -6
  216. package/src/scss/modules/atomic/_media.scss +0 -3
  217. /package/packages/astro/Box/{index.js → index.ts} +0 -0
  218. /package/packages/astro/Center/{index.js → index.ts} +0 -0
  219. /package/packages/astro/Cluster/{index.js → index.ts} +0 -0
  220. /package/packages/astro/Columns/{index.js → index.ts} +0 -0
  221. /package/packages/astro/Container/{index.js → index.ts} +0 -0
  222. /package/packages/astro/Decorator/{index.js → index.ts} +0 -0
  223. /package/packages/astro/Divider/{index.js → index.ts} +0 -0
  224. /package/packages/astro/Dummy/{index.js → index.ts} +0 -0
  225. /package/packages/astro/Flex/{index.js → index.ts} +0 -0
  226. /package/packages/astro/Flow/{index.js → index.ts} +0 -0
  227. /package/packages/astro/FluidCols/{index.js → index.ts} +0 -0
  228. /package/packages/astro/Frame/{index.js → index.ts} +0 -0
  229. /package/packages/astro/Grid/{index.js → index.ts} +0 -0
  230. /package/packages/astro/HTML/{index.js → index.ts} +0 -0
  231. /package/packages/astro/Icon/{index.js → index.ts} +0 -0
  232. /package/packages/astro/Layer/{index.js → index.ts} +0 -0
  233. /package/packages/astro/LinkBox/{index.js → index.ts} +0 -0
  234. /package/packages/astro/Lism/{index.js → index.ts} +0 -0
  235. /package/packages/astro/Media/{index.js → index.ts} +0 -0
  236. /package/packages/astro/SideMain/{index.js → index.ts} +0 -0
  237. /package/packages/astro/Spacer/{index.js → index.ts} +0 -0
  238. /package/packages/astro/Stack/{index.js → index.ts} +0 -0
  239. /package/packages/astro/SwitchCols/{index.js → index.ts} +0 -0
  240. /package/packages/astro/Wrapper/{index.js → index.ts} +0 -0
package/src/scss/_prop-config.scss CHANGED
@@ -1,852 +1,852 @@
1
1
  $props: (
2
- 'f': (
3
- prop: 'font',
4
- utilities: (
5
- 'inherit': 'inherit',
6
- ),
7
- ),
8
- 'fz': (
9
- prop: 'font-size',
10
- utilities: (
11
- 'root': 'var(--fz--root)',
12
- 'base': 'var(--fz--base)',
13
- '5xl': 'var(--fz--5xl)',
14
- '4xl': 'var(--fz--4xl)',
15
- '3xl': 'var(--fz--3xl)',
16
- '2xl': 'var(--fz--2xl)',
17
- 'xl': 'var(--fz--xl)',
18
- 'l': 'var(--fz--l)',
19
- 'm': 'var(--fz--m)',
20
- 's': 'var(--fz--s)',
21
- 'xs': 'var(--fz--xs)',
22
- '2xs': 'var(--fz--2xs)',
23
- ),
24
- bp: 1,
25
- alwaysVar: 1,
26
- ),
27
- 'fw': (
28
- prop: 'font-weight',
29
- utilities: (
30
- 'thin': 'var(--fw--thin)',
31
- 'light': 'var(--fw--light)',
32
- 'normal': 'var(--fw--normal)',
33
- 'medium': 'var(--fw--medium)',
34
- 'bold': 'var(--fw--bold)',
35
- 'black': 'var(--fw--black)',
36
- ),
37
- ),
38
- 'ff': (
39
- prop: 'font-family',
40
- utilities: (
41
- 'base': 'var(--ff--base)',
42
- 'accent': 'var(--ff--accent)',
43
- 'mono': 'var(--ff--mono)',
44
- ),
45
- ),
46
- 'fs': (
47
- prop: 'font-style',
48
- utilities: (
49
- 'italic': 'italic',
50
- ),
51
- ),
52
- 'lh': (
53
- prop: 'line-height',
54
- utilities: (
55
- ),
56
- exUtility: (
57
- ),
58
- ),
59
- 'hl': (
60
- prop: '--hl',
61
- bp: 1,
62
- isVar: 1,
63
- ),
64
- 'lts': (
65
- prop: 'letter-spacing',
66
- utilities: (
67
- 'base': 'var(--lts--base)',
68
- 's': 'var(--lts--s)',
69
- 'l': 'var(--lts--l)',
70
- ),
71
- ),
72
- 'ta': (
73
- prop: 'text-align',
74
- utilities: (
75
- 'center': 'center',
76
- 'left': 'left',
77
- 'right': 'right',
78
- ),
79
- ),
80
- 'td': (
81
- prop: 'text-decoration',
82
- utilities: (
83
- 'none': 'none',
84
- ),
85
- ),
86
- 'tt': (
87
- prop: 'text-transform',
88
- utilities: (
89
- 'upper': 'uppercase',
90
- 'lower': 'lowercase',
91
- ),
92
- ),
93
- 'd': (
94
- prop: 'display',
95
- utilities: (
96
- 'none': 'none',
97
- 'block': 'block',
98
- 'in-flex': 'inline-flex',
99
- ),
100
- bp: 1,
101
- ),
102
- 'o': (
103
- prop: 'opacity',
104
- utilities: (
105
- '0': '0',
106
- '-10': 'var(--o--n10)',
107
- '-20': 'var(--o--n20)',
108
- '-30': 'var(--o--n30)',
109
- ),
110
- ),
111
- 'v': (
112
- prop: 'visibility',
113
- utilities: (
114
- 'hidden': 'hidden',
115
- ),
116
- ),
117
- 'ov': (
118
- prop: 'overflow',
119
- utilities: (
120
- 'hidden': 'hidden',
121
- 'auto': 'auto',
122
- 'clip': 'clip',
123
- ),
124
- ),
125
- 'ov-x': (
126
- prop: 'overflow-x',
127
- utilities: (
128
- 'clip': 'clip',
129
- 'auto': 'auto',
130
- 'scroll': 'scroll',
131
- ),
132
- ),
133
- 'ov-y': (
134
- prop: 'overflow-y',
135
- utilities: (
136
- 'clip': 'clip',
137
- 'auto': 'auto',
138
- 'scroll': 'scroll',
139
- ),
140
- ),
141
- 'ar': (
142
- prop: 'aspect-ratio',
143
- utilities: (
144
- '21\\/9': '21/9',
145
- '16\\/9': '16/9',
146
- '3\\/2': '3/2',
147
- '1\\/1': '1/1',
148
- 'og': 'var(--ar--og)',
149
- ),
150
- bp: 1,
151
- ),
152
- 'w': (
153
- prop: 'width',
154
- utilities: (
155
- '100\\%': '100%',
156
- 'fit': 'fit-content',
157
- ),
158
- bp: 1,
159
- ),
160
- 'h': (
161
- prop: 'height',
162
- utilities: (
163
- '100\\%': '100%',
164
- 'fit': 'fit-content',
165
- ),
166
- bp: 1,
167
- ),
168
- 'min-w': (
169
- prop: 'min-width',
170
- utilities: (
171
- '100\\%': '100%',
172
- ),
173
- bp: 1,
174
- ),
175
- 'max-w': (
176
- prop: 'max-width',
177
- utilities: (
178
- '100\\%': '100%',
179
- ),
180
- bp: 1,
181
- ),
182
- 'min-h': (
183
- prop: 'min-height',
184
- utilities: (
185
- '100\\%': '100%',
186
- ),
187
- bp: 1,
188
- ),
189
- 'max-h': (
190
- prop: 'max-height',
191
- utilities: (
192
- '100\\%': '100%',
193
- ),
194
- bp: 1,
195
- ),
196
- 'max-sz': (
197
- prop: 'max-inline-size',
198
- utilities: (
199
- 'xs': 'var(--sz--xs)',
200
- 's': 'var(--sz--s)',
201
- 'm': 'var(--sz--m)',
202
- 'l': 'var(--sz--l)',
203
- 'xl': 'var(--sz--xl)',
204
- ),
205
- exUtility: (
206
- ),
207
- ),
208
- 'bg': (
209
- prop: 'background',
210
- bp: 1,
211
- ),
212
- 'bgr': (
213
- prop: 'background-repeat',
214
- utilities: (
215
- 'no-repeat': 'no-repeat',
216
- ),
217
- ),
218
- 'bgp': (
219
- prop: 'background-position',
220
- utilities: (
221
- 'center': 'center',
222
- ),
223
- ),
224
- 'bgsz': (
225
- prop: 'background-size',
226
- utilities: (
227
- 'cover': 'cover',
228
- 'contain': 'contain',
229
- ),
230
- ),
231
- 'bgc': (
232
- prop: 'background-color',
233
- utilities: (
234
- 'base': 'var(--base)',
235
- 'base-2': 'var(--base-2)',
236
- 'text': 'var(--text)',
237
- 'brand': 'var(--brand)',
238
- 'accent': 'var(--accent)',
239
- 'transparent': 'transparent',
240
- ),
241
- exUtility: (
242
- 'inherit': (
243
- 'background-color': 'inherit',
244
- ),
245
- ),
246
- alwaysVar: 1,
247
- ),
248
- 'c': (
249
- prop: 'color',
250
- utilities: (
251
- 'base': 'var(--base)',
252
- 'text': 'var(--text)',
253
- 'text-2': 'var(--text-2)',
254
- 'brand': 'var(--brand)',
255
- 'accent': 'var(--accent)',
256
- ),
257
- exUtility: (
258
- 'inherit': (
259
- 'color': 'inherit',
260
- ),
261
- ),
262
- alwaysVar: 1,
263
- ),
264
- 'bd': (
265
- prop: 'border',
266
- utilities: (
267
- 'none': 'none',
268
- ),
269
- ),
270
- 'bds': (
271
- prop: '--bds',
272
- utilities: (
273
- 'dashed': 'dashed',
274
- 'dotted': 'dotted',
275
- 'double': 'double',
276
- ),
277
- isVar: 1,
278
- ),
279
- 'bdc': (
280
- prop: '--bdc',
281
- utilities: (
282
- 'brand': 'var(--brand)',
283
- 'accent': 'var(--accent)',
284
- 'divider': 'var(--divider)',
285
- 'inherit': 'inherit',
286
- 'transparent': 'transparent',
287
- 'cc': 'currentColor',
288
- ),
289
- isVar: 1,
290
- ),
291
- 'bdw': (
292
- prop: '--bdw',
293
- bp: 1,
294
- isVar: 1,
295
- ),
296
- 'bdrs': (
297
- prop: 'border-radius',
298
- utilities: (
299
- '0': '0',
300
- '5': 'var(--bdrs--5)',
301
- '10': 'var(--bdrs--10)',
302
- '20': 'var(--bdrs--20)',
303
- '30': 'var(--bdrs--30)',
304
- '40': 'var(--bdrs--40)',
305
- '50': 'var(--bdrs--50)',
306
- '99': 'var(--bdrs--99)',
307
- 'inner': 'var(--bdrs--inner)',
308
- ),
309
- bp: 1,
310
- alwaysVar: 1,
311
- overwriteBaseVar: 1,
312
- ),
313
- 'bxsh': (
314
- prop: 'box-shadow',
315
- utilities: (
316
- '0': 'none',
317
- '5': 'var(--bxsh--5)',
318
- '10': 'var(--bxsh--10)',
319
- '20': 'var(--bxsh--20)',
320
- '30': 'var(--bxsh--30)',
321
- '40': 'var(--bxsh--40)',
322
- '50': 'var(--bxsh--50)',
323
- ),
324
- bp: 1,
325
- alwaysVar: 1,
326
- ),
327
- 'pos': (
328
- prop: 'position',
329
- utilities: (
330
- 'static': 'static',
331
- 'fixed': 'fixed',
332
- 'sticky': 'sticky',
333
- 'rel': 'relative',
334
- 'abs': 'absolute',
335
- ),
336
- ),
337
- 'z': (
338
- prop: 'z-index',
339
- utilities: (
340
- '0': '0',
341
- '1': '1',
342
- '99': '99',
343
- '-1': '-1',
344
- ),
345
- ),
346
- 't': (
347
- prop: 'top',
348
- utilities: (
349
- '0': '0%',
350
- '50\\%': '50%',
351
- '100\\%': '100%',
352
- ),
353
- ),
354
- 'l': (
355
- prop: 'left',
356
- utilities: (
357
- '0': '0%',
358
- '50\\%': '50%',
359
- '100\\%': '100%',
360
- ),
361
- ),
362
- 'r': (
363
- prop: 'right',
364
- utilities: (
365
- '0': '0%',
366
- '50\\%': '50%',
367
- '100\\%': '100%',
368
- ),
369
- ),
370
- 'b': (
371
- prop: 'bottom',
372
- utilities: (
373
- '0': '0%',
374
- '50\\%': '50%',
375
- '100\\%': '100%',
376
- ),
377
- ),
378
- 'i': (
379
- prop: 'inset',
380
- utilities: (
381
- '0': '0%',
382
- ),
383
- ),
384
- 'p': (
385
- prop: 'padding',
386
- utilities: (
387
- '0': '0',
388
- '5': 'var(--s5)',
389
- '10': 'var(--s10)',
390
- '15': 'var(--s15)',
391
- '20': 'var(--s20)',
392
- '30': 'var(--s30)',
393
- '40': 'var(--s40)',
394
- '50': 'var(--s50)',
395
- '60': 'var(--s60)',
396
- '70': 'var(--s70)',
397
- '80': 'var(--s80)',
398
- ),
399
- bp: 1,
400
- alwaysVar: 1,
401
- overwriteBaseVar: 1,
402
- ),
403
- 'px': (
404
- prop: 'padding-inline',
405
- utilities: (
406
- '0': '0',
407
- '5': 'var(--s5)',
408
- '10': 'var(--s10)',
409
- '15': 'var(--s15)',
410
- '20': 'var(--s20)',
411
- '30': 'var(--s30)',
412
- '40': 'var(--s40)',
413
- '50': 'var(--s50)',
414
- '60': 'var(--s60)',
415
- '70': 'var(--s70)',
416
- '80': 'var(--s80)',
417
- ),
418
- bp: 1,
419
- alwaysVar: 1,
420
- ),
421
- 'py': (
422
- prop: 'padding-block',
423
- utilities: (
424
- '0': '0',
425
- '5': 'var(--s5)',
426
- '10': 'var(--s10)',
427
- '15': 'var(--s15)',
428
- '20': 'var(--s20)',
429
- '30': 'var(--s30)',
430
- '40': 'var(--s40)',
431
- '50': 'var(--s50)',
432
- '60': 'var(--s60)',
433
- '70': 'var(--s70)',
434
- '80': 'var(--s80)',
435
- ),
436
- bp: 1,
437
- alwaysVar: 1,
438
- ),
439
- 'px-s': (
440
- prop: 'padding-inline-start',
441
- bp: 1,
442
- ),
443
- 'px-e': (
444
- prop: 'padding-inline-end',
445
- bp: 1,
446
- ),
447
- 'py-s': (
448
- prop: 'padding-block-start',
449
- bp: 1,
450
- ),
451
- 'py-e': (
452
- prop: 'padding-block-end',
453
- bp: 1,
454
- ),
455
- 'pl': (
456
- prop: 'padding-left',
457
- bp: 1,
458
- ),
459
- 'pr': (
460
- prop: 'padding-right',
461
- bp: 1,
462
- ),
463
- 'pt': (
464
- prop: 'padding-top',
465
- bp: 1,
466
- ),
467
- 'pb': (
468
- prop: 'padding-bottom',
469
- bp: 1,
470
- ),
471
- 'm': (
472
- prop: 'margin',
473
- utilities: (
474
- '0': '0',
475
- '5': 'var(--s5)',
476
- '10': 'var(--s10)',
477
- '15': 'var(--s15)',
478
- '20': 'var(--s20)',
479
- '30': 'var(--s30)',
480
- '40': 'var(--s40)',
481
- '50': 'var(--s50)',
482
- '60': 'var(--s60)',
483
- '70': 'var(--s70)',
484
- '80': 'var(--s80)',
485
- 'auto': 'auto',
486
- ),
487
- bp: 1,
488
- alwaysVar: 1,
489
- overwriteBaseVar: 1,
490
- ),
491
- 'mx': (
492
- prop: 'margin-inline',
493
- utilities: (
494
- '0': '0',
495
- '5': 'var(--s5)',
496
- '10': 'var(--s10)',
497
- '15': 'var(--s15)',
498
- '20': 'var(--s20)',
499
- '30': 'var(--s30)',
500
- '40': 'var(--s40)',
501
- '50': 'var(--s50)',
502
- '60': 'var(--s60)',
503
- '70': 'var(--s70)',
504
- '80': 'var(--s80)',
505
- 'auto': 'auto',
506
- ),
507
- bp: 1,
508
- alwaysVar: 1,
509
- ),
510
- 'my': (
511
- prop: 'margin-block',
512
- utilities: (
513
- '0': '0',
514
- '5': 'var(--s5)',
515
- '10': 'var(--s10)',
516
- '15': 'var(--s15)',
517
- '20': 'var(--s20)',
518
- '30': 'var(--s30)',
519
- '40': 'var(--s40)',
520
- '50': 'var(--s50)',
521
- '60': 'var(--s60)',
522
- '70': 'var(--s70)',
523
- '80': 'var(--s80)',
524
- 'auto': 'auto',
525
- ),
526
- bp: 1,
527
- alwaysVar: 1,
528
- ),
529
- 'mx-s': (
530
- prop: 'margin-inline-start',
531
- utilities: (
532
- 'auto': 'auto',
533
- ),
534
- bp: 1,
535
- ),
536
- 'mx-e': (
537
- prop: 'margin-inline-end',
538
- utilities: (
539
- 'auto': 'auto',
540
- ),
541
- bp: 1,
542
- ),
543
- 'my-s': (
544
- prop: 'margin-block-start',
545
- utilities: (
546
- '0': '0',
547
- '5': 'var(--s5)',
548
- '10': 'var(--s10)',
549
- '15': 'var(--s15)',
550
- '20': 'var(--s20)',
551
- '30': 'var(--s30)',
552
- '40': 'var(--s40)',
553
- '50': 'var(--s50)',
554
- '60': 'var(--s60)',
555
- '70': 'var(--s70)',
556
- '80': 'var(--s80)',
557
- 'auto': 'auto',
558
- ),
559
- bp: 1,
560
- ),
561
- 'my-e': (
562
- prop: 'margin-block-end',
563
- utilities: (
564
- 'auto': 'auto',
565
- ),
566
- bp: 1,
567
- ),
568
- 'ml': (
569
- prop: 'margin-left',
570
- bp: 1,
571
- ),
572
- 'mr': (
573
- prop: 'margin-right',
574
- bp: 1,
575
- ),
576
- 'mt': (
577
- prop: 'margin-top',
578
- bp: 1,
579
- ),
580
- 'mb': (
581
- prop: 'margin-bottom',
582
- bp: 1,
583
- ),
584
- 'g': (
585
- prop: 'gap',
586
- utilities: (
587
- '0': '0',
588
- '5': 'var(--s5)',
589
- '10': 'var(--s10)',
590
- '15': 'var(--s15)',
591
- '20': 'var(--s20)',
592
- '30': 'var(--s30)',
593
- '40': 'var(--s40)',
594
- '50': 'var(--s50)',
595
- '60': 'var(--s60)',
596
- '70': 'var(--s70)',
597
- '80': 'var(--s80)',
598
- ),
599
- exUtility: (
600
- 'inherit': (
601
- 'gap': 'inherit',
602
- ),
603
- ),
604
- bp: 1,
605
- alwaysVar: 1,
606
- overwriteBaseVar: 1,
607
- ),
608
- 'g-x': (
609
- prop: 'column-gap',
610
- bp: 1,
611
- ),
612
- 'g-y': (
613
- prop: 'row-gap',
614
- bp: 1,
615
- ),
616
- 'cols': (
617
- prop: '--cols',
618
- bp: 1,
619
- isVar: 1,
620
- ),
621
- 'rows': (
622
- prop: '--rows',
623
- bp: 1,
624
- isVar: 1,
625
- ),
626
- 'fxw': (
627
- prop: 'flex-wrap',
628
- utilities: (
629
- 'wrap': 'wrap',
630
- ),
631
- bp: 1,
632
- ),
633
- 'fxd': (
634
- prop: 'flex-direction',
635
- utilities: (
636
- 'col': 'column',
637
- 'col-r': 'column-reverse',
638
- 'row-r': 'row-reverse',
639
- ),
640
- bp: 1,
641
- ),
642
- 'fx': (
643
- prop: 'flex',
644
- utilities: (
645
- '1': '1',
646
- ),
647
- bp: 1,
648
- ),
649
- 'fxg': (
650
- prop: 'flex-grow',
651
- utilities: (
652
- '1': '1',
653
- ),
654
- ),
655
- 'fxsh': (
656
- prop: 'flex-shrink',
657
- utilities: (
658
- '0': '0',
659
- ),
660
- ),
661
- 'fxb': (
662
- prop: 'flex-basis',
663
- bp: 1,
664
- ),
665
- 'gt': (
666
- prop: 'grid-template',
667
- utilities: (
668
- ),
669
- exUtility: (
670
- 'repeat': (
671
- 'grid-template': 'repeat(var(--rows,1), 1fr) / repeat(var(--cols,1), 1fr)',
672
- ),
673
- ),
674
- bp: 1,
675
- ),
676
- 'gta': (
677
- prop: 'grid-template-areas',
678
- bp: 1,
679
- ),
680
- 'gtc': (
681
- prop: 'grid-template-columns',
682
- utilities: (
683
- 'subgrid': 'subgrid',
684
- ),
685
- bp: 1,
686
- ),
687
- 'gtr': (
688
- prop: 'grid-template-rows',
689
- utilities: (
690
- 'subgrid': 'subgrid',
691
- ),
692
- bp: 1,
693
- ),
694
- 'gaf': (
695
- prop: 'grid-auto-flow',
696
- utilities: (
697
- 'row': 'row',
698
- 'col': 'column',
699
- ),
700
- bp: 1,
701
- ),
702
- 'ga': (
703
- prop: 'grid-area',
704
- utilities: (
705
- '1\\/1': '1 / 1',
706
- ),
707
- bp: 1,
708
- ),
709
- 'gc': (
710
- prop: 'grid-column',
711
- utilities: (
712
- '1\\/-1': '1 / -1',
713
- ),
714
- bp: 1,
715
- ),
716
- 'gr': (
717
- prop: 'grid-row',
718
- utilities: (
719
- '1\\/-1': '1 / -1',
720
- ),
721
- bp: 1,
722
- ),
723
- 'ai': (
724
- prop: 'align-items',
725
- utilities: (
726
- 'start': 'start',
727
- 'center': 'center',
728
- 'end': 'end',
729
- 'stretch': 'stretch',
730
- 'flex-s': 'flex-start',
731
- 'flex-e': 'flex-end',
732
- ),
733
- bp: 1,
734
- ),
735
- 'ac': (
736
- prop: 'align-content',
737
- utilities: (
738
- 'start': 'start',
739
- 'center': 'center',
740
- 'end': 'end',
741
- 'flex-s': 'flex-start',
742
- 'flex-e': 'flex-end',
743
- 'between': 'space-between',
744
- ),
745
- bp: 1,
746
- ),
747
- 'ji': (
748
- prop: 'justify-items',
749
- utilities: (
750
- 'start': 'start',
751
- 'center': 'center',
752
- 'end': 'end',
753
- 'stretch': 'stretch',
754
- 'flex-s': 'flex-start',
755
- 'flex-e': 'flex-end',
756
- ),
757
- bp: 1,
758
- ),
759
- 'jc': (
760
- prop: 'justify-content',
761
- utilities: (
762
- 'start': 'start',
763
- 'center': 'center',
764
- 'end': 'end',
765
- 'flex-s': 'flex-start',
766
- 'flex-e': 'flex-end',
767
- 'between': 'space-between',
768
- ),
769
- bp: 1,
770
- ),
771
- 'pi': (
772
- prop: 'place-items',
773
- utilities: (
774
- 'start': 'start',
775
- 'center': 'center',
776
- 'end': 'end',
777
- ),
778
- ),
779
- 'pc': (
780
- prop: 'place-content',
781
- utilities: (
782
- 'start': 'start',
783
- 'center': 'center',
784
- 'end': 'end',
785
- ),
786
- ),
787
- 'aslf': (
788
- prop: 'align-self',
789
- utilities: (
790
- 'start': 'start',
791
- 'center': 'center',
792
- 'end': 'end',
793
- 'stretch': 'stretch',
794
- ),
795
- ),
796
- 'jslf': (
797
- prop: 'justify-self',
798
- utilities: (
799
- 'start': 'start',
800
- 'center': 'center',
801
- 'end': 'end',
802
- 'stretch': 'stretch',
803
- ),
804
- ),
805
- 'pslf': (
806
- prop: 'place-self',
807
- utilities: (
808
- 'start': 'start',
809
- 'center': 'center',
810
- 'end': 'end',
811
- ),
812
- ),
813
- 'order': (
814
- prop: 'order',
815
- utilities: (
816
- '0': '0',
817
- '1': '1',
818
- '-1': '-1',
819
- ),
820
- ),
821
- 'ovwrap': (
822
- prop: 'overflow-wrap',
823
- utilities: (
824
- 'any': 'anywhere',
825
- ),
826
- ),
827
- 'whspace': (
828
- prop: 'white-space',
829
- utilities: (
830
- 'nowrap': 'nowrap',
831
- ),
832
- ),
833
- 'float': (
834
- prop: 'float',
835
- utilities: (
836
- 'left': 'left',
837
- 'right': 'right',
838
- ),
839
- ),
840
- 'clear': (
841
- prop: 'clear',
842
- utilities: (
843
- 'both': 'both',
844
- ),
845
- ),
846
- 'isolation': (
847
- prop: 'isolation',
848
- utilities: (
849
- 'isolate': 'isolate',
850
- ),
851
- ),
2
+ 'f': (
3
+ prop: 'font',
4
+ utilities: (
5
+ 'inherit': 'inherit',
6
+ ),
7
+ ),
8
+ 'fz': (
9
+ prop: 'font-size',
10
+ utilities: (
11
+ 'root': 'var(--fz--root)',
12
+ 'base': 'var(--fz--base)',
13
+ '5xl': 'var(--fz--5xl)',
14
+ '4xl': 'var(--fz--4xl)',
15
+ '3xl': 'var(--fz--3xl)',
16
+ '2xl': 'var(--fz--2xl)',
17
+ 'xl': 'var(--fz--xl)',
18
+ 'l': 'var(--fz--l)',
19
+ 'm': 'var(--fz--m)',
20
+ 's': 'var(--fz--s)',
21
+ 'xs': 'var(--fz--xs)',
22
+ '2xs': 'var(--fz--2xs)',
23
+ ),
24
+ bp: 1,
25
+ alwaysVar: 1,
26
+ ),
27
+ 'fw': (
28
+ prop: 'font-weight',
29
+ utilities: (
30
+ 'thin': 'var(--fw--thin)',
31
+ 'light': 'var(--fw--light)',
32
+ 'normal': 'var(--fw--normal)',
33
+ 'medium': 'var(--fw--medium)',
34
+ 'bold': 'var(--fw--bold)',
35
+ 'black': 'var(--fw--black)',
36
+ ),
37
+ ),
38
+ 'ff': (
39
+ prop: 'font-family',
40
+ utilities: (
41
+ 'base': 'var(--ff--base)',
42
+ 'accent': 'var(--ff--accent)',
43
+ 'mono': 'var(--ff--mono)',
44
+ ),
45
+ ),
46
+ 'fs': (
47
+ prop: 'font-style',
48
+ utilities: (
49
+ 'italic': 'italic',
50
+ ),
51
+ ),
52
+ 'lh': (
53
+ prop: 'line-height',
54
+ utilities: (
55
+ ),
56
+ exUtility: (
57
+ ),
58
+ ),
59
+ 'hl': (
60
+ prop: '--hl',
61
+ bp: 1,
62
+ isVar: 1,
63
+ ),
64
+ 'lts': (
65
+ prop: 'letter-spacing',
66
+ utilities: (
67
+ 'base': 'var(--lts--base)',
68
+ 's': 'var(--lts--s)',
69
+ 'l': 'var(--lts--l)',
70
+ ),
71
+ ),
72
+ 'ta': (
73
+ prop: 'text-align',
74
+ utilities: (
75
+ 'center': 'center',
76
+ 'left': 'left',
77
+ 'right': 'right',
78
+ ),
79
+ ),
80
+ 'td': (
81
+ prop: 'text-decoration',
82
+ utilities: (
83
+ 'none': 'none',
84
+ ),
85
+ ),
86
+ 'tt': (
87
+ prop: 'text-transform',
88
+ utilities: (
89
+ 'upper': 'uppercase',
90
+ 'lower': 'lowercase',
91
+ ),
92
+ ),
93
+ 'd': (
94
+ prop: 'display',
95
+ utilities: (
96
+ 'none': 'none',
97
+ 'block': 'block',
98
+ 'in-flex': 'inline-flex',
99
+ ),
100
+ bp: 1,
101
+ ),
102
+ 'o': (
103
+ prop: 'opacity',
104
+ utilities: (
105
+ '0': '0',
106
+ '-10': 'var(--o--n10)',
107
+ '-20': 'var(--o--n20)',
108
+ '-30': 'var(--o--n30)',
109
+ ),
110
+ ),
111
+ 'v': (
112
+ prop: 'visibility',
113
+ utilities: (
114
+ 'hidden': 'hidden',
115
+ ),
116
+ ),
117
+ 'ov': (
118
+ prop: 'overflow',
119
+ utilities: (
120
+ 'hidden': 'hidden',
121
+ 'auto': 'auto',
122
+ 'clip': 'clip',
123
+ ),
124
+ ),
125
+ 'ov-x': (
126
+ prop: 'overflow-x',
127
+ utilities: (
128
+ 'clip': 'clip',
129
+ 'auto': 'auto',
130
+ 'scroll': 'scroll',
131
+ ),
132
+ ),
133
+ 'ov-y': (
134
+ prop: 'overflow-y',
135
+ utilities: (
136
+ 'clip': 'clip',
137
+ 'auto': 'auto',
138
+ 'scroll': 'scroll',
139
+ ),
140
+ ),
141
+ 'ar': (
142
+ prop: 'aspect-ratio',
143
+ utilities: (
144
+ '21\\/9': '21/9',
145
+ '16\\/9': '16/9',
146
+ '3\\/2': '3/2',
147
+ '1\\/1': '1/1',
148
+ 'og': 'var(--ar--og)',
149
+ ),
150
+ bp: 1,
151
+ ),
152
+ 'w': (
153
+ prop: 'width',
154
+ utilities: (
155
+ '100\\%': '100%',
156
+ 'fit': 'fit-content',
157
+ ),
158
+ bp: 1,
159
+ ),
160
+ 'h': (
161
+ prop: 'height',
162
+ utilities: (
163
+ '100\\%': '100%',
164
+ 'fit': 'fit-content',
165
+ ),
166
+ bp: 1,
167
+ ),
168
+ 'min-w': (
169
+ prop: 'min-width',
170
+ utilities: (
171
+ '100\\%': '100%',
172
+ ),
173
+ bp: 1,
174
+ ),
175
+ 'max-w': (
176
+ prop: 'max-width',
177
+ utilities: (
178
+ '100\\%': '100%',
179
+ ),
180
+ bp: 1,
181
+ ),
182
+ 'min-h': (
183
+ prop: 'min-height',
184
+ utilities: (
185
+ '100\\%': '100%',
186
+ ),
187
+ bp: 1,
188
+ ),
189
+ 'max-h': (
190
+ prop: 'max-height',
191
+ utilities: (
192
+ '100\\%': '100%',
193
+ ),
194
+ bp: 1,
195
+ ),
196
+ 'max-sz': (
197
+ prop: 'max-inline-size',
198
+ utilities: (
199
+ 'xs': 'var(--sz--xs)',
200
+ 's': 'var(--sz--s)',
201
+ 'm': 'var(--sz--m)',
202
+ 'l': 'var(--sz--l)',
203
+ 'xl': 'var(--sz--xl)',
204
+ ),
205
+ exUtility: (
206
+ ),
207
+ ),
208
+ 'bg': (
209
+ prop: 'background',
210
+ bp: 1,
211
+ ),
212
+ 'bgr': (
213
+ prop: 'background-repeat',
214
+ utilities: (
215
+ 'no-repeat': 'no-repeat',
216
+ ),
217
+ ),
218
+ 'bgp': (
219
+ prop: 'background-position',
220
+ utilities: (
221
+ 'center': 'center',
222
+ ),
223
+ ),
224
+ 'bgsz': (
225
+ prop: 'background-size',
226
+ utilities: (
227
+ 'cover': 'cover',
228
+ 'contain': 'contain',
229
+ ),
230
+ ),
231
+ 'bgc': (
232
+ prop: 'background-color',
233
+ utilities: (
234
+ 'base': 'var(--base)',
235
+ 'base-2': 'var(--base-2)',
236
+ 'text': 'var(--text)',
237
+ 'brand': 'var(--brand)',
238
+ 'accent': 'var(--accent)',
239
+ 'transparent': 'transparent',
240
+ ),
241
+ exUtility: (
242
+ 'inherit': (
243
+ 'background-color': 'inherit',
244
+ ),
245
+ ),
246
+ alwaysVar: 1,
247
+ ),
248
+ 'c': (
249
+ prop: 'color',
250
+ utilities: (
251
+ 'base': 'var(--base)',
252
+ 'text': 'var(--text)',
253
+ 'text-2': 'var(--text-2)',
254
+ 'brand': 'var(--brand)',
255
+ 'accent': 'var(--accent)',
256
+ ),
257
+ exUtility: (
258
+ 'inherit': (
259
+ 'color': 'inherit',
260
+ ),
261
+ ),
262
+ alwaysVar: 1,
263
+ ),
264
+ 'bd': (
265
+ prop: 'border',
266
+ utilities: (
267
+ 'none': 'none',
268
+ ),
269
+ ),
270
+ 'bds': (
271
+ prop: '--bds',
272
+ utilities: (
273
+ 'dashed': 'dashed',
274
+ 'dotted': 'dotted',
275
+ 'double': 'double',
276
+ ),
277
+ isVar: 1,
278
+ ),
279
+ 'bdc': (
280
+ prop: '--bdc',
281
+ utilities: (
282
+ 'brand': 'var(--brand)',
283
+ 'accent': 'var(--accent)',
284
+ 'divider': 'var(--divider)',
285
+ 'inherit': 'inherit',
286
+ 'transparent': 'transparent',
287
+ 'cc': 'currentColor',
288
+ ),
289
+ isVar: 1,
290
+ ),
291
+ 'bdw': (
292
+ prop: '--bdw',
293
+ bp: 1,
294
+ isVar: 1,
295
+ ),
296
+ 'bdrs': (
297
+ prop: 'border-radius',
298
+ utilities: (
299
+ '0': '0',
300
+ '5': 'var(--bdrs--5)',
301
+ '10': 'var(--bdrs--10)',
302
+ '20': 'var(--bdrs--20)',
303
+ '30': 'var(--bdrs--30)',
304
+ '40': 'var(--bdrs--40)',
305
+ '50': 'var(--bdrs--50)',
306
+ '99': 'var(--bdrs--99)',
307
+ 'inner': 'var(--bdrs--inner)',
308
+ ),
309
+ bp: 1,
310
+ alwaysVar: 1,
311
+ overwriteBaseVar: 1,
312
+ ),
313
+ 'bxsh': (
314
+ prop: 'box-shadow',
315
+ utilities: (
316
+ '0': 'none',
317
+ '5': 'var(--bxsh--5)',
318
+ '10': 'var(--bxsh--10)',
319
+ '20': 'var(--bxsh--20)',
320
+ '30': 'var(--bxsh--30)',
321
+ '40': 'var(--bxsh--40)',
322
+ '50': 'var(--bxsh--50)',
323
+ ),
324
+ bp: 1,
325
+ alwaysVar: 1,
326
+ ),
327
+ 'pos': (
328
+ prop: 'position',
329
+ utilities: (
330
+ 'static': 'static',
331
+ 'fixed': 'fixed',
332
+ 'sticky': 'sticky',
333
+ 'rel': 'relative',
334
+ 'abs': 'absolute',
335
+ ),
336
+ ),
337
+ 'z': (
338
+ prop: 'z-index',
339
+ utilities: (
340
+ '0': '0',
341
+ '1': '1',
342
+ '99': '99',
343
+ '-1': '-1',
344
+ ),
345
+ ),
346
+ 't': (
347
+ prop: 'top',
348
+ utilities: (
349
+ '0': '0%',
350
+ '50\\%': '50%',
351
+ '100\\%': '100%',
352
+ ),
353
+ ),
354
+ 'l': (
355
+ prop: 'left',
356
+ utilities: (
357
+ '0': '0%',
358
+ '50\\%': '50%',
359
+ '100\\%': '100%',
360
+ ),
361
+ ),
362
+ 'r': (
363
+ prop: 'right',
364
+ utilities: (
365
+ '0': '0%',
366
+ '50\\%': '50%',
367
+ '100\\%': '100%',
368
+ ),
369
+ ),
370
+ 'b': (
371
+ prop: 'bottom',
372
+ utilities: (
373
+ '0': '0%',
374
+ '50\\%': '50%',
375
+ '100\\%': '100%',
376
+ ),
377
+ ),
378
+ 'i': (
379
+ prop: 'inset',
380
+ utilities: (
381
+ '0': '0%',
382
+ ),
383
+ ),
384
+ 'p': (
385
+ prop: 'padding',
386
+ utilities: (
387
+ '0': '0',
388
+ '5': 'var(--s5)',
389
+ '10': 'var(--s10)',
390
+ '15': 'var(--s15)',
391
+ '20': 'var(--s20)',
392
+ '30': 'var(--s30)',
393
+ '40': 'var(--s40)',
394
+ '50': 'var(--s50)',
395
+ '60': 'var(--s60)',
396
+ '70': 'var(--s70)',
397
+ '80': 'var(--s80)',
398
+ ),
399
+ bp: 1,
400
+ alwaysVar: 1,
401
+ overwriteBaseVar: 1,
402
+ ),
403
+ 'px': (
404
+ prop: 'padding-inline',
405
+ utilities: (
406
+ '0': '0',
407
+ '5': 'var(--s5)',
408
+ '10': 'var(--s10)',
409
+ '15': 'var(--s15)',
410
+ '20': 'var(--s20)',
411
+ '30': 'var(--s30)',
412
+ '40': 'var(--s40)',
413
+ '50': 'var(--s50)',
414
+ '60': 'var(--s60)',
415
+ '70': 'var(--s70)',
416
+ '80': 'var(--s80)',
417
+ ),
418
+ bp: 1,
419
+ alwaysVar: 1,
420
+ ),
421
+ 'py': (
422
+ prop: 'padding-block',
423
+ utilities: (
424
+ '0': '0',
425
+ '5': 'var(--s5)',
426
+ '10': 'var(--s10)',
427
+ '15': 'var(--s15)',
428
+ '20': 'var(--s20)',
429
+ '30': 'var(--s30)',
430
+ '40': 'var(--s40)',
431
+ '50': 'var(--s50)',
432
+ '60': 'var(--s60)',
433
+ '70': 'var(--s70)',
434
+ '80': 'var(--s80)',
435
+ ),
436
+ bp: 1,
437
+ alwaysVar: 1,
438
+ ),
439
+ 'px-s': (
440
+ prop: 'padding-inline-start',
441
+ bp: 1,
442
+ ),
443
+ 'px-e': (
444
+ prop: 'padding-inline-end',
445
+ bp: 1,
446
+ ),
447
+ 'py-s': (
448
+ prop: 'padding-block-start',
449
+ bp: 1,
450
+ ),
451
+ 'py-e': (
452
+ prop: 'padding-block-end',
453
+ bp: 1,
454
+ ),
455
+ 'pl': (
456
+ prop: 'padding-left',
457
+ bp: 1,
458
+ ),
459
+ 'pr': (
460
+ prop: 'padding-right',
461
+ bp: 1,
462
+ ),
463
+ 'pt': (
464
+ prop: 'padding-top',
465
+ bp: 1,
466
+ ),
467
+ 'pb': (
468
+ prop: 'padding-bottom',
469
+ bp: 1,
470
+ ),
471
+ 'm': (
472
+ prop: 'margin',
473
+ utilities: (
474
+ '0': '0',
475
+ '5': 'var(--s5)',
476
+ '10': 'var(--s10)',
477
+ '15': 'var(--s15)',
478
+ '20': 'var(--s20)',
479
+ '30': 'var(--s30)',
480
+ '40': 'var(--s40)',
481
+ '50': 'var(--s50)',
482
+ '60': 'var(--s60)',
483
+ '70': 'var(--s70)',
484
+ '80': 'var(--s80)',
485
+ 'auto': 'auto',
486
+ ),
487
+ bp: 1,
488
+ alwaysVar: 1,
489
+ overwriteBaseVar: 1,
490
+ ),
491
+ 'mx': (
492
+ prop: 'margin-inline',
493
+ utilities: (
494
+ '0': '0',
495
+ '5': 'var(--s5)',
496
+ '10': 'var(--s10)',
497
+ '15': 'var(--s15)',
498
+ '20': 'var(--s20)',
499
+ '30': 'var(--s30)',
500
+ '40': 'var(--s40)',
501
+ '50': 'var(--s50)',
502
+ '60': 'var(--s60)',
503
+ '70': 'var(--s70)',
504
+ '80': 'var(--s80)',
505
+ 'auto': 'auto',
506
+ ),
507
+ bp: 1,
508
+ alwaysVar: 1,
509
+ ),
510
+ 'my': (
511
+ prop: 'margin-block',
512
+ utilities: (
513
+ '0': '0',
514
+ '5': 'var(--s5)',
515
+ '10': 'var(--s10)',
516
+ '15': 'var(--s15)',
517
+ '20': 'var(--s20)',
518
+ '30': 'var(--s30)',
519
+ '40': 'var(--s40)',
520
+ '50': 'var(--s50)',
521
+ '60': 'var(--s60)',
522
+ '70': 'var(--s70)',
523
+ '80': 'var(--s80)',
524
+ 'auto': 'auto',
525
+ ),
526
+ bp: 1,
527
+ alwaysVar: 1,
528
+ ),
529
+ 'mx-s': (
530
+ prop: 'margin-inline-start',
531
+ utilities: (
532
+ 'auto': 'auto',
533
+ ),
534
+ bp: 1,
535
+ ),
536
+ 'mx-e': (
537
+ prop: 'margin-inline-end',
538
+ utilities: (
539
+ 'auto': 'auto',
540
+ ),
541
+ bp: 1,
542
+ ),
543
+ 'my-s': (
544
+ prop: 'margin-block-start',
545
+ utilities: (
546
+ '0': '0',
547
+ '5': 'var(--s5)',
548
+ '10': 'var(--s10)',
549
+ '15': 'var(--s15)',
550
+ '20': 'var(--s20)',
551
+ '30': 'var(--s30)',
552
+ '40': 'var(--s40)',
553
+ '50': 'var(--s50)',
554
+ '60': 'var(--s60)',
555
+ '70': 'var(--s70)',
556
+ '80': 'var(--s80)',
557
+ 'auto': 'auto',
558
+ ),
559
+ bp: 1,
560
+ ),
561
+ 'my-e': (
562
+ prop: 'margin-block-end',
563
+ utilities: (
564
+ 'auto': 'auto',
565
+ ),
566
+ bp: 1,
567
+ ),
568
+ 'ml': (
569
+ prop: 'margin-left',
570
+ bp: 1,
571
+ ),
572
+ 'mr': (
573
+ prop: 'margin-right',
574
+ bp: 1,
575
+ ),
576
+ 'mt': (
577
+ prop: 'margin-top',
578
+ bp: 1,
579
+ ),
580
+ 'mb': (
581
+ prop: 'margin-bottom',
582
+ bp: 1,
583
+ ),
584
+ 'g': (
585
+ prop: 'gap',
586
+ utilities: (
587
+ '0': '0',
588
+ '5': 'var(--s5)',
589
+ '10': 'var(--s10)',
590
+ '15': 'var(--s15)',
591
+ '20': 'var(--s20)',
592
+ '30': 'var(--s30)',
593
+ '40': 'var(--s40)',
594
+ '50': 'var(--s50)',
595
+ '60': 'var(--s60)',
596
+ '70': 'var(--s70)',
597
+ '80': 'var(--s80)',
598
+ ),
599
+ exUtility: (
600
+ 'inherit': (
601
+ 'gap': 'inherit',
602
+ ),
603
+ ),
604
+ bp: 1,
605
+ alwaysVar: 1,
606
+ overwriteBaseVar: 1,
607
+ ),
608
+ 'g-x': (
609
+ prop: 'column-gap',
610
+ bp: 1,
611
+ ),
612
+ 'g-y': (
613
+ prop: 'row-gap',
614
+ bp: 1,
615
+ ),
616
+ 'cols': (
617
+ prop: '--cols',
618
+ bp: 1,
619
+ isVar: 1,
620
+ ),
621
+ 'rows': (
622
+ prop: '--rows',
623
+ bp: 1,
624
+ isVar: 1,
625
+ ),
626
+ 'fxw': (
627
+ prop: 'flex-wrap',
628
+ utilities: (
629
+ 'wrap': 'wrap',
630
+ ),
631
+ bp: 1,
632
+ ),
633
+ 'fxd': (
634
+ prop: 'flex-direction',
635
+ utilities: (
636
+ 'col': 'column',
637
+ 'col-r': 'column-reverse',
638
+ 'row-r': 'row-reverse',
639
+ ),
640
+ bp: 1,
641
+ ),
642
+ 'fx': (
643
+ prop: 'flex',
644
+ utilities: (
645
+ '1': '1',
646
+ ),
647
+ bp: 1,
648
+ ),
649
+ 'fxg': (
650
+ prop: 'flex-grow',
651
+ utilities: (
652
+ '1': '1',
653
+ ),
654
+ ),
655
+ 'fxsh': (
656
+ prop: 'flex-shrink',
657
+ utilities: (
658
+ '0': '0',
659
+ ),
660
+ ),
661
+ 'fxb': (
662
+ prop: 'flex-basis',
663
+ bp: 1,
664
+ ),
665
+ 'gt': (
666
+ prop: 'grid-template',
667
+ utilities: (
668
+ ),
669
+ exUtility: (
670
+ 'repeat': (
671
+ 'grid-template': 'repeat(var(--rows,1), 1fr) / repeat(var(--cols,1), 1fr)',
672
+ ),
673
+ ),
674
+ bp: 1,
675
+ ),
676
+ 'gta': (
677
+ prop: 'grid-template-areas',
678
+ bp: 1,
679
+ ),
680
+ 'gtc': (
681
+ prop: 'grid-template-columns',
682
+ utilities: (
683
+ 'subgrid': 'subgrid',
684
+ ),
685
+ bp: 1,
686
+ ),
687
+ 'gtr': (
688
+ prop: 'grid-template-rows',
689
+ utilities: (
690
+ 'subgrid': 'subgrid',
691
+ ),
692
+ bp: 1,
693
+ ),
694
+ 'gaf': (
695
+ prop: 'grid-auto-flow',
696
+ utilities: (
697
+ 'row': 'row',
698
+ 'col': 'column',
699
+ ),
700
+ bp: 1,
701
+ ),
702
+ 'ga': (
703
+ prop: 'grid-area',
704
+ utilities: (
705
+ '1\\/1': '1 / 1',
706
+ ),
707
+ bp: 1,
708
+ ),
709
+ 'gc': (
710
+ prop: 'grid-column',
711
+ utilities: (
712
+ '1\\/-1': '1 / -1',
713
+ ),
714
+ bp: 1,
715
+ ),
716
+ 'gr': (
717
+ prop: 'grid-row',
718
+ utilities: (
719
+ '1\\/-1': '1 / -1',
720
+ ),
721
+ bp: 1,
722
+ ),
723
+ 'ai': (
724
+ prop: 'align-items',
725
+ utilities: (
726
+ 'start': 'start',
727
+ 'center': 'center',
728
+ 'end': 'end',
729
+ 'stretch': 'stretch',
730
+ 'flex-s': 'flex-start',
731
+ 'flex-e': 'flex-end',
732
+ ),
733
+ bp: 1,
734
+ ),
735
+ 'ac': (
736
+ prop: 'align-content',
737
+ utilities: (
738
+ 'start': 'start',
739
+ 'center': 'center',
740
+ 'end': 'end',
741
+ 'flex-s': 'flex-start',
742
+ 'flex-e': 'flex-end',
743
+ 'between': 'space-between',
744
+ ),
745
+ bp: 1,
746
+ ),
747
+ 'ji': (
748
+ prop: 'justify-items',
749
+ utilities: (
750
+ 'start': 'start',
751
+ 'center': 'center',
752
+ 'end': 'end',
753
+ 'stretch': 'stretch',
754
+ 'flex-s': 'flex-start',
755
+ 'flex-e': 'flex-end',
756
+ ),
757
+ bp: 1,
758
+ ),
759
+ 'jc': (
760
+ prop: 'justify-content',
761
+ utilities: (
762
+ 'start': 'start',
763
+ 'center': 'center',
764
+ 'end': 'end',
765
+ 'flex-s': 'flex-start',
766
+ 'flex-e': 'flex-end',
767
+ 'between': 'space-between',
768
+ ),
769
+ bp: 1,
770
+ ),
771
+ 'pi': (
772
+ prop: 'place-items',
773
+ utilities: (
774
+ 'start': 'start',
775
+ 'center': 'center',
776
+ 'end': 'end',
777
+ ),
778
+ ),
779
+ 'pc': (
780
+ prop: 'place-content',
781
+ utilities: (
782
+ 'start': 'start',
783
+ 'center': 'center',
784
+ 'end': 'end',
785
+ ),
786
+ ),
787
+ 'aslf': (
788
+ prop: 'align-self',
789
+ utilities: (
790
+ 'start': 'start',
791
+ 'center': 'center',
792
+ 'end': 'end',
793
+ 'stretch': 'stretch',
794
+ ),
795
+ ),
796
+ 'jslf': (
797
+ prop: 'justify-self',
798
+ utilities: (
799
+ 'start': 'start',
800
+ 'center': 'center',
801
+ 'end': 'end',
802
+ 'stretch': 'stretch',
803
+ ),
804
+ ),
805
+ 'pslf': (
806
+ prop: 'place-self',
807
+ utilities: (
808
+ 'start': 'start',
809
+ 'center': 'center',
810
+ 'end': 'end',
811
+ ),
812
+ ),
813
+ 'order': (
814
+ prop: 'order',
815
+ utilities: (
816
+ '0': '0',
817
+ '1': '1',
818
+ '-1': '-1',
819
+ ),
820
+ ),
821
+ 'ovwrap': (
822
+ prop: 'overflow-wrap',
823
+ utilities: (
824
+ 'any': 'anywhere',
825
+ ),
826
+ ),
827
+ 'whspace': (
828
+ prop: 'white-space',
829
+ utilities: (
830
+ 'nowrap': 'nowrap',
831
+ ),
832
+ ),
833
+ 'float': (
834
+ prop: 'float',
835
+ utilities: (
836
+ 'left': 'left',
837
+ 'right': 'right',
838
+ ),
839
+ ),
840
+ 'clear': (
841
+ prop: 'clear',
842
+ utilities: (
843
+ 'both': 'both',
844
+ ),
845
+ ),
846
+ 'isolation': (
847
+ prop: 'isolation',
848
+ utilities: (
849
+ 'isolate': 'isolate',
850
+ ),
851
+ ),
852
852
  );