@nova-design-system/nova-base 3.0.0-beta.29 → 3.0.0-beta.31

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 (36) hide show
  1. package/dist/css/mccs.css +180187 -0
  2. package/dist/css/nova-utils.css +480 -136
  3. package/dist/css/ocean.css +122113 -1073
  4. package/dist/css/spark.css +122076 -1036
  5. package/dist/js/mccs_dark.d.ts +412 -0
  6. package/dist/js/mccs_dark.js +412 -0
  7. package/dist/js/mccs_light.d.ts +412 -0
  8. package/dist/js/mccs_light.js +412 -0
  9. package/dist/js/ocean_dark.d.ts +119 -124
  10. package/dist/js/ocean_dark.js +152 -157
  11. package/dist/js/ocean_light.d.ts +119 -124
  12. package/dist/js/ocean_light.js +143 -148
  13. package/dist/js/primitives.d.ts +0 -6
  14. package/dist/js/primitives.js +0 -6
  15. package/dist/js/spacings.d.ts +2 -0
  16. package/dist/js/spacings.js +3 -1
  17. package/dist/js/spark_dark.d.ts +108 -113
  18. package/dist/js/spark_dark.js +120 -125
  19. package/dist/js/spark_light.d.ts +108 -113
  20. package/dist/js/spark_light.js +108 -113
  21. package/dist/lib/cjs/nova-plugin.js +10 -42
  22. package/dist/lib/cjs/nova-safelist.js +2 -2
  23. package/dist/lib/cjs/nova-tailwind-tokens.js +271 -37
  24. package/dist/lib/cjs/nova-theme.js +2 -2
  25. package/dist/lib/nova-plugin.js +10 -58
  26. package/dist/lib/nova-safelist.js +2 -2
  27. package/dist/lib/nova-tailwind-tokens.d.ts +244 -10
  28. package/dist/lib/nova-tailwind-tokens.js +271 -37
  29. package/dist/lib/nova-theme.js +2 -2
  30. package/package.json +1 -1
  31. package/dist/tokens/ocean_dark.json +0 -1900
  32. package/dist/tokens/ocean_light.json +0 -1900
  33. package/dist/tokens/primitives.json +0 -1358
  34. package/dist/tokens/spacings.json +0 -1110
  35. package/dist/tokens/spark_dark.json +0 -1901
  36. package/dist/tokens/spark_light.json +0 -1900
package/dist/lib/nova-tailwind-tokens.js CHANGED
@@ -19,26 +19,53 @@ export const NOVA_TAILWIND_TOKENS = {
19
19
  '.border-base-medium-emphasis': {
20
20
  'border-color': 'var(--color-base-border-medium-emphasis)'
21
21
  },
22
- '.text-base-high-emphasis': {
23
- 'color': 'var(--color-base-content-high-emphasis)'
22
+ '.border-high': {
23
+ 'border-color': 'var(--color-content-high-border)'
24
24
  },
25
- '.text-base-inverted-high-emphasis': {
26
- 'color': 'var(--color-base-content-inverted-high-emphasis)'
25
+ '.icon-high': {
26
+ 'color': 'var(--color-content-high-icon)'
27
27
  },
28
- '.text-base-inverted-low-emphasis': {
29
- 'color': 'var(--color-base-content-inverted-low-emphasis)'
28
+ '.text-high': {
29
+ 'color': 'var(--color-content-high-text)'
30
30
  },
31
- '.text-base-inverted-medium-emphasis': {
32
- 'color': 'var(--color-base-content-inverted-medium-emphasis)'
31
+ '.icon-inverted-high': {
32
+ 'color': 'var(--color-content-inverted-high-icon)'
33
33
  },
34
- '.text-base-low-emphasis': {
35
- 'color': 'var(--color-base-content-low-emphasis)'
34
+ '.text-inverted-high': {
35
+ 'color': 'var(--color-content-inverted-high-text)'
36
36
  },
37
- '.text-base-lower-emphasis': {
38
- 'color': 'var(--color-base-content-lower-emphasis)'
37
+ '.icon-inverted-low': {
38
+ 'color': 'var(--color-content-inverted-low-icon)'
39
39
  },
40
- '.text-base-medium-emphasis': {
41
- 'color': 'var(--color-base-content-medium-emphasis)'
40
+ '.text-inverted-low': {
41
+ 'color': 'var(--color-content-inverted-low-text)'
42
+ },
43
+ '.icon-inverted-medium': {
44
+ 'color': 'var(--color-content-inverted-medium-icon)'
45
+ },
46
+ '.text-inverted-medium': {
47
+ 'color': 'var(--color-content-inverted-medium-text)'
48
+ },
49
+ '.border-low': {
50
+ 'border-color': 'var(--color-content-low-border)'
51
+ },
52
+ '.icon-low': {
53
+ 'color': 'var(--color-content-low-icon)'
54
+ },
55
+ '.text-low': {
56
+ 'color': 'var(--color-content-low-text)'
57
+ },
58
+ '.text-lower': {
59
+ 'color': 'var(--color-content-lower-text)'
60
+ },
61
+ '.border-medium': {
62
+ 'border-color': 'var(--color-content-medium-border)'
63
+ },
64
+ '.icon-medium': {
65
+ 'color': 'var(--color-content-medium-icon)'
66
+ },
67
+ '.text-medium': {
68
+ 'color': 'var(--color-content-medium-text)'
42
69
  },
43
70
  '.bg-dont-use': {
44
71
  'background-color': 'var(--color-dont-use-background)'
@@ -46,17 +73,17 @@ export const NOVA_TAILWIND_TOKENS = {
46
73
  '.border-dont-use': {
47
74
  'border-color': 'var(--color-dont-use-border)'
48
75
  },
49
- '.text-dont-use': {
50
- 'color': 'var(--color-dont-use-content)'
51
- },
52
76
  '.bg-feedback-error-high': {
53
77
  'background-color': 'var(--color-feedback-error-high-background)'
54
78
  },
55
79
  '.border-feedback-error-high': {
56
80
  'border-color': 'var(--color-feedback-error-high-border)'
57
81
  },
82
+ '.icon-feedback-error-high': {
83
+ 'color': 'var(--color-feedback-error-high-icon)'
84
+ },
58
85
  '.text-feedback-error-high': {
59
- 'color': 'var(--color-feedback-error-high-content)'
86
+ 'color': 'var(--color-feedback-error-high-text)'
60
87
  },
61
88
  '.bg-feedback-error-low': {
62
89
  'background-color': 'var(--color-feedback-error-low-background)'
@@ -64,8 +91,11 @@ export const NOVA_TAILWIND_TOKENS = {
64
91
  '.border-feedback-error-low': {
65
92
  'border-color': 'var(--color-feedback-error-low-border)'
66
93
  },
94
+ '.icon-feedback-error-low': {
95
+ 'color': 'var(--color-feedback-error-low-icon)'
96
+ },
67
97
  '.text-feedback-error-low': {
68
- 'color': 'var(--color-feedback-error-low-content)'
98
+ 'color': 'var(--color-feedback-error-low-text)'
69
99
  },
70
100
  '.bg-feedback-information-high': {
71
101
  'background-color': 'var(--color-feedback-information-high-background)'
@@ -73,8 +103,11 @@ export const NOVA_TAILWIND_TOKENS = {
73
103
  '.border-feedback-information-high': {
74
104
  'border-color': 'var(--color-feedback-information-high-border)'
75
105
  },
106
+ '.icon-feedback-information-high': {
107
+ 'color': 'var(--color-feedback-information-high-icon)'
108
+ },
76
109
  '.text-feedback-information-high': {
77
- 'color': 'var(--color-feedback-information-high-content)'
110
+ 'color': 'var(--color-feedback-information-high-text)'
78
111
  },
79
112
  '.bg-feedback-information-low': {
80
113
  'background-color': 'var(--color-feedback-information-low-background)'
@@ -82,8 +115,11 @@ export const NOVA_TAILWIND_TOKENS = {
82
115
  '.border-feedback-information-low': {
83
116
  'border-color': 'var(--color-feedback-information-low-border)'
84
117
  },
118
+ '.icon-feedback-information-low': {
119
+ 'color': 'var(--color-feedback-information-low-icon)'
120
+ },
85
121
  '.text-feedback-information-low': {
86
- 'color': 'var(--color-feedback-information-low-content)'
122
+ 'color': 'var(--color-feedback-information-low-text)'
87
123
  },
88
124
  '.bg-feedback-neutral-high': {
89
125
  'background-color': 'var(--color-feedback-neutral-high-background)'
@@ -91,8 +127,11 @@ export const NOVA_TAILWIND_TOKENS = {
91
127
  '.border-feedback-neutral-high': {
92
128
  'border-color': 'var(--color-feedback-neutral-high-border)'
93
129
  },
130
+ '.icon-feedback-neutral-high': {
131
+ 'color': 'var(--color-feedback-neutral-high-icon)'
132
+ },
94
133
  '.text-feedback-neutral-high': {
95
- 'color': 'var(--color-feedback-neutral-high-content)'
134
+ 'color': 'var(--color-feedback-neutral-high-text)'
96
135
  },
97
136
  '.bg-feedback-neutral-low': {
98
137
  'background-color': 'var(--color-feedback-neutral-low-background)'
@@ -100,8 +139,11 @@ export const NOVA_TAILWIND_TOKENS = {
100
139
  '.border-feedback-neutral-low': {
101
140
  'border-color': 'var(--color-feedback-neutral-low-border)'
102
141
  },
142
+ '.icon-feedback-neutral-low': {
143
+ 'color': 'var(--color-feedback-neutral-low-icon)'
144
+ },
103
145
  '.text-feedback-neutral-low': {
104
- 'color': 'var(--color-feedback-neutral-low-content)'
146
+ 'color': 'var(--color-feedback-neutral-low-text)'
105
147
  },
106
148
  '.bg-feedback-success-high': {
107
149
  'background-color': 'var(--color-feedback-success-high-background)'
@@ -109,8 +151,11 @@ export const NOVA_TAILWIND_TOKENS = {
109
151
  '.border-feedback-success-high': {
110
152
  'border-color': 'var(--color-feedback-success-high-border)'
111
153
  },
154
+ '.icon-feedback-success-high': {
155
+ 'color': 'var(--color-feedback-success-high-icon)'
156
+ },
112
157
  '.text-feedback-success-high': {
113
- 'color': 'var(--color-feedback-success-high-content)'
158
+ 'color': 'var(--color-feedback-success-high-text)'
114
159
  },
115
160
  '.bg-feedback-success-low': {
116
161
  'background-color': 'var(--color-feedback-success-low-background)'
@@ -118,8 +163,11 @@ export const NOVA_TAILWIND_TOKENS = {
118
163
  '.border-feedback-success-low': {
119
164
  'border-color': 'var(--color-feedback-success-low-border)'
120
165
  },
166
+ '.icon-feedback-success-low': {
167
+ 'color': 'var(--color-feedback-success-low-icon)'
168
+ },
121
169
  '.text-feedback-success-low': {
122
- 'color': 'var(--color-feedback-success-low-content)'
170
+ 'color': 'var(--color-feedback-success-low-text)'
123
171
  },
124
172
  '.bg-feedback-warning-high': {
125
173
  'background-color': 'var(--color-feedback-warning-high-background)'
@@ -127,8 +175,11 @@ export const NOVA_TAILWIND_TOKENS = {
127
175
  '.border-feedback-warning-high': {
128
176
  'border-color': 'var(--color-feedback-warning-high-border)'
129
177
  },
178
+ '.icon-feedback-warning-high': {
179
+ 'color': 'var(--color-feedback-warning-high-icon)'
180
+ },
130
181
  '.text-feedback-warning-high': {
131
- 'color': 'var(--color-feedback-warning-high-content)'
182
+ 'color': 'var(--color-feedback-warning-high-text)'
132
183
  },
133
184
  '.bg-feedback-warning-low': {
134
185
  'background-color': 'var(--color-feedback-warning-low-background)'
@@ -136,8 +187,11 @@ export const NOVA_TAILWIND_TOKENS = {
136
187
  '.border-feedback-warning-low': {
137
188
  'border-color': 'var(--color-feedback-warning-low-border)'
138
189
  },
190
+ '.icon-feedback-warning-low': {
191
+ 'color': 'var(--color-feedback-warning-low-icon)'
192
+ },
139
193
  '.text-feedback-warning-low': {
140
- 'color': 'var(--color-feedback-warning-low-content)'
194
+ 'color': 'var(--color-feedback-warning-low-text)'
141
195
  },
142
196
  '.bg-interaction-brand-high': {
143
197
  'background-color': 'var(--color-interaction-brand-high-background)'
@@ -151,6 +205,12 @@ export const NOVA_TAILWIND_TOKENS = {
151
205
  '.border-interaction-brand-high-hover': {
152
206
  'border-color': 'var(--color-interaction-brand-high-border-hover)'
153
207
  },
208
+ '.icon-interaction-brand-high': {
209
+ 'color': 'var(--color-interaction-brand-high-icon)'
210
+ },
211
+ '.icon-interaction-brand-high-hover': {
212
+ 'color': 'var(--color-interaction-brand-high-icon-hover)'
213
+ },
154
214
  '.text-interaction-brand-high': {
155
215
  'color': 'var(--color-interaction-brand-high-text)'
156
216
  },
@@ -169,24 +229,144 @@ export const NOVA_TAILWIND_TOKENS = {
169
229
  '.border-interaction-brand-low-hover': {
170
230
  'border-color': 'var(--color-interaction-brand-low-border-hover)'
171
231
  },
232
+ '.icon-interaction-brand-low': {
233
+ 'color': 'var(--color-interaction-brand-low-icon)'
234
+ },
235
+ '.icon-interaction-brand-low-hover': {
236
+ 'color': 'var(--color-interaction-brand-low-icon-hover)'
237
+ },
172
238
  '.text-interaction-brand-low': {
173
239
  'color': 'var(--color-interaction-brand-low-text)'
174
240
  },
175
241
  '.text-interaction-brand-low-hover': {
176
242
  'color': 'var(--color-interaction-brand-low-text-hover)'
177
243
  },
244
+ '.bg-interaction-container-branded-high': {
245
+ 'background-color': 'var(--color-interaction-container-branded-high-background)'
246
+ },
247
+ '.bg-interaction-container-branded-high-hover': {
248
+ 'background-color': 'var(--color-interaction-container-branded-high-background-hover)'
249
+ },
250
+ '.border-interaction-container-branded-high': {
251
+ 'border-color': 'var(--color-interaction-container-branded-high-border)'
252
+ },
253
+ '.border-interaction-container-branded-high-hover': {
254
+ 'border-color': 'var(--color-interaction-container-branded-high-border-hover)'
255
+ },
256
+ '.icon-interaction-container-branded-high': {
257
+ 'color': 'var(--color-interaction-container-branded-high-icon)'
258
+ },
259
+ '.icon-interaction-container-branded-high-hover': {
260
+ 'color': 'var(--color-interaction-container-branded-high-icon-hover)'
261
+ },
262
+ '.text-interaction-container-branded-high': {
263
+ 'color': 'var(--color-interaction-container-branded-high-text)'
264
+ },
265
+ '.text-interaction-container-branded-high-hover': {
266
+ 'color': 'var(--color-interaction-container-branded-high-text-hover)'
267
+ },
268
+ '.bg-interaction-container-branded-low': {
269
+ 'background-color': 'var(--color-interaction-container-branded-low-background)'
270
+ },
271
+ '.bg-interaction-container-branded-low-hover': {
272
+ 'background-color': 'var(--color-interaction-container-branded-low-background-hover)'
273
+ },
274
+ '.border-interaction-container-branded-low': {
275
+ 'border-color': 'var(--color-interaction-container-branded-low-border)'
276
+ },
277
+ '.border-interaction-container-branded-low-hover': {
278
+ 'border-color': 'var(--color-interaction-container-branded-low-border-hover)'
279
+ },
280
+ '.icon-interaction-container-branded-low': {
281
+ 'color': 'var(--color-interaction-container-branded-low-icon)'
282
+ },
283
+ '.icon-interaction-container-branded-low-hover': {
284
+ 'color': 'var(--color-interaction-container-branded-low-icon-hover)'
285
+ },
286
+ '.text-interaction-container-branded-low': {
287
+ 'color': 'var(--color-interaction-container-branded-low-text)'
288
+ },
289
+ '.text-interaction-container-branded-low-hover': {
290
+ 'color': 'var(--color-interaction-container-branded-low-text-hover)'
291
+ },
292
+ '.bg-interaction-container-neutral': {
293
+ 'background-color': 'var(--color-interaction-container-neutral-background)'
294
+ },
295
+ '.bg-interaction-container-neutral-hover': {
296
+ 'background-color': 'var(--color-interaction-container-neutral-background-hover)'
297
+ },
298
+ '.border-interaction-container-neutral': {
299
+ 'border-color': 'var(--color-interaction-container-neutral-border)'
300
+ },
301
+ '.border-interaction-container-neutral-hover': {
302
+ 'border-color': 'var(--color-interaction-container-neutral-border-hover)'
303
+ },
304
+ '.icon-interaction-container-neutral': {
305
+ 'color': 'var(--color-interaction-container-neutral-icon)'
306
+ },
307
+ '.icon-interaction-container-neutral-hover': {
308
+ 'color': 'var(--color-interaction-container-neutral-icon-hover)'
309
+ },
310
+ '.text-interaction-container-neutral': {
311
+ 'color': 'var(--color-interaction-container-neutral-text)'
312
+ },
313
+ '.text-interaction-container-neutral-hover': {
314
+ 'color': 'var(--color-interaction-container-neutral-text-hover)'
315
+ },
316
+ '.icon-interaction-link-high': {
317
+ 'color': 'var(--color-interaction-link-high-icon)'
318
+ },
319
+ '.icon-interaction-link-high-hover': {
320
+ 'color': 'var(--color-interaction-link-high-icon-hover)'
321
+ },
322
+ '.text-interaction-link-high': {
323
+ 'color': 'var(--color-interaction-link-high-text)'
324
+ },
325
+ '.text-interaction-link-high-hover': {
326
+ 'color': 'var(--color-interaction-link-high-text-hover)'
327
+ },
328
+ '.icon-interaction-link-inline': {
329
+ 'color': 'var(--color-interaction-link-inline-icon)'
330
+ },
331
+ '.icon-interaction-link-inline-hover': {
332
+ 'color': 'var(--color-interaction-link-inline-icon-hover)'
333
+ },
178
334
  '.text-interaction-link-inline': {
179
335
  'color': 'var(--color-interaction-link-inline-text)'
180
336
  },
181
337
  '.text-interaction-link-inline-hover': {
182
338
  'color': 'var(--color-interaction-link-inline-text-hover)'
183
339
  },
340
+ '.icon-interaction-link-low': {
341
+ 'color': 'var(--color-interaction-link-low-icon)'
342
+ },
343
+ '.icon-interaction-link-low-hover': {
344
+ 'color': 'var(--color-interaction-link-low-icon-hover)'
345
+ },
346
+ '.text-interaction-link-low': {
347
+ 'color': 'var(--color-interaction-link-low-text)'
348
+ },
349
+ '.text-interaction-link-low-hover': {
350
+ 'color': 'var(--color-interaction-link-low-text-hover)'
351
+ },
352
+ '.icon-interaction-link-standalone': {
353
+ 'color': 'var(--color-interaction-link-standalone-icon)'
354
+ },
355
+ '.icon-interaction-link-standalone-hover': {
356
+ 'color': 'var(--color-interaction-link-standalone-icon-hover)'
357
+ },
184
358
  '.text-interaction-link-standalone': {
185
359
  'color': 'var(--color-interaction-link-standalone-text)'
186
360
  },
187
361
  '.text-interaction-link-standalone-hover': {
188
362
  'color': 'var(--color-interaction-link-standalone-text-hover)'
189
363
  },
364
+ '.icon-interaction-link-table': {
365
+ 'color': 'var(--color-interaction-link-table-icon)'
366
+ },
367
+ '.icon-interaction-link-table-hover': {
368
+ 'color': 'var(--color-interaction-link-table-icon-hover)'
369
+ },
190
370
  '.text-interaction-link-table': {
191
371
  'color': 'var(--color-interaction-link-table-text)'
192
372
  },
@@ -205,20 +385,47 @@ export const NOVA_TAILWIND_TOKENS = {
205
385
  '.border-interaction-neutral-hover': {
206
386
  'border-color': 'var(--color-interaction-neutral-border-hover)'
207
387
  },
388
+ '.icon-interaction-neutral': {
389
+ 'color': 'var(--color-interaction-neutral-icon)'
390
+ },
391
+ '.icon-interaction-neutral-hover': {
392
+ 'color': 'var(--color-interaction-neutral-icon-hover)'
393
+ },
208
394
  '.text-interaction-neutral': {
209
395
  'color': 'var(--color-interaction-neutral-text)'
210
396
  },
211
397
  '.text-interaction-neutral-hover': {
212
398
  'color': 'var(--color-interaction-neutral-text-hover)'
213
399
  },
400
+ '.bg-level-00': {
401
+ 'background-color': 'var(--color-level-00-background)'
402
+ },
403
+ '.bg-level-05': {
404
+ 'background-color': 'var(--color-level-05-background)'
405
+ },
406
+ '.bg-level-10': {
407
+ 'background-color': 'var(--color-level-10-background)'
408
+ },
409
+ '.bg-level-20': {
410
+ 'background-color': 'var(--color-level-20-background)'
411
+ },
412
+ '.bg-level-30': {
413
+ 'background-color': 'var(--color-level-30-background)'
414
+ },
415
+ '.bg-level-40': {
416
+ 'background-color': 'var(--color-level-40-background)'
417
+ },
214
418
  '.bg-rainbow-1': {
215
419
  'background-color': 'var(--color-rainbow-1-background)'
216
420
  },
217
421
  '.border-rainbow-1': {
218
422
  'border-color': 'var(--color-rainbow-1-border)'
219
423
  },
424
+ '.icon-rainbow-1': {
425
+ 'color': 'var(--color-rainbow-1-icon)'
426
+ },
220
427
  '.text-rainbow-1': {
221
- 'color': 'var(--color-rainbow-1-content)'
428
+ 'color': 'var(--color-rainbow-1-text)'
222
429
  },
223
430
  '.bg-rainbow-10': {
224
431
  'background-color': 'var(--color-rainbow-10-background)'
@@ -226,8 +433,11 @@ export const NOVA_TAILWIND_TOKENS = {
226
433
  '.border-rainbow-10': {
227
434
  'border-color': 'var(--color-rainbow-10-border)'
228
435
  },
436
+ '.icon-rainbow-10': {
437
+ 'color': 'var(--color-rainbow-10-icon)'
438
+ },
229
439
  '.text-rainbow-10': {
230
- 'color': 'var(--color-rainbow-10-content)'
440
+ 'color': 'var(--color-rainbow-10-text)'
231
441
  },
232
442
  '.bg-rainbow-2': {
233
443
  'background-color': 'var(--color-rainbow-2-background)'
@@ -235,8 +445,11 @@ export const NOVA_TAILWIND_TOKENS = {
235
445
  '.border-rainbow-2': {
236
446
  'border-color': 'var(--color-rainbow-2-border)'
237
447
  },
448
+ '.icon-rainbow-2': {
449
+ 'color': 'var(--color-rainbow-2-icon)'
450
+ },
238
451
  '.text-rainbow-2': {
239
- 'color': 'var(--color-rainbow-2-content)'
452
+ 'color': 'var(--color-rainbow-2-text)'
240
453
  },
241
454
  '.bg-rainbow-3': {
242
455
  'background-color': 'var(--color-rainbow-3-background)'
@@ -244,8 +457,11 @@ export const NOVA_TAILWIND_TOKENS = {
244
457
  '.border-rainbow-3': {
245
458
  'border-color': 'var(--color-rainbow-3-border)'
246
459
  },
460
+ '.icon-rainbow-3': {
461
+ 'color': 'var(--color-rainbow-3-icon)'
462
+ },
247
463
  '.text-rainbow-3': {
248
- 'color': 'var(--color-rainbow-3-content)'
464
+ 'color': 'var(--color-rainbow-3-text)'
249
465
  },
250
466
  '.bg-rainbow-4': {
251
467
  'background-color': 'var(--color-rainbow-4-background)'
@@ -253,8 +469,11 @@ export const NOVA_TAILWIND_TOKENS = {
253
469
  '.border-rainbow-4': {
254
470
  'border-color': 'var(--color-rainbow-4-border)'
255
471
  },
472
+ '.icon-rainbow-4': {
473
+ 'color': 'var(--color-rainbow-4-icon)'
474
+ },
256
475
  '.text-rainbow-4': {
257
- 'color': 'var(--color-rainbow-4-content)'
476
+ 'color': 'var(--color-rainbow-4-text)'
258
477
  },
259
478
  '.bg-rainbow-5': {
260
479
  'background-color': 'var(--color-rainbow-5-background)'
@@ -262,8 +481,11 @@ export const NOVA_TAILWIND_TOKENS = {
262
481
  '.border-rainbow-5': {
263
482
  'border-color': 'var(--color-rainbow-5-border)'
264
483
  },
484
+ '.icon-rainbow-5': {
485
+ 'color': 'var(--color-rainbow-5-icon)'
486
+ },
265
487
  '.text-rainbow-5': {
266
- 'color': 'var(--color-rainbow-5-content)'
488
+ 'color': 'var(--color-rainbow-5-text)'
267
489
  },
268
490
  '.bg-rainbow-6': {
269
491
  'background-color': 'var(--color-rainbow-6-background)'
@@ -271,8 +493,11 @@ export const NOVA_TAILWIND_TOKENS = {
271
493
  '.border-rainbow-6': {
272
494
  'border-color': 'var(--color-rainbow-6-border)'
273
495
  },
496
+ '.icon-rainbow-6': {
497
+ 'color': 'var(--color-rainbow-6-icon)'
498
+ },
274
499
  '.text-rainbow-6': {
275
- 'color': 'var(--color-rainbow-6-content)'
500
+ 'color': 'var(--color-rainbow-6-text)'
276
501
  },
277
502
  '.bg-rainbow-7': {
278
503
  'background-color': 'var(--color-rainbow-7-background)'
@@ -280,8 +505,11 @@ export const NOVA_TAILWIND_TOKENS = {
280
505
  '.border-rainbow-7': {
281
506
  'border-color': 'var(--color-rainbow-7-border)'
282
507
  },
508
+ '.icon-rainbow-7': {
509
+ 'color': 'var(--color-rainbow-7-icon)'
510
+ },
283
511
  '.text-rainbow-7': {
284
- 'color': 'var(--color-rainbow-7-content)'
512
+ 'color': 'var(--color-rainbow-7-text)'
285
513
  },
286
514
  '.bg-rainbow-8': {
287
515
  'background-color': 'var(--color-rainbow-8-background)'
@@ -289,8 +517,11 @@ export const NOVA_TAILWIND_TOKENS = {
289
517
  '.border-rainbow-8': {
290
518
  'border-color': 'var(--color-rainbow-8-border)'
291
519
  },
520
+ '.icon-rainbow-8': {
521
+ 'color': 'var(--color-rainbow-8-icon)'
522
+ },
292
523
  '.text-rainbow-8': {
293
- 'color': 'var(--color-rainbow-8-content)'
524
+ 'color': 'var(--color-rainbow-8-text)'
294
525
  },
295
526
  '.bg-rainbow-9': {
296
527
  'background-color': 'var(--color-rainbow-9-background)'
@@ -298,7 +529,10 @@ export const NOVA_TAILWIND_TOKENS = {
298
529
  '.border-rainbow-9': {
299
530
  'border-color': 'var(--color-rainbow-9-border)'
300
531
  },
532
+ '.icon-rainbow-9': {
533
+ 'color': 'var(--color-rainbow-9-icon)'
534
+ },
301
535
  '.text-rainbow-9': {
302
- 'color': 'var(--color-rainbow-9-content)'
536
+ 'color': 'var(--color-rainbow-9-text)'
303
537
  }
304
538
  };
package/dist/lib/nova-theme.js CHANGED
@@ -84,8 +84,8 @@ export const lineHeight = {
84
84
  '9xl': 'var(--line-height-9xl)',
85
85
  };
86
86
  export const colors = {
87
- background: 'var(--color-base-level-00)',
88
- text: 'var(--color-base-content-medium-emphasis)',
87
+ background: 'var(--color-level-00-background)',
88
+ text: 'var(--color-content-medium-text)',
89
89
  brand: {
90
90
  50: 'var(--color-brand-50)',
91
91
  100: 'var(--color-brand-100)',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nova-design-system/nova-base",
3
- "version": "3.0.0-beta.29",
3
+ "version": "3.0.0-beta.31",
4
4
  "description": "Nova is a design system created by Elia Group to empower creators to efficiently build solutions that people love to use.",
5
5
  "author": "Elia Group",
6
6
  "homepage": "https://nova.eliagroup.io",