@nova-design-system/nova-base 3.0.0-beta.30 → 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.
- package/dist/css/mccs.css +180187 -0
- package/dist/css/nova-utils.css +867 -59
- package/dist/css/ocean.css +180278 -0
- package/dist/css/spark.css +180278 -0
- package/dist/js/ocean_dark.d.ts +119 -124
- package/dist/js/ocean_dark.js +152 -157
- package/dist/js/ocean_light.d.ts +119 -124
- package/dist/js/ocean_light.js +143 -148
- package/dist/js/primitives.d.ts +0 -6
- package/dist/js/primitives.js +0 -6
- package/dist/js/spacings.d.ts +2 -0
- package/dist/js/spacings.js +3 -1
- package/dist/js/spark_dark.d.ts +108 -113
- package/dist/js/spark_dark.js +120 -125
- package/dist/js/spark_light.d.ts +108 -113
- package/dist/js/spark_light.js +108 -113
- package/dist/lib/cjs/nova-plugin.js +30 -74
- package/dist/lib/cjs/nova-safelist.js +8 -3
- package/dist/lib/cjs/nova-tailwind-tokens.js +123 -0
- package/dist/lib/cjs/nova-theme.js +14 -2
- package/dist/lib/nova-plugin.js +12 -58
- package/dist/lib/nova-safelist.d.ts +2 -2
- package/dist/lib/nova-safelist.js +9 -2
- package/dist/lib/nova-tailwind-tokens.d.ts +123 -0
- package/dist/lib/nova-tailwind-tokens.js +123 -0
- package/dist/lib/nova-theme.js +14 -2
- package/package.json +1 -1
|
@@ -3,6 +3,21 @@
|
|
|
3
3
|
* @ref generate-tailwind-tokens.ts
|
|
4
4
|
*/
|
|
5
5
|
export declare const NOVA_TAILWIND_TOKENS: {
|
|
6
|
+
'.border-base-focus': {
|
|
7
|
+
'border-color': string;
|
|
8
|
+
};
|
|
9
|
+
'.border-base-focus-high': {
|
|
10
|
+
'border-color': string;
|
|
11
|
+
};
|
|
12
|
+
'.border-base-high-emphasis': {
|
|
13
|
+
'border-color': string;
|
|
14
|
+
};
|
|
15
|
+
'.border-base-low-emphasis': {
|
|
16
|
+
'border-color': string;
|
|
17
|
+
};
|
|
18
|
+
'.border-base-medium-emphasis': {
|
|
19
|
+
'border-color': string;
|
|
20
|
+
};
|
|
6
21
|
'.border-high': {
|
|
7
22
|
'border-color': string;
|
|
8
23
|
};
|
|
@@ -177,6 +192,54 @@ export declare const NOVA_TAILWIND_TOKENS: {
|
|
|
177
192
|
'.text-feedback-warning-low': {
|
|
178
193
|
color: string;
|
|
179
194
|
};
|
|
195
|
+
'.bg-interaction-brand-high': {
|
|
196
|
+
'background-color': string;
|
|
197
|
+
};
|
|
198
|
+
'.bg-interaction-brand-high-hover': {
|
|
199
|
+
'background-color': string;
|
|
200
|
+
};
|
|
201
|
+
'.border-interaction-brand-high': {
|
|
202
|
+
'border-color': string;
|
|
203
|
+
};
|
|
204
|
+
'.border-interaction-brand-high-hover': {
|
|
205
|
+
'border-color': string;
|
|
206
|
+
};
|
|
207
|
+
'.icon-interaction-brand-high': {
|
|
208
|
+
color: string;
|
|
209
|
+
};
|
|
210
|
+
'.icon-interaction-brand-high-hover': {
|
|
211
|
+
color: string;
|
|
212
|
+
};
|
|
213
|
+
'.text-interaction-brand-high': {
|
|
214
|
+
color: string;
|
|
215
|
+
};
|
|
216
|
+
'.text-interaction-brand-high-hover': {
|
|
217
|
+
color: string;
|
|
218
|
+
};
|
|
219
|
+
'.bg-interaction-brand-low': {
|
|
220
|
+
'background-color': string;
|
|
221
|
+
};
|
|
222
|
+
'.bg-interaction-brand-low-hover': {
|
|
223
|
+
'background-color': string;
|
|
224
|
+
};
|
|
225
|
+
'.border-interaction-brand-low': {
|
|
226
|
+
'border-color': string;
|
|
227
|
+
};
|
|
228
|
+
'.border-interaction-brand-low-hover': {
|
|
229
|
+
'border-color': string;
|
|
230
|
+
};
|
|
231
|
+
'.icon-interaction-brand-low': {
|
|
232
|
+
color: string;
|
|
233
|
+
};
|
|
234
|
+
'.icon-interaction-brand-low-hover': {
|
|
235
|
+
color: string;
|
|
236
|
+
};
|
|
237
|
+
'.text-interaction-brand-low': {
|
|
238
|
+
color: string;
|
|
239
|
+
};
|
|
240
|
+
'.text-interaction-brand-low-hover': {
|
|
241
|
+
color: string;
|
|
242
|
+
};
|
|
180
243
|
'.bg-interaction-container-branded-high': {
|
|
181
244
|
'background-color': string;
|
|
182
245
|
};
|
|
@@ -261,6 +324,18 @@ export declare const NOVA_TAILWIND_TOKENS: {
|
|
|
261
324
|
'.text-interaction-link-high-hover': {
|
|
262
325
|
color: string;
|
|
263
326
|
};
|
|
327
|
+
'.icon-interaction-link-inline': {
|
|
328
|
+
color: string;
|
|
329
|
+
};
|
|
330
|
+
'.icon-interaction-link-inline-hover': {
|
|
331
|
+
color: string;
|
|
332
|
+
};
|
|
333
|
+
'.text-interaction-link-inline': {
|
|
334
|
+
color: string;
|
|
335
|
+
};
|
|
336
|
+
'.text-interaction-link-inline-hover': {
|
|
337
|
+
color: string;
|
|
338
|
+
};
|
|
264
339
|
'.icon-interaction-link-low': {
|
|
265
340
|
color: string;
|
|
266
341
|
};
|
|
@@ -273,6 +348,54 @@ export declare const NOVA_TAILWIND_TOKENS: {
|
|
|
273
348
|
'.text-interaction-link-low-hover': {
|
|
274
349
|
color: string;
|
|
275
350
|
};
|
|
351
|
+
'.icon-interaction-link-standalone': {
|
|
352
|
+
color: string;
|
|
353
|
+
};
|
|
354
|
+
'.icon-interaction-link-standalone-hover': {
|
|
355
|
+
color: string;
|
|
356
|
+
};
|
|
357
|
+
'.text-interaction-link-standalone': {
|
|
358
|
+
color: string;
|
|
359
|
+
};
|
|
360
|
+
'.text-interaction-link-standalone-hover': {
|
|
361
|
+
color: string;
|
|
362
|
+
};
|
|
363
|
+
'.icon-interaction-link-table': {
|
|
364
|
+
color: string;
|
|
365
|
+
};
|
|
366
|
+
'.icon-interaction-link-table-hover': {
|
|
367
|
+
color: string;
|
|
368
|
+
};
|
|
369
|
+
'.text-interaction-link-table': {
|
|
370
|
+
color: string;
|
|
371
|
+
};
|
|
372
|
+
'.text-interaction-link-table-hover': {
|
|
373
|
+
color: string;
|
|
374
|
+
};
|
|
375
|
+
'.bg-interaction-neutral': {
|
|
376
|
+
'background-color': string;
|
|
377
|
+
};
|
|
378
|
+
'.bg-interaction-neutral-hover': {
|
|
379
|
+
'background-color': string;
|
|
380
|
+
};
|
|
381
|
+
'.border-interaction-neutral': {
|
|
382
|
+
'border-color': string;
|
|
383
|
+
};
|
|
384
|
+
'.border-interaction-neutral-hover': {
|
|
385
|
+
'border-color': string;
|
|
386
|
+
};
|
|
387
|
+
'.icon-interaction-neutral': {
|
|
388
|
+
color: string;
|
|
389
|
+
};
|
|
390
|
+
'.icon-interaction-neutral-hover': {
|
|
391
|
+
color: string;
|
|
392
|
+
};
|
|
393
|
+
'.text-interaction-neutral': {
|
|
394
|
+
color: string;
|
|
395
|
+
};
|
|
396
|
+
'.text-interaction-neutral-hover': {
|
|
397
|
+
color: string;
|
|
398
|
+
};
|
|
276
399
|
'.bg-level-00': {
|
|
277
400
|
'background-color': string;
|
|
278
401
|
};
|
|
@@ -4,6 +4,21 @@
|
|
|
4
4
|
* @ref generate-tailwind-tokens.ts
|
|
5
5
|
*/
|
|
6
6
|
export const NOVA_TAILWIND_TOKENS = {
|
|
7
|
+
'.border-base-focus': {
|
|
8
|
+
'border-color': 'var(--color-base-border-focus)'
|
|
9
|
+
},
|
|
10
|
+
'.border-base-focus-high': {
|
|
11
|
+
'border-color': 'var(--color-base-border-focus-high)'
|
|
12
|
+
},
|
|
13
|
+
'.border-base-high-emphasis': {
|
|
14
|
+
'border-color': 'var(--color-base-border-high-emphasis)'
|
|
15
|
+
},
|
|
16
|
+
'.border-base-low-emphasis': {
|
|
17
|
+
'border-color': 'var(--color-base-border-low-emphasis)'
|
|
18
|
+
},
|
|
19
|
+
'.border-base-medium-emphasis': {
|
|
20
|
+
'border-color': 'var(--color-base-border-medium-emphasis)'
|
|
21
|
+
},
|
|
7
22
|
'.border-high': {
|
|
8
23
|
'border-color': 'var(--color-content-high-border)'
|
|
9
24
|
},
|
|
@@ -178,6 +193,54 @@ export const NOVA_TAILWIND_TOKENS = {
|
|
|
178
193
|
'.text-feedback-warning-low': {
|
|
179
194
|
'color': 'var(--color-feedback-warning-low-text)'
|
|
180
195
|
},
|
|
196
|
+
'.bg-interaction-brand-high': {
|
|
197
|
+
'background-color': 'var(--color-interaction-brand-high-background)'
|
|
198
|
+
},
|
|
199
|
+
'.bg-interaction-brand-high-hover': {
|
|
200
|
+
'background-color': 'var(--color-interaction-brand-high-background-hover)'
|
|
201
|
+
},
|
|
202
|
+
'.border-interaction-brand-high': {
|
|
203
|
+
'border-color': 'var(--color-interaction-brand-high-border)'
|
|
204
|
+
},
|
|
205
|
+
'.border-interaction-brand-high-hover': {
|
|
206
|
+
'border-color': 'var(--color-interaction-brand-high-border-hover)'
|
|
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
|
+
},
|
|
214
|
+
'.text-interaction-brand-high': {
|
|
215
|
+
'color': 'var(--color-interaction-brand-high-text)'
|
|
216
|
+
},
|
|
217
|
+
'.text-interaction-brand-high-hover': {
|
|
218
|
+
'color': 'var(--color-interaction-brand-high-text-hover)'
|
|
219
|
+
},
|
|
220
|
+
'.bg-interaction-brand-low': {
|
|
221
|
+
'background-color': 'var(--color-interaction-brand-low-background)'
|
|
222
|
+
},
|
|
223
|
+
'.bg-interaction-brand-low-hover': {
|
|
224
|
+
'background-color': 'var(--color-interaction-brand-low-background-hover)'
|
|
225
|
+
},
|
|
226
|
+
'.border-interaction-brand-low': {
|
|
227
|
+
'border-color': 'var(--color-interaction-brand-low-border)'
|
|
228
|
+
},
|
|
229
|
+
'.border-interaction-brand-low-hover': {
|
|
230
|
+
'border-color': 'var(--color-interaction-brand-low-border-hover)'
|
|
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
|
+
},
|
|
238
|
+
'.text-interaction-brand-low': {
|
|
239
|
+
'color': 'var(--color-interaction-brand-low-text)'
|
|
240
|
+
},
|
|
241
|
+
'.text-interaction-brand-low-hover': {
|
|
242
|
+
'color': 'var(--color-interaction-brand-low-text-hover)'
|
|
243
|
+
},
|
|
181
244
|
'.bg-interaction-container-branded-high': {
|
|
182
245
|
'background-color': 'var(--color-interaction-container-branded-high-background)'
|
|
183
246
|
},
|
|
@@ -262,6 +325,18 @@ export const NOVA_TAILWIND_TOKENS = {
|
|
|
262
325
|
'.text-interaction-link-high-hover': {
|
|
263
326
|
'color': 'var(--color-interaction-link-high-text-hover)'
|
|
264
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
|
+
},
|
|
334
|
+
'.text-interaction-link-inline': {
|
|
335
|
+
'color': 'var(--color-interaction-link-inline-text)'
|
|
336
|
+
},
|
|
337
|
+
'.text-interaction-link-inline-hover': {
|
|
338
|
+
'color': 'var(--color-interaction-link-inline-text-hover)'
|
|
339
|
+
},
|
|
265
340
|
'.icon-interaction-link-low': {
|
|
266
341
|
'color': 'var(--color-interaction-link-low-icon)'
|
|
267
342
|
},
|
|
@@ -274,6 +349,54 @@ export const NOVA_TAILWIND_TOKENS = {
|
|
|
274
349
|
'.text-interaction-link-low-hover': {
|
|
275
350
|
'color': 'var(--color-interaction-link-low-text-hover)'
|
|
276
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
|
+
},
|
|
358
|
+
'.text-interaction-link-standalone': {
|
|
359
|
+
'color': 'var(--color-interaction-link-standalone-text)'
|
|
360
|
+
},
|
|
361
|
+
'.text-interaction-link-standalone-hover': {
|
|
362
|
+
'color': 'var(--color-interaction-link-standalone-text-hover)'
|
|
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
|
+
},
|
|
370
|
+
'.text-interaction-link-table': {
|
|
371
|
+
'color': 'var(--color-interaction-link-table-text)'
|
|
372
|
+
},
|
|
373
|
+
'.text-interaction-link-table-hover': {
|
|
374
|
+
'color': 'var(--color-interaction-link-table-text-hover)'
|
|
375
|
+
},
|
|
376
|
+
'.bg-interaction-neutral': {
|
|
377
|
+
'background-color': 'var(--color-interaction-neutral-background)'
|
|
378
|
+
},
|
|
379
|
+
'.bg-interaction-neutral-hover': {
|
|
380
|
+
'background-color': 'var(--color-interaction-neutral-background-hover)'
|
|
381
|
+
},
|
|
382
|
+
'.border-interaction-neutral': {
|
|
383
|
+
'border-color': 'var(--color-interaction-neutral-border)'
|
|
384
|
+
},
|
|
385
|
+
'.border-interaction-neutral-hover': {
|
|
386
|
+
'border-color': 'var(--color-interaction-neutral-border-hover)'
|
|
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
|
+
},
|
|
394
|
+
'.text-interaction-neutral': {
|
|
395
|
+
'color': 'var(--color-interaction-neutral-text)'
|
|
396
|
+
},
|
|
397
|
+
'.text-interaction-neutral-hover': {
|
|
398
|
+
'color': 'var(--color-interaction-neutral-text-hover)'
|
|
399
|
+
},
|
|
277
400
|
'.bg-level-00': {
|
|
278
401
|
'background-color': 'var(--color-level-00-background)'
|
|
279
402
|
},
|
package/dist/lib/nova-theme.js
CHANGED
|
@@ -84,8 +84,20 @@ export const lineHeight = {
|
|
|
84
84
|
'9xl': 'var(--line-height-9xl)',
|
|
85
85
|
};
|
|
86
86
|
export const colors = {
|
|
87
|
-
background: 'var(--color-
|
|
88
|
-
text: 'var(--color-
|
|
87
|
+
background: 'var(--color-level-00-background)',
|
|
88
|
+
text: 'var(--color-content-medium-text)',
|
|
89
|
+
brand: {
|
|
90
|
+
50: 'var(--color-brand-50)',
|
|
91
|
+
100: 'var(--color-brand-100)',
|
|
92
|
+
200: 'var(--color-brand-200)',
|
|
93
|
+
300: 'var(--color-brand-300)',
|
|
94
|
+
400: 'var(--color-brand-400)',
|
|
95
|
+
500: 'var(--color-brand-500)',
|
|
96
|
+
600: 'var(--color-brand-600)',
|
|
97
|
+
700: 'var(--color-brand-700)',
|
|
98
|
+
800: 'var(--color-brand-800)',
|
|
99
|
+
900: 'var(--color-brand-900)',
|
|
100
|
+
},
|
|
89
101
|
green: {
|
|
90
102
|
50: 'var(--color-green-50)',
|
|
91
103
|
100: 'var(--color-green-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.
|
|
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",
|