bonkers-ui 2.0.7 → 2.0.8

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 (14) hide show
  1. package/bonkers.css +329 -225
  2. package/components/UiInputRange/UiInputRange.js +45 -46
  3. package/components/UiInputRange/UiInputRange.js.map +1 -1
  4. package/components/UiSkeleton/UiSkeleton.js +130 -207
  5. package/components/UiSkeleton/UiSkeleton.js.map +1 -1
  6. package/components/UiSkeleton/index.d.ts +1 -0
  7. package/components/UiSkeleton/index.js +2 -0
  8. package/components/UiSkeleton/index.js.map +1 -1
  9. package/components/UiStars/UiStars.js +22 -22
  10. package/components/UiStars/UiStars.js.map +1 -1
  11. package/components/UiTabs/UiTabs.js +22 -17
  12. package/components/UiTabs/UiTabs.js.map +1 -1
  13. package/helper.d.ts +6 -14
  14. package/package.json +17 -24
package/bonkers.css CHANGED
@@ -9,235 +9,339 @@
9
9
  color utility to any element that depends on these defaults.
10
10
  */
11
11
  @layer base {
12
- *,
13
- ::after,
14
- ::before,
15
- ::backdrop,
16
- ::file-selector-button {
17
- border-color: var(--color-gray-200, currentColor);
18
- box-sizing: border-box;
19
- }
12
+ *,
13
+ ::after,
14
+ ::before,
15
+ ::backdrop,
16
+ ::file-selector-button {
17
+ border-color: var(--color-gray-200, currentColor);
18
+ box-sizing: border-box;
19
+ }
20
20
  }
21
21
 
22
22
  @layer base {
23
- :root {
24
- /* text */
25
- --base-line-height: 1.6;
26
- --base-font: museo-sans, sans-serif;
27
- }
23
+ :root {
24
+ /* text */
25
+ --base-line-height: 1.6;
26
+ --base-font: museo-sans, sans-serif;
27
+ /*--color-red: "red"*/
28
+
29
+ }
30
+ }
31
+
32
+ :root {
33
+ --spacing-auto: auto;
34
+
35
+ /* spacing */
36
+ --spacing-zero: 0;
37
+ --spacing-min: 1px;
38
+ --spacing-xxxs: 4px;
39
+ --spacing-xxs: 8px;
40
+ --spacing-xs: 12px;
41
+ --spacing-sm: 16px;
42
+ --spacing-md: 24px;
43
+ --spacing-lg: 32px;
44
+ --spacing-xl: 40px;
45
+ --spacing-xxl: 48px;
46
+ --spacing-xxxl: 64px;
47
+ --spacing-xxxxl: 80px;
48
+ --spacing-xxxxxl: 120px;
49
+
50
+ /* font sizes */
51
+ --font-size-xxs: 10px;
52
+ --font-size-xs: 12px;
53
+ --font-size-sm: 14px;
54
+ --font-size-md: 16px;
55
+ --font-size-lg: 18px;
56
+ --font-size-xl: 20px;
57
+ --font-size-2xl: 24px;
58
+ --font-size-3xl: 28px;
59
+ --font-size-4xl: 32px;
60
+ --font-size-5xl: 40px;
61
+
62
+ /* colors */
63
+ --color-white: white;
64
+ --color-black: black;
65
+ --color-current: currentColor;
66
+ --color-transparent: transparent;
67
+
68
+ --color-primary-50: #ecf8ed;
69
+ --color-primary-100: #d9f2db;
70
+ --color-primary-200: #b3e5b6;
71
+ --color-primary-300: #9adc9e;
72
+ --color-primary-400: #78d17d;
73
+ --color-primary-500: #56c55d;
74
+ --color-primary-600: #459e4a;
75
+ --color-primary-700: #347638;
76
+ --color-primary-800: #1a4c1d;
77
+ --color-primary-900: #0d260f;
78
+
79
+ --color-primary-alt-300: #83e4ad;
80
+ --color-primary-alt-400: #5adb92;
81
+ --color-primary-alt-500: #31d277;
82
+ --color-primary-alt-600: #27a85f;
83
+ --color-primary-alt-700: #1d7e47;
84
+
85
+ --color-secondary-300: #848793;
86
+ --color-secondary-400: #5b5f6f;
87
+ --color-secondary-500: #32374b;
88
+ --color-secondary-600: #282c3c;
89
+ --color-secondary-700: #1e212d;
90
+
91
+ --color-error-100: #fbe8e8;
92
+ --color-error-200: #f7d4d4;
93
+ --color-error-300: #ea9797;
94
+ --color-error-400: #df6363;
95
+ --color-error-500: #d52f2f;
96
+ --color-error-600: #a02323;
97
+ --color-error-700: #6b1818;
98
+
99
+ --color-warning-300: #F1A76E;
100
+ --color-warning-400: #E58F4F;
101
+ --color-warning-500: #D6702F;
102
+ --color-warning-600: #B45821;
103
+ --color-warning-700: #9A4D1B;
104
+
105
+ --color-accent-300: #c9c9f6;
106
+ --color-accent-400: #8b8bfc;
107
+ --color-accent-500: #4242f7;
108
+ --color-accent-600: #3535c6;
109
+ --color-accent-700: #282894;
110
+
111
+ --color-accent-alt-300: #ffd681;
112
+ --color-accent-alt-400: #fcc44f;
113
+ --color-accent-alt-500: #ffbb2e;
114
+ --color-accent-alt-600: #ffae05;
115
+ --color-accent-alt-700: #f0a100;
116
+
117
+ --color-secondary-alt-200: #f4f5f8;
118
+ --color-secondary-alt-300: #dfe1e9;
119
+ --color-secondary-alt-400: #b4b8cd;
120
+ --color-secondary-alt-500: #949ab7;
121
+ --color-secondary-alt-600: #767b92;
122
+ --color-secondary-alt-700: #595c6e;
123
+
124
+ /* backdrop blur */
125
+ --backdrop-blur-min: 0.5px;
126
+ --backdrop-blur-xs: 2px;
127
+ --backdrop-blur-sm: 4px;
128
+ --backdrop-blur: 8px;
129
+ --backdrop-blur-md: 12px;
130
+ --backdrop-blur-lg: 16px;
131
+ --backdrop-blur-xl: 24px;
132
+ --backdrop-blur-2xl: 40px;
28
133
  }
29
134
 
30
135
  @theme {
31
- /* spacing */
32
- --auto: auto;
33
- --zero: 0;
34
- --min: 1px;
35
- --xxxs: 4px;
36
- --xxs: 8px;
37
- --xs: 12px;
38
- --sm: 16px;
39
- --md: 24px;
40
- --lg: 32px;
41
- --xl: 40px;
42
- --xxl: 48px;
43
- --xxxl: 64px;
44
- --xxxxl: 80px;
45
- --xxxxxl: 120px;
46
-
47
- /* shadows */
48
- --shadow-size-md: 0 2px 4px 0 rgb(180 184 205 / 50%);
49
- --shadow-border-primary: 0 0 0 4px rgb(69 158 74 / 50%);
50
- --shadow-border-selected: 0 0 0 4px rgb(69 158 74 / 100%);
51
- --shadow-selected-shadow: 0 0 0 4px var(--color-primary-500);
52
- --shadow-selected-disabled: 0 0 0 2px var(--color-primary-300);
53
- --shadow-border-secondary: 0 0 0 4px rgb(223 225 233 / 50%);
54
- --shadow-border-primary-600: 0 0 0 2px var(--color-primary-600);
55
- --shadow-border-primary-700: 0 0 0 2px var(--color-primary-700);
56
-
57
- /* font sizes */
58
- --font-size-xxs: 10px;
59
- --font-size-xs: 12px;
60
- --font-size-sm: 14px;
61
- --font-size-md: 16px;
62
- --font-size-lg: 18px;
63
- --font-size-xl: 20px;
64
- --font-size-2xl: 24px;
65
- --font-size-3xl: 28px;
66
- --font-size-4xl: 32px;
67
- --font-size-5xl: 40px;
68
-
69
- --text-*: initial; /* reset */
70
- --text-xxs: var(--font-size-xxs);
71
- --text-xs: var(--font-size-xs);
72
- --text-sm: var(--font-size-sm);
73
- --text-md: var(--font-size-md);
74
- --text-lg: var(--font-size-lg);
75
- --text-xl: var(--font-size-xl);
76
- --text-2xl: var(--font-size-2xl);
77
- --text-3xl: var(--font-size-3xl);
78
- --text-4xl: var(--font-size-4xl);
79
- --text-5xl: var(--font-size-5xl);
80
-
81
- /* colors */
82
- --color-*: initial; /* disable base colors in TW */
83
-
84
- --color-white: white;
85
- --color-black: black;
86
- --color-current: currentColor;
87
- --color-transparent: transparent;
88
-
89
- --color-primary-50: #ecf8ed;
90
- --color-primary-100: #d9f2db;
91
- --color-primary-200: #b3e5b6;
92
- --color-primary-300: #9adc9e;
93
- --color-primary-400: #78d17d;
94
- --color-primary-500: #56c55d;
95
- --color-primary-600: #459e4a;
96
- --color-primary-700: #347638;
97
- --color-primary-800: #1a4c1d;
98
- --color-primary-900: #0d260f;
99
-
100
- --color-primary-alt-300: #83e4ad;
101
- --color-primary-alt-400: #5adb92;
102
- --color-primary-alt-500: #31d277;
103
- --color-primary-alt-600: #27a85f;
104
- --color-primary-alt-700: #1d7e47;
105
-
106
- --color-secondary-300: #848793;
107
- --color-secondary-400: #5b5f6f;
108
- --color-secondary-500: #32374b;
109
- --color-secondary-600: #282c3c;
110
- --color-secondary-700: #1e212d;
111
-
112
- --color-error-100: #fbe8e8;
113
- --color-error-200: #f7d4d4;
114
- --color-error-300: #ea9797;
115
- --color-error-400: #df6363;
116
- --color-error-500: #d52f2f;
117
- --color-error-600: #a02323;
118
- --color-error-700: #6b1818;
119
-
120
- --color-warning-300: #F1A76E;
121
- --color-warning-400: #E58F4F;
122
- --color-warning-500: #D6702F;
123
- --color-warning-600: #B45821;
124
- --color-warning-700: #9A4D1B;
125
-
126
- --color-accent-300: #c9c9f6;
127
- --color-accent-400: #8b8bfc;
128
- --color-accent-500: #4242f7;
129
- --color-accent-600: #3535c6;
130
- --color-accent-700: #282894;
131
-
132
- --color-accent-alt-300: #ffd681;
133
- --color-accent-alt-400: #fcc44f;
134
- --color-accent-alt-500: #ffbb2e;
135
- --color-accent-alt-600: #ffae05;
136
- --color-accent-alt-700: #f0a100;
137
-
138
- --color-secondary-alt-200: #f4f5f8;
139
- --color-secondary-alt-300: #dfe1e9;
140
- --color-secondary-alt-400: #b4b8cd;
141
- --color-secondary-alt-500: #949ab7;
142
- --color-secondary-alt-600: #767b92;
143
- --color-secondary-alt-700: #595c6e;
144
-
145
- --color-accent: var(--color-accent-500);
146
- --color-accent-alt: var(--color-accent-alt-500);
147
- --color-error: var(--color-error-500);
148
- --color-primary: var(--color-primary-500);
149
- --color-primary-alt: var(--color-primary-alt-500);
150
- --color-secondary: var(--color-secondary-500);
151
- --color-secondary-alt: var(--color-secondary-alt-500);
152
- --color-warning: var(--color-warning-500);
153
-
154
- /* backdrop blur */
155
- --backdrop-blur-*: initial;
156
- --backdrop-blur-min: 0.5px;
157
- --backdrop-blur-xs: 2px;
158
- --backdrop-blur-sm: 4px;
159
- --backdrop-blur: 8px;
160
- --backdrop-blur-md: 12px;
161
- --backdrop-blur-lg: 16px;
162
- --backdrop-blur-xl: 24px;
163
- --backdrop-blur-2xl: 40px;
164
-
165
- /* spacing */
166
- --spacing-*: initial; /* reset */
167
- --spacing-auto: var(--auto);
168
- --spacing-0: var(--zero);
169
- --spacing-min: var(--min);
170
- --spacing-xxxs: var(--xxxs);
171
- --spacing-xxs: var(--xxs);
172
- --spacing-xs: var(--xs);
173
- --spacing-sm: var(--sm);
174
- --spacing-md: var(--md);
175
- --spacing-lg: var(--lg);
176
- --spacing-xl: var(--xl);
177
- --spacing-xxl: var(--xxl);
178
- --spacing-xxxl: var(--xxxl);
179
- --spacing-xxxxl: var(--xxxxl);
180
- --spacing-xxxxxl: var(--xxxxxl);
181
-
182
- --min-h-auto: var(--auto);
183
- --min-h-0: var(--zero);
184
- --min-h-min: var(--min);
185
- --min-h-xxxs: var(--xxxs);
186
- --min-h-xxs: var(--xxs);
187
- --min-h-xs: var(--xs);
188
- --min-h-sm: var(--sm);
189
- --min-h-md: var(--md);
190
- --min-h-lg: var(--lg);
191
- --min-h-xl: var(--xl);
192
- --min-h-xxl: var(--xxl);
193
- --min-h-xxxl: var(--xxxl);
194
- --min-h-xxxxl: var(--xxxxl);
195
- --min-h-xxxxxl: var(--xxxxxl);
196
-
197
- --max-h-auto: var(--auto);
198
- --max-h-0: var(--zero);
199
- --max-h-min: var(--min);
200
- --max-h-xxxs: var(--xxxs);
201
- --max-h-xxs: var(--xxs);
202
- --max-h-xs: var(--xs);
203
- --max-h-sm: var(--sm);
204
- --max-h-md: var(--md);
205
- --max-h-lg: var(--lg);
206
- --max-h-xl: var(--xl);
207
- --max-h-xxl: var(--xxl);
208
- --max-h-xxxl: var(--xxxl);
209
- --max-h-xxxxl: var(--xxxxl);
210
- --max-h-xxxxxl: var(--xxxxxl);
211
-
212
- --min-w-auto: var(--auto);
213
- --min-w-0: var(--zero);
214
- --min-w-min: var(--min);
215
- --min-w-xxxs: var(--xxxs);
216
- --min-w-xxs: var(--xxs);
217
- --min-w-xs: var(--xs);
218
- --min-w-sm: var(--sm);
219
- --min-w-md: var(--md);
220
- --min-w-lg: var(--lg);
221
- --min-w-xl: var(--xl);
222
- --min-w-xxl: var(--xxl);
223
- --min-w-xxxl: var(--xxxl);
224
- --min-w-xxxxl: var(--xxxxl);
225
- --min-w-xxxxxl: var(--xxxxxl);
226
-
227
- --max-w-auto: var(--auto);
228
- --max-w-0: var(--zero);
229
- --max-w-min: var(--min);
230
- --max-w-xxxs: var(--xxxs);
231
- --max-w-xxs: var(--xxs);
232
- --max-w-xs: var(--xs);
233
- --max-w-sm: var(--sm);
234
- --max-w-md: var(--md);
235
- --max-w-lg: var(--lg);
236
- --max-w-xl: var(--xl);
237
- --max-w-xxl: var(--xxl);
238
- --max-w-xxxl: var(--xxxl);
239
- --max-w-xxxxl: var(--xxxxl);
240
- --max-w-xxxxxl: var(--xxxxxl);
241
-
242
- --border-radius-xxs: var(--xxs);
136
+ /* spacing */
137
+ --auto: var(--spacing-auto);
138
+ --zero: var(--spacing-zero);
139
+ --min: var(--spacing-min);
140
+ --xxxs: var(--spacing-xxxs);
141
+ --xxs: var(--spacing-xxs);
142
+ --xs: var(--spacing-xs);
143
+ --sm: var(--spacing-sm);
144
+ --md: var(--spacing-md);
145
+ --lg: var(--spacing-lg);
146
+ --xl: var(--spacing-xl);
147
+ --xxl: var(--spacing-xxl);
148
+ --xxxl: var(--spacing-xxxl);
149
+ --xxxxl: var(--spacing-xxxxl);
150
+ --xxxxxl: var(--spacing-xxxxxl);
151
+
152
+ /* shadows */
153
+ --shadow-size-md: 0 2px 4px 0 rgb(180 184 205 / 50%);
154
+ --shadow-border-primary: 0 0 0 4px rgb(69 158 74 / 50%);
155
+ --shadow-border-selected: 0 0 0 4px rgb(69 158 74 / 100%);
156
+ --shadow-selected-shadow: 0 0 0 4px var(--color-primary-500);
157
+ --shadow-selected-disabled: 0 0 0 2px var(--color-primary-300);
158
+ --shadow-border-secondary: 0 0 0 4px rgb(223 225 233 / 50%);
159
+ --shadow-border-primary-600: 0 0 0 2px var(--color-primary-600);
160
+ --shadow-border-primary-700: 0 0 0 2px var(--color-primary-700);
161
+
162
+ /* font sizes */
163
+ --font-size-xxs: var(--font-size-xxs);
164
+ --font-size-xs: var(--font-size-xs);
165
+ --font-size-sm: var(--font-size-sm);
166
+ --font-size-md: var(--font-size-md);
167
+ --font-size-lg: var(--font-size-lg);
168
+ --font-size-xl: var(--font-size-xl);
169
+ --font-size-2xl: var(--font-size-2xl);
170
+ --font-size-3xl: var(--font-size-3xl);
171
+ --font-size-4xl: var(--font-size-4xl);
172
+ --font-size-5xl: var(--font-size-5xl);
173
+
174
+ --text-*: initial; /* reset */
175
+ --text-xxs: var(--font-size-xxs);
176
+ --text-xs: var(--font-size-xs);
177
+ --text-sm: var(--font-size-sm);
178
+ --text-md: var(--font-size-md);
179
+ --text-lg: var(--font-size-lg);
180
+ --text-xl: var(--font-size-xl);
181
+ --text-2xl: var(--font-size-2xl);
182
+ --text-3xl: var(--font-size-3xl);
183
+ --text-4xl: var(--font-size-4xl);
184
+ --text-5xl: var(--font-size-5xl);
185
+
186
+ /* colors */
187
+ --color-*: initial; /* disable base colors in TW */
188
+ --color-white: var(--color-white);
189
+ --color-black: var(--color-black);
190
+ --color-current: var(--color-current);
191
+ --color-transparent: var(--color-transparent);
192
+
193
+ --color-primary-50: var(--color-primary-50);
194
+ --color-primary-100: var(--color-primary-100);
195
+ --color-primary-200: var(--color-primary-200);
196
+ --color-primary-300: var(--color-primary-300);
197
+ --color-primary-400: var(--color-primary-400);
198
+ --color-primary-500: var(--color-primary-500);
199
+ --color-primary-600: var(--color-primary-600);
200
+ --color-primary-700: var(--color-primary-700);
201
+ --color-primary-800: var(--color-primary-800);
202
+ --color-primary-900: var(--color-primary-900);
203
+
204
+ --color-primary-alt-300: var(--color-primary-alt-300);
205
+ --color-primary-alt-400: var(--color-primary-alt-400);
206
+ --color-primary-alt-500: var(--color-primary-alt-500);
207
+ --color-primary-alt-600: var(--color-primary-alt-600);
208
+ --color-primary-alt-700: var(--color-primary-alt-700);
209
+
210
+ --color-secondary-300: var(--color-secondary-300);
211
+ --color-secondary-400: var(--color-secondary-400);
212
+ --color-secondary-500: var(--color-secondary-500);
213
+ --color-secondary-600: var(--color-secondary-600);
214
+ --color-secondary-700: var(--color-secondary-700);
215
+
216
+ --color-error-100: var(--color-error-100);
217
+ --color-error-200: var(--color-error-200);
218
+ --color-error-300: var(--color-error-300);
219
+ --color-error-400: var(--color-error-400);
220
+ --color-error-500: var(--color-error-500);
221
+ --color-error-600: var(--color-error-600);
222
+ --color-error-700: var(--color-error-700);
223
+
224
+ --color-warning-300: var(--color-warning-300);
225
+ --color-warning-400: var(--color-warning-400);
226
+ --color-warning-500: var(--color-warning-500);
227
+ --color-warning-600: var(--color-warning-600);
228
+ --color-warning-700: var(--color-warning-700);
229
+
230
+ --color-accent-300: var(--color-accent-300);
231
+ --color-accent-400: var(--color-accent-400);
232
+ --color-accent-500: var(--color-accent-500);
233
+ --color-accent-600: var(--color-accent-600);
234
+ --color-accent-700: var(--color-accent-700);
235
+
236
+ --color-accent-alt-300: var(--color-accent-alt-300);
237
+ --color-accent-alt-400: var(--color-accent-alt-400);
238
+ --color-accent-alt-500: var(--color-accent-alt-500);
239
+ --color-accent-alt-600: var(--color-accent-alt-600);
240
+ --color-accent-alt-700: var(--color-accent-alt-700);
241
+
242
+ --color-secondary-alt-200: var(--color-secondary-alt-200);
243
+ --color-secondary-alt-300: var(--color-secondary-alt-300);
244
+ --color-secondary-alt-400: var(--color-secondary-alt-400);
245
+ --color-secondary-alt-500: var(--color-secondary-alt-500);
246
+ --color-secondary-alt-600: var(--color-secondary-alt-600);
247
+ --color-secondary-alt-700: var(--color-secondary-alt-700);
248
+
249
+ --color-accent: var(--color-accent-500);
250
+ --color-accent-alt: var(--color-accent-alt-500);
251
+ --color-error: var(--color-error-500);
252
+ --color-primary: var(--color-primary-500);
253
+ --color-primary-alt: var(--color-primary-alt-500);
254
+ --color-secondary: var(--color-secondary-500);
255
+ --color-secondary-alt: var(--color-secondary-alt-500);
256
+ --color-warning: var(--color-warning-500);
257
+
258
+ /* backdrop blur */
259
+ --backdrop-blur-*: initial;
260
+ --backdrop-blur-min: var(--backdrop-blur-min);
261
+ --backdrop-blur-xs: var(--backdrop-blur-xs);
262
+ --backdrop-blur-sm: var(--backdrop-blur-sm);
263
+ --backdrop-blur: var(--backdrop-blur);
264
+ --backdrop-blur-md: var(--backdrop-blur-md);
265
+ --backdrop-blur-lg: var(--backdrop-blur-lg);
266
+ --backdrop-blur-xl: var(--backdrop-blur-xl);
267
+ --backdrop-blur-2xl: var(--backdrop-blur-2xl);
268
+
269
+ /* spacing */
270
+ --spacing-*: initial; /* reset */
271
+ --spacing-auto: var(--spacing-auto);
272
+ --spacing-0: var(--zero);
273
+ --spacing-min: var(--spacing-min);
274
+ --spacing-xxxs: var(--spacing-xxxs);
275
+ --spacing-xxs: var(--spacing-xxs);
276
+ --spacing-xs: var(--spacing-xs);
277
+ --spacing-sm: var(--spacing-sm);
278
+ --spacing-md: var(--spacing-md);
279
+ --spacing-lg: var(--spacing-lg);
280
+ --spacing-xl: var(--spacing-xl);
281
+ --spacing-xxl: var(--spacing-xxl);
282
+ --spacing-xxxl: var(--spacing-xxxl);
283
+ --spacing-xxxxl: var(--spacing-xxxxl);
284
+ --spacing-xxxxxl: var(--spacing-xxxxxl);
285
+
286
+ --min-h-auto: var(--spacing-auto);
287
+ --min-h-0: var(--spacing-zero);
288
+ --min-h-min: var(--spacing-min);
289
+ --min-h-xxxs: var(--spacing-xxxs);
290
+ --min-h-xxs: var(--spacing-xxs);
291
+ --min-h-xs: var(--spacing-xs);
292
+ --min-h-sm: var(--spacing-sm);
293
+ --min-h-md: var(--spacing-md);
294
+ --min-h-lg: var(--spacing-lg);
295
+ --min-h-xl: var(--spacing-xl);
296
+ --min-h-xxl: var(--spacing-xxl);
297
+ --min-h-xxxl: var(--spacing-xxxl);
298
+ --min-h-xxxxl: var(--spacing-xxxxl);
299
+ --min-h-xxxxxl: var(--spacing-xxxxxl);
300
+
301
+ --max-h-auto: var(--spacing-auto);
302
+ --max-h-0: var(--spacing-zero);
303
+ --max-h-min: var(--spacing-min);
304
+ --max-h-xxxs: var(--spacing-xxxs);
305
+ --max-h-xxs: var(--spacing-xxs);
306
+ --max-h-xs: var(--spacing-xs);
307
+ --max-h-sm: var(--spacing-sm);
308
+ --max-h-md: var(--spacing-md);
309
+ --max-h-lg: var(--spacing-lg);
310
+ --max-h-xl: var(--spacing-xl);
311
+ --max-h-xxl: var(--spacing-xxl);
312
+ --max-h-xxxl: var(--spacing-xxxl);
313
+ --max-h-xxxxl: var(--spacing-xxxxl);
314
+ --max-h-xxxxxl: var(--spacing-xxxxxl);
315
+
316
+ --min-w-auto: var(--spacing-auto);
317
+ --min-w-0: var(--spacing-zero);
318
+ --min-w-min: var(--spacing-min);
319
+ --min-w-xxxs: var(--spacing-xxxs);
320
+ --min-w-xxs: var(--spacing-xxs);
321
+ --min-w-xs: var(--spacing-xs);
322
+ --min-w-sm: var(--spacing-sm);
323
+ --min-w-md: var(--spacing-md);
324
+ --min-w-lg: var(--spacing-lg);
325
+ --min-w-xl: var(--spacing-xl);
326
+ --min-w-xxl: var(--spacing-xxl);
327
+ --min-w-xxxl: var(--spacing-xxxl);
328
+ --min-w-xxxxl: var(--spacing-xxxxl);
329
+ --min-w-xxxxxl: var(--spacing-xxxxxl);
330
+
331
+ --max-w-auto: var(--spacing-auto);
332
+ --max-w-0: var(--spacing-zero);
333
+ --max-w-min: var(--spacing-min);
334
+ --max-w-xxxs: var(--spacing-xxxs);
335
+ --max-w-xxs: var(--spacing-xxs);
336
+ --max-w-xs: var(--spacing-xs);
337
+ --max-w-sm: var(--spacing-sm);
338
+ --max-w-md: var(--spacing-md);
339
+ --max-w-lg: var(--spacing-lg);
340
+ --max-w-xl: var(--spacing-xl);
341
+ --max-w-xxl: var(--spacing-xxl);
342
+ --max-w-xxxl: var(--spacing-xxxl);
343
+ --max-w-xxxxl: var(--spacing-xxxxl);
344
+ --max-w-xxxxxl: var(--spacing-xxxxxl);
345
+
346
+ --border-radius-xxs: var(--spacing-xxs);
243
347
  }