@mild-ui/tokens 0.0.0-stage → 1.2.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 (20) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +132 -2
  3. package/dist/_tokens.scss +315 -0
  4. package/dist/tokens.css +318 -0
  5. package/dist/tokens.json +314 -0
  6. package/dist/tokens.ts +404 -0
  7. package/package.json +56 -3
  8. package/src/primitives/animation.json +21 -0
  9. package/src/primitives/breakpoints.json +12 -0
  10. package/src/primitives/colors.json +267 -0
  11. package/src/primitives/dimensions.json +51 -0
  12. package/src/primitives/elevation.json +14 -0
  13. package/src/primitives/radius.json +15 -0
  14. package/src/primitives/spacing.json +46 -0
  15. package/src/primitives/typography.json +90 -0
  16. package/src/semantics/animation.json +12 -0
  17. package/src/semantics/colors.json +261 -0
  18. package/src/semantics/dark.json +77 -0
  19. package/src/semantics/high-contrast.json +77 -0
  20. package/src/semantics/light.json +77 -0
package/dist/tokens.css ADDED
@@ -0,0 +1,318 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ :root {
6
+ --mild-duration-75: 75ms;
7
+ --mild-duration-100: 100ms;
8
+ --mild-duration-150: 150ms;
9
+ --mild-duration-200: 200ms;
10
+ --mild-duration-300: 300ms;
11
+ --mild-duration-500: 500ms;
12
+ --mild-duration-700: 700ms;
13
+ --mild-duration-1000: 1000ms;
14
+ --mild-easing-linear: linear;
15
+ --mild-easing-in: cubic-bezier(0.4, 0, 1, 1);
16
+ --mild-easing-out: cubic-bezier(0, 0, 0.2, 1);
17
+ --mild-easing-in-out: cubic-bezier(0.4, 0, 0.2, 1);
18
+ --mild-breakpoint-xs: 0;
19
+ --mild-breakpoint-sm: 640px;
20
+ --mild-breakpoint-md: 768px;
21
+ --mild-breakpoint-lg: 1024px;
22
+ --mild-breakpoint-xl: 1280px;
23
+ --mild-breakpoint-2xl: 1536px;
24
+ --mild-color-blue-50: #f0f9ff;
25
+ --mild-color-blue-100: #e0f2fe;
26
+ --mild-color-blue-200: #bae6fd;
27
+ --mild-color-blue-300: #7dd3fc;
28
+ --mild-color-blue-400: #38bdf8;
29
+ --mild-color-blue-500: #0ea5e9;
30
+ --mild-color-blue-600: #0284c7;
31
+ --mild-color-blue-700: #0369a1;
32
+ --mild-color-blue-800: #075985;
33
+ --mild-color-blue-900: #0c4a6e;
34
+ --mild-color-blue-950: #082f49;
35
+ --mild-color-gray-50: #f9fafb;
36
+ --mild-color-gray-100: #f3f4f6;
37
+ --mild-color-gray-200: #e5e7eb;
38
+ --mild-color-gray-300: #d1d5db;
39
+ --mild-color-gray-400: #9ca3af;
40
+ --mild-color-gray-500: #6b7280;
41
+ --mild-color-gray-600: #4b5563;
42
+ --mild-color-gray-700: #374151;
43
+ --mild-color-gray-800: #1f2937;
44
+ --mild-color-gray-900: #111827;
45
+ --mild-color-gray-950: #030712;
46
+ --mild-color-red-50: #fef2f2;
47
+ --mild-color-red-100: #fee2e2;
48
+ --mild-color-red-200: #fecaca;
49
+ --mild-color-red-300: #fca5a5;
50
+ --mild-color-red-400: #f87171;
51
+ --mild-color-red-500: #ef4444;
52
+ --mild-color-red-600: #dc2626;
53
+ --mild-color-red-700: #b91c1c;
54
+ --mild-color-red-800: #991b1b;
55
+ --mild-color-red-900: #7f1d1d;
56
+ --mild-color-red-950: #450a0a;
57
+ --mild-color-green-50: #f0fdf4;
58
+ --mild-color-green-100: #dcfce7;
59
+ --mild-color-green-200: #bbf7d0;
60
+ --mild-color-green-300: #86efac;
61
+ --mild-color-green-400: #4ade80;
62
+ --mild-color-green-500: #22c55e;
63
+ --mild-color-green-600: #16a34a;
64
+ --mild-color-green-700: #15803d;
65
+ --mild-color-green-800: #166534;
66
+ --mild-color-green-900: #14532d;
67
+ --mild-color-green-950: #052e16;
68
+ --mild-color-yellow-50: #fefce8;
69
+ --mild-color-yellow-100: #fef9c3;
70
+ --mild-color-yellow-200: #fef08a;
71
+ --mild-color-yellow-300: #fde047;
72
+ --mild-color-yellow-400: #facc15;
73
+ --mild-color-yellow-500: #eab308;
74
+ --mild-color-yellow-600: #ca8a04;
75
+ --mild-color-yellow-700: #a16207;
76
+ --mild-color-yellow-800: #854d0e;
77
+ --mild-color-yellow-900: #713f12;
78
+ --mild-color-yellow-950: #422006;
79
+ --mild-color-white: #ffffff; /** Source: $mild-color-white. */
80
+ --mild-color-black: #000000; /** Source: $mild-color-black. */
81
+ --mild-color-black-alpha-0: rgba(0, 0, 0, 0);
82
+ --mild-color-black-alpha-10: rgba(0, 0, 0, 0.1);
83
+ --mild-color-black-alpha-20: rgba(0, 0, 0, 0.2);
84
+ --mild-color-black-alpha-30: rgba(0, 0, 0, 0.3);
85
+ --mild-color-black-alpha-40: rgba(0, 0, 0, 0.4);
86
+ --mild-color-black-alpha-50: rgba(0, 0, 0, 0.5);
87
+ --mild-color-black-alpha-60: rgba(0, 0, 0, 0.6);
88
+ --mild-color-black-alpha-70: rgba(0, 0, 0, 0.7);
89
+ --mild-color-black-alpha-80: rgba(0, 0, 0, 0.8);
90
+ --mild-color-black-alpha-90: rgba(0, 0, 0, 0.9);
91
+ --mild-color-white-alpha-0: rgba(255, 255, 255, 0);
92
+ --mild-color-white-alpha-10: rgba(255, 255, 255, 0.1);
93
+ --mild-color-white-alpha-20: rgba(255, 255, 255, 0.2);
94
+ --mild-color-white-alpha-30: rgba(255, 255, 255, 0.3);
95
+ --mild-color-white-alpha-40: rgba(255, 255, 255, 0.4);
96
+ --mild-color-white-alpha-50: rgba(255, 255, 255, 0.5);
97
+ --mild-color-white-alpha-60: rgba(255, 255, 255, 0.6);
98
+ --mild-color-white-alpha-70: rgba(255, 255, 255, 0.7);
99
+ --mild-color-white-alpha-80: rgba(255, 255, 255, 0.8);
100
+ --mild-color-white-alpha-90: rgba(255, 255, 255, 0.9);
101
+ --mild-dimension-full: 100%;
102
+ --mild-dimension-1-2: 50%;
103
+ --mild-dimension-1-3: 33.333333%;
104
+ --mild-dimension-2-3: 66.666667%;
105
+ --mild-dimension-1-4: 25%;
106
+ --mild-dimension-3-4: 75%;
107
+ --mild-dimension-1-5: 20%;
108
+ --mild-dimension-2-5: 40%;
109
+ --mild-dimension-3-5: 60%;
110
+ --mild-dimension-4-5: 80%;
111
+ --mild-dimension-1-6: 16.666667%;
112
+ --mild-dimension-5-6: 83.333333%;
113
+ --mild-dimension-1-7: 14.285714%;
114
+ --mild-dimension-2-7: 28.571429%;
115
+ --mild-dimension-3-7: 42.857143%;
116
+ --mild-dimension-4-7: 57.142857%;
117
+ --mild-dimension-5-7: 71.428571%;
118
+ --mild-dimension-6-7: 85.714286%;
119
+ --mild-dimension-1-8: 12.5%;
120
+ --mild-dimension-3-8: 37.5%;
121
+ --mild-dimension-5-8: 62.5%;
122
+ --mild-dimension-7-8: 87.5%;
123
+ --mild-dimension-1-9: 11.111111%;
124
+ --mild-dimension-2-9: 22.222222%;
125
+ --mild-dimension-4-9: 44.444444%;
126
+ --mild-dimension-5-9: 55.555556%;
127
+ --mild-dimension-7-9: 77.777778%;
128
+ --mild-dimension-8-9: 88.888889%;
129
+ --mild-dimension-1-10: 10%;
130
+ --mild-dimension-3-10: 30%;
131
+ --mild-dimension-7-10: 70%;
132
+ --mild-dimension-9-10: 90%;
133
+ --mild-dimension-1-11: 9.090909%;
134
+ --mild-dimension-2-11: 18.181818%;
135
+ --mild-dimension-3-11: 27.272727%;
136
+ --mild-dimension-4-11: 36.363636%;
137
+ --mild-dimension-5-11: 45.454545%;
138
+ --mild-dimension-6-11: 54.545455%;
139
+ --mild-dimension-7-11: 63.636364%;
140
+ --mild-dimension-8-11: 72.727273%;
141
+ --mild-dimension-9-11: 81.818182%;
142
+ --mild-dimension-10-11: 90.909091%;
143
+ --mild-dimension-1-12: 8.333333%;
144
+ --mild-dimension-5-12: 41.666667%;
145
+ --mild-dimension-7-12: 58.333333%;
146
+ --mild-dimension-11-12: 91.666667%;
147
+ --mild-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
148
+ --mild-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
149
+ --mild-shadow-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
150
+ --mild-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
151
+ --mild-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
152
+ --mild-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
153
+ --mild-shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
154
+ --mild-shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
155
+ --mild-shadow-none: none;
156
+ --mild-radius-none: 0px;
157
+ --mild-radius-sm: 0.125rem;
158
+ --mild-radius-base: 0.25rem;
159
+ --mild-radius-md: 0.375rem;
160
+ --mild-radius-lg: 0.5rem;
161
+ --mild-radius-xl: 0.75rem;
162
+ --mild-radius-2xl: 1rem;
163
+ --mild-radius-3xl: 1.5rem;
164
+ --mild-radius-full: 9999px;
165
+ --mild-space-base: 0.25rem; /** Base spacing unit (4px). Source: $mild-spacing-base. */
166
+ --mild-space-0: 0px;
167
+ --mild-space-1: 0.25rem;
168
+ --mild-space-2: 0.5rem;
169
+ --mild-space-3: 0.75rem;
170
+ --mild-space-4: 1rem;
171
+ --mild-space-5: 1.25rem;
172
+ --mild-space-6: 1.5rem;
173
+ --mild-space-7: 1.75rem;
174
+ --mild-space-8: 2rem;
175
+ --mild-space-9: 2.25rem;
176
+ --mild-space-10: 2.5rem;
177
+ --mild-space-11: 2.75rem;
178
+ --mild-space-12: 3rem;
179
+ --mild-space-14: 3.5rem;
180
+ --mild-space-16: 4rem;
181
+ --mild-space-20: 5rem;
182
+ --mild-space-24: 6rem;
183
+ --mild-space-28: 7rem;
184
+ --mild-space-32: 8rem;
185
+ --mild-space-36: 9rem;
186
+ --mild-space-40: 10rem;
187
+ --mild-space-44: 11rem;
188
+ --mild-space-48: 12rem;
189
+ --mild-space-52: 13rem;
190
+ --mild-space-56: 14rem;
191
+ --mild-space-60: 15rem;
192
+ --mild-space-64: 16rem;
193
+ --mild-space-72: 18rem;
194
+ --mild-space-80: 20rem;
195
+ --mild-space-96: 24rem;
196
+ --mild-space-px: 1px;
197
+ --mild-space-0-5: 0.125rem;
198
+ --mild-space-1-5: 0.375rem;
199
+ --mild-space-2-5: 0.625rem;
200
+ --mild-space-3-5: 0.875rem;
201
+ --mild-font-family-sans: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
202
+ --mild-font-family-serif: Georgia, Cambria, 'Times New Roman', Times, serif;
203
+ --mild-font-family-mono: 'JetBrains Mono', 'SF Mono', Monaco, Inconsolata, 'Roboto Mono', source-code-pro, Menlo, Consolas, 'DejaVu Sans Mono', monospace;
204
+ --mild-font-size-xs: 0.75rem;
205
+ --mild-font-size-sm: 0.875rem;
206
+ --mild-font-size-base: 1rem;
207
+ --mild-font-size-lg: 1.125rem;
208
+ --mild-font-size-xl: 1.25rem;
209
+ --mild-font-size-2xl: 1.5rem;
210
+ --mild-font-size-3xl: 1.875rem;
211
+ --mild-font-size-4xl: 2.25rem;
212
+ --mild-font-size-5xl: 3rem;
213
+ --mild-font-size-6xl: 3.75rem;
214
+ --mild-font-size-7xl: 4.5rem;
215
+ --mild-font-size-8xl: 6rem;
216
+ --mild-font-size-9xl: 8rem;
217
+ --mild-font-weight-thin: 100;
218
+ --mild-font-weight-extralight: 200;
219
+ --mild-font-weight-light: 300;
220
+ --mild-font-weight-normal: 400;
221
+ --mild-font-weight-medium: 500;
222
+ --mild-font-weight-semibold: 600;
223
+ --mild-font-weight-bold: 700;
224
+ --mild-font-weight-extrabold: 800;
225
+ --mild-font-weight-black: 900;
226
+ --mild-line-height-none: 1;
227
+ --mild-line-height-tight: 1.25;
228
+ --mild-line-height-snug: 1.375;
229
+ --mild-line-height-normal: 1.5;
230
+ --mild-line-height-relaxed: 1.625;
231
+ --mild-line-height-loose: 2;
232
+ --mild-letter-spacing-tighter: -0.05em;
233
+ --mild-letter-spacing-tight: -0.025em;
234
+ --mild-letter-spacing-normal: 0em;
235
+ --mild-letter-spacing-wide: 0.025em;
236
+ --mild-letter-spacing-wider: 0.05em;
237
+ --mild-letter-spacing-widest: 0.1em;
238
+ --mild-transition-none: none;
239
+ --mild-color-primary-50: var(--mild-color-blue-50);
240
+ --mild-color-primary-100: var(--mild-color-blue-100);
241
+ --mild-color-primary-200: var(--mild-color-blue-200);
242
+ --mild-color-primary-300: var(--mild-color-blue-300);
243
+ --mild-color-primary-400: var(--mild-color-blue-400);
244
+ --mild-color-primary-500: var(--mild-color-blue-500);
245
+ --mild-color-primary-600: var(--mild-color-blue-600);
246
+ --mild-color-primary-700: var(--mild-color-blue-700);
247
+ --mild-color-primary-800: var(--mild-color-blue-800);
248
+ --mild-color-primary-900: var(--mild-color-blue-900);
249
+ --mild-color-primary-950: var(--mild-color-blue-950);
250
+ --mild-color-secondary-50: var(--mild-color-gray-50);
251
+ --mild-color-secondary-100: var(--mild-color-gray-100);
252
+ --mild-color-secondary-200: var(--mild-color-gray-200);
253
+ --mild-color-secondary-300: var(--mild-color-gray-300);
254
+ --mild-color-secondary-400: var(--mild-color-gray-400);
255
+ --mild-color-secondary-500: var(--mild-color-gray-500);
256
+ --mild-color-secondary-600: var(--mild-color-gray-600);
257
+ --mild-color-secondary-700: var(--mild-color-gray-700);
258
+ --mild-color-secondary-800: var(--mild-color-gray-800);
259
+ --mild-color-secondary-900: var(--mild-color-gray-900);
260
+ --mild-color-secondary-950: var(--mild-color-gray-950);
261
+ --mild-color-success-50: var(--mild-color-green-50);
262
+ --mild-color-success-100: var(--mild-color-green-100);
263
+ --mild-color-success-200: var(--mild-color-green-200);
264
+ --mild-color-success-300: var(--mild-color-green-300);
265
+ --mild-color-success-400: var(--mild-color-green-400);
266
+ --mild-color-success-500: var(--mild-color-green-500);
267
+ --mild-color-success-600: var(--mild-color-green-600);
268
+ --mild-color-success-700: var(--mild-color-green-700);
269
+ --mild-color-success-800: var(--mild-color-green-800);
270
+ --mild-color-success-900: var(--mild-color-green-900);
271
+ --mild-color-success-950: var(--mild-color-green-950);
272
+ --mild-color-warning-50: var(--mild-color-yellow-50);
273
+ --mild-color-warning-100: var(--mild-color-yellow-100);
274
+ --mild-color-warning-200: var(--mild-color-yellow-200);
275
+ --mild-color-warning-300: var(--mild-color-yellow-300);
276
+ --mild-color-warning-400: var(--mild-color-yellow-400);
277
+ --mild-color-warning-500: var(--mild-color-yellow-500);
278
+ --mild-color-warning-600: var(--mild-color-yellow-600);
279
+ --mild-color-warning-700: var(--mild-color-yellow-700);
280
+ --mild-color-warning-800: var(--mild-color-yellow-800);
281
+ --mild-color-warning-900: var(--mild-color-yellow-900);
282
+ --mild-color-warning-950: var(--mild-color-yellow-950);
283
+ --mild-color-danger-50: var(--mild-color-red-50);
284
+ --mild-color-danger-100: var(--mild-color-red-100);
285
+ --mild-color-danger-200: var(--mild-color-red-200);
286
+ --mild-color-danger-300: var(--mild-color-red-300);
287
+ --mild-color-danger-400: var(--mild-color-red-400);
288
+ --mild-color-danger-500: var(--mild-color-red-500);
289
+ --mild-color-danger-600: var(--mild-color-red-600);
290
+ --mild-color-danger-700: var(--mild-color-red-700);
291
+ --mild-color-danger-800: var(--mild-color-red-800);
292
+ --mild-color-danger-900: var(--mild-color-red-900);
293
+ --mild-color-danger-950: var(--mild-color-red-950);
294
+ --mild-color-error-50: var(--mild-color-red-50);
295
+ --mild-color-error-100: var(--mild-color-red-100);
296
+ --mild-color-error-200: var(--mild-color-red-200);
297
+ --mild-color-error-300: var(--mild-color-red-300);
298
+ --mild-color-error-400: var(--mild-color-red-400);
299
+ --mild-color-error-500: var(--mild-color-red-500);
300
+ --mild-color-error-600: var(--mild-color-red-600);
301
+ --mild-color-error-700: var(--mild-color-red-700);
302
+ --mild-color-error-800: var(--mild-color-red-800);
303
+ --mild-color-error-900: var(--mild-color-red-900);
304
+ --mild-color-error-950: var(--mild-color-red-950);
305
+ --mild-color-accent-foreground: var(--mild-color-white); /** Text and icons on top of the accent. Source: the :root block of packages/core/src/sass/index.scss. */
306
+ --mild-transition-all: all var(--mild-duration-150) var(--mild-easing-in-out);
307
+ --mild-transition-default: all var(--mild-duration-150) var(--mild-easing-in-out);
308
+ --mild-transition-colors: color var(--mild-duration-150) var(--mild-easing-in-out);
309
+ --mild-transition-opacity: opacity var(--mild-duration-150) var(--mild-easing-in-out);
310
+ --mild-transition-shadow: box-shadow var(--mild-duration-150) var(--mild-easing-in-out);
311
+ --mild-transition-transform: transform var(--mild-duration-150) var(--mild-easing-in-out);
312
+ --mild-color-accent: var(--mild-color-primary-500); /** The brand color behind primary buttons, checked controls, focus rings and active tabs. Override this (and the shades below) to re-theme. Source: the :root block of packages/core/src/sass/index.scss. */
313
+ --mild-color-accent-hover: var(--mild-color-primary-600); /** Accent on hover. Source: the :root block of packages/core/src/sass/index.scss. */
314
+ --mild-color-accent-active: var(--mild-color-primary-700); /** Accent while pressed. Source: the :root block of packages/core/src/sass/index.scss. */
315
+ --mild-color-accent-soft: var(--mild-color-primary-300); /** Accent-tinted borders, e.g. hover on a checkbox. Source: the :root block of packages/core/src/sass/index.scss. */
316
+ --mild-color-accent-subtle: var(--mild-color-primary-50); /** Accent-tinted backgrounds, e.g. hover on a ghost button. Source: the :root block of packages/core/src/sass/index.scss. */
317
+ --mild-color-accent-muted: var(--mild-color-primary-100); /** Stronger accent-tinted backgrounds, e.g. a pressed ghost button. Source: the :root block of packages/core/src/sass/index.scss. */
318
+ }
package/dist/tokens.json ADDED
@@ -0,0 +1,314 @@
1
+ {
2
+ "mild-duration-75": "75ms",
3
+ "mild-duration-100": "100ms",
4
+ "mild-duration-150": "150ms",
5
+ "mild-duration-200": "200ms",
6
+ "mild-duration-300": "300ms",
7
+ "mild-duration-500": "500ms",
8
+ "mild-duration-700": "700ms",
9
+ "mild-duration-1000": "1000ms",
10
+ "mild-easing-linear": "linear",
11
+ "mild-easing-in": "cubic-bezier(0.4, 0, 1, 1)",
12
+ "mild-easing-out": "cubic-bezier(0, 0, 0.2, 1)",
13
+ "mild-easing-in-out": "cubic-bezier(0.4, 0, 0.2, 1)",
14
+ "mild-breakpoint-xs": "0",
15
+ "mild-breakpoint-sm": "640px",
16
+ "mild-breakpoint-md": "768px",
17
+ "mild-breakpoint-lg": "1024px",
18
+ "mild-breakpoint-xl": "1280px",
19
+ "mild-breakpoint-2xl": "1536px",
20
+ "mild-color-blue-50": "#f0f9ff",
21
+ "mild-color-blue-100": "#e0f2fe",
22
+ "mild-color-blue-200": "#bae6fd",
23
+ "mild-color-blue-300": "#7dd3fc",
24
+ "mild-color-blue-400": "#38bdf8",
25
+ "mild-color-blue-500": "#0ea5e9",
26
+ "mild-color-blue-600": "#0284c7",
27
+ "mild-color-blue-700": "#0369a1",
28
+ "mild-color-blue-800": "#075985",
29
+ "mild-color-blue-900": "#0c4a6e",
30
+ "mild-color-blue-950": "#082f49",
31
+ "mild-color-gray-50": "#f9fafb",
32
+ "mild-color-gray-100": "#f3f4f6",
33
+ "mild-color-gray-200": "#e5e7eb",
34
+ "mild-color-gray-300": "#d1d5db",
35
+ "mild-color-gray-400": "#9ca3af",
36
+ "mild-color-gray-500": "#6b7280",
37
+ "mild-color-gray-600": "#4b5563",
38
+ "mild-color-gray-700": "#374151",
39
+ "mild-color-gray-800": "#1f2937",
40
+ "mild-color-gray-900": "#111827",
41
+ "mild-color-gray-950": "#030712",
42
+ "mild-color-red-50": "#fef2f2",
43
+ "mild-color-red-100": "#fee2e2",
44
+ "mild-color-red-200": "#fecaca",
45
+ "mild-color-red-300": "#fca5a5",
46
+ "mild-color-red-400": "#f87171",
47
+ "mild-color-red-500": "#ef4444",
48
+ "mild-color-red-600": "#dc2626",
49
+ "mild-color-red-700": "#b91c1c",
50
+ "mild-color-red-800": "#991b1b",
51
+ "mild-color-red-900": "#7f1d1d",
52
+ "mild-color-red-950": "#450a0a",
53
+ "mild-color-green-50": "#f0fdf4",
54
+ "mild-color-green-100": "#dcfce7",
55
+ "mild-color-green-200": "#bbf7d0",
56
+ "mild-color-green-300": "#86efac",
57
+ "mild-color-green-400": "#4ade80",
58
+ "mild-color-green-500": "#22c55e",
59
+ "mild-color-green-600": "#16a34a",
60
+ "mild-color-green-700": "#15803d",
61
+ "mild-color-green-800": "#166534",
62
+ "mild-color-green-900": "#14532d",
63
+ "mild-color-green-950": "#052e16",
64
+ "mild-color-yellow-50": "#fefce8",
65
+ "mild-color-yellow-100": "#fef9c3",
66
+ "mild-color-yellow-200": "#fef08a",
67
+ "mild-color-yellow-300": "#fde047",
68
+ "mild-color-yellow-400": "#facc15",
69
+ "mild-color-yellow-500": "#eab308",
70
+ "mild-color-yellow-600": "#ca8a04",
71
+ "mild-color-yellow-700": "#a16207",
72
+ "mild-color-yellow-800": "#854d0e",
73
+ "mild-color-yellow-900": "#713f12",
74
+ "mild-color-yellow-950": "#422006",
75
+ "mild-color-white": "#ffffff",
76
+ "mild-color-black": "#000000",
77
+ "mild-color-black-alpha-0": "rgba(0, 0, 0, 0)",
78
+ "mild-color-black-alpha-10": "rgba(0, 0, 0, 0.1)",
79
+ "mild-color-black-alpha-20": "rgba(0, 0, 0, 0.2)",
80
+ "mild-color-black-alpha-30": "rgba(0, 0, 0, 0.3)",
81
+ "mild-color-black-alpha-40": "rgba(0, 0, 0, 0.4)",
82
+ "mild-color-black-alpha-50": "rgba(0, 0, 0, 0.5)",
83
+ "mild-color-black-alpha-60": "rgba(0, 0, 0, 0.6)",
84
+ "mild-color-black-alpha-70": "rgba(0, 0, 0, 0.7)",
85
+ "mild-color-black-alpha-80": "rgba(0, 0, 0, 0.8)",
86
+ "mild-color-black-alpha-90": "rgba(0, 0, 0, 0.9)",
87
+ "mild-color-white-alpha-0": "rgba(255, 255, 255, 0)",
88
+ "mild-color-white-alpha-10": "rgba(255, 255, 255, 0.1)",
89
+ "mild-color-white-alpha-20": "rgba(255, 255, 255, 0.2)",
90
+ "mild-color-white-alpha-30": "rgba(255, 255, 255, 0.3)",
91
+ "mild-color-white-alpha-40": "rgba(255, 255, 255, 0.4)",
92
+ "mild-color-white-alpha-50": "rgba(255, 255, 255, 0.5)",
93
+ "mild-color-white-alpha-60": "rgba(255, 255, 255, 0.6)",
94
+ "mild-color-white-alpha-70": "rgba(255, 255, 255, 0.7)",
95
+ "mild-color-white-alpha-80": "rgba(255, 255, 255, 0.8)",
96
+ "mild-color-white-alpha-90": "rgba(255, 255, 255, 0.9)",
97
+ "mild-color-primary-50": "#f0f9ff",
98
+ "mild-color-primary-100": "#e0f2fe",
99
+ "mild-color-primary-200": "#bae6fd",
100
+ "mild-color-primary-300": "#7dd3fc",
101
+ "mild-color-primary-400": "#38bdf8",
102
+ "mild-color-primary-500": "#0ea5e9",
103
+ "mild-color-primary-600": "#0284c7",
104
+ "mild-color-primary-700": "#0369a1",
105
+ "mild-color-primary-800": "#075985",
106
+ "mild-color-primary-900": "#0c4a6e",
107
+ "mild-color-primary-950": "#082f49",
108
+ "mild-color-secondary-50": "#f9fafb",
109
+ "mild-color-secondary-100": "#f3f4f6",
110
+ "mild-color-secondary-200": "#e5e7eb",
111
+ "mild-color-secondary-300": "#d1d5db",
112
+ "mild-color-secondary-400": "#9ca3af",
113
+ "mild-color-secondary-500": "#6b7280",
114
+ "mild-color-secondary-600": "#4b5563",
115
+ "mild-color-secondary-700": "#374151",
116
+ "mild-color-secondary-800": "#1f2937",
117
+ "mild-color-secondary-900": "#111827",
118
+ "mild-color-secondary-950": "#030712",
119
+ "mild-color-success-50": "#f0fdf4",
120
+ "mild-color-success-100": "#dcfce7",
121
+ "mild-color-success-200": "#bbf7d0",
122
+ "mild-color-success-300": "#86efac",
123
+ "mild-color-success-400": "#4ade80",
124
+ "mild-color-success-500": "#22c55e",
125
+ "mild-color-success-600": "#16a34a",
126
+ "mild-color-success-700": "#15803d",
127
+ "mild-color-success-800": "#166534",
128
+ "mild-color-success-900": "#14532d",
129
+ "mild-color-success-950": "#052e16",
130
+ "mild-color-warning-50": "#fefce8",
131
+ "mild-color-warning-100": "#fef9c3",
132
+ "mild-color-warning-200": "#fef08a",
133
+ "mild-color-warning-300": "#fde047",
134
+ "mild-color-warning-400": "#facc15",
135
+ "mild-color-warning-500": "#eab308",
136
+ "mild-color-warning-600": "#ca8a04",
137
+ "mild-color-warning-700": "#a16207",
138
+ "mild-color-warning-800": "#854d0e",
139
+ "mild-color-warning-900": "#713f12",
140
+ "mild-color-warning-950": "#422006",
141
+ "mild-color-danger-50": "#fef2f2",
142
+ "mild-color-danger-100": "#fee2e2",
143
+ "mild-color-danger-200": "#fecaca",
144
+ "mild-color-danger-300": "#fca5a5",
145
+ "mild-color-danger-400": "#f87171",
146
+ "mild-color-danger-500": "#ef4444",
147
+ "mild-color-danger-600": "#dc2626",
148
+ "mild-color-danger-700": "#b91c1c",
149
+ "mild-color-danger-800": "#991b1b",
150
+ "mild-color-danger-900": "#7f1d1d",
151
+ "mild-color-danger-950": "#450a0a",
152
+ "mild-color-error-50": "#fef2f2",
153
+ "mild-color-error-100": "#fee2e2",
154
+ "mild-color-error-200": "#fecaca",
155
+ "mild-color-error-300": "#fca5a5",
156
+ "mild-color-error-400": "#f87171",
157
+ "mild-color-error-500": "#ef4444",
158
+ "mild-color-error-600": "#dc2626",
159
+ "mild-color-error-700": "#b91c1c",
160
+ "mild-color-error-800": "#991b1b",
161
+ "mild-color-error-900": "#7f1d1d",
162
+ "mild-color-error-950": "#450a0a",
163
+ "mild-color-accent": "#0ea5e9",
164
+ "mild-color-accent-hover": "#0284c7",
165
+ "mild-color-accent-active": "#0369a1",
166
+ "mild-color-accent-foreground": "#ffffff",
167
+ "mild-color-accent-soft": "#7dd3fc",
168
+ "mild-color-accent-subtle": "#f0f9ff",
169
+ "mild-color-accent-muted": "#e0f2fe",
170
+ "mild-dimension-full": "100%",
171
+ "mild-dimension-1-2": "50%",
172
+ "mild-dimension-1-3": "33.333333%",
173
+ "mild-dimension-2-3": "66.666667%",
174
+ "mild-dimension-1-4": "25%",
175
+ "mild-dimension-3-4": "75%",
176
+ "mild-dimension-1-5": "20%",
177
+ "mild-dimension-2-5": "40%",
178
+ "mild-dimension-3-5": "60%",
179
+ "mild-dimension-4-5": "80%",
180
+ "mild-dimension-1-6": "16.666667%",
181
+ "mild-dimension-5-6": "83.333333%",
182
+ "mild-dimension-1-7": "14.285714%",
183
+ "mild-dimension-2-7": "28.571429%",
184
+ "mild-dimension-3-7": "42.857143%",
185
+ "mild-dimension-4-7": "57.142857%",
186
+ "mild-dimension-5-7": "71.428571%",
187
+ "mild-dimension-6-7": "85.714286%",
188
+ "mild-dimension-1-8": "12.5%",
189
+ "mild-dimension-3-8": "37.5%",
190
+ "mild-dimension-5-8": "62.5%",
191
+ "mild-dimension-7-8": "87.5%",
192
+ "mild-dimension-1-9": "11.111111%",
193
+ "mild-dimension-2-9": "22.222222%",
194
+ "mild-dimension-4-9": "44.444444%",
195
+ "mild-dimension-5-9": "55.555556%",
196
+ "mild-dimension-7-9": "77.777778%",
197
+ "mild-dimension-8-9": "88.888889%",
198
+ "mild-dimension-1-10": "10%",
199
+ "mild-dimension-3-10": "30%",
200
+ "mild-dimension-7-10": "70%",
201
+ "mild-dimension-9-10": "90%",
202
+ "mild-dimension-1-11": "9.090909%",
203
+ "mild-dimension-2-11": "18.181818%",
204
+ "mild-dimension-3-11": "27.272727%",
205
+ "mild-dimension-4-11": "36.363636%",
206
+ "mild-dimension-5-11": "45.454545%",
207
+ "mild-dimension-6-11": "54.545455%",
208
+ "mild-dimension-7-11": "63.636364%",
209
+ "mild-dimension-8-11": "72.727273%",
210
+ "mild-dimension-9-11": "81.818182%",
211
+ "mild-dimension-10-11": "90.909091%",
212
+ "mild-dimension-1-12": "8.333333%",
213
+ "mild-dimension-5-12": "41.666667%",
214
+ "mild-dimension-7-12": "58.333333%",
215
+ "mild-dimension-11-12": "91.666667%",
216
+ "mild-shadow-xs": "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
217
+ "mild-shadow-sm": "0 1px 2px 0 rgba(0, 0, 0, 0.05), 0 1px 3px 0 rgba(0, 0, 0, 0.1)",
218
+ "mild-shadow-base": "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)",
219
+ "mild-shadow-md": "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
220
+ "mild-shadow-lg": "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
221
+ "mild-shadow-xl": "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
222
+ "mild-shadow-2xl": "0 25px 50px -12px rgba(0, 0, 0, 0.25)",
223
+ "mild-shadow-inner": "inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)",
224
+ "mild-shadow-none": "none",
225
+ "mild-radius-none": "0px",
226
+ "mild-radius-sm": "0.125rem",
227
+ "mild-radius-base": "0.25rem",
228
+ "mild-radius-md": "0.375rem",
229
+ "mild-radius-lg": "0.5rem",
230
+ "mild-radius-xl": "0.75rem",
231
+ "mild-radius-2xl": "1rem",
232
+ "mild-radius-3xl": "1.5rem",
233
+ "mild-radius-full": "9999px",
234
+ "mild-space-base": "0.25rem",
235
+ "mild-space-0": "0px",
236
+ "mild-space-1": "0.25rem",
237
+ "mild-space-2": "0.5rem",
238
+ "mild-space-3": "0.75rem",
239
+ "mild-space-4": "1rem",
240
+ "mild-space-5": "1.25rem",
241
+ "mild-space-6": "1.5rem",
242
+ "mild-space-7": "1.75rem",
243
+ "mild-space-8": "2rem",
244
+ "mild-space-9": "2.25rem",
245
+ "mild-space-10": "2.5rem",
246
+ "mild-space-11": "2.75rem",
247
+ "mild-space-12": "3rem",
248
+ "mild-space-14": "3.5rem",
249
+ "mild-space-16": "4rem",
250
+ "mild-space-20": "5rem",
251
+ "mild-space-24": "6rem",
252
+ "mild-space-28": "7rem",
253
+ "mild-space-32": "8rem",
254
+ "mild-space-36": "9rem",
255
+ "mild-space-40": "10rem",
256
+ "mild-space-44": "11rem",
257
+ "mild-space-48": "12rem",
258
+ "mild-space-52": "13rem",
259
+ "mild-space-56": "14rem",
260
+ "mild-space-60": "15rem",
261
+ "mild-space-64": "16rem",
262
+ "mild-space-72": "18rem",
263
+ "mild-space-80": "20rem",
264
+ "mild-space-96": "24rem",
265
+ "mild-space-px": "1px",
266
+ "mild-space-0-5": "0.125rem",
267
+ "mild-space-1-5": "0.375rem",
268
+ "mild-space-2-5": "0.625rem",
269
+ "mild-space-3-5": "0.875rem",
270
+ "mild-font-family-sans": "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
271
+ "mild-font-family-serif": "Georgia, Cambria, 'Times New Roman', Times, serif",
272
+ "mild-font-family-mono": "'JetBrains Mono', 'SF Mono', Monaco, Inconsolata, 'Roboto Mono', source-code-pro, Menlo, Consolas, 'DejaVu Sans Mono', monospace",
273
+ "mild-font-size-xs": "0.75rem",
274
+ "mild-font-size-sm": "0.875rem",
275
+ "mild-font-size-base": "1rem",
276
+ "mild-font-size-lg": "1.125rem",
277
+ "mild-font-size-xl": "1.25rem",
278
+ "mild-font-size-2xl": "1.5rem",
279
+ "mild-font-size-3xl": "1.875rem",
280
+ "mild-font-size-4xl": "2.25rem",
281
+ "mild-font-size-5xl": "3rem",
282
+ "mild-font-size-6xl": "3.75rem",
283
+ "mild-font-size-7xl": "4.5rem",
284
+ "mild-font-size-8xl": "6rem",
285
+ "mild-font-size-9xl": "8rem",
286
+ "mild-font-weight-thin": 100,
287
+ "mild-font-weight-extralight": 200,
288
+ "mild-font-weight-light": 300,
289
+ "mild-font-weight-normal": 400,
290
+ "mild-font-weight-medium": 500,
291
+ "mild-font-weight-semibold": 600,
292
+ "mild-font-weight-bold": 700,
293
+ "mild-font-weight-extrabold": 800,
294
+ "mild-font-weight-black": 900,
295
+ "mild-line-height-none": 1,
296
+ "mild-line-height-tight": 1.25,
297
+ "mild-line-height-snug": 1.375,
298
+ "mild-line-height-normal": 1.5,
299
+ "mild-line-height-relaxed": 1.625,
300
+ "mild-line-height-loose": 2,
301
+ "mild-letter-spacing-tighter": "-0.05em",
302
+ "mild-letter-spacing-tight": "-0.025em",
303
+ "mild-letter-spacing-normal": "0em",
304
+ "mild-letter-spacing-wide": "0.025em",
305
+ "mild-letter-spacing-wider": "0.05em",
306
+ "mild-letter-spacing-widest": "0.1em",
307
+ "mild-transition-none": "none",
308
+ "mild-transition-all": "all 150ms cubic-bezier(0.4, 0, 0.2, 1)",
309
+ "mild-transition-default": "all 150ms cubic-bezier(0.4, 0, 0.2, 1)",
310
+ "mild-transition-colors": "color 150ms cubic-bezier(0.4, 0, 0.2, 1)",
311
+ "mild-transition-opacity": "opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)",
312
+ "mild-transition-shadow": "box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1)",
313
+ "mild-transition-transform": "transform 150ms cubic-bezier(0.4, 0, 0.2, 1)"
314
+ }