lism-css 0.3.5 → 0.5.1

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