@nexub/tokens 1.5.1 → 1.7.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/css/variables.css CHANGED
@@ -5,20 +5,28 @@
5
5
  :root {
6
6
  --color-palette-primary-0: #000000;
7
7
  --color-palette-primary-4: #000d29;
8
+ --color-palette-primary-5: #000f2f;
8
9
  --color-palette-primary-6: #001233;
9
10
  --color-palette-primary-10: #001944;
10
11
  --color-palette-primary-12: #001d4c;
12
+ --color-palette-primary-15: #002358;
11
13
  --color-palette-primary-17: #002760;
12
14
  --color-palette-primary-20: #002d6d;
13
15
  --color-palette-primary-22: #003175;
14
16
  --color-palette-primary-24: #00367e;
17
+ --color-palette-primary-25: #003882;
15
18
  --color-palette-primary-30: #004299;
19
+ --color-palette-primary-35: #004db0;
16
20
  --color-palette-primary-40: #0059c7;
21
+ --color-palette-primary-45: #2066d5;
17
22
  --color-palette-primary-50: #3373e2;
18
23
  --color-palette-primary-60: #538dfe;
24
+ --color-palette-primary-65: #6c9cff;
19
25
  --color-palette-primary-70: #84aaff;
20
26
  --color-palette-primary-72: #8dafff;
27
+ --color-palette-primary-76: #9ebbff;
21
28
  --color-palette-primary-80: #afc6ff;
29
+ --color-palette-primary-85: #c4d4ff;
22
30
  --color-palette-primary-87: #ccdaff;
23
31
  --color-palette-primary-90: #d9e2ff;
24
32
  --color-palette-primary-92: #e1e8ff;
@@ -30,20 +38,28 @@
30
38
  --color-palette-primary-100: #ffffff;
31
39
  --color-palette-error-0: #000000;
32
40
  --color-palette-error-4: #280001;
41
+ --color-palette-error-5: #2d0001;
33
42
  --color-palette-error-6: #310001;
34
43
  --color-palette-error-10: #410002;
35
44
  --color-palette-error-12: #490002;
45
+ --color-palette-error-15: #540003;
36
46
  --color-palette-error-17: #5c0004;
37
47
  --color-palette-error-20: #690005;
38
48
  --color-palette-error-22: #710006;
39
49
  --color-palette-error-24: #790007;
50
+ --color-palette-error-25: #7e0007;
40
51
  --color-palette-error-30: #93000b;
52
+ --color-palette-error-35: #a70a11;
41
53
  --color-palette-error-40: #b91c1c;
54
+ --color-palette-error-45: #cb2b27;
42
55
  --color-palette-error-50: #dd3831;
43
56
  --color-palette-error-60: #ff5449;
57
+ --color-palette-error-65: #ff7164;
44
58
  --color-palette-error-70: #ff897d;
45
59
  --color-palette-error-72: #ff9287;
60
+ --color-palette-error-76: #ffa399;
46
61
  --color-palette-error-80: #ffb4ab;
62
+ --color-palette-error-85: #ffc7c0;
47
63
  --color-palette-error-87: #ffcfc9;
48
64
  --color-palette-error-90: #ffdad6;
49
65
  --color-palette-error-92: #ffe2de;
@@ -55,20 +71,28 @@
55
71
  --color-palette-error-100: #ffffff;
56
72
  --color-palette-success-0: #000000;
57
73
  --color-palette-success-4: #00120a;
74
+ --color-palette-success-5: #00150c;
58
75
  --color-palette-success-6: #00170e;
59
76
  --color-palette-success-10: #002115;
60
77
  --color-palette-success-12: #002519;
78
+ --color-palette-success-15: #002c1e;
61
79
  --color-palette-success-17: #003121;
62
80
  --color-palette-success-20: #003827;
63
81
  --color-palette-success-22: #003d2a;
64
82
  --color-palette-success-24: #00422e;
83
+ --color-palette-success-25: #004530;
65
84
  --color-palette-success-30: #00513a;
85
+ --color-palette-success-35: #005e44;
66
86
  --color-palette-success-40: #006c4e;
87
+ --color-palette-success-45: #087958;
67
88
  --color-palette-success-50: #228664;
68
89
  --color-palette-success-60: #42a17d;
90
+ --color-palette-success-65: #51af8a;
69
91
  --color-palette-success-70: #5fbc97;
70
92
  --color-palette-success-72: #65c29c;
93
+ --color-palette-success-76: #70cda6;
71
94
  --color-palette-success-80: #7bd8b1;
95
+ --color-palette-success-85: #89e7be;
72
96
  --color-palette-success-87: #8fecc4;
73
97
  --color-palette-success-90: #97f5cc;
74
98
  --color-palette-success-92: #9dfbd2;
@@ -80,20 +104,28 @@
80
104
  --color-palette-success-100: #ffffff;
81
105
  --color-palette-warning-0: #000000;
82
106
  --color-palette-warning-4: #180b00;
107
+ --color-palette-warning-5: #1c0e00;
83
108
  --color-palette-warning-6: #1f1000;
84
109
  --color-palette-warning-10: #2a1700;
85
110
  --color-palette-warning-12: #301b00;
111
+ --color-palette-warning-15: #382100;
86
112
  --color-palette-warning-17: #3e2400;
87
113
  --color-palette-warning-20: #472a00;
88
114
  --color-palette-warning-22: #4d2e00;
89
115
  --color-palette-warning-24: #533200;
116
+ --color-palette-warning-25: #563400;
90
117
  --color-palette-warning-30: #653e00;
118
+ --color-palette-warning-35: #754900;
91
119
  --color-palette-warning-40: #855300;
120
+ --color-palette-warning-45: #965e00;
92
121
  --color-palette-warning-50: #a76a00;
93
122
  --color-palette-warning-60: #ca8100;
123
+ --color-palette-warning-65: #dc8c00;
94
124
  --color-palette-warning-70: #ee9800;
95
125
  --color-palette-warning-72: #f59e0a;
126
+ --color-palette-warning-76: #ffa92a;
96
127
  --color-palette-warning-80: #ffb95f;
128
+ --color-palette-warning-85: #ffcb8e;
97
129
  --color-palette-warning-87: #ffd29f;
98
130
  --color-palette-warning-90: #ffddb8;
99
131
  --color-palette-warning-92: #ffe4c7;
@@ -105,20 +137,28 @@
105
137
  --color-palette-warning-100: #ffffff;
106
138
  --color-palette-info-0: #000000;
107
139
  --color-palette-info-4: #000d29;
140
+ --color-palette-info-5: #000f2f;
108
141
  --color-palette-info-6: #001233;
109
142
  --color-palette-info-10: #001944;
110
143
  --color-palette-info-12: #001d4c;
144
+ --color-palette-info-15: #002358;
111
145
  --color-palette-info-17: #002760;
112
146
  --color-palette-info-20: #002d6d;
113
147
  --color-palette-info-22: #003175;
114
148
  --color-palette-info-24: #00367e;
149
+ --color-palette-info-25: #003882;
115
150
  --color-palette-info-30: #004299;
151
+ --color-palette-info-35: #004db0;
116
152
  --color-palette-info-40: #0059c7;
153
+ --color-palette-info-45: #2066d5;
117
154
  --color-palette-info-50: #3373e2;
118
155
  --color-palette-info-60: #538dfe;
156
+ --color-palette-info-65: #6c9cff;
119
157
  --color-palette-info-70: #84aaff;
120
158
  --color-palette-info-72: #8dafff;
159
+ --color-palette-info-76: #9ebbff;
121
160
  --color-palette-info-80: #afc6ff;
161
+ --color-palette-info-85: #c4d4ff;
122
162
  --color-palette-info-87: #ccdaff;
123
163
  --color-palette-info-90: #d9e2ff;
124
164
  --color-palette-info-92: #e1e8ff;
@@ -130,20 +170,28 @@
130
170
  --color-palette-info-100: #ffffff;
131
171
  --color-palette-leap-0: #000000;
132
172
  --color-palette-leap-4: #030045;
173
+ --color-palette-leap-5: #03004d;
133
174
  --color-palette-leap-6: #040054;
134
175
  --color-palette-leap-10: #07006c;
135
176
  --color-palette-leap-12: #080078;
177
+ --color-palette-leap-15: #0b008a;
136
178
  --color-palette-leap-17: #0d0096;
137
179
  --color-palette-leap-20: #1000a9;
138
180
  --color-palette-leap-22: #170dae;
139
181
  --color-palette-leap-24: #1d17b2;
182
+ --color-palette-leap-25: #201cb4;
140
183
  --color-palette-leap-30: #2f2ebe;
184
+ --color-palette-leap-35: #3c3dca;
141
185
  --color-palette-leap-40: #494bd6;
186
+ --color-palette-leap-45: #5658e3;
142
187
  --color-palette-leap-50: #6366f1;
143
188
  --color-palette-leap-60: #8083ff;
189
+ --color-palette-leap-65: #9093ff;
144
190
  --color-palette-leap-70: #a0a3ff;
145
191
  --color-palette-leap-72: #a6a9ff;
192
+ --color-palette-leap-76: #b3b5ff;
146
193
  --color-palette-leap-80: #c0c1ff;
194
+ --color-palette-leap-85: #d1d0ff;
147
195
  --color-palette-leap-87: #d7d6ff;
148
196
  --color-palette-leap-90: #e1e0ff;
149
197
  --color-palette-leap-92: #e8e6ff;
@@ -155,20 +203,28 @@
155
203
  --color-palette-leap-100: #ffffff;
156
204
  --color-palette-bookub-0: #000000;
157
205
  --color-palette-bookub-4: #001209;
206
+ --color-palette-bookub-5: #00150b;
158
207
  --color-palette-bookub-6: #00180d;
159
208
  --color-palette-bookub-10: #002113;
160
209
  --color-palette-bookub-12: #002517;
210
+ --color-palette-bookub-15: #002c1c;
161
211
  --color-palette-bookub-17: #00311f;
162
212
  --color-palette-bookub-20: #003824;
163
213
  --color-palette-bookub-22: #003d28;
164
214
  --color-palette-bookub-24: #00422b;
215
+ --color-palette-bookub-25: #00452d;
165
216
  --color-palette-bookub-30: #005236;
217
+ --color-palette-bookub-35: #005f40;
166
218
  --color-palette-bookub-40: #006c49;
219
+ --color-palette-bookub-45: #007a53;
167
220
  --color-palette-bookub-50: #00885d;
168
221
  --color-palette-bookub-60: #00a572;
222
+ --color-palette-bookub-65: #00b47d;
169
223
  --color-palette-bookub-70: #26c289;
170
224
  --color-palette-bookub-72: #2fc88e;
225
+ --color-palette-bookub-76: #40d398;
171
226
  --color-palette-bookub-80: #4edea3;
227
+ --color-palette-bookub-85: #5fedb0;
172
228
  --color-palette-bookub-87: #65f3b6;
173
229
  --color-palette-bookub-90: #6ffbbe;
174
230
  --color-palette-bookub-92: #86ffc6;
@@ -180,20 +236,28 @@
180
236
  --color-palette-bookub-100: #ffffff;
181
237
  --color-palette-payub-0: #000000;
182
238
  --color-palette-payub-4: #13003a;
239
+ --color-palette-payub-5: #160041;
183
240
  --color-palette-payub-6: #190047;
184
241
  --color-palette-payub-10: #23005c;
185
242
  --color-palette-payub-12: #280066;
243
+ --color-palette-payub-15: #2f0076;
186
244
  --color-palette-payub-17: #340081;
187
245
  --color-palette-payub-20: #3c0091;
188
246
  --color-palette-payub-22: #41009c;
189
247
  --color-palette-payub-24: #4600a7;
248
+ --color-palette-payub-25: #4900ad;
190
249
  --color-palette-payub-30: #5516be;
250
+ --color-palette-payub-35: #612aca;
191
251
  --color-palette-payub-40: #6d3bd7;
252
+ --color-palette-payub-45: #7a49e4;
192
253
  --color-palette-payub-50: #8758f2;
193
254
  --color-palette-payub-60: #a078ff;
255
+ --color-palette-payub-65: #ac8aff;
194
256
  --color-palette-payub-70: #b89bff;
195
257
  --color-palette-payub-72: #bda2ff;
258
+ --color-palette-payub-76: #c6afff;
196
259
  --color-palette-payub-80: #d0bcff;
260
+ --color-palette-payub-85: #ddcdff;
197
261
  --color-palette-payub-87: #e2d3ff;
198
262
  --color-palette-payub-90: #e9ddff;
199
263
  --color-palette-payub-92: #eee4ff;
@@ -205,20 +269,28 @@
205
269
  --color-palette-payub-100: #ffffff;
206
270
  --color-palette-founderub-0: #000000;
207
271
  --color-palette-founderub-4: #180b00;
272
+ --color-palette-founderub-5: #1c0e00;
208
273
  --color-palette-founderub-6: #1f1000;
209
274
  --color-palette-founderub-10: #2a1700;
210
275
  --color-palette-founderub-12: #301b00;
276
+ --color-palette-founderub-15: #382100;
211
277
  --color-palette-founderub-17: #3e2400;
212
278
  --color-palette-founderub-20: #472a00;
213
279
  --color-palette-founderub-22: #4d2e00;
214
280
  --color-palette-founderub-24: #533200;
281
+ --color-palette-founderub-25: #563400;
215
282
  --color-palette-founderub-30: #653e00;
283
+ --color-palette-founderub-35: #754900;
216
284
  --color-palette-founderub-40: #855300;
285
+ --color-palette-founderub-45: #965e00;
217
286
  --color-palette-founderub-50: #a76a00;
218
287
  --color-palette-founderub-60: #ca8100;
288
+ --color-palette-founderub-65: #dc8c00;
219
289
  --color-palette-founderub-70: #ee9800;
220
290
  --color-palette-founderub-72: #f59e0a;
291
+ --color-palette-founderub-76: #ffa92a;
221
292
  --color-palette-founderub-80: #ffb95f;
293
+ --color-palette-founderub-85: #ffcb8e;
222
294
  --color-palette-founderub-87: #ffd29f;
223
295
  --color-palette-founderub-90: #ffddb8;
224
296
  --color-palette-founderub-92: #ffe4c7;
@@ -230,20 +302,28 @@
230
302
  --color-palette-founderub-100: #ffffff;
231
303
  --color-palette-secondary-0: #000000;
232
304
  --color-palette-secondary-4: #070e1e;
305
+ --color-palette-secondary-5: #091121;
233
306
  --color-palette-secondary-6: #0c1323;
234
307
  --color-palette-secondary-10: #141b2c;
235
308
  --color-palette-secondary-12: #181f30;
309
+ --color-palette-secondary-15: #1e2636;
236
310
  --color-palette-secondary-17: #232a3b;
237
311
  --color-palette-secondary-20: #293042;
238
312
  --color-palette-secondary-22: #2e3546;
239
313
  --color-palette-secondary-24: #32394b;
314
+ --color-palette-secondary-25: #343b4d;
240
315
  --color-palette-secondary-30: #404759;
316
+ --color-palette-secondary-35: #4b5265;
241
317
  --color-palette-secondary-40: #575e71;
318
+ --color-palette-secondary-45: #636a7e;
242
319
  --color-palette-secondary-50: #70778b;
243
320
  --color-palette-secondary-60: #8990a5;
321
+ --color-palette-secondary-65: #979db3;
244
322
  --color-palette-secondary-70: #a4abc0;
245
323
  --color-palette-secondary-72: #a9b0c6;
324
+ --color-palette-secondary-76: #b4bbd1;
246
325
  --color-palette-secondary-80: #bfc6dc;
326
+ --color-palette-secondary-85: #cdd4eb;
247
327
  --color-palette-secondary-87: #d3d9f0;
248
328
  --color-palette-secondary-90: #dbe2f9;
249
329
  --color-palette-secondary-92: #e1e8ff;
@@ -255,20 +335,28 @@
255
335
  --color-palette-secondary-100: #ffffff;
256
336
  --color-palette-neutral-0: #000000;
257
337
  --color-palette-neutral-4: #0d0e11;
338
+ --color-palette-neutral-5: #0f1114;
258
339
  --color-palette-neutral-6: #121316;
259
340
  --color-palette-neutral-10: #1a1c1e;
260
341
  --color-palette-neutral-12: #1e2022;
342
+ --color-palette-neutral-15: #242629;
261
343
  --color-palette-neutral-17: #292a2d;
262
344
  --color-palette-neutral-20: #2f3033;
263
345
  --color-palette-neutral-22: #333538;
264
346
  --color-palette-neutral-24: #38393c;
347
+ --color-palette-neutral-25: #3a3b3e;
265
348
  --color-palette-neutral-30: #45474a;
349
+ --color-palette-neutral-35: #515255;
266
350
  --color-palette-neutral-40: #5d5e61;
351
+ --color-palette-neutral-45: #6a6a6e;
267
352
  --color-palette-neutral-50: #76777a;
268
353
  --color-palette-neutral-60: #909094;
354
+ --color-palette-neutral-65: #9d9da1;
269
355
  --color-palette-neutral-70: #ababae;
270
356
  --color-palette-neutral-72: #b0b0b4;
357
+ --color-palette-neutral-76: #bbbbbf;
271
358
  --color-palette-neutral-80: #c6c6ca;
359
+ --color-palette-neutral-85: #d4d4d8;
272
360
  --color-palette-neutral-87: #dad9dd;
273
361
  --color-palette-neutral-90: #e3e2e6;
274
362
  --color-palette-neutral-92: #e8e8eb;
@@ -280,20 +368,28 @@
280
368
  --color-palette-neutral-100: #ffffff;
281
369
  --color-palette-neutral-variant-0: #000000;
282
370
  --color-palette-neutral-variant-4: #0a0e14;
371
+ --color-palette-neutral-variant-5: #0d1117;
283
372
  --color-palette-neutral-variant-6: #0f141a;
284
373
  --color-palette-neutral-variant-10: #171c22;
285
374
  --color-palette-neutral-variant-12: #1c2026;
375
+ --color-palette-neutral-variant-15: #22262d;
286
376
  --color-palette-neutral-variant-17: #262a31;
287
377
  --color-palette-neutral-variant-20: #2c3137;
288
378
  --color-palette-neutral-variant-22: #31353c;
289
379
  --color-palette-neutral-variant-24: #353940;
380
+ --color-palette-neutral-variant-25: #373c43;
290
381
  --color-palette-neutral-variant-30: #43474e;
382
+ --color-palette-neutral-variant-35: #4e535a;
291
383
  --color-palette-neutral-variant-40: #5a5f66;
384
+ --color-palette-neutral-variant-45: #676b72;
292
385
  --color-palette-neutral-variant-50: #73777f;
293
386
  --color-palette-neutral-variant-60: #8d9199;
387
+ --color-palette-neutral-variant-65: #9a9ea6;
294
388
  --color-palette-neutral-variant-70: #a7abb4;
295
389
  --color-palette-neutral-variant-72: #adb1b9;
390
+ --color-palette-neutral-variant-76: #b8bbc4;
296
391
  --color-palette-neutral-variant-80: #c3c6cf;
392
+ --color-palette-neutral-variant-85: #d1d4dd;
297
393
  --color-palette-neutral-variant-87: #d7dae3;
298
394
  --color-palette-neutral-variant-90: #dfe2eb;
299
395
  --color-palette-neutral-variant-92: #e5e8f1;
@@ -500,17 +596,18 @@
500
596
  --state-disabled-container: 0.12;
501
597
  --gradient-brand: linear-gradient(135deg, #4099f1 0%, #1cce66 40%, #f59e0b 70%, #1b3b6f 100%);
502
598
  --gradient-brand-horizontal: linear-gradient(90deg, #4099f1 0%, #1cce66 40%, #f59e0b 70%, #1b3b6f 100%);
599
+ --gradient-brand-vertical: linear-gradient(180deg, #4099f1 0%, #1cce66 40%, #f59e0b 70%, #1b3b6f 100%);
503
600
  --gradient-hero-ambient: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(64,153,241,0.12) 0%, transparent 60%), radial-gradient(ellipse 60% 40% at 80% 80%, rgba(28,206,102,0.06) 0%, transparent 50%), #ffffff;
504
601
  --gradient-button-primary: linear-gradient(135deg, #4099f1 0%, #2563eb 100%);
505
602
  --gradient-button-primary-hover: linear-gradient(135deg, #60a5fa 0%, #4099f1 100%);
506
603
  --gradient-surface-soft: linear-gradient(135deg, rgba(64,153,241,0.04) 0%, rgba(28,206,102,0.03) 100%);
507
604
  --gradient-surface-muted: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
508
605
  --gradient-eyebrow-chip: linear-gradient(90deg, rgba(64,153,241,0.12) 0%, rgba(28,206,102,0.08) 100%);
509
- --duration-instant: 0ms;
510
- --duration-fast: 150ms;
511
- --duration-normal: 200ms;
512
- --duration-slow: 300ms;
513
- --duration-slower: 500ms;
606
+ --duration-instant: 0s;
607
+ --duration-fast: 0.15s;
608
+ --duration-normal: 0.2s;
609
+ --duration-slow: 0.3s;
610
+ --duration-slower: 0.5s;
514
611
  --ease-linear: cubic-bezier(0, 0, 1, 1);
515
612
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
516
613
  --ease-out: cubic-bezier(0, 0, 0.2, 1);