@nexub/tokens 1.2.0 → 1.4.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 (7) hide show
  1. package/dist/css/roles.css +240 -0
  2. package/dist/css/variables.css +398 -3
  3. package/dist/js/generated/tokens.d.ts +490 -3
  4. package/dist/js/generated/tokens.js +490 -3
  5. package/dist/json/tokens.json +398 -3
  6. package/dist/tailwind/preset.js +560 -8
  7. package/package.json +5 -2
package/dist/tailwind/preset.js CHANGED
@@ -4,6 +4,383 @@ const preset = {
4
4
  "theme": {
5
5
  "extend": {
6
6
  "colors": {
7
+ "primary": "var(--color-primary)",
8
+ "on-primary": "var(--color-on-primary)",
9
+ "primary-container": "var(--color-primary-container)",
10
+ "on-primary-container": "var(--color-on-primary-container)",
11
+ "secondary": "var(--color-secondary)",
12
+ "on-secondary": "var(--color-on-secondary)",
13
+ "secondary-container": "var(--color-secondary-container)",
14
+ "on-secondary-container": "var(--color-on-secondary-container)",
15
+ "error": "var(--color-error)",
16
+ "on-error": "var(--color-on-error)",
17
+ "error-container": "var(--color-error-container)",
18
+ "on-error-container": "var(--color-on-error-container)",
19
+ "success": "var(--color-success)",
20
+ "on-success": "var(--color-on-success)",
21
+ "success-container": "var(--color-success-container)",
22
+ "on-success-container": "var(--color-on-success-container)",
23
+ "warning": "var(--color-warning)",
24
+ "on-warning": "var(--color-on-warning)",
25
+ "warning-container": "var(--color-warning-container)",
26
+ "on-warning-container": "var(--color-on-warning-container)",
27
+ "info": "var(--color-info)",
28
+ "on-info": "var(--color-on-info)",
29
+ "info-container": "var(--color-info-container)",
30
+ "on-info-container": "var(--color-on-info-container)",
31
+ "surface": {
32
+ "warm": "var(--color-surface-warm)",
33
+ "muted": "var(--color-surface-muted)",
34
+ "raised": "var(--color-surface-raised)",
35
+ "sunken": "var(--color-surface-sunken)",
36
+ "inverse": "var(--color-surface-inverse)"
37
+ },
38
+ "surface-dim": "var(--color-surface-dim)",
39
+ "surface-bright": "var(--color-surface-bright)",
40
+ "surface-container-lowest": "var(--color-surface-container-lowest)",
41
+ "surface-container-low": "var(--color-surface-container-low)",
42
+ "surface-container": "var(--color-surface-container)",
43
+ "surface-container-high": "var(--color-surface-container-high)",
44
+ "surface-container-highest": "var(--color-surface-container-highest)",
45
+ "surface-elevated": "var(--color-surface-elevated)",
46
+ "on-surface": "var(--color-on-surface)",
47
+ "on-surface-variant": "var(--color-on-surface-variant)",
48
+ "on-surface-muted": "var(--color-on-surface-muted)",
49
+ "outline": "var(--color-outline)",
50
+ "outline-variant": "var(--color-outline-variant)",
51
+ "inverse-surface": "var(--color-inverse-surface)",
52
+ "inverse-on-surface": "var(--color-inverse-on-surface)",
53
+ "inverse-primary": "var(--color-inverse-primary)",
54
+ "tertiary": "var(--color-tertiary)",
55
+ "on-tertiary": "var(--color-on-tertiary)",
56
+ "tertiary-container": "var(--color-tertiary-container)",
57
+ "on-tertiary-container": "var(--color-on-tertiary-container)",
58
+ "palette": {
59
+ "primary": {
60
+ "0": "var(--color-palette-primary-0)",
61
+ "4": "var(--color-palette-primary-4)",
62
+ "6": "var(--color-palette-primary-6)",
63
+ "10": "var(--color-palette-primary-10)",
64
+ "12": "var(--color-palette-primary-12)",
65
+ "17": "var(--color-palette-primary-17)",
66
+ "20": "var(--color-palette-primary-20)",
67
+ "22": "var(--color-palette-primary-22)",
68
+ "24": "var(--color-palette-primary-24)",
69
+ "30": "var(--color-palette-primary-30)",
70
+ "40": "var(--color-palette-primary-40)",
71
+ "50": "var(--color-palette-primary-50)",
72
+ "60": "var(--color-palette-primary-60)",
73
+ "70": "var(--color-palette-primary-70)",
74
+ "72": "var(--color-palette-primary-72)",
75
+ "80": "var(--color-palette-primary-80)",
76
+ "87": "var(--color-palette-primary-87)",
77
+ "90": "var(--color-palette-primary-90)",
78
+ "92": "var(--color-palette-primary-92)",
79
+ "94": "var(--color-palette-primary-94)",
80
+ "95": "var(--color-palette-primary-95)",
81
+ "96": "var(--color-palette-primary-96)",
82
+ "98": "var(--color-palette-primary-98)",
83
+ "99": "var(--color-palette-primary-99)",
84
+ "100": "var(--color-palette-primary-100)"
85
+ },
86
+ "error": {
87
+ "0": "var(--color-palette-error-0)",
88
+ "4": "var(--color-palette-error-4)",
89
+ "6": "var(--color-palette-error-6)",
90
+ "10": "var(--color-palette-error-10)",
91
+ "12": "var(--color-palette-error-12)",
92
+ "17": "var(--color-palette-error-17)",
93
+ "20": "var(--color-palette-error-20)",
94
+ "22": "var(--color-palette-error-22)",
95
+ "24": "var(--color-palette-error-24)",
96
+ "30": "var(--color-palette-error-30)",
97
+ "40": "var(--color-palette-error-40)",
98
+ "50": "var(--color-palette-error-50)",
99
+ "60": "var(--color-palette-error-60)",
100
+ "70": "var(--color-palette-error-70)",
101
+ "72": "var(--color-palette-error-72)",
102
+ "80": "var(--color-palette-error-80)",
103
+ "87": "var(--color-palette-error-87)",
104
+ "90": "var(--color-palette-error-90)",
105
+ "92": "var(--color-palette-error-92)",
106
+ "94": "var(--color-palette-error-94)",
107
+ "95": "var(--color-palette-error-95)",
108
+ "96": "var(--color-palette-error-96)",
109
+ "98": "var(--color-palette-error-98)",
110
+ "99": "var(--color-palette-error-99)",
111
+ "100": "var(--color-palette-error-100)"
112
+ },
113
+ "success": {
114
+ "0": "var(--color-palette-success-0)",
115
+ "4": "var(--color-palette-success-4)",
116
+ "6": "var(--color-palette-success-6)",
117
+ "10": "var(--color-palette-success-10)",
118
+ "12": "var(--color-palette-success-12)",
119
+ "17": "var(--color-palette-success-17)",
120
+ "20": "var(--color-palette-success-20)",
121
+ "22": "var(--color-palette-success-22)",
122
+ "24": "var(--color-palette-success-24)",
123
+ "30": "var(--color-palette-success-30)",
124
+ "40": "var(--color-palette-success-40)",
125
+ "50": "var(--color-palette-success-50)",
126
+ "60": "var(--color-palette-success-60)",
127
+ "70": "var(--color-palette-success-70)",
128
+ "72": "var(--color-palette-success-72)",
129
+ "80": "var(--color-palette-success-80)",
130
+ "87": "var(--color-palette-success-87)",
131
+ "90": "var(--color-palette-success-90)",
132
+ "92": "var(--color-palette-success-92)",
133
+ "94": "var(--color-palette-success-94)",
134
+ "95": "var(--color-palette-success-95)",
135
+ "96": "var(--color-palette-success-96)",
136
+ "98": "var(--color-palette-success-98)",
137
+ "99": "var(--color-palette-success-99)",
138
+ "100": "var(--color-palette-success-100)"
139
+ },
140
+ "warning": {
141
+ "0": "var(--color-palette-warning-0)",
142
+ "4": "var(--color-palette-warning-4)",
143
+ "6": "var(--color-palette-warning-6)",
144
+ "10": "var(--color-palette-warning-10)",
145
+ "12": "var(--color-palette-warning-12)",
146
+ "17": "var(--color-palette-warning-17)",
147
+ "20": "var(--color-palette-warning-20)",
148
+ "22": "var(--color-palette-warning-22)",
149
+ "24": "var(--color-palette-warning-24)",
150
+ "30": "var(--color-palette-warning-30)",
151
+ "40": "var(--color-palette-warning-40)",
152
+ "50": "var(--color-palette-warning-50)",
153
+ "60": "var(--color-palette-warning-60)",
154
+ "70": "var(--color-palette-warning-70)",
155
+ "72": "var(--color-palette-warning-72)",
156
+ "80": "var(--color-palette-warning-80)",
157
+ "87": "var(--color-palette-warning-87)",
158
+ "90": "var(--color-palette-warning-90)",
159
+ "92": "var(--color-palette-warning-92)",
160
+ "94": "var(--color-palette-warning-94)",
161
+ "95": "var(--color-palette-warning-95)",
162
+ "96": "var(--color-palette-warning-96)",
163
+ "98": "var(--color-palette-warning-98)",
164
+ "99": "var(--color-palette-warning-99)",
165
+ "100": "var(--color-palette-warning-100)"
166
+ },
167
+ "info": {
168
+ "0": "var(--color-palette-info-0)",
169
+ "4": "var(--color-palette-info-4)",
170
+ "6": "var(--color-palette-info-6)",
171
+ "10": "var(--color-palette-info-10)",
172
+ "12": "var(--color-palette-info-12)",
173
+ "17": "var(--color-palette-info-17)",
174
+ "20": "var(--color-palette-info-20)",
175
+ "22": "var(--color-palette-info-22)",
176
+ "24": "var(--color-palette-info-24)",
177
+ "30": "var(--color-palette-info-30)",
178
+ "40": "var(--color-palette-info-40)",
179
+ "50": "var(--color-palette-info-50)",
180
+ "60": "var(--color-palette-info-60)",
181
+ "70": "var(--color-palette-info-70)",
182
+ "72": "var(--color-palette-info-72)",
183
+ "80": "var(--color-palette-info-80)",
184
+ "87": "var(--color-palette-info-87)",
185
+ "90": "var(--color-palette-info-90)",
186
+ "92": "var(--color-palette-info-92)",
187
+ "94": "var(--color-palette-info-94)",
188
+ "95": "var(--color-palette-info-95)",
189
+ "96": "var(--color-palette-info-96)",
190
+ "98": "var(--color-palette-info-98)",
191
+ "99": "var(--color-palette-info-99)",
192
+ "100": "var(--color-palette-info-100)"
193
+ },
194
+ "leap": {
195
+ "0": "var(--color-palette-leap-0)",
196
+ "4": "var(--color-palette-leap-4)",
197
+ "6": "var(--color-palette-leap-6)",
198
+ "10": "var(--color-palette-leap-10)",
199
+ "12": "var(--color-palette-leap-12)",
200
+ "17": "var(--color-palette-leap-17)",
201
+ "20": "var(--color-palette-leap-20)",
202
+ "22": "var(--color-palette-leap-22)",
203
+ "24": "var(--color-palette-leap-24)",
204
+ "30": "var(--color-palette-leap-30)",
205
+ "40": "var(--color-palette-leap-40)",
206
+ "50": "var(--color-palette-leap-50)",
207
+ "60": "var(--color-palette-leap-60)",
208
+ "70": "var(--color-palette-leap-70)",
209
+ "72": "var(--color-palette-leap-72)",
210
+ "80": "var(--color-palette-leap-80)",
211
+ "87": "var(--color-palette-leap-87)",
212
+ "90": "var(--color-palette-leap-90)",
213
+ "92": "var(--color-palette-leap-92)",
214
+ "94": "var(--color-palette-leap-94)",
215
+ "95": "var(--color-palette-leap-95)",
216
+ "96": "var(--color-palette-leap-96)",
217
+ "98": "var(--color-palette-leap-98)",
218
+ "99": "var(--color-palette-leap-99)",
219
+ "100": "var(--color-palette-leap-100)"
220
+ },
221
+ "bookub": {
222
+ "0": "var(--color-palette-bookub-0)",
223
+ "4": "var(--color-palette-bookub-4)",
224
+ "6": "var(--color-palette-bookub-6)",
225
+ "10": "var(--color-palette-bookub-10)",
226
+ "12": "var(--color-palette-bookub-12)",
227
+ "17": "var(--color-palette-bookub-17)",
228
+ "20": "var(--color-palette-bookub-20)",
229
+ "22": "var(--color-palette-bookub-22)",
230
+ "24": "var(--color-palette-bookub-24)",
231
+ "30": "var(--color-palette-bookub-30)",
232
+ "40": "var(--color-palette-bookub-40)",
233
+ "50": "var(--color-palette-bookub-50)",
234
+ "60": "var(--color-palette-bookub-60)",
235
+ "70": "var(--color-palette-bookub-70)",
236
+ "72": "var(--color-palette-bookub-72)",
237
+ "80": "var(--color-palette-bookub-80)",
238
+ "87": "var(--color-palette-bookub-87)",
239
+ "90": "var(--color-palette-bookub-90)",
240
+ "92": "var(--color-palette-bookub-92)",
241
+ "94": "var(--color-palette-bookub-94)",
242
+ "95": "var(--color-palette-bookub-95)",
243
+ "96": "var(--color-palette-bookub-96)",
244
+ "98": "var(--color-palette-bookub-98)",
245
+ "99": "var(--color-palette-bookub-99)",
246
+ "100": "var(--color-palette-bookub-100)"
247
+ },
248
+ "payub": {
249
+ "0": "var(--color-palette-payub-0)",
250
+ "4": "var(--color-palette-payub-4)",
251
+ "6": "var(--color-palette-payub-6)",
252
+ "10": "var(--color-palette-payub-10)",
253
+ "12": "var(--color-palette-payub-12)",
254
+ "17": "var(--color-palette-payub-17)",
255
+ "20": "var(--color-palette-payub-20)",
256
+ "22": "var(--color-palette-payub-22)",
257
+ "24": "var(--color-palette-payub-24)",
258
+ "30": "var(--color-palette-payub-30)",
259
+ "40": "var(--color-palette-payub-40)",
260
+ "50": "var(--color-palette-payub-50)",
261
+ "60": "var(--color-palette-payub-60)",
262
+ "70": "var(--color-palette-payub-70)",
263
+ "72": "var(--color-palette-payub-72)",
264
+ "80": "var(--color-palette-payub-80)",
265
+ "87": "var(--color-palette-payub-87)",
266
+ "90": "var(--color-palette-payub-90)",
267
+ "92": "var(--color-palette-payub-92)",
268
+ "94": "var(--color-palette-payub-94)",
269
+ "95": "var(--color-palette-payub-95)",
270
+ "96": "var(--color-palette-payub-96)",
271
+ "98": "var(--color-palette-payub-98)",
272
+ "99": "var(--color-palette-payub-99)",
273
+ "100": "var(--color-palette-payub-100)"
274
+ },
275
+ "founderub": {
276
+ "0": "var(--color-palette-founderub-0)",
277
+ "4": "var(--color-palette-founderub-4)",
278
+ "6": "var(--color-palette-founderub-6)",
279
+ "10": "var(--color-palette-founderub-10)",
280
+ "12": "var(--color-palette-founderub-12)",
281
+ "17": "var(--color-palette-founderub-17)",
282
+ "20": "var(--color-palette-founderub-20)",
283
+ "22": "var(--color-palette-founderub-22)",
284
+ "24": "var(--color-palette-founderub-24)",
285
+ "30": "var(--color-palette-founderub-30)",
286
+ "40": "var(--color-palette-founderub-40)",
287
+ "50": "var(--color-palette-founderub-50)",
288
+ "60": "var(--color-palette-founderub-60)",
289
+ "70": "var(--color-palette-founderub-70)",
290
+ "72": "var(--color-palette-founderub-72)",
291
+ "80": "var(--color-palette-founderub-80)",
292
+ "87": "var(--color-palette-founderub-87)",
293
+ "90": "var(--color-palette-founderub-90)",
294
+ "92": "var(--color-palette-founderub-92)",
295
+ "94": "var(--color-palette-founderub-94)",
296
+ "95": "var(--color-palette-founderub-95)",
297
+ "96": "var(--color-palette-founderub-96)",
298
+ "98": "var(--color-palette-founderub-98)",
299
+ "99": "var(--color-palette-founderub-99)",
300
+ "100": "var(--color-palette-founderub-100)"
301
+ },
302
+ "secondary": {
303
+ "0": "var(--color-palette-secondary-0)",
304
+ "4": "var(--color-palette-secondary-4)",
305
+ "6": "var(--color-palette-secondary-6)",
306
+ "10": "var(--color-palette-secondary-10)",
307
+ "12": "var(--color-palette-secondary-12)",
308
+ "17": "var(--color-palette-secondary-17)",
309
+ "20": "var(--color-palette-secondary-20)",
310
+ "22": "var(--color-palette-secondary-22)",
311
+ "24": "var(--color-palette-secondary-24)",
312
+ "30": "var(--color-palette-secondary-30)",
313
+ "40": "var(--color-palette-secondary-40)",
314
+ "50": "var(--color-palette-secondary-50)",
315
+ "60": "var(--color-palette-secondary-60)",
316
+ "70": "var(--color-palette-secondary-70)",
317
+ "72": "var(--color-palette-secondary-72)",
318
+ "80": "var(--color-palette-secondary-80)",
319
+ "87": "var(--color-palette-secondary-87)",
320
+ "90": "var(--color-palette-secondary-90)",
321
+ "92": "var(--color-palette-secondary-92)",
322
+ "94": "var(--color-palette-secondary-94)",
323
+ "95": "var(--color-palette-secondary-95)",
324
+ "96": "var(--color-palette-secondary-96)",
325
+ "98": "var(--color-palette-secondary-98)",
326
+ "99": "var(--color-palette-secondary-99)",
327
+ "100": "var(--color-palette-secondary-100)"
328
+ },
329
+ "neutral": {
330
+ "0": "var(--color-palette-neutral-0)",
331
+ "4": "var(--color-palette-neutral-4)",
332
+ "6": "var(--color-palette-neutral-6)",
333
+ "10": "var(--color-palette-neutral-10)",
334
+ "12": "var(--color-palette-neutral-12)",
335
+ "17": "var(--color-palette-neutral-17)",
336
+ "20": "var(--color-palette-neutral-20)",
337
+ "22": "var(--color-palette-neutral-22)",
338
+ "24": "var(--color-palette-neutral-24)",
339
+ "30": "var(--color-palette-neutral-30)",
340
+ "40": "var(--color-palette-neutral-40)",
341
+ "50": "var(--color-palette-neutral-50)",
342
+ "60": "var(--color-palette-neutral-60)",
343
+ "70": "var(--color-palette-neutral-70)",
344
+ "72": "var(--color-palette-neutral-72)",
345
+ "80": "var(--color-palette-neutral-80)",
346
+ "87": "var(--color-palette-neutral-87)",
347
+ "90": "var(--color-palette-neutral-90)",
348
+ "92": "var(--color-palette-neutral-92)",
349
+ "94": "var(--color-palette-neutral-94)",
350
+ "95": "var(--color-palette-neutral-95)",
351
+ "96": "var(--color-palette-neutral-96)",
352
+ "98": "var(--color-palette-neutral-98)",
353
+ "99": "var(--color-palette-neutral-99)",
354
+ "100": "var(--color-palette-neutral-100)"
355
+ },
356
+ "neutral-variant": {
357
+ "0": "var(--color-palette-neutral-variant-0)",
358
+ "4": "var(--color-palette-neutral-variant-4)",
359
+ "6": "var(--color-palette-neutral-variant-6)",
360
+ "10": "var(--color-palette-neutral-variant-10)",
361
+ "12": "var(--color-palette-neutral-variant-12)",
362
+ "17": "var(--color-palette-neutral-variant-17)",
363
+ "20": "var(--color-palette-neutral-variant-20)",
364
+ "22": "var(--color-palette-neutral-variant-22)",
365
+ "24": "var(--color-palette-neutral-variant-24)",
366
+ "30": "var(--color-palette-neutral-variant-30)",
367
+ "40": "var(--color-palette-neutral-variant-40)",
368
+ "50": "var(--color-palette-neutral-variant-50)",
369
+ "60": "var(--color-palette-neutral-variant-60)",
370
+ "70": "var(--color-palette-neutral-variant-70)",
371
+ "72": "var(--color-palette-neutral-variant-72)",
372
+ "80": "var(--color-palette-neutral-variant-80)",
373
+ "87": "var(--color-palette-neutral-variant-87)",
374
+ "90": "var(--color-palette-neutral-variant-90)",
375
+ "92": "var(--color-palette-neutral-variant-92)",
376
+ "94": "var(--color-palette-neutral-variant-94)",
377
+ "95": "var(--color-palette-neutral-variant-95)",
378
+ "96": "var(--color-palette-neutral-variant-96)",
379
+ "98": "var(--color-palette-neutral-variant-98)",
380
+ "99": "var(--color-palette-neutral-variant-99)",
381
+ "100": "var(--color-palette-neutral-variant-100)"
382
+ }
383
+ },
7
384
  "brand": {
8
385
  "mark": {
9
386
  "1": "var(--color-brand-mark-1)",
@@ -137,13 +514,6 @@ const preset = {
137
514
  "950": "var(--color-neutral-950)",
138
515
  "1000": "var(--color-neutral-1000)"
139
516
  },
140
- "surface": {
141
- "warm": "var(--color-surface-warm)",
142
- "muted": "var(--color-surface-muted)",
143
- "raised": "var(--color-surface-raised)",
144
- "sunken": "var(--color-surface-sunken)",
145
- "inverse": "var(--color-surface-inverse)"
146
- },
147
517
  "semantic": {
148
518
  "success": {
149
519
  "default": "var(--color-semantic-success-default)",
@@ -231,6 +601,11 @@ const preset = {
231
601
  "48": "var(--spacing-48)",
232
602
  "56": "var(--spacing-56)",
233
603
  "64": "var(--spacing-64)",
604
+ "control-xs": "var(--size-control-xs)",
605
+ "control-sm": "var(--size-control-sm)",
606
+ "control-md": "var(--size-control-md)",
607
+ "control-lg": "var(--size-control-lg)",
608
+ "control-xl": "var(--size-control-xl)",
234
609
  "px": "var(--spacing-px)",
235
610
  "0-5": "var(--spacing-0-5)",
236
611
  "1-5": "var(--spacing-1-5)",
@@ -253,9 +628,19 @@ const preset = {
253
628
  "xl": "var(--radius-xl)",
254
629
  "2xl": "var(--radius-2xl)",
255
630
  "3xl": "var(--radius-3xl)",
256
- "full": "var(--radius-full)"
631
+ "full": "var(--radius-full)",
632
+ "shape-control": "var(--shape-control)",
633
+ "shape-field": "var(--shape-field)",
634
+ "shape-container": "var(--shape-container)",
635
+ "shape-overlay": "var(--shape-overlay)",
636
+ "shape-tooltip": "var(--shape-tooltip)",
637
+ "shape-min": "var(--shape-min)"
257
638
  },
258
639
  "boxShadow": {
640
+ "elevation-0": "var(--elevation-0)",
641
+ "elevation-1": "var(--elevation-1)",
642
+ "elevation-2": "var(--elevation-2)",
643
+ "elevation-3": "var(--elevation-3)",
259
644
  "xs": "var(--shadow-xs)",
260
645
  "sm": "var(--shadow-sm)",
261
646
  "md": "var(--shadow-md)",
@@ -287,9 +672,176 @@ const preset = {
287
672
  },
288
673
  "fontFamily": {
289
674
  "sans": "var(--font-family-sans)",
675
+ "display": "var(--font-family-display)",
290
676
  "mono": "var(--font-family-mono)",
291
677
  "devanagari": "var(--font-family-devanagari)",
292
678
  "tamil": "var(--font-family-tamil)"
679
+ },
680
+ "fontSize": {
681
+ "display-lg": [
682
+ "var(--type-display-lg-size)",
683
+ {
684
+ "lineHeight": "var(--type-display-lg-lineHeight)",
685
+ "letterSpacing": "var(--type-display-lg-letterSpacing)",
686
+ "fontWeight": "var(--type-display-lg-weight)"
687
+ }
688
+ ],
689
+ "display-md": [
690
+ "var(--type-display-md-size)",
691
+ {
692
+ "lineHeight": "var(--type-display-md-lineHeight)",
693
+ "letterSpacing": "var(--type-display-md-letterSpacing)",
694
+ "fontWeight": "var(--type-display-md-weight)"
695
+ }
696
+ ],
697
+ "display-sm": [
698
+ "var(--type-display-sm-size)",
699
+ {
700
+ "lineHeight": "var(--type-display-sm-lineHeight)",
701
+ "letterSpacing": "var(--type-display-sm-letterSpacing)",
702
+ "fontWeight": "var(--type-display-sm-weight)"
703
+ }
704
+ ],
705
+ "headline-lg": [
706
+ "var(--type-headline-lg-size)",
707
+ {
708
+ "lineHeight": "var(--type-headline-lg-lineHeight)",
709
+ "letterSpacing": "var(--type-headline-lg-letterSpacing)",
710
+ "fontWeight": "var(--type-headline-lg-weight)"
711
+ }
712
+ ],
713
+ "headline-md": [
714
+ "var(--type-headline-md-size)",
715
+ {
716
+ "lineHeight": "var(--type-headline-md-lineHeight)",
717
+ "letterSpacing": "var(--type-headline-md-letterSpacing)",
718
+ "fontWeight": "var(--type-headline-md-weight)"
719
+ }
720
+ ],
721
+ "headline-sm": [
722
+ "var(--type-headline-sm-size)",
723
+ {
724
+ "lineHeight": "var(--type-headline-sm-lineHeight)",
725
+ "letterSpacing": "var(--type-headline-sm-letterSpacing)",
726
+ "fontWeight": "var(--type-headline-sm-weight)"
727
+ }
728
+ ],
729
+ "title-lg": [
730
+ "var(--type-title-lg-size)",
731
+ {
732
+ "lineHeight": "var(--type-title-lg-lineHeight)",
733
+ "letterSpacing": "var(--type-title-lg-letterSpacing)",
734
+ "fontWeight": "var(--type-title-lg-weight)"
735
+ }
736
+ ],
737
+ "title-md": [
738
+ "var(--type-title-md-size)",
739
+ {
740
+ "lineHeight": "var(--type-title-md-lineHeight)",
741
+ "letterSpacing": "var(--type-title-md-letterSpacing)",
742
+ "fontWeight": "var(--type-title-md-weight)"
743
+ }
744
+ ],
745
+ "title-sm": [
746
+ "var(--type-title-sm-size)",
747
+ {
748
+ "lineHeight": "var(--type-title-sm-lineHeight)",
749
+ "letterSpacing": "var(--type-title-sm-letterSpacing)",
750
+ "fontWeight": "var(--type-title-sm-weight)"
751
+ }
752
+ ],
753
+ "body-lg": [
754
+ "var(--type-body-lg-size)",
755
+ {
756
+ "lineHeight": "var(--type-body-lg-lineHeight)",
757
+ "letterSpacing": "var(--type-body-lg-letterSpacing)",
758
+ "fontWeight": "var(--type-body-lg-weight)"
759
+ }
760
+ ],
761
+ "body-md": [
762
+ "var(--type-body-md-size)",
763
+ {
764
+ "lineHeight": "var(--type-body-md-lineHeight)",
765
+ "letterSpacing": "var(--type-body-md-letterSpacing)",
766
+ "fontWeight": "var(--type-body-md-weight)"
767
+ }
768
+ ],
769
+ "body-sm": [
770
+ "var(--type-body-sm-size)",
771
+ {
772
+ "lineHeight": "var(--type-body-sm-lineHeight)",
773
+ "letterSpacing": "var(--type-body-sm-letterSpacing)",
774
+ "fontWeight": "var(--type-body-sm-weight)"
775
+ }
776
+ ],
777
+ "label-lg": [
778
+ "var(--type-label-lg-size)",
779
+ {
780
+ "lineHeight": "var(--type-label-lg-lineHeight)",
781
+ "letterSpacing": "var(--type-label-lg-letterSpacing)",
782
+ "fontWeight": "var(--type-label-lg-weight)"
783
+ }
784
+ ],
785
+ "label-md": [
786
+ "var(--type-label-md-size)",
787
+ {
788
+ "lineHeight": "var(--type-label-md-lineHeight)",
789
+ "letterSpacing": "var(--type-label-md-letterSpacing)",
790
+ "fontWeight": "var(--type-label-md-weight)"
791
+ }
792
+ ],
793
+ "label-sm": [
794
+ "var(--type-label-sm-size)",
795
+ {
796
+ "lineHeight": "var(--type-label-sm-lineHeight)",
797
+ "letterSpacing": "var(--type-label-sm-letterSpacing)",
798
+ "fontWeight": "var(--type-label-sm-weight)"
799
+ }
800
+ ]
801
+ },
802
+ "transitionTimingFunction": {
803
+ "spatial-fast": "var(--motion-spring-spatial-fast-easing)",
804
+ "spatial-default": "var(--motion-spring-spatial-default-easing)",
805
+ "spatial-slow": "var(--motion-spring-spatial-slow-easing)",
806
+ "effects-fast": "var(--motion-spring-effects-fast-easing)",
807
+ "effects-default": "var(--motion-spring-effects-default-easing)",
808
+ "effects-slow": "var(--motion-spring-effects-slow-easing)",
809
+ "expressive-fast": "var(--motion-spring-expressive-fast-easing)",
810
+ "expressive-default": "var(--motion-spring-expressive-default-easing)",
811
+ "expressive-slow": "var(--motion-spring-expressive-slow-easing)"
812
+ },
813
+ "transitionDuration": {
814
+ "spatial-fast": "var(--motion-spring-spatial-fast-duration)",
815
+ "spatial-default": "var(--motion-spring-spatial-default-duration)",
816
+ "spatial-slow": "var(--motion-spring-spatial-slow-duration)",
817
+ "effects-fast": "var(--motion-spring-effects-fast-duration)",
818
+ "effects-default": "var(--motion-spring-effects-default-duration)",
819
+ "effects-slow": "var(--motion-spring-effects-slow-duration)",
820
+ "expressive-fast": "var(--motion-spring-expressive-fast-duration)",
821
+ "expressive-default": "var(--motion-spring-expressive-default-duration)",
822
+ "expressive-slow": "var(--motion-spring-expressive-slow-duration)"
823
+ },
824
+ "keyframes": {
825
+ "accordion-down": {
826
+ "from": {
827
+ "height": "0"
828
+ },
829
+ "to": {
830
+ "height": "var(--radix-accordion-content-height, var(--radix-collapsible-content-height))"
831
+ }
832
+ },
833
+ "accordion-up": {
834
+ "from": {
835
+ "height": "var(--radix-accordion-content-height, var(--radix-collapsible-content-height))"
836
+ },
837
+ "to": {
838
+ "height": "0"
839
+ }
840
+ }
841
+ },
842
+ "animation": {
843
+ "accordion-down": "accordion-down var(--motion-spring-spatial-default-duration) var(--motion-spring-spatial-default-easing)",
844
+ "accordion-up": "accordion-up var(--motion-spring-spatial-fast-duration) var(--motion-spring-spatial-fast-easing)"
293
845
  }
294
846
  }
295
847
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nexub/tokens",
3
- "version": "1.2.0",
3
+ "version": "1.4.0",
4
4
  "description": "Design tokens for Nexub Design System — colours, typography, spacing, radii, shadows, and motion as CSS variables and Tailwind preset.",
5
5
  "type": "module",
6
6
  "license": "MIT",
@@ -32,6 +32,7 @@
32
32
  "default": "./dist/js/index.js"
33
33
  },
34
34
  "./css": "./dist/css/variables.css",
35
+ "./css/roles": "./dist/css/roles.css",
35
36
  "./tailwind": {
36
37
  "types": "./dist/tailwind/preset.d.ts",
37
38
  "default": "./dist/tailwind/preset.js"
@@ -40,6 +41,7 @@
40
41
  "./package.json": "./package.json"
41
42
  },
42
43
  "devDependencies": {
44
+ "@material/material-color-utilities": "0.3.0",
43
45
  "style-dictionary": "^4.3.0",
44
46
  "typescript": "^5.6.3"
45
47
  },
@@ -59,6 +61,7 @@
59
61
  "dev": "node scripts/build.mjs --watch",
60
62
  "clean": "rm -rf dist",
61
63
  "typecheck": "tsc --noEmit",
62
- "lint": "eslint src"
64
+ "lint": "eslint src",
65
+ "test": "node --test scripts/*.test.mjs"
63
66
  }
64
67
  }