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

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 (24) hide show
  1. package/dist/css/nova-utils.css +0 -464
  2. package/dist/css/ocean.css +0 -59238
  3. package/dist/css/spark.css +0 -59238
  4. package/dist/js/mccs_dark.d.ts +412 -0
  5. package/dist/js/mccs_dark.js +412 -0
  6. package/dist/js/mccs_light.d.ts +412 -0
  7. package/dist/js/mccs_light.js +412 -0
  8. package/dist/lib/cjs/nova-plugin.js +48 -36
  9. package/dist/lib/cjs/nova-safelist.js +1 -6
  10. package/dist/lib/cjs/nova-tailwind-tokens.js +206 -95
  11. package/dist/lib/cjs/nova-theme.js +0 -12
  12. package/dist/lib/nova-plugin.js +0 -2
  13. package/dist/lib/nova-safelist.d.ts +2 -2
  14. package/dist/lib/nova-safelist.js +0 -7
  15. package/dist/lib/nova-tailwind-tokens.d.ts +158 -47
  16. package/dist/lib/nova-tailwind-tokens.js +206 -95
  17. package/dist/lib/nova-theme.js +0 -12
  18. package/package.json +1 -1
  19. package/dist/tokens/ocean_dark.json +0 -1900
  20. package/dist/tokens/ocean_light.json +0 -1900
  21. package/dist/tokens/primitives.json +0 -1358
  22. package/dist/tokens/spacings.json +0 -1110
  23. package/dist/tokens/spark_dark.json +0 -1901
  24. package/dist/tokens/spark_light.json +0 -1900
package/dist/lib/nova-tailwind-tokens.d.ts CHANGED
@@ -3,40 +3,52 @@
3
3
  * @ref generate-tailwind-tokens.ts
4
4
  */
5
5
  export declare const NOVA_TAILWIND_TOKENS: {
6
- '.border-base-focus': {
6
+ '.border-high': {
7
7
  'border-color': string;
8
8
  };
9
- '.border-base-focus-high': {
10
- 'border-color': string;
9
+ '.icon-high': {
10
+ color: string;
11
11
  };
12
- '.border-base-high-emphasis': {
13
- 'border-color': string;
12
+ '.text-high': {
13
+ color: string;
14
14
  };
15
- '.border-base-low-emphasis': {
16
- 'border-color': string;
15
+ '.icon-inverted-high': {
16
+ color: string;
17
17
  };
18
- '.border-base-medium-emphasis': {
19
- 'border-color': string;
18
+ '.text-inverted-high': {
19
+ color: string;
20
+ };
21
+ '.icon-inverted-low': {
22
+ color: string;
23
+ };
24
+ '.text-inverted-low': {
25
+ color: string;
20
26
  };
21
- '.text-base-high-emphasis': {
27
+ '.icon-inverted-medium': {
22
28
  color: string;
23
29
  };
24
- '.text-base-inverted-high-emphasis': {
30
+ '.text-inverted-medium': {
25
31
  color: string;
26
32
  };
27
- '.text-base-inverted-low-emphasis': {
33
+ '.border-low': {
34
+ 'border-color': string;
35
+ };
36
+ '.icon-low': {
28
37
  color: string;
29
38
  };
30
- '.text-base-inverted-medium-emphasis': {
39
+ '.text-low': {
31
40
  color: string;
32
41
  };
33
- '.text-base-low-emphasis': {
42
+ '.text-lower': {
34
43
  color: string;
35
44
  };
36
- '.text-base-lower-emphasis': {
45
+ '.border-medium': {
46
+ 'border-color': string;
47
+ };
48
+ '.icon-medium': {
37
49
  color: string;
38
50
  };
39
- '.text-base-medium-emphasis': {
51
+ '.text-medium': {
40
52
  color: string;
41
53
  };
42
54
  '.bg-dont-use': {
@@ -45,15 +57,15 @@ export declare const NOVA_TAILWIND_TOKENS: {
45
57
  '.border-dont-use': {
46
58
  'border-color': string;
47
59
  };
48
- '.text-dont-use': {
49
- color: string;
50
- };
51
60
  '.bg-feedback-error-high': {
52
61
  'background-color': string;
53
62
  };
54
63
  '.border-feedback-error-high': {
55
64
  'border-color': string;
56
65
  };
66
+ '.icon-feedback-error-high': {
67
+ color: string;
68
+ };
57
69
  '.text-feedback-error-high': {
58
70
  color: string;
59
71
  };
@@ -63,6 +75,9 @@ export declare const NOVA_TAILWIND_TOKENS: {
63
75
  '.border-feedback-error-low': {
64
76
  'border-color': string;
65
77
  };
78
+ '.icon-feedback-error-low': {
79
+ color: string;
80
+ };
66
81
  '.text-feedback-error-low': {
67
82
  color: string;
68
83
  };
@@ -72,6 +87,9 @@ export declare const NOVA_TAILWIND_TOKENS: {
72
87
  '.border-feedback-information-high': {
73
88
  'border-color': string;
74
89
  };
90
+ '.icon-feedback-information-high': {
91
+ color: string;
92
+ };
75
93
  '.text-feedback-information-high': {
76
94
  color: string;
77
95
  };
@@ -81,6 +99,9 @@ export declare const NOVA_TAILWIND_TOKENS: {
81
99
  '.border-feedback-information-low': {
82
100
  'border-color': string;
83
101
  };
102
+ '.icon-feedback-information-low': {
103
+ color: string;
104
+ };
84
105
  '.text-feedback-information-low': {
85
106
  color: string;
86
107
  };
@@ -90,6 +111,9 @@ export declare const NOVA_TAILWIND_TOKENS: {
90
111
  '.border-feedback-neutral-high': {
91
112
  'border-color': string;
92
113
  };
114
+ '.icon-feedback-neutral-high': {
115
+ color: string;
116
+ };
93
117
  '.text-feedback-neutral-high': {
94
118
  color: string;
95
119
  };
@@ -99,6 +123,9 @@ export declare const NOVA_TAILWIND_TOKENS: {
99
123
  '.border-feedback-neutral-low': {
100
124
  'border-color': string;
101
125
  };
126
+ '.icon-feedback-neutral-low': {
127
+ color: string;
128
+ };
102
129
  '.text-feedback-neutral-low': {
103
130
  color: string;
104
131
  };
@@ -108,6 +135,9 @@ export declare const NOVA_TAILWIND_TOKENS: {
108
135
  '.border-feedback-success-high': {
109
136
  'border-color': string;
110
137
  };
138
+ '.icon-feedback-success-high': {
139
+ color: string;
140
+ };
111
141
  '.text-feedback-success-high': {
112
142
  color: string;
113
143
  };
@@ -117,6 +147,9 @@ export declare const NOVA_TAILWIND_TOKENS: {
117
147
  '.border-feedback-success-low': {
118
148
  'border-color': string;
119
149
  };
150
+ '.icon-feedback-success-low': {
151
+ color: string;
152
+ };
120
153
  '.text-feedback-success-low': {
121
154
  color: string;
122
155
  };
@@ -126,6 +159,9 @@ export declare const NOVA_TAILWIND_TOKENS: {
126
159
  '.border-feedback-warning-high': {
127
160
  'border-color': string;
128
161
  };
162
+ '.icon-feedback-warning-high': {
163
+ color: string;
164
+ };
129
165
  '.text-feedback-warning-high': {
130
166
  color: string;
131
167
  };
@@ -135,80 +171,125 @@ export declare const NOVA_TAILWIND_TOKENS: {
135
171
  '.border-feedback-warning-low': {
136
172
  'border-color': string;
137
173
  };
174
+ '.icon-feedback-warning-low': {
175
+ color: string;
176
+ };
138
177
  '.text-feedback-warning-low': {
139
178
  color: string;
140
179
  };
141
- '.bg-interaction-brand-high': {
180
+ '.bg-interaction-container-branded-high': {
181
+ 'background-color': string;
182
+ };
183
+ '.bg-interaction-container-branded-high-hover': {
184
+ 'background-color': string;
185
+ };
186
+ '.border-interaction-container-branded-high': {
187
+ 'border-color': string;
188
+ };
189
+ '.border-interaction-container-branded-high-hover': {
190
+ 'border-color': string;
191
+ };
192
+ '.icon-interaction-container-branded-high': {
193
+ color: string;
194
+ };
195
+ '.icon-interaction-container-branded-high-hover': {
196
+ color: string;
197
+ };
198
+ '.text-interaction-container-branded-high': {
199
+ color: string;
200
+ };
201
+ '.text-interaction-container-branded-high-hover': {
202
+ color: string;
203
+ };
204
+ '.bg-interaction-container-branded-low': {
142
205
  'background-color': string;
143
206
  };
144
- '.bg-interaction-brand-high-hover': {
207
+ '.bg-interaction-container-branded-low-hover': {
145
208
  'background-color': string;
146
209
  };
147
- '.border-interaction-brand-high': {
210
+ '.border-interaction-container-branded-low': {
148
211
  'border-color': string;
149
212
  };
150
- '.border-interaction-brand-high-hover': {
213
+ '.border-interaction-container-branded-low-hover': {
151
214
  'border-color': string;
152
215
  };
153
- '.text-interaction-brand-high': {
216
+ '.icon-interaction-container-branded-low': {
217
+ color: string;
218
+ };
219
+ '.icon-interaction-container-branded-low-hover': {
154
220
  color: string;
155
221
  };
156
- '.text-interaction-brand-high-hover': {
222
+ '.text-interaction-container-branded-low': {
157
223
  color: string;
158
224
  };
159
- '.bg-interaction-brand-low': {
225
+ '.text-interaction-container-branded-low-hover': {
226
+ color: string;
227
+ };
228
+ '.bg-interaction-container-neutral': {
160
229
  'background-color': string;
161
230
  };
162
- '.bg-interaction-brand-low-hover': {
231
+ '.bg-interaction-container-neutral-hover': {
163
232
  'background-color': string;
164
233
  };
165
- '.border-interaction-brand-low': {
234
+ '.border-interaction-container-neutral': {
166
235
  'border-color': string;
167
236
  };
168
- '.border-interaction-brand-low-hover': {
237
+ '.border-interaction-container-neutral-hover': {
169
238
  'border-color': string;
170
239
  };
171
- '.text-interaction-brand-low': {
240
+ '.icon-interaction-container-neutral': {
241
+ color: string;
242
+ };
243
+ '.icon-interaction-container-neutral-hover': {
244
+ color: string;
245
+ };
246
+ '.text-interaction-container-neutral': {
247
+ color: string;
248
+ };
249
+ '.text-interaction-container-neutral-hover': {
250
+ color: string;
251
+ };
252
+ '.icon-interaction-link-high': {
172
253
  color: string;
173
254
  };
174
- '.text-interaction-brand-low-hover': {
255
+ '.icon-interaction-link-high-hover': {
175
256
  color: string;
176
257
  };
177
- '.text-interaction-link-inline': {
258
+ '.text-interaction-link-high': {
178
259
  color: string;
179
260
  };
180
- '.text-interaction-link-inline-hover': {
261
+ '.text-interaction-link-high-hover': {
181
262
  color: string;
182
263
  };
183
- '.text-interaction-link-standalone': {
264
+ '.icon-interaction-link-low': {
184
265
  color: string;
185
266
  };
186
- '.text-interaction-link-standalone-hover': {
267
+ '.icon-interaction-link-low-hover': {
187
268
  color: string;
188
269
  };
189
- '.text-interaction-link-table': {
270
+ '.text-interaction-link-low': {
190
271
  color: string;
191
272
  };
192
- '.text-interaction-link-table-hover': {
273
+ '.text-interaction-link-low-hover': {
193
274
  color: string;
194
275
  };
195
- '.bg-interaction-neutral': {
276
+ '.bg-level-00': {
196
277
  'background-color': string;
197
278
  };
198
- '.bg-interaction-neutral-hover': {
279
+ '.bg-level-05': {
199
280
  'background-color': string;
200
281
  };
201
- '.border-interaction-neutral': {
202
- 'border-color': string;
282
+ '.bg-level-10': {
283
+ 'background-color': string;
203
284
  };
204
- '.border-interaction-neutral-hover': {
205
- 'border-color': string;
285
+ '.bg-level-20': {
286
+ 'background-color': string;
206
287
  };
207
- '.text-interaction-neutral': {
208
- color: string;
288
+ '.bg-level-30': {
289
+ 'background-color': string;
209
290
  };
210
- '.text-interaction-neutral-hover': {
211
- color: string;
291
+ '.bg-level-40': {
292
+ 'background-color': string;
212
293
  };
213
294
  '.bg-rainbow-1': {
214
295
  'background-color': string;
@@ -216,6 +297,9 @@ export declare const NOVA_TAILWIND_TOKENS: {
216
297
  '.border-rainbow-1': {
217
298
  'border-color': string;
218
299
  };
300
+ '.icon-rainbow-1': {
301
+ color: string;
302
+ };
219
303
  '.text-rainbow-1': {
220
304
  color: string;
221
305
  };
@@ -225,6 +309,9 @@ export declare const NOVA_TAILWIND_TOKENS: {
225
309
  '.border-rainbow-10': {
226
310
  'border-color': string;
227
311
  };
312
+ '.icon-rainbow-10': {
313
+ color: string;
314
+ };
228
315
  '.text-rainbow-10': {
229
316
  color: string;
230
317
  };
@@ -234,6 +321,9 @@ export declare const NOVA_TAILWIND_TOKENS: {
234
321
  '.border-rainbow-2': {
235
322
  'border-color': string;
236
323
  };
324
+ '.icon-rainbow-2': {
325
+ color: string;
326
+ };
237
327
  '.text-rainbow-2': {
238
328
  color: string;
239
329
  };
@@ -243,6 +333,9 @@ export declare const NOVA_TAILWIND_TOKENS: {
243
333
  '.border-rainbow-3': {
244
334
  'border-color': string;
245
335
  };
336
+ '.icon-rainbow-3': {
337
+ color: string;
338
+ };
246
339
  '.text-rainbow-3': {
247
340
  color: string;
248
341
  };
@@ -252,6 +345,9 @@ export declare const NOVA_TAILWIND_TOKENS: {
252
345
  '.border-rainbow-4': {
253
346
  'border-color': string;
254
347
  };
348
+ '.icon-rainbow-4': {
349
+ color: string;
350
+ };
255
351
  '.text-rainbow-4': {
256
352
  color: string;
257
353
  };
@@ -261,6 +357,9 @@ export declare const NOVA_TAILWIND_TOKENS: {
261
357
  '.border-rainbow-5': {
262
358
  'border-color': string;
263
359
  };
360
+ '.icon-rainbow-5': {
361
+ color: string;
362
+ };
264
363
  '.text-rainbow-5': {
265
364
  color: string;
266
365
  };
@@ -270,6 +369,9 @@ export declare const NOVA_TAILWIND_TOKENS: {
270
369
  '.border-rainbow-6': {
271
370
  'border-color': string;
272
371
  };
372
+ '.icon-rainbow-6': {
373
+ color: string;
374
+ };
273
375
  '.text-rainbow-6': {
274
376
  color: string;
275
377
  };
@@ -279,6 +381,9 @@ export declare const NOVA_TAILWIND_TOKENS: {
279
381
  '.border-rainbow-7': {
280
382
  'border-color': string;
281
383
  };
384
+ '.icon-rainbow-7': {
385
+ color: string;
386
+ };
282
387
  '.text-rainbow-7': {
283
388
  color: string;
284
389
  };
@@ -288,6 +393,9 @@ export declare const NOVA_TAILWIND_TOKENS: {
288
393
  '.border-rainbow-8': {
289
394
  'border-color': string;
290
395
  };
396
+ '.icon-rainbow-8': {
397
+ color: string;
398
+ };
291
399
  '.text-rainbow-8': {
292
400
  color: string;
293
401
  };
@@ -297,6 +405,9 @@ export declare const NOVA_TAILWIND_TOKENS: {
297
405
  '.border-rainbow-9': {
298
406
  'border-color': string;
299
407
  };
408
+ '.icon-rainbow-9': {
409
+ color: string;
410
+ };
300
411
  '.text-rainbow-9': {
301
412
  color: string;
302
413
  };