nve-designsystem 3.6.0 → 3.6.2

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/css/nve.css +3 -1
  2. package/css/nve_dark.css +11 -9
  3. package/css/rme.css +3 -1
  4. package/css/rme_dark.css +11 -9
  5. package/css/varsom.css +3 -1
  6. package/css/varsom_dark.css +11 -9
  7. package/package.json +1 -2
package/css/nve.css CHANGED
@@ -126,7 +126,7 @@
126
126
  --color-shades-functional-yellow-800: #bf9722;
127
127
  --color-shades-functional-yellow-850: #b08c21;
128
128
  --color-shades-functional-yellow-900: #a88324;
129
- --color-shades-functional-yellow-950: #977726;
129
+ --color-shades-functional-yellow-950: #836721;
130
130
  --color-shades-functional-yellow-999: #7a5f29;
131
131
  --color-shades-functional-yellow-000: #fff9e9;
132
132
  --color-shades-functional-yellow-050: #fff5d9;
@@ -266,8 +266,10 @@
266
266
  --color-neutrals-foreground-primary: var(--color-shades-grey-999);
267
267
  --color-neutrals-foreground-secondary: var(--color-shades-functional-neutralgrey-800);
268
268
  --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-600);
269
+ --color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-150);
269
270
  --color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-000);
270
271
  --color-neutrals-border-default: var(--color-shades-grey-500);
272
+ --color-neutrals-border-emphasized: var(--color-shades-grey-999);
271
273
  --color-neutrals-border-mute: var(--color-shades-grey-300);
272
274
  --color-neutrals-border-subtle: var(--color-shades-grey-150);
273
275
  --color-neutrals-border-disabled: var(--color-shades-grey-500);
package/css/nve_dark.css CHANGED
@@ -126,7 +126,7 @@
126
126
  --color-shades-functional-yellow-800: #bf9722;
127
127
  --color-shades-functional-yellow-850: #b08c21;
128
128
  --color-shades-functional-yellow-900: #a88324;
129
- --color-shades-functional-yellow-950: #977726;
129
+ --color-shades-functional-yellow-950: #836721;
130
130
  --color-shades-functional-yellow-999: #7a5f29;
131
131
  --color-shades-functional-yellow-000: #fff9e9;
132
132
  --color-shades-functional-yellow-050: #fff5d9;
@@ -264,10 +264,12 @@
264
264
  --color-neutrals-background-secondary-dim: var(--color-shades-grey-850);
265
265
  --color-neutrals-background-tertiary-dim: var(--color-shades-grey-700);
266
266
  --color-neutrals-foreground-primary: var(--color-shades-grey-000);
267
- --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-200);
268
267
  --color-neutrals-foreground-secondary: var(--color-shades-functional-neutralgrey-100);
269
- --color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-000);
268
+ --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-200);
269
+ --color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-800);
270
+ --color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-999);
270
271
  --color-neutrals-border-default: var(--color-shades-grey-300);
272
+ --color-neutrals-border-emphasized: var(--color-shades-grey-000);
271
273
  --color-neutrals-border-mute: var(--color-shades-grey-600);
272
274
  --color-neutrals-border-subtle: var(--color-shades-grey-800);
273
275
  --color-neutrals-border-disabled: var(--color-shades-grey-500);
@@ -309,12 +311,12 @@
309
311
  --color-interactive-danger-foreground-disabled: var(--color-shades-grey-950);
310
312
  --color-interactive-danger-border-focus: var(--color-shades-functional-blue-500);
311
313
  --color-feedback-background-default-neutral: var(--color-shades-functional-neutralgrey-800);
312
- --color-feedback-background-default-info: var(--color-shades-functional-blue-950);
314
+ --color-feedback-background-default-info: var(--color-shades-functional-blue-850);
313
315
  --color-feedback-background-default-error: var(--color-shades-functional-red-850);
314
- --color-feedback-background-default-warning: var(--color-shades-functional-yellow-999);
315
- --color-feedback-background-default-success: var(--color-shades-functional-green-900);
316
+ --color-feedback-background-default-warning: var(--color-shades-functional-yellow-950);
317
+ --color-feedback-background-default-success: var(--color-shades-functional-green-850);
316
318
  --color-feedback-background-subtle-neutral: var(--color-shades-functional-neutralgrey-850);
317
- --color-feedback-background-subtle-info: var(--color-shades-functional-blue-999);
319
+ --color-feedback-background-subtle-info: var(--color-shades-functional-blue-900);
318
320
  --color-feedback-background-subtle-error: var(--color-shades-functional-red-900);
319
321
  --color-feedback-background-subtle-warning: var(--color-shades-functional-yellow-999);
320
322
  --color-feedback-background-subtle-success: var(--color-shades-functional-green-900);
@@ -322,7 +324,7 @@
322
324
  --color-feedback-background-emphasized-info: var(--color-shades-functional-blue-800);
323
325
  --color-feedback-background-emphasized-error: var(--color-shades-functional-red-700);
324
326
  --color-feedback-background-emphasized-warning: var(--color-shades-functional-yellow-600);
325
- --color-feedback-background-emphasized-success: var(--color-shades-functional-green-900);
327
+ --color-feedback-background-emphasized-success: var(--color-shades-functional-green-800);
326
328
  --color-feedback-foreground-neutral: var(--color-shades-functional-neutralgrey-000);
327
329
  --color-feedback-foreground-info: var(--color-shades-functional-blue-300);
328
330
  --color-feedback-foreground-error: var(--color-shades-functional-red-400);
@@ -362,7 +364,7 @@
362
364
  --color-feedback-border-emphasized-info: var(--color-shades-functional-blue-700);
363
365
  --color-feedback-border-emphasized-error: var(--color-shades-functional-red-400);
364
366
  --color-feedback-border-emphasized-warning: var(--color-shades-functional-yellow-700);
365
- --color-feedback-border-emphasized-success: var(--color-shades-functional-green-800);
367
+ --color-feedback-border-emphasized-success: var(--color-shades-functional-green-700);
366
368
  --color-dangerlevel-background-mute-level1: var(--color-shades-functional-green-150);
367
369
  --color-dangerlevel-background-mute-level2: var(--color-shades-functional-yellow-200);
368
370
  --color-dangerlevel-background-mute-level3: var(--color-shades-functional-orange-150);
package/css/rme.css CHANGED
@@ -126,7 +126,7 @@
126
126
  --color-shades-functional-yellow-800: #bf9722;
127
127
  --color-shades-functional-yellow-850: #b08c21;
128
128
  --color-shades-functional-yellow-900: #a88324;
129
- --color-shades-functional-yellow-950: #977726;
129
+ --color-shades-functional-yellow-950: #836721;
130
130
  --color-shades-functional-yellow-999: #7a5f29;
131
131
  --color-shades-functional-yellow-000: #fff9e9;
132
132
  --color-shades-functional-yellow-050: #fff5d9;
@@ -266,8 +266,10 @@
266
266
  --color-neutrals-foreground-primary: var(--color-shades-grey-999);
267
267
  --color-neutrals-foreground-secondary: var(--color-shades-functional-neutralgrey-800);
268
268
  --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-600);
269
+ --color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-150);
269
270
  --color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-000);
270
271
  --color-neutrals-border-default: var(--color-shades-grey-500);
272
+ --color-neutrals-border-emphasized: var(--color-shades-grey-999);
271
273
  --color-neutrals-border-mute: var(--color-shades-grey-300);
272
274
  --color-neutrals-border-subtle: var(--color-shades-grey-150);
273
275
  --color-neutrals-border-disabled: var(--color-shades-grey-500);
package/css/rme_dark.css CHANGED
@@ -126,7 +126,7 @@
126
126
  --color-shades-functional-yellow-800: #bf9722;
127
127
  --color-shades-functional-yellow-850: #b08c21;
128
128
  --color-shades-functional-yellow-900: #a88324;
129
- --color-shades-functional-yellow-950: #977726;
129
+ --color-shades-functional-yellow-950: #836721;
130
130
  --color-shades-functional-yellow-999: #7a5f29;
131
131
  --color-shades-functional-yellow-000: #fff9e9;
132
132
  --color-shades-functional-yellow-050: #fff5d9;
@@ -264,10 +264,12 @@
264
264
  --color-neutrals-background-secondary-dim: var(--color-shades-grey-850);
265
265
  --color-neutrals-background-tertiary-dim: var(--color-shades-grey-700);
266
266
  --color-neutrals-foreground-primary: var(--color-shades-grey-000);
267
- --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-200);
268
267
  --color-neutrals-foreground-secondary: var(--color-shades-functional-neutralgrey-100);
269
- --color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-000);
268
+ --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-200);
269
+ --color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-800);
270
+ --color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-999);
270
271
  --color-neutrals-border-default: var(--color-shades-grey-300);
272
+ --color-neutrals-border-emphasized: var(--color-shades-grey-000);
271
273
  --color-neutrals-border-mute: var(--color-shades-grey-600);
272
274
  --color-neutrals-border-subtle: var(--color-shades-grey-800);
273
275
  --color-neutrals-border-disabled: var(--color-shades-grey-500);
@@ -309,12 +311,12 @@
309
311
  --color-interactive-danger-foreground-disabled: var(--color-shades-grey-950);
310
312
  --color-interactive-danger-border-focus: var(--color-shades-functional-blue-500);
311
313
  --color-feedback-background-default-neutral: var(--color-shades-functional-neutralgrey-800);
312
- --color-feedback-background-default-info: var(--color-shades-functional-blue-950);
314
+ --color-feedback-background-default-info: var(--color-shades-functional-blue-850);
313
315
  --color-feedback-background-default-error: var(--color-shades-functional-red-850);
314
- --color-feedback-background-default-warning: var(--color-shades-functional-yellow-999);
315
- --color-feedback-background-default-success: var(--color-shades-functional-green-900);
316
+ --color-feedback-background-default-warning: var(--color-shades-functional-yellow-950);
317
+ --color-feedback-background-default-success: var(--color-shades-functional-green-850);
316
318
  --color-feedback-background-subtle-neutral: var(--color-shades-functional-neutralgrey-850);
317
- --color-feedback-background-subtle-info: var(--color-shades-functional-blue-999);
319
+ --color-feedback-background-subtle-info: var(--color-shades-functional-blue-900);
318
320
  --color-feedback-background-subtle-error: var(--color-shades-functional-red-900);
319
321
  --color-feedback-background-subtle-warning: var(--color-shades-functional-yellow-999);
320
322
  --color-feedback-background-subtle-success: var(--color-shades-functional-green-900);
@@ -322,7 +324,7 @@
322
324
  --color-feedback-background-emphasized-info: var(--color-shades-functional-blue-800);
323
325
  --color-feedback-background-emphasized-error: var(--color-shades-functional-red-700);
324
326
  --color-feedback-background-emphasized-warning: var(--color-shades-functional-yellow-600);
325
- --color-feedback-background-emphasized-success: var(--color-shades-functional-green-900);
327
+ --color-feedback-background-emphasized-success: var(--color-shades-functional-green-800);
326
328
  --color-feedback-foreground-neutral: var(--color-shades-functional-neutralgrey-000);
327
329
  --color-feedback-foreground-info: var(--color-shades-functional-blue-300);
328
330
  --color-feedback-foreground-error: var(--color-shades-functional-red-400);
@@ -362,7 +364,7 @@
362
364
  --color-feedback-border-emphasized-info: var(--color-shades-functional-blue-700);
363
365
  --color-feedback-border-emphasized-error: var(--color-shades-functional-red-400);
364
366
  --color-feedback-border-emphasized-warning: var(--color-shades-functional-yellow-700);
365
- --color-feedback-border-emphasized-success: var(--color-shades-functional-green-800);
367
+ --color-feedback-border-emphasized-success: var(--color-shades-functional-green-700);
366
368
  --color-dangerlevel-background-mute-level1: var(--color-shades-functional-green-150);
367
369
  --color-dangerlevel-background-mute-level2: var(--color-shades-functional-yellow-200);
368
370
  --color-dangerlevel-background-mute-level3: var(--color-shades-functional-orange-150);
package/css/varsom.css CHANGED
@@ -126,7 +126,7 @@
126
126
  --color-shades-functional-yellow-800: #bf9722;
127
127
  --color-shades-functional-yellow-850: #b08c21;
128
128
  --color-shades-functional-yellow-900: #a88324;
129
- --color-shades-functional-yellow-950: #977726;
129
+ --color-shades-functional-yellow-950: #836721;
130
130
  --color-shades-functional-yellow-999: #7a5f29;
131
131
  --color-shades-functional-yellow-000: #fff9e9;
132
132
  --color-shades-functional-yellow-050: #fff5d9;
@@ -266,8 +266,10 @@
266
266
  --color-neutrals-foreground-primary: var(--color-shades-grey-999);
267
267
  --color-neutrals-foreground-secondary: var(--color-shades-functional-neutralgrey-800);
268
268
  --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-600);
269
+ --color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-150);
269
270
  --color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-000);
270
271
  --color-neutrals-border-default: var(--color-shades-grey-500);
272
+ --color-neutrals-border-emphasized: var(--color-shades-grey-999);
271
273
  --color-neutrals-border-mute: var(--color-shades-grey-300);
272
274
  --color-neutrals-border-subtle: var(--color-shades-grey-150);
273
275
  --color-neutrals-border-disabled: var(--color-shades-grey-500);
package/css/varsom_dark.css CHANGED
@@ -126,7 +126,7 @@
126
126
  --color-shades-functional-yellow-800: #bf9722;
127
127
  --color-shades-functional-yellow-850: #b08c21;
128
128
  --color-shades-functional-yellow-900: #a88324;
129
- --color-shades-functional-yellow-950: #977726;
129
+ --color-shades-functional-yellow-950: #836721;
130
130
  --color-shades-functional-yellow-999: #7a5f29;
131
131
  --color-shades-functional-yellow-000: #fff9e9;
132
132
  --color-shades-functional-yellow-050: #fff5d9;
@@ -264,10 +264,12 @@
264
264
  --color-neutrals-background-secondary-dim: var(--color-shades-grey-850);
265
265
  --color-neutrals-background-tertiary-dim: var(--color-shades-grey-700);
266
266
  --color-neutrals-foreground-primary: var(--color-shades-grey-000);
267
- --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-200);
268
267
  --color-neutrals-foreground-secondary: var(--color-shades-functional-neutralgrey-100);
269
- --color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-000);
268
+ --color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-200);
269
+ --color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-800);
270
+ --color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-999);
270
271
  --color-neutrals-border-default: var(--color-shades-grey-300);
272
+ --color-neutrals-border-emphasized: var(--color-shades-grey-000);
271
273
  --color-neutrals-border-mute: var(--color-shades-grey-600);
272
274
  --color-neutrals-border-subtle: var(--color-shades-grey-800);
273
275
  --color-neutrals-border-disabled: var(--color-shades-grey-500);
@@ -309,12 +311,12 @@
309
311
  --color-interactive-danger-foreground-disabled: var(--color-shades-grey-950);
310
312
  --color-interactive-danger-border-focus: var(--color-shades-functional-blue-500);
311
313
  --color-feedback-background-default-neutral: var(--color-shades-functional-neutralgrey-800);
312
- --color-feedback-background-default-info: var(--color-shades-functional-blue-950);
314
+ --color-feedback-background-default-info: var(--color-shades-functional-blue-850);
313
315
  --color-feedback-background-default-error: var(--color-shades-functional-red-850);
314
- --color-feedback-background-default-warning: var(--color-shades-functional-yellow-999);
315
- --color-feedback-background-default-success: var(--color-shades-functional-green-900);
316
+ --color-feedback-background-default-warning: var(--color-shades-functional-yellow-950);
317
+ --color-feedback-background-default-success: var(--color-shades-functional-green-850);
316
318
  --color-feedback-background-subtle-neutral: var(--color-shades-functional-neutralgrey-850);
317
- --color-feedback-background-subtle-info: var(--color-shades-functional-blue-999);
319
+ --color-feedback-background-subtle-info: var(--color-shades-functional-blue-900);
318
320
  --color-feedback-background-subtle-error: var(--color-shades-functional-red-900);
319
321
  --color-feedback-background-subtle-warning: var(--color-shades-functional-yellow-999);
320
322
  --color-feedback-background-subtle-success: var(--color-shades-functional-green-900);
@@ -322,7 +324,7 @@
322
324
  --color-feedback-background-emphasized-info: var(--color-shades-functional-blue-800);
323
325
  --color-feedback-background-emphasized-error: var(--color-shades-functional-red-700);
324
326
  --color-feedback-background-emphasized-warning: var(--color-shades-functional-yellow-600);
325
- --color-feedback-background-emphasized-success: var(--color-shades-functional-green-900);
327
+ --color-feedback-background-emphasized-success: var(--color-shades-functional-green-800);
326
328
  --color-feedback-foreground-neutral: var(--color-shades-functional-neutralgrey-000);
327
329
  --color-feedback-foreground-info: var(--color-shades-functional-blue-300);
328
330
  --color-feedback-foreground-error: var(--color-shades-functional-red-400);
@@ -362,7 +364,7 @@
362
364
  --color-feedback-border-emphasized-info: var(--color-shades-functional-blue-700);
363
365
  --color-feedback-border-emphasized-error: var(--color-shades-functional-red-400);
364
366
  --color-feedback-border-emphasized-warning: var(--color-shades-functional-yellow-700);
365
- --color-feedback-border-emphasized-success: var(--color-shades-functional-green-800);
367
+ --color-feedback-border-emphasized-success: var(--color-shades-functional-green-700);
366
368
  --color-dangerlevel-background-mute-level1: var(--color-shades-functional-green-150);
367
369
  --color-dangerlevel-background-mute-level2: var(--color-shades-functional-yellow-200);
368
370
  --color-dangerlevel-background-mute-level3: var(--color-shades-functional-orange-150);
package/package.json CHANGED
@@ -11,7 +11,7 @@
11
11
  },
12
12
  "license": "MIT",
13
13
  "homepage": "https://github.com/NVE/Designsystem/",
14
- "version": "3.6.0",
14
+ "version": "3.6.2",
15
15
  "customElements": "custom-elements.json",
16
16
  "exports": {
17
17
  ".": {
@@ -31,7 +31,6 @@
31
31
  "scripts": {},
32
32
  "dependencies": {
33
33
  "@shoelace-style/shoelace": "^2.20.1",
34
- "@tokens-studio/sd-transforms": "^2.0.1",
35
34
  "fontfaceobserver": "^2.3.0",
36
35
  "lit": "^3.3.0"
37
36
  },