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