@nexub/tokens 1.5.1 → 1.6.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 +288 -3
  2. package/dist/css/variables.css +102 -5
  3. package/dist/js/generated/tokens.d.ts +97 -0
  4. package/dist/js/generated/tokens.js +97 -0
  5. package/dist/json/tokens.json +97 -0
  6. package/dist/tailwind/preset.js +128 -1
  7. package/package.json +3 -3
package/dist/tailwind/preset.js CHANGED
@@ -28,6 +28,22 @@ const preset = {
28
28
  "on-info": "var(--color-on-info)",
29
29
  "info-container": "var(--color-info-container)",
30
30
  "on-info-container": "var(--color-on-info-container)",
31
+ "leap": "var(--color-leap)",
32
+ "on-leap": "var(--color-on-leap)",
33
+ "leap-container": "var(--color-leap-container)",
34
+ "on-leap-container": "var(--color-on-leap-container)",
35
+ "bookub": "var(--color-bookub)",
36
+ "on-bookub": "var(--color-on-bookub)",
37
+ "bookub-container": "var(--color-bookub-container)",
38
+ "on-bookub-container": "var(--color-on-bookub-container)",
39
+ "payub": "var(--color-payub)",
40
+ "on-payub": "var(--color-on-payub)",
41
+ "payub-container": "var(--color-payub-container)",
42
+ "on-payub-container": "var(--color-on-payub-container)",
43
+ "founderub": "var(--color-founderub)",
44
+ "on-founderub": "var(--color-on-founderub)",
45
+ "founderub-container": "var(--color-founderub-container)",
46
+ "on-founderub-container": "var(--color-on-founderub-container)",
31
47
  "surface": {
32
48
  "warm": "var(--color-surface-warm)",
33
49
  "muted": "var(--color-surface-muted)",
@@ -51,6 +67,7 @@ const preset = {
51
67
  "inverse-surface": "var(--color-inverse-surface)",
52
68
  "inverse-on-surface": "var(--color-inverse-on-surface)",
53
69
  "inverse-primary": "var(--color-inverse-primary)",
70
+ "scrim": "var(--color-scrim)",
54
71
  "tertiary": "var(--color-tertiary)",
55
72
  "on-tertiary": "var(--color-on-tertiary)",
56
73
  "tertiary-container": "var(--color-tertiary-container)",
@@ -59,20 +76,28 @@ const preset = {
59
76
  "primary": {
60
77
  "0": "var(--color-palette-primary-0)",
61
78
  "4": "var(--color-palette-primary-4)",
79
+ "5": "var(--color-palette-primary-5)",
62
80
  "6": "var(--color-palette-primary-6)",
63
81
  "10": "var(--color-palette-primary-10)",
64
82
  "12": "var(--color-palette-primary-12)",
83
+ "15": "var(--color-palette-primary-15)",
65
84
  "17": "var(--color-palette-primary-17)",
66
85
  "20": "var(--color-palette-primary-20)",
67
86
  "22": "var(--color-palette-primary-22)",
68
87
  "24": "var(--color-palette-primary-24)",
88
+ "25": "var(--color-palette-primary-25)",
69
89
  "30": "var(--color-palette-primary-30)",
90
+ "35": "var(--color-palette-primary-35)",
70
91
  "40": "var(--color-palette-primary-40)",
92
+ "45": "var(--color-palette-primary-45)",
71
93
  "50": "var(--color-palette-primary-50)",
72
94
  "60": "var(--color-palette-primary-60)",
95
+ "65": "var(--color-palette-primary-65)",
73
96
  "70": "var(--color-palette-primary-70)",
74
97
  "72": "var(--color-palette-primary-72)",
98
+ "76": "var(--color-palette-primary-76)",
75
99
  "80": "var(--color-palette-primary-80)",
100
+ "85": "var(--color-palette-primary-85)",
76
101
  "87": "var(--color-palette-primary-87)",
77
102
  "90": "var(--color-palette-primary-90)",
78
103
  "92": "var(--color-palette-primary-92)",
@@ -86,20 +111,28 @@ const preset = {
86
111
  "error": {
87
112
  "0": "var(--color-palette-error-0)",
88
113
  "4": "var(--color-palette-error-4)",
114
+ "5": "var(--color-palette-error-5)",
89
115
  "6": "var(--color-palette-error-6)",
90
116
  "10": "var(--color-palette-error-10)",
91
117
  "12": "var(--color-palette-error-12)",
118
+ "15": "var(--color-palette-error-15)",
92
119
  "17": "var(--color-palette-error-17)",
93
120
  "20": "var(--color-palette-error-20)",
94
121
  "22": "var(--color-palette-error-22)",
95
122
  "24": "var(--color-palette-error-24)",
123
+ "25": "var(--color-palette-error-25)",
96
124
  "30": "var(--color-palette-error-30)",
125
+ "35": "var(--color-palette-error-35)",
97
126
  "40": "var(--color-palette-error-40)",
127
+ "45": "var(--color-palette-error-45)",
98
128
  "50": "var(--color-palette-error-50)",
99
129
  "60": "var(--color-palette-error-60)",
130
+ "65": "var(--color-palette-error-65)",
100
131
  "70": "var(--color-palette-error-70)",
101
132
  "72": "var(--color-palette-error-72)",
133
+ "76": "var(--color-palette-error-76)",
102
134
  "80": "var(--color-palette-error-80)",
135
+ "85": "var(--color-palette-error-85)",
103
136
  "87": "var(--color-palette-error-87)",
104
137
  "90": "var(--color-palette-error-90)",
105
138
  "92": "var(--color-palette-error-92)",
@@ -113,20 +146,28 @@ const preset = {
113
146
  "success": {
114
147
  "0": "var(--color-palette-success-0)",
115
148
  "4": "var(--color-palette-success-4)",
149
+ "5": "var(--color-palette-success-5)",
116
150
  "6": "var(--color-palette-success-6)",
117
151
  "10": "var(--color-palette-success-10)",
118
152
  "12": "var(--color-palette-success-12)",
153
+ "15": "var(--color-palette-success-15)",
119
154
  "17": "var(--color-palette-success-17)",
120
155
  "20": "var(--color-palette-success-20)",
121
156
  "22": "var(--color-palette-success-22)",
122
157
  "24": "var(--color-palette-success-24)",
158
+ "25": "var(--color-palette-success-25)",
123
159
  "30": "var(--color-palette-success-30)",
160
+ "35": "var(--color-palette-success-35)",
124
161
  "40": "var(--color-palette-success-40)",
162
+ "45": "var(--color-palette-success-45)",
125
163
  "50": "var(--color-palette-success-50)",
126
164
  "60": "var(--color-palette-success-60)",
165
+ "65": "var(--color-palette-success-65)",
127
166
  "70": "var(--color-palette-success-70)",
128
167
  "72": "var(--color-palette-success-72)",
168
+ "76": "var(--color-palette-success-76)",
129
169
  "80": "var(--color-palette-success-80)",
170
+ "85": "var(--color-palette-success-85)",
130
171
  "87": "var(--color-palette-success-87)",
131
172
  "90": "var(--color-palette-success-90)",
132
173
  "92": "var(--color-palette-success-92)",
@@ -140,20 +181,28 @@ const preset = {
140
181
  "warning": {
141
182
  "0": "var(--color-palette-warning-0)",
142
183
  "4": "var(--color-palette-warning-4)",
184
+ "5": "var(--color-palette-warning-5)",
143
185
  "6": "var(--color-palette-warning-6)",
144
186
  "10": "var(--color-palette-warning-10)",
145
187
  "12": "var(--color-palette-warning-12)",
188
+ "15": "var(--color-palette-warning-15)",
146
189
  "17": "var(--color-palette-warning-17)",
147
190
  "20": "var(--color-palette-warning-20)",
148
191
  "22": "var(--color-palette-warning-22)",
149
192
  "24": "var(--color-palette-warning-24)",
193
+ "25": "var(--color-palette-warning-25)",
150
194
  "30": "var(--color-palette-warning-30)",
195
+ "35": "var(--color-palette-warning-35)",
151
196
  "40": "var(--color-palette-warning-40)",
197
+ "45": "var(--color-palette-warning-45)",
152
198
  "50": "var(--color-palette-warning-50)",
153
199
  "60": "var(--color-palette-warning-60)",
200
+ "65": "var(--color-palette-warning-65)",
154
201
  "70": "var(--color-palette-warning-70)",
155
202
  "72": "var(--color-palette-warning-72)",
203
+ "76": "var(--color-palette-warning-76)",
156
204
  "80": "var(--color-palette-warning-80)",
205
+ "85": "var(--color-palette-warning-85)",
157
206
  "87": "var(--color-palette-warning-87)",
158
207
  "90": "var(--color-palette-warning-90)",
159
208
  "92": "var(--color-palette-warning-92)",
@@ -167,20 +216,28 @@ const preset = {
167
216
  "info": {
168
217
  "0": "var(--color-palette-info-0)",
169
218
  "4": "var(--color-palette-info-4)",
219
+ "5": "var(--color-palette-info-5)",
170
220
  "6": "var(--color-palette-info-6)",
171
221
  "10": "var(--color-palette-info-10)",
172
222
  "12": "var(--color-palette-info-12)",
223
+ "15": "var(--color-palette-info-15)",
173
224
  "17": "var(--color-palette-info-17)",
174
225
  "20": "var(--color-palette-info-20)",
175
226
  "22": "var(--color-palette-info-22)",
176
227
  "24": "var(--color-palette-info-24)",
228
+ "25": "var(--color-palette-info-25)",
177
229
  "30": "var(--color-palette-info-30)",
230
+ "35": "var(--color-palette-info-35)",
178
231
  "40": "var(--color-palette-info-40)",
232
+ "45": "var(--color-palette-info-45)",
179
233
  "50": "var(--color-palette-info-50)",
180
234
  "60": "var(--color-palette-info-60)",
235
+ "65": "var(--color-palette-info-65)",
181
236
  "70": "var(--color-palette-info-70)",
182
237
  "72": "var(--color-palette-info-72)",
238
+ "76": "var(--color-palette-info-76)",
183
239
  "80": "var(--color-palette-info-80)",
240
+ "85": "var(--color-palette-info-85)",
184
241
  "87": "var(--color-palette-info-87)",
185
242
  "90": "var(--color-palette-info-90)",
186
243
  "92": "var(--color-palette-info-92)",
@@ -194,20 +251,28 @@ const preset = {
194
251
  "leap": {
195
252
  "0": "var(--color-palette-leap-0)",
196
253
  "4": "var(--color-palette-leap-4)",
254
+ "5": "var(--color-palette-leap-5)",
197
255
  "6": "var(--color-palette-leap-6)",
198
256
  "10": "var(--color-palette-leap-10)",
199
257
  "12": "var(--color-palette-leap-12)",
258
+ "15": "var(--color-palette-leap-15)",
200
259
  "17": "var(--color-palette-leap-17)",
201
260
  "20": "var(--color-palette-leap-20)",
202
261
  "22": "var(--color-palette-leap-22)",
203
262
  "24": "var(--color-palette-leap-24)",
263
+ "25": "var(--color-palette-leap-25)",
204
264
  "30": "var(--color-palette-leap-30)",
265
+ "35": "var(--color-palette-leap-35)",
205
266
  "40": "var(--color-palette-leap-40)",
267
+ "45": "var(--color-palette-leap-45)",
206
268
  "50": "var(--color-palette-leap-50)",
207
269
  "60": "var(--color-palette-leap-60)",
270
+ "65": "var(--color-palette-leap-65)",
208
271
  "70": "var(--color-palette-leap-70)",
209
272
  "72": "var(--color-palette-leap-72)",
273
+ "76": "var(--color-palette-leap-76)",
210
274
  "80": "var(--color-palette-leap-80)",
275
+ "85": "var(--color-palette-leap-85)",
211
276
  "87": "var(--color-palette-leap-87)",
212
277
  "90": "var(--color-palette-leap-90)",
213
278
  "92": "var(--color-palette-leap-92)",
@@ -221,20 +286,28 @@ const preset = {
221
286
  "bookub": {
222
287
  "0": "var(--color-palette-bookub-0)",
223
288
  "4": "var(--color-palette-bookub-4)",
289
+ "5": "var(--color-palette-bookub-5)",
224
290
  "6": "var(--color-palette-bookub-6)",
225
291
  "10": "var(--color-palette-bookub-10)",
226
292
  "12": "var(--color-palette-bookub-12)",
293
+ "15": "var(--color-palette-bookub-15)",
227
294
  "17": "var(--color-palette-bookub-17)",
228
295
  "20": "var(--color-palette-bookub-20)",
229
296
  "22": "var(--color-palette-bookub-22)",
230
297
  "24": "var(--color-palette-bookub-24)",
298
+ "25": "var(--color-palette-bookub-25)",
231
299
  "30": "var(--color-palette-bookub-30)",
300
+ "35": "var(--color-palette-bookub-35)",
232
301
  "40": "var(--color-palette-bookub-40)",
302
+ "45": "var(--color-palette-bookub-45)",
233
303
  "50": "var(--color-palette-bookub-50)",
234
304
  "60": "var(--color-palette-bookub-60)",
305
+ "65": "var(--color-palette-bookub-65)",
235
306
  "70": "var(--color-palette-bookub-70)",
236
307
  "72": "var(--color-palette-bookub-72)",
308
+ "76": "var(--color-palette-bookub-76)",
237
309
  "80": "var(--color-palette-bookub-80)",
310
+ "85": "var(--color-palette-bookub-85)",
238
311
  "87": "var(--color-palette-bookub-87)",
239
312
  "90": "var(--color-palette-bookub-90)",
240
313
  "92": "var(--color-palette-bookub-92)",
@@ -248,20 +321,28 @@ const preset = {
248
321
  "payub": {
249
322
  "0": "var(--color-palette-payub-0)",
250
323
  "4": "var(--color-palette-payub-4)",
324
+ "5": "var(--color-palette-payub-5)",
251
325
  "6": "var(--color-palette-payub-6)",
252
326
  "10": "var(--color-palette-payub-10)",
253
327
  "12": "var(--color-palette-payub-12)",
328
+ "15": "var(--color-palette-payub-15)",
254
329
  "17": "var(--color-palette-payub-17)",
255
330
  "20": "var(--color-palette-payub-20)",
256
331
  "22": "var(--color-palette-payub-22)",
257
332
  "24": "var(--color-palette-payub-24)",
333
+ "25": "var(--color-palette-payub-25)",
258
334
  "30": "var(--color-palette-payub-30)",
335
+ "35": "var(--color-palette-payub-35)",
259
336
  "40": "var(--color-palette-payub-40)",
337
+ "45": "var(--color-palette-payub-45)",
260
338
  "50": "var(--color-palette-payub-50)",
261
339
  "60": "var(--color-palette-payub-60)",
340
+ "65": "var(--color-palette-payub-65)",
262
341
  "70": "var(--color-palette-payub-70)",
263
342
  "72": "var(--color-palette-payub-72)",
343
+ "76": "var(--color-palette-payub-76)",
264
344
  "80": "var(--color-palette-payub-80)",
345
+ "85": "var(--color-palette-payub-85)",
265
346
  "87": "var(--color-palette-payub-87)",
266
347
  "90": "var(--color-palette-payub-90)",
267
348
  "92": "var(--color-palette-payub-92)",
@@ -275,20 +356,28 @@ const preset = {
275
356
  "founderub": {
276
357
  "0": "var(--color-palette-founderub-0)",
277
358
  "4": "var(--color-palette-founderub-4)",
359
+ "5": "var(--color-palette-founderub-5)",
278
360
  "6": "var(--color-palette-founderub-6)",
279
361
  "10": "var(--color-palette-founderub-10)",
280
362
  "12": "var(--color-palette-founderub-12)",
363
+ "15": "var(--color-palette-founderub-15)",
281
364
  "17": "var(--color-palette-founderub-17)",
282
365
  "20": "var(--color-palette-founderub-20)",
283
366
  "22": "var(--color-palette-founderub-22)",
284
367
  "24": "var(--color-palette-founderub-24)",
368
+ "25": "var(--color-palette-founderub-25)",
285
369
  "30": "var(--color-palette-founderub-30)",
370
+ "35": "var(--color-palette-founderub-35)",
286
371
  "40": "var(--color-palette-founderub-40)",
372
+ "45": "var(--color-palette-founderub-45)",
287
373
  "50": "var(--color-palette-founderub-50)",
288
374
  "60": "var(--color-palette-founderub-60)",
375
+ "65": "var(--color-palette-founderub-65)",
289
376
  "70": "var(--color-palette-founderub-70)",
290
377
  "72": "var(--color-palette-founderub-72)",
378
+ "76": "var(--color-palette-founderub-76)",
291
379
  "80": "var(--color-palette-founderub-80)",
380
+ "85": "var(--color-palette-founderub-85)",
292
381
  "87": "var(--color-palette-founderub-87)",
293
382
  "90": "var(--color-palette-founderub-90)",
294
383
  "92": "var(--color-palette-founderub-92)",
@@ -302,20 +391,28 @@ const preset = {
302
391
  "secondary": {
303
392
  "0": "var(--color-palette-secondary-0)",
304
393
  "4": "var(--color-palette-secondary-4)",
394
+ "5": "var(--color-palette-secondary-5)",
305
395
  "6": "var(--color-palette-secondary-6)",
306
396
  "10": "var(--color-palette-secondary-10)",
307
397
  "12": "var(--color-palette-secondary-12)",
398
+ "15": "var(--color-palette-secondary-15)",
308
399
  "17": "var(--color-palette-secondary-17)",
309
400
  "20": "var(--color-palette-secondary-20)",
310
401
  "22": "var(--color-palette-secondary-22)",
311
402
  "24": "var(--color-palette-secondary-24)",
403
+ "25": "var(--color-palette-secondary-25)",
312
404
  "30": "var(--color-palette-secondary-30)",
405
+ "35": "var(--color-palette-secondary-35)",
313
406
  "40": "var(--color-palette-secondary-40)",
407
+ "45": "var(--color-palette-secondary-45)",
314
408
  "50": "var(--color-palette-secondary-50)",
315
409
  "60": "var(--color-palette-secondary-60)",
410
+ "65": "var(--color-palette-secondary-65)",
316
411
  "70": "var(--color-palette-secondary-70)",
317
412
  "72": "var(--color-palette-secondary-72)",
413
+ "76": "var(--color-palette-secondary-76)",
318
414
  "80": "var(--color-palette-secondary-80)",
415
+ "85": "var(--color-palette-secondary-85)",
319
416
  "87": "var(--color-palette-secondary-87)",
320
417
  "90": "var(--color-palette-secondary-90)",
321
418
  "92": "var(--color-palette-secondary-92)",
@@ -329,20 +426,28 @@ const preset = {
329
426
  "neutral": {
330
427
  "0": "var(--color-palette-neutral-0)",
331
428
  "4": "var(--color-palette-neutral-4)",
429
+ "5": "var(--color-palette-neutral-5)",
332
430
  "6": "var(--color-palette-neutral-6)",
333
431
  "10": "var(--color-palette-neutral-10)",
334
432
  "12": "var(--color-palette-neutral-12)",
433
+ "15": "var(--color-palette-neutral-15)",
335
434
  "17": "var(--color-palette-neutral-17)",
336
435
  "20": "var(--color-palette-neutral-20)",
337
436
  "22": "var(--color-palette-neutral-22)",
338
437
  "24": "var(--color-palette-neutral-24)",
438
+ "25": "var(--color-palette-neutral-25)",
339
439
  "30": "var(--color-palette-neutral-30)",
440
+ "35": "var(--color-palette-neutral-35)",
340
441
  "40": "var(--color-palette-neutral-40)",
442
+ "45": "var(--color-palette-neutral-45)",
341
443
  "50": "var(--color-palette-neutral-50)",
342
444
  "60": "var(--color-palette-neutral-60)",
445
+ "65": "var(--color-palette-neutral-65)",
343
446
  "70": "var(--color-palette-neutral-70)",
344
447
  "72": "var(--color-palette-neutral-72)",
448
+ "76": "var(--color-palette-neutral-76)",
345
449
  "80": "var(--color-palette-neutral-80)",
450
+ "85": "var(--color-palette-neutral-85)",
346
451
  "87": "var(--color-palette-neutral-87)",
347
452
  "90": "var(--color-palette-neutral-90)",
348
453
  "92": "var(--color-palette-neutral-92)",
@@ -356,20 +461,28 @@ const preset = {
356
461
  "neutral-variant": {
357
462
  "0": "var(--color-palette-neutral-variant-0)",
358
463
  "4": "var(--color-palette-neutral-variant-4)",
464
+ "5": "var(--color-palette-neutral-variant-5)",
359
465
  "6": "var(--color-palette-neutral-variant-6)",
360
466
  "10": "var(--color-palette-neutral-variant-10)",
361
467
  "12": "var(--color-palette-neutral-variant-12)",
468
+ "15": "var(--color-palette-neutral-variant-15)",
362
469
  "17": "var(--color-palette-neutral-variant-17)",
363
470
  "20": "var(--color-palette-neutral-variant-20)",
364
471
  "22": "var(--color-palette-neutral-variant-22)",
365
472
  "24": "var(--color-palette-neutral-variant-24)",
473
+ "25": "var(--color-palette-neutral-variant-25)",
366
474
  "30": "var(--color-palette-neutral-variant-30)",
475
+ "35": "var(--color-palette-neutral-variant-35)",
367
476
  "40": "var(--color-palette-neutral-variant-40)",
477
+ "45": "var(--color-palette-neutral-variant-45)",
368
478
  "50": "var(--color-palette-neutral-variant-50)",
369
479
  "60": "var(--color-palette-neutral-variant-60)",
480
+ "65": "var(--color-palette-neutral-variant-65)",
370
481
  "70": "var(--color-palette-neutral-variant-70)",
371
482
  "72": "var(--color-palette-neutral-variant-72)",
483
+ "76": "var(--color-palette-neutral-variant-76)",
372
484
  "80": "var(--color-palette-neutral-variant-80)",
485
+ "85": "var(--color-palette-neutral-variant-85)",
373
486
  "87": "var(--color-palette-neutral-variant-87)",
374
487
  "90": "var(--color-palette-neutral-variant-90)",
375
488
  "92": "var(--color-palette-neutral-variant-92)",
@@ -574,7 +687,21 @@ const preset = {
574
687
  "5": "var(--color-chart-5)",
575
688
  "6": "var(--color-chart-6)",
576
689
  "7": "var(--color-chart-7)",
577
- "8": "var(--color-chart-8)"
690
+ "8": "var(--color-chart-8)",
691
+ "seq-1": "var(--color-chart-seq-1)",
692
+ "seq-2": "var(--color-chart-seq-2)",
693
+ "seq-3": "var(--color-chart-seq-3)",
694
+ "seq-4": "var(--color-chart-seq-4)",
695
+ "seq-5": "var(--color-chart-seq-5)",
696
+ "seq-6": "var(--color-chart-seq-6)",
697
+ "seq-7": "var(--color-chart-seq-7)",
698
+ "div-1": "var(--color-chart-div-1)",
699
+ "div-2": "var(--color-chart-div-2)",
700
+ "div-3": "var(--color-chart-div-3)",
701
+ "div-4": "var(--color-chart-div-4)",
702
+ "div-5": "var(--color-chart-div-5)",
703
+ "div-6": "var(--color-chart-div-6)",
704
+ "div-7": "var(--color-chart-div-7)"
578
705
  }
579
706
  },
580
707
  "spacing": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nexub/tokens",
3
- "version": "1.5.1",
3
+ "version": "1.6.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",
@@ -42,8 +42,8 @@
42
42
  },
43
43
  "devDependencies": {
44
44
  "@material/material-color-utilities": "0.3.0",
45
- "style-dictionary": "^4.3.0",
46
- "typescript": "^5.6.3"
45
+ "style-dictionary": "^5.7.0",
46
+ "typescript": "^5.9.3"
47
47
  },
48
48
  "dependencies": {
49
49
  "tailwindcss-animate": "^1.0.7"