@aziontech/theme 2.0.1 → 2.0.2

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 (8) hide show
  1. package/dist/v3/globals.css +813 -0
  2. package/dist/v3/globals.scss +813 -0
  3. package/dist/v3/tailwind-preset.js +463 -0
  4. package/dist/v3/tailwind.config.js +471 -0
  5. package/dist/v4/globals.css +590 -0
  6. package/dist/v4/globals.scss +590 -0
  7. package/package.json +4 -1
  8. package/src/scripts/build-tokens.mjs +4 -0
package/dist/v3/tailwind.config.js ADDED
@@ -0,0 +1,471 @@
1
+ /* generated by build-tokens.mjs — target: v3 — do not edit */
2
+ /** @type {import('tailwindcss').Config} */
3
+ module.exports = {
4
+ "content": [
5
+ "./src/tests/**/*.html"
6
+ ],
7
+ "darkMode": [
8
+ "class",
9
+ "[data-theme=\"dark\"]"
10
+ ],
11
+ "theme": {
12
+ "extend": {
13
+ "colors": {
14
+ "base": {
15
+ "white": "var(--color-base-white)",
16
+ "black": "var(--color-base-black)"
17
+ },
18
+ "blue": {
19
+ "50": "var(--color-blue-50)",
20
+ "100": "var(--color-blue-100)",
21
+ "200": "var(--color-blue-200)",
22
+ "300": "var(--color-blue-300)",
23
+ "400": "var(--color-blue-400)",
24
+ "500": "var(--color-blue-500)",
25
+ "600": "var(--color-blue-600)",
26
+ "700": "var(--color-blue-700)",
27
+ "800": "var(--color-blue-800)",
28
+ "900": "var(--color-blue-900)",
29
+ "950": "var(--color-blue-950)"
30
+ },
31
+ "gray": {
32
+ "50": "var(--color-gray-50)",
33
+ "100": "var(--color-gray-100)",
34
+ "200": "var(--color-gray-200)",
35
+ "300": "var(--color-gray-300)",
36
+ "400": "var(--color-gray-400)",
37
+ "500": "var(--color-gray-500)",
38
+ "600": "var(--color-gray-600)",
39
+ "700": "var(--color-gray-700)",
40
+ "800": "var(--color-gray-800)",
41
+ "900": "var(--color-gray-900)",
42
+ "950": "var(--color-gray-950)"
43
+ },
44
+ "violet": {
45
+ "50": "var(--color-violet-50)",
46
+ "100": "var(--color-violet-100)",
47
+ "200": "var(--color-violet-200)",
48
+ "300": "var(--color-violet-300)",
49
+ "400": "var(--color-violet-400)",
50
+ "500": "var(--color-violet-500)",
51
+ "600": "var(--color-violet-600)",
52
+ "700": "var(--color-violet-700)",
53
+ "800": "var(--color-violet-800)",
54
+ "900": "var(--color-violet-900)",
55
+ "950": "var(--color-violet-950)"
56
+ },
57
+ "orange": {
58
+ "50": "var(--color-orange-50)",
59
+ "100": "var(--color-orange-100)",
60
+ "200": "var(--color-orange-200)",
61
+ "300": "var(--color-orange-300)",
62
+ "400": "var(--color-orange-400)",
63
+ "500": "var(--color-orange-500)",
64
+ "600": "var(--color-orange-600)",
65
+ "700": "var(--color-orange-700)",
66
+ "800": "var(--color-orange-800)",
67
+ "900": "var(--color-orange-900)",
68
+ "950": "var(--color-orange-950)"
69
+ },
70
+ "slate": {
71
+ "50": "var(--color-slate-50)",
72
+ "100": "var(--color-slate-100)",
73
+ "200": "var(--color-slate-200)",
74
+ "300": "var(--color-slate-300)",
75
+ "400": "var(--color-slate-400)",
76
+ "500": "var(--color-slate-500)",
77
+ "600": "var(--color-slate-600)",
78
+ "700": "var(--color-slate-700)",
79
+ "800": "var(--color-slate-800)",
80
+ "900": "var(--color-slate-900)",
81
+ "950": "var(--color-slate-950)"
82
+ },
83
+ "yellow": {
84
+ "50": "var(--color-yellow-50)",
85
+ "100": "var(--color-yellow-100)",
86
+ "200": "var(--color-yellow-200)",
87
+ "300": "var(--color-yellow-300)",
88
+ "400": "var(--color-yellow-400)",
89
+ "500": "var(--color-yellow-500)",
90
+ "600": "var(--color-yellow-600)",
91
+ "700": "var(--color-yellow-700)",
92
+ "800": "var(--color-yellow-800)",
93
+ "900": "var(--color-yellow-900)",
94
+ "950": "var(--color-yellow-950)"
95
+ },
96
+ "green": {
97
+ "50": "var(--color-green-50)",
98
+ "100": "var(--color-green-100)",
99
+ "200": "var(--color-green-200)",
100
+ "300": "var(--color-green-300)",
101
+ "400": "var(--color-green-400)",
102
+ "500": "var(--color-green-500)",
103
+ "600": "var(--color-green-600)",
104
+ "700": "var(--color-green-700)",
105
+ "800": "var(--color-green-800)",
106
+ "900": "var(--color-green-900)",
107
+ "950": "var(--color-green-950)"
108
+ },
109
+ "red": {
110
+ "50": "var(--color-red-50)",
111
+ "100": "var(--color-red-100)",
112
+ "200": "var(--color-red-200)",
113
+ "300": "var(--color-red-300)",
114
+ "400": "var(--color-red-400)",
115
+ "500": "var(--color-red-500)",
116
+ "600": "var(--color-red-600)",
117
+ "700": "var(--color-red-700)",
118
+ "800": "var(--color-red-800)",
119
+ "900": "var(--color-red-900)",
120
+ "950": "var(--color-red-950)"
121
+ },
122
+ "surface": {
123
+ "0": "var(--color-surface-0)",
124
+ "50": "var(--color-surface-50)",
125
+ "100": "var(--color-surface-100)",
126
+ "200": "var(--color-surface-200)",
127
+ "300": "var(--color-surface-300)",
128
+ "400": "var(--color-surface-400)",
129
+ "500": "var(--color-surface-500)",
130
+ "600": "var(--color-surface-600)",
131
+ "700": "var(--color-surface-700)",
132
+ "800": "var(--color-surface-800)",
133
+ "900": "var(--color-surface-900)",
134
+ "950": "var(--color-surface-950)"
135
+ },
136
+ "alpha": {
137
+ "violet": {
138
+ "50": "var(--color-alpha-violet-50)",
139
+ "100": "var(--color-alpha-violet-100)",
140
+ "200": "var(--color-alpha-violet-200)",
141
+ "300": "var(--color-alpha-violet-300)",
142
+ "400": "var(--color-alpha-violet-400)",
143
+ "500": "var(--color-alpha-violet-500)",
144
+ "600": "var(--color-alpha-violet-600)",
145
+ "700": "var(--color-alpha-violet-700)",
146
+ "800": "var(--color-alpha-violet-800)",
147
+ "900": "var(--color-alpha-violet-900)"
148
+ },
149
+ "orange": {
150
+ "50": "var(--color-alpha-orange-50)",
151
+ "100": "var(--color-alpha-orange-100)",
152
+ "200": "var(--color-alpha-orange-200)",
153
+ "300": "var(--color-alpha-orange-300)",
154
+ "400": "var(--color-alpha-orange-400)",
155
+ "500": "var(--color-alpha-orange-500)",
156
+ "600": "var(--color-alpha-orange-600)",
157
+ "700": "var(--color-alpha-orange-700)",
158
+ "800": "var(--color-alpha-orange-800)",
159
+ "900": "var(--color-alpha-orange-900)"
160
+ },
161
+ "white": {
162
+ "50": "var(--color-alpha-white-50)",
163
+ "100": "var(--color-alpha-white-100)",
164
+ "200": "var(--color-alpha-white-200)",
165
+ "300": "var(--color-alpha-white-300)",
166
+ "400": "var(--color-alpha-white-400)",
167
+ "500": "var(--color-alpha-white-500)",
168
+ "600": "var(--color-alpha-white-600)",
169
+ "700": "var(--color-alpha-white-700)",
170
+ "800": "var(--color-alpha-white-800)",
171
+ "900": "var(--color-alpha-white-900)"
172
+ },
173
+ "black": {
174
+ "50": "var(--color-alpha-black-50)",
175
+ "100": "var(--color-alpha-black-100)",
176
+ "200": "var(--color-alpha-black-200)",
177
+ "300": "var(--color-alpha-black-300)",
178
+ "400": "var(--color-alpha-black-400)",
179
+ "500": "var(--color-alpha-black-500)",
180
+ "600": "var(--color-alpha-black-600)",
181
+ "700": "var(--color-alpha-black-700)",
182
+ "800": "var(--color-alpha-black-800)",
183
+ "900": "var(--color-alpha-black-900)"
184
+ },
185
+ "green": {
186
+ "50": "var(--color-alpha-green-50)",
187
+ "100": "var(--color-alpha-green-100)",
188
+ "200": "var(--color-alpha-green-200)",
189
+ "300": "var(--color-alpha-green-300)",
190
+ "400": "var(--color-alpha-green-400)",
191
+ "500": "var(--color-alpha-green-500)",
192
+ "600": "var(--color-alpha-green-600)",
193
+ "700": "var(--color-alpha-green-700)",
194
+ "800": "var(--color-alpha-green-800)",
195
+ "900": "var(--color-alpha-green-900)"
196
+ },
197
+ "red": {
198
+ "50": "var(--color-alpha-red-50)",
199
+ "100": "var(--color-alpha-red-100)",
200
+ "200": "var(--color-alpha-red-200)",
201
+ "300": "var(--color-alpha-red-300)",
202
+ "400": "var(--color-alpha-red-400)",
203
+ "500": "var(--color-alpha-red-500)",
204
+ "600": "var(--color-alpha-red-600)",
205
+ "700": "var(--color-alpha-red-700)",
206
+ "800": "var(--color-alpha-red-800)",
207
+ "900": "var(--color-alpha-red-900)"
208
+ },
209
+ "yellow": {
210
+ "50": "var(--color-alpha-yellow-50)",
211
+ "100": "var(--color-alpha-yellow-100)",
212
+ "200": "var(--color-alpha-yellow-200)",
213
+ "300": "var(--color-alpha-yellow-300)",
214
+ "400": "var(--color-alpha-yellow-400)",
215
+ "500": "var(--color-alpha-yellow-500)",
216
+ "600": "var(--color-alpha-yellow-600)",
217
+ "700": "var(--color-alpha-yellow-700)",
218
+ "800": "var(--color-alpha-yellow-800)",
219
+ "900": "var(--color-alpha-yellow-900)"
220
+ },
221
+ "blue": {
222
+ "50": "var(--color-alpha-blue-50)",
223
+ "100": "var(--color-alpha-blue-100)",
224
+ "200": "var(--color-alpha-blue-200)",
225
+ "300": "var(--color-alpha-blue-300)",
226
+ "400": "var(--color-alpha-blue-400)",
227
+ "500": "var(--color-alpha-blue-500)",
228
+ "600": "var(--color-alpha-blue-600)",
229
+ "700": "var(--color-alpha-blue-700)",
230
+ "800": "var(--color-alpha-blue-800)",
231
+ "900": "var(--color-alpha-blue-900)"
232
+ },
233
+ "absolute": {
234
+ "black": "var(--color-alpha-absolute-black)",
235
+ "white": "var(--color-alpha-absolute-white)"
236
+ }
237
+ },
238
+ "primary": {
239
+ "50": "var(--color-primary-50)",
240
+ "100": "var(--color-primary-100)",
241
+ "200": "var(--color-primary-200)",
242
+ "300": "var(--color-primary-300)",
243
+ "400": "var(--color-primary-400)",
244
+ "500": "var(--color-primary-500)",
245
+ "600": "var(--color-primary-600)",
246
+ "700": "var(--color-primary-700)",
247
+ "800": "var(--color-primary-800)",
248
+ "900": "var(--color-primary-900)",
249
+ "950": "var(--color-primary-950)"
250
+ },
251
+ "accent": {
252
+ "50": "var(--color-accent-50)",
253
+ "100": "var(--color-accent-100)",
254
+ "200": "var(--color-accent-200)",
255
+ "300": "var(--color-accent-300)",
256
+ "400": "var(--color-accent-400)",
257
+ "500": "var(--color-accent-500)",
258
+ "600": "var(--color-accent-600)",
259
+ "700": "var(--color-accent-700)",
260
+ "800": "var(--color-accent-800)",
261
+ "900": "var(--color-accent-900)",
262
+ "950": "var(--color-accent-950)"
263
+ },
264
+ "absolute": {
265
+ "black": "var(--color-absolute-black)",
266
+ "white": "var(--color-absolute-white)"
267
+ }
268
+ },
269
+ "fontSize": {
270
+ "big-number-md": [
271
+ "var(--text-big-number-md-font-size)",
272
+ {
273
+ "lineHeight": "var(--text-big-number-md-line-height)"
274
+ }
275
+ ],
276
+ "big-number-sm": [
277
+ "var(--text-big-number-sm-font-size)",
278
+ {
279
+ "lineHeight": "var(--text-big-number-sm-line-height)"
280
+ }
281
+ ],
282
+ "big-number-lg": [
283
+ "var(--text-big-number-lg-font-size)",
284
+ {
285
+ "lineHeight": "var(--text-big-number-lg-line-height)"
286
+ }
287
+ ],
288
+ "heading-2xl": [
289
+ "var(--text-heading-2xl-font-size)",
290
+ {
291
+ "lineHeight": "var(--text-heading-2xl-line-height)"
292
+ }
293
+ ],
294
+ "heading-xl": [
295
+ "var(--text-heading-xl-font-size)",
296
+ {
297
+ "lineHeight": "var(--text-heading-xl-line-height)"
298
+ }
299
+ ],
300
+ "heading-lg": [
301
+ "var(--text-heading-lg-font-size)",
302
+ {
303
+ "lineHeight": "var(--text-heading-lg-line-height)"
304
+ }
305
+ ],
306
+ "heading-md": [
307
+ "var(--text-heading-md-font-size)",
308
+ {
309
+ "lineHeight": "var(--text-heading-md-line-height)"
310
+ }
311
+ ],
312
+ "heading-sm": [
313
+ "var(--text-heading-sm-font-size)",
314
+ {
315
+ "lineHeight": "var(--text-heading-sm-line-height)"
316
+ }
317
+ ],
318
+ "body-lg": [
319
+ "var(--text-body-lg-font-size)",
320
+ {
321
+ "lineHeight": "var(--text-body-lg-line-height)"
322
+ }
323
+ ],
324
+ "body-md": [
325
+ "var(--text-body-md-font-size)",
326
+ {
327
+ "lineHeight": "var(--text-body-md-line-height)"
328
+ }
329
+ ],
330
+ "body-sm": [
331
+ "var(--text-body-sm-font-size)",
332
+ {
333
+ "lineHeight": "var(--text-body-sm-line-height)"
334
+ }
335
+ ],
336
+ "body-xs": [
337
+ "var(--text-body-xs-font-size)",
338
+ {
339
+ "lineHeight": "var(--text-body-xs-line-height)"
340
+ }
341
+ ],
342
+ "body-xss": [
343
+ "var(--text-body-xss-font-size)",
344
+ {
345
+ "lineHeight": "var(--text-body-xss-line-height)"
346
+ }
347
+ ],
348
+ "overline-md": [
349
+ "var(--text-overline-md-font-size)",
350
+ {
351
+ "lineHeight": "var(--text-overline-md-line-height)",
352
+ "letterSpacing": "var(--text-overline-md-letter-spacing)"
353
+ }
354
+ ],
355
+ "overline-sm": [
356
+ "var(--text-overline-sm-font-size)",
357
+ {
358
+ "lineHeight": "var(--text-overline-sm-line-height)",
359
+ "letterSpacing": "var(--text-overline-sm-letter-spacing)"
360
+ }
361
+ ],
362
+ "overline-xs": [
363
+ "var(--text-overline-xs-font-size)",
364
+ {
365
+ "lineHeight": "var(--text-overline-xs-line-height)",
366
+ "letterSpacing": "var(--text-overline-xs-letter-spacing)"
367
+ }
368
+ ],
369
+ "button-lg": [
370
+ "var(--text-button-lg-font-size)",
371
+ {
372
+ "lineHeight": "var(--text-button-lg-line-height)",
373
+ "letterSpacing": "var(--text-button-lg-letter-spacing)",
374
+ "fontWeight": "var(--text-button-lg-font-weight)"
375
+ }
376
+ ],
377
+ "button-md": [
378
+ "var(--text-button-md-font-size)",
379
+ {
380
+ "lineHeight": "var(--text-button-md-line-height)",
381
+ "letterSpacing": "var(--text-button-md-letter-spacing)",
382
+ "fontWeight": "var(--text-button-md-font-weight)"
383
+ }
384
+ ]
385
+ },
386
+ "fontWeight": {
387
+ "thin": "var(--font-weight-thin)",
388
+ "extralight": "var(--font-weight-extralight)",
389
+ "light": "var(--font-weight-light)",
390
+ "normal": "var(--font-weight-normal)",
391
+ "medium": "var(--font-weight-medium)",
392
+ "semibold": "var(--font-weight-semibold)",
393
+ "bold": "var(--font-weight-bold)",
394
+ "extrabold": "var(--font-weight-extrabold)",
395
+ "black": "var(--font-weight-black)"
396
+ },
397
+ "dropShadow": {
398
+ "xs": "var(--drop-shadow-xs)",
399
+ "sm": "var(--drop-shadow-sm)",
400
+ "md": "var(--drop-shadow-md)",
401
+ "lg": "var(--drop-shadow-lg)",
402
+ "xl": "var(--drop-shadow-xl)",
403
+ "2xl": "var(--drop-shadow-2xl)"
404
+ },
405
+ "lineHeight": {
406
+ "tight": "var(--leading-tight)",
407
+ "snug": "var(--leading-snug)",
408
+ "normal": "var(--leading-normal)",
409
+ "relaxed": "var(--leading-relaxed)",
410
+ "loose": "var(--leading-loose)"
411
+ },
412
+ "letterSpacing": {
413
+ "tighter": "var(--tracking-tighter)",
414
+ "tight": "var(--tracking-tight)",
415
+ "normal": "var(--tracking-normal)",
416
+ "wide": "var(--tracking-wide)",
417
+ "wider": "var(--tracking-wider)",
418
+ "widest": "var(--tracking-widest)"
419
+ },
420
+ "textColor": {
421
+ "default": "var(--text-default)",
422
+ "muted": "var(--text-muted)",
423
+ "link": "var(--text-link)",
424
+ "code": "var(--text-code)",
425
+ "link-hover": "var(--text-link-hover)",
426
+ "primary": "var(--text-primary)",
427
+ "primary-hover": "var(--text-primary-hover)",
428
+ "accent": "var(--text-accent)",
429
+ "accent-hover": "var(--text-accent-hover)",
430
+ "danger-hover": "var(--text-danger-hover)",
431
+ "warning-hover": "var(--text-warning-hover)",
432
+ "success-hover": "var(--text-success-hover)",
433
+ "success": "var(--text-success)",
434
+ "danger": "var(--text-danger)",
435
+ "warning": "var(--text-warning)"
436
+ },
437
+ "backgroundColor": {
438
+ "surface-raised": "var(--background-surface-raised)",
439
+ "surface-overlay": "var(--background-surface-overlay)",
440
+ "surface": "var(--background-surface)",
441
+ "canvas": "var(--background-canvas)",
442
+ "danger-hover": "var(--background-danger-hover)",
443
+ "warning-hover": "var(--background-warning-hover)",
444
+ "success-hover": "var(--background-success-hover)",
445
+ "success": "var(--background-success)",
446
+ "danger": "var(--background-danger)",
447
+ "warning": "var(--background-warning)",
448
+ "backdrop": "var(--background-backdrop)",
449
+ "primary-hover": "var(--background-primary-hover)",
450
+ "primary": "var(--background-primary)",
451
+ "primary-mask": "var(--background-primary-mask)"
452
+ },
453
+ "borderColor": {
454
+ "default": "var(--border-default)",
455
+ "strong": "var(--border-strong)",
456
+ "warning": "var(--border-warning)",
457
+ "success": "var(--border-success)",
458
+ "danger": "var(--border-danger)",
459
+ "primary": "var(--border-primary)",
460
+ "accent": "var(--border-accent)",
461
+ "warning-hover": "var(--border-warning-hover)",
462
+ "success-hover": "var(--border-success-hover)",
463
+ "danger-hover": "var(--border-danger-hover)",
464
+ "primary-hover": "var(--border-primary-hover)",
465
+ "accent-hover": "var(--border-accent-hover)",
466
+ "subtle": "var(--border-subtle)"
467
+ }
468
+ }
469
+ },
470
+ "plugins": []
471
+ };