@aziontech/theme 2.0.1 → 2.0.3

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/README.md +1 -1
  2. package/dist/v3/globals.css +828 -0
  3. package/dist/v3/globals.scss +828 -0
  4. package/dist/v3/tailwind-preset.js +484 -0
  5. package/dist/v3/tailwind.config.js +492 -0
  6. package/dist/v4/globals.css +608 -0
  7. package/dist/v4/globals.scss +608 -0
  8. package/package.json +4 -1
  9. package/src/scripts/build-tokens.mjs +9 -10
  10. package/src/tokens/primitives/colors/alpha.js +10 -10
  11. package/src/tokens/primitives/colors/brand.js +4 -4
  12. package/src/tokens/primitives/colors/colors.js +15 -15
  13. package/src/tokens/primitives/typography/font-family.js +3 -3
  14. package/src/tokens/semantic/texts.data.js +44 -22
  15. package/src/tokens/semantic/texts.js +84 -84
  16. package/src/tokens/theme/background.js +9 -9
  17. package/src/tokens/theme/border.js +4 -4
  18. package/src/tokens/theme/feedback/info.js +6 -6
  19. package/src/tokens/theme/secondary.js +4 -4
  20. package/src/tokens/theme/text.js +4 -4
package/dist/v3/tailwind.config.js ADDED
@@ -0,0 +1,492 @@
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
+ "label-lg": [
319
+ "var(--text-label-lg-font-size)",
320
+ {
321
+ "lineHeight": "var(--text-label-lg-line-height)",
322
+ "fontWeight": "var(--text-label-lg-font-weight)"
323
+ }
324
+ ],
325
+ "label-md": [
326
+ "var(--text-label-md-font-size)",
327
+ {
328
+ "lineHeight": "var(--text-label-md-line-height)",
329
+ "fontWeight": "var(--text-label-md-font-weight)"
330
+ }
331
+ ],
332
+ "label-sm": [
333
+ "var(--text-label-sm-font-size)",
334
+ {
335
+ "lineHeight": "var(--text-label-sm-line-height)",
336
+ "fontWeight": "var(--text-label-sm-font-weight)"
337
+ }
338
+ ],
339
+ "body-lg": [
340
+ "var(--text-body-lg-font-size)",
341
+ {
342
+ "lineHeight": "var(--text-body-lg-line-height)"
343
+ }
344
+ ],
345
+ "body-md": [
346
+ "var(--text-body-md-font-size)",
347
+ {
348
+ "lineHeight": "var(--text-body-md-line-height)"
349
+ }
350
+ ],
351
+ "body-sm": [
352
+ "var(--text-body-sm-font-size)",
353
+ {
354
+ "lineHeight": "var(--text-body-sm-line-height)"
355
+ }
356
+ ],
357
+ "body-xs": [
358
+ "var(--text-body-xs-font-size)",
359
+ {
360
+ "lineHeight": "var(--text-body-xs-line-height)"
361
+ }
362
+ ],
363
+ "body-xxs": [
364
+ "var(--text-body-xxs-font-size)",
365
+ {
366
+ "lineHeight": "var(--text-body-xxs-line-height)"
367
+ }
368
+ ],
369
+ "overline-md": [
370
+ "var(--text-overline-md-font-size)",
371
+ {
372
+ "lineHeight": "var(--text-overline-md-line-height)",
373
+ "letterSpacing": "var(--text-overline-md-letter-spacing)"
374
+ }
375
+ ],
376
+ "overline-sm": [
377
+ "var(--text-overline-sm-font-size)",
378
+ {
379
+ "lineHeight": "var(--text-overline-sm-line-height)",
380
+ "letterSpacing": "var(--text-overline-sm-letter-spacing)"
381
+ }
382
+ ],
383
+ "overline-xs": [
384
+ "var(--text-overline-xs-font-size)",
385
+ {
386
+ "lineHeight": "var(--text-overline-xs-line-height)",
387
+ "letterSpacing": "var(--text-overline-xs-letter-spacing)"
388
+ }
389
+ ],
390
+ "button-lg": [
391
+ "var(--text-button-lg-font-size)",
392
+ {
393
+ "lineHeight": "var(--text-button-lg-line-height)",
394
+ "letterSpacing": "var(--text-button-lg-letter-spacing)",
395
+ "fontWeight": "var(--text-button-lg-font-weight)"
396
+ }
397
+ ],
398
+ "button-md": [
399
+ "var(--text-button-md-font-size)",
400
+ {
401
+ "lineHeight": "var(--text-button-md-line-height)",
402
+ "letterSpacing": "var(--text-button-md-letter-spacing)",
403
+ "fontWeight": "var(--text-button-md-font-weight)"
404
+ }
405
+ ]
406
+ },
407
+ "fontWeight": {
408
+ "thin": "var(--font-weight-thin)",
409
+ "extralight": "var(--font-weight-extralight)",
410
+ "light": "var(--font-weight-light)",
411
+ "normal": "var(--font-weight-normal)",
412
+ "medium": "var(--font-weight-medium)",
413
+ "semibold": "var(--font-weight-semibold)",
414
+ "bold": "var(--font-weight-bold)",
415
+ "extrabold": "var(--font-weight-extrabold)",
416
+ "black": "var(--font-weight-black)"
417
+ },
418
+ "dropShadow": {
419
+ "xs": "var(--drop-shadow-xs)",
420
+ "sm": "var(--drop-shadow-sm)",
421
+ "md": "var(--drop-shadow-md)",
422
+ "lg": "var(--drop-shadow-lg)",
423
+ "xl": "var(--drop-shadow-xl)",
424
+ "2xl": "var(--drop-shadow-2xl)"
425
+ },
426
+ "lineHeight": {
427
+ "tight": "var(--leading-tight)",
428
+ "snug": "var(--leading-snug)",
429
+ "normal": "var(--leading-normal)",
430
+ "relaxed": "var(--leading-relaxed)",
431
+ "loose": "var(--leading-loose)"
432
+ },
433
+ "letterSpacing": {
434
+ "tighter": "var(--tracking-tighter)",
435
+ "tight": "var(--tracking-tight)",
436
+ "normal": "var(--tracking-normal)",
437
+ "wide": "var(--tracking-wide)",
438
+ "wider": "var(--tracking-wider)",
439
+ "widest": "var(--tracking-widest)"
440
+ },
441
+ "textColor": {
442
+ "default": "var(--text-default)",
443
+ "muted": "var(--text-muted)",
444
+ "link": "var(--text-link)",
445
+ "code": "var(--text-code)",
446
+ "link-hover": "var(--text-link-hover)",
447
+ "primary": "var(--text-primary)",
448
+ "primary-hover": "var(--text-primary-hover)",
449
+ "accent": "var(--text-accent)",
450
+ "accent-hover": "var(--text-accent-hover)",
451
+ "danger-hover": "var(--text-danger-hover)",
452
+ "warning-hover": "var(--text-warning-hover)",
453
+ "success-hover": "var(--text-success-hover)",
454
+ "success": "var(--text-success)",
455
+ "danger": "var(--text-danger)",
456
+ "warning": "var(--text-warning)"
457
+ },
458
+ "backgroundColor": {
459
+ "surface-raised": "var(--background-surface-raised)",
460
+ "surface-overlay": "var(--background-surface-overlay)",
461
+ "surface": "var(--background-surface)",
462
+ "canvas": "var(--background-canvas)",
463
+ "danger-hover": "var(--background-danger-hover)",
464
+ "warning-hover": "var(--background-warning-hover)",
465
+ "success-hover": "var(--background-success-hover)",
466
+ "success": "var(--background-success)",
467
+ "danger": "var(--background-danger)",
468
+ "warning": "var(--background-warning)",
469
+ "backdrop": "var(--background-backdrop)",
470
+ "primary-hover": "var(--background-primary-hover)",
471
+ "primary": "var(--background-primary)",
472
+ "primary-mask": "var(--background-primary-mask)"
473
+ },
474
+ "borderColor": {
475
+ "default": "var(--border-default)",
476
+ "strong": "var(--border-strong)",
477
+ "warning": "var(--border-warning)",
478
+ "success": "var(--border-success)",
479
+ "danger": "var(--border-danger)",
480
+ "primary": "var(--border-primary)",
481
+ "accent": "var(--border-accent)",
482
+ "warning-hover": "var(--border-warning-hover)",
483
+ "success-hover": "var(--border-success-hover)",
484
+ "danger-hover": "var(--border-danger-hover)",
485
+ "primary-hover": "var(--border-primary-hover)",
486
+ "accent-hover": "var(--border-accent-hover)",
487
+ "subtle": "var(--border-subtle)"
488
+ }
489
+ }
490
+ },
491
+ "plugins": []
492
+ };