nve-designsystem 3.11.0 → 3.12.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/css/nve.css +18 -18
  2. package/css/nve_dark.css +14 -14
  3. package/css/rme.css +18 -18
  4. package/css/rme_dark.css +14 -14
  5. package/css/varsom.css +18 -18
  6. package/css/varsom_dark.css +14 -14
  7. package/package.json +1 -1
package/css/nve.css CHANGED
@@ -342,11 +342,11 @@
342
342
  --color-feedback-foreground-error: var(--color-shades-functional-red-700);
343
343
  --color-feedback-foreground-warning: var(--color-shades-functional-orange-999);
344
344
  --color-feedback-foreground-success: var(--color-shades-functional-green-900);
345
- --color-feedback-foreground-on-bg-subtle-neutral: var(--color-shades-functional-neutralgrey-999);
346
- --color-feedback-foreground-on-bg-subtle-info: var(--color-shades-functional-blue-999);
347
- --color-feedback-foreground-on-bg-subtle-error: var(--color-shades-functional-red-950);
345
+ --color-feedback-foreground-on-bg-subtle-neutral: var(--color-shades-functional-neutralgrey-800);
346
+ --color-feedback-foreground-on-bg-subtle-info: var(--color-shades-functional-blue-850);
347
+ --color-feedback-foreground-on-bg-subtle-error: var(--color-shades-functional-red-850);
348
348
  --color-feedback-foreground-on-bg-subtle-warning: var(--color-shades-functional-orange-999);
349
- --color-feedback-foreground-on-bg-subtle-success: var(--color-shades-functional-green-999);
349
+ --color-feedback-foreground-on-bg-subtle-success: var(--color-shades-functional-green-900);
350
350
  --color-feedback-foreground-on-bg-emphasized-neutral: var(--color-shades-functional-neutralgrey-000);
351
351
  --color-feedback-foreground-on-bg-emphasized-info: var(--color-shades-functional-neutralgrey-000);
352
352
  --color-feedback-foreground-on-bg-emphasized-error: var(--color-shades-functional-neutralgrey-000);
@@ -444,20 +444,20 @@
444
444
  --color-supplemental-charts-foreground-data-02: var(--color-shades-data-color-a-600);
445
445
  --color-supplemental-charts-foreground-data-03: var(--color-shades-data-color-a-800);
446
446
  --color-supplemental-charts-foreground-data-04: var(--color-shades-data-color-a-950);
447
- --color-supplemental-charts-foreground-data-05: var(--color-shades-data-color-b-900);
448
- --color-supplemental-charts-foreground-data-06: var(--color-shades-data-color-b-800);
449
- --color-supplemental-charts-foreground-data-07: var(--color-shades-data-color-b-500);
450
- --color-supplemental-charts-foreground-data-08: var(--color-shades-data-color-c-600);
451
- --color-supplemental-charts-foreground-data-09: var(--color-shades-data-color-c-800);
452
- --color-supplemental-charts-foreground-data-10: var(--color-shades-data-color-c-900);
453
- --color-supplemental-charts-foreground-data-11: var(--color-shades-data-color-d-900);
454
- --color-supplemental-charts-foreground-data-12: var(--color-shades-data-color-d-800);
455
- --color-supplemental-charts-foreground-data-13: var(--color-shades-data-color-d-600);
456
- --color-supplemental-charts-foreground-data-14: var(--color-shades-data-color-e-300);
457
- --color-supplemental-charts-foreground-data-15: var(--color-shades-data-color-e-400);
458
- --color-supplemental-charts-foreground-data-16: var(--color-shades-data-color-e-500);
459
- --color-supplemental-charts-foreground-data-17: var(--color-shades-data-color-f-800);
460
- --color-supplemental-charts-foreground-data-18: var(--color-shades-data-color-g-800);
447
+ --color-supplemental-charts-foreground-data-05: var(--color-shades-data-color-d-900);
448
+ --color-supplemental-charts-foreground-data-06: var(--color-shades-data-color-b-500);
449
+ --color-supplemental-charts-foreground-data-07: var(--color-shades-data-color-e-300);
450
+ --color-supplemental-charts-foreground-data-08: var(--color-shades-data-color-g-800);
451
+ --color-supplemental-charts-foreground-data-09: var(--color-shades-data-color-f-800);
452
+ --color-supplemental-charts-foreground-data-10: var(--color-shades-data-color-e-400);
453
+ --color-supplemental-charts-foreground-data-11: var(--color-shades-data-color-b-800);
454
+ --color-supplemental-charts-foreground-data-12: var(--color-shades-data-color-d-600);
455
+ --color-supplemental-charts-foreground-data-13: var(--color-shades-data-color-c-800);
456
+ --color-supplemental-charts-foreground-data-14: var(--color-shades-data-color-e-500);
457
+ --color-supplemental-charts-foreground-data-15: var(--color-shades-data-color-d-800);
458
+ --color-supplemental-charts-foreground-data-16: var(--color-shades-data-color-c-900);
459
+ --color-supplemental-charts-foreground-data-17: var(--color-shades-data-color-c-600);
460
+ --color-supplemental-charts-foreground-data-18: var(--color-shades-data-color-b-900);
461
461
  --spacing-none: 0;
462
462
  --spacing-20x: 20px;
463
463
  --spacing-24x: 24px;
package/css/nve_dark.css CHANGED
@@ -444,18 +444,18 @@
444
444
  --color-supplemental-charts-foreground-data-02: var(--color-shades-data-color-a-150);
445
445
  --color-supplemental-charts-foreground-data-03: var(--color-shades-data-color-a-100);
446
446
  --color-supplemental-charts-foreground-data-04: var(--color-shades-data-color-a-000);
447
- --color-supplemental-charts-foreground-data-05: var(--color-shades-data-color-b-500);
448
- --color-supplemental-charts-foreground-data-06: var(--color-shades-data-color-b-400);
449
- --color-supplemental-charts-foreground-data-07: var(--color-shades-data-color-b-200);
450
- --color-supplemental-charts-foreground-data-08: var(--color-shades-data-color-c-400);
451
- --color-supplemental-charts-foreground-data-09: var(--color-shades-data-color-c-500);
452
- --color-supplemental-charts-foreground-data-10: var(--color-shades-data-color-c-600);
453
- --color-supplemental-charts-foreground-data-11: var(--color-shades-data-color-d-400);
454
- --color-supplemental-charts-foreground-data-12: var(--color-shades-data-color-d-500);
455
- --color-supplemental-charts-foreground-data-13: var(--color-shades-data-color-d-600);
456
- --color-supplemental-charts-foreground-data-14: var(--color-shades-data-color-e-100);
457
- --color-supplemental-charts-foreground-data-15: var(--color-shades-data-color-e-200);
458
- --color-supplemental-charts-foreground-data-16: var(--color-shades-data-color-e-300);
459
- --color-supplemental-charts-foreground-data-17: var(--color-shades-data-color-f-600);
460
- --color-supplemental-charts-foreground-data-18: var(--color-shades-data-color-g-600);
447
+ --color-supplemental-charts-foreground-data-05: var(--color-shades-data-color-d-400);
448
+ --color-supplemental-charts-foreground-data-06: var(--color-shades-data-color-b-200);
449
+ --color-supplemental-charts-foreground-data-07: var(--color-shades-data-color-e-100);
450
+ --color-supplemental-charts-foreground-data-08: var(--color-shades-data-color-g-600);
451
+ --color-supplemental-charts-foreground-data-09: var(--color-shades-data-color-f-600);
452
+ --color-supplemental-charts-foreground-data-10: var(--color-shades-data-color-e-200);
453
+ --color-supplemental-charts-foreground-data-11: var(--color-shades-data-color-b-400);
454
+ --color-supplemental-charts-foreground-data-12: var(--color-shades-data-color-d-600);
455
+ --color-supplemental-charts-foreground-data-13: var(--color-shades-data-color-c-500);
456
+ --color-supplemental-charts-foreground-data-14: var(--color-shades-data-color-e-300);
457
+ --color-supplemental-charts-foreground-data-15: var(--color-shades-data-color-d-500);
458
+ --color-supplemental-charts-foreground-data-16: var(--color-shades-data-color-c-600);
459
+ --color-supplemental-charts-foreground-data-17: var(--color-shades-data-color-c-400);
460
+ --color-supplemental-charts-foreground-data-18: var(--color-shades-data-color-b-500);
461
461
  }
package/css/rme.css CHANGED
@@ -342,11 +342,11 @@
342
342
  --color-feedback-foreground-error: var(--color-shades-functional-red-700);
343
343
  --color-feedback-foreground-warning: var(--color-shades-functional-orange-999);
344
344
  --color-feedback-foreground-success: var(--color-shades-functional-green-900);
345
- --color-feedback-foreground-on-bg-subtle-neutral: var(--color-shades-functional-neutralgrey-999);
346
- --color-feedback-foreground-on-bg-subtle-info: var(--color-shades-functional-blue-999);
347
- --color-feedback-foreground-on-bg-subtle-error: var(--color-shades-functional-red-950);
345
+ --color-feedback-foreground-on-bg-subtle-neutral: var(--color-shades-functional-neutralgrey-800);
346
+ --color-feedback-foreground-on-bg-subtle-info: var(--color-shades-functional-blue-850);
347
+ --color-feedback-foreground-on-bg-subtle-error: var(--color-shades-functional-red-850);
348
348
  --color-feedback-foreground-on-bg-subtle-warning: var(--color-shades-functional-orange-999);
349
- --color-feedback-foreground-on-bg-subtle-success: var(--color-shades-functional-green-999);
349
+ --color-feedback-foreground-on-bg-subtle-success: var(--color-shades-functional-green-900);
350
350
  --color-feedback-foreground-on-bg-emphasized-neutral: var(--color-shades-functional-neutralgrey-000);
351
351
  --color-feedback-foreground-on-bg-emphasized-info: var(--color-shades-functional-neutralgrey-000);
352
352
  --color-feedback-foreground-on-bg-emphasized-error: var(--color-shades-functional-neutralgrey-000);
@@ -444,20 +444,20 @@
444
444
  --color-supplemental-charts-foreground-data-02: var(--color-shades-data-color-a-600);
445
445
  --color-supplemental-charts-foreground-data-03: var(--color-shades-data-color-a-800);
446
446
  --color-supplemental-charts-foreground-data-04: var(--color-shades-data-color-a-950);
447
- --color-supplemental-charts-foreground-data-05: var(--color-shades-data-color-b-900);
448
- --color-supplemental-charts-foreground-data-06: var(--color-shades-data-color-b-800);
449
- --color-supplemental-charts-foreground-data-07: var(--color-shades-data-color-b-500);
450
- --color-supplemental-charts-foreground-data-08: var(--color-shades-data-color-c-600);
451
- --color-supplemental-charts-foreground-data-09: var(--color-shades-data-color-c-800);
452
- --color-supplemental-charts-foreground-data-10: var(--color-shades-data-color-c-900);
453
- --color-supplemental-charts-foreground-data-11: var(--color-shades-data-color-d-900);
454
- --color-supplemental-charts-foreground-data-12: var(--color-shades-data-color-d-800);
455
- --color-supplemental-charts-foreground-data-13: var(--color-shades-data-color-d-600);
456
- --color-supplemental-charts-foreground-data-14: var(--color-shades-data-color-e-300);
457
- --color-supplemental-charts-foreground-data-15: var(--color-shades-data-color-e-400);
458
- --color-supplemental-charts-foreground-data-16: var(--color-shades-data-color-e-500);
459
- --color-supplemental-charts-foreground-data-17: var(--color-shades-data-color-f-800);
460
- --color-supplemental-charts-foreground-data-18: var(--color-shades-data-color-g-800);
447
+ --color-supplemental-charts-foreground-data-05: var(--color-shades-data-color-d-900);
448
+ --color-supplemental-charts-foreground-data-06: var(--color-shades-data-color-b-500);
449
+ --color-supplemental-charts-foreground-data-07: var(--color-shades-data-color-e-300);
450
+ --color-supplemental-charts-foreground-data-08: var(--color-shades-data-color-g-800);
451
+ --color-supplemental-charts-foreground-data-09: var(--color-shades-data-color-f-800);
452
+ --color-supplemental-charts-foreground-data-10: var(--color-shades-data-color-e-400);
453
+ --color-supplemental-charts-foreground-data-11: var(--color-shades-data-color-b-800);
454
+ --color-supplemental-charts-foreground-data-12: var(--color-shades-data-color-d-600);
455
+ --color-supplemental-charts-foreground-data-13: var(--color-shades-data-color-c-800);
456
+ --color-supplemental-charts-foreground-data-14: var(--color-shades-data-color-e-500);
457
+ --color-supplemental-charts-foreground-data-15: var(--color-shades-data-color-d-800);
458
+ --color-supplemental-charts-foreground-data-16: var(--color-shades-data-color-c-900);
459
+ --color-supplemental-charts-foreground-data-17: var(--color-shades-data-color-c-600);
460
+ --color-supplemental-charts-foreground-data-18: var(--color-shades-data-color-b-900);
461
461
  --spacing-none: 0;
462
462
  --spacing-20x: 20px;
463
463
  --spacing-24x: 24px;
package/css/rme_dark.css CHANGED
@@ -444,18 +444,18 @@
444
444
  --color-supplemental-charts-foreground-data-02: var(--color-shades-data-color-a-150);
445
445
  --color-supplemental-charts-foreground-data-03: var(--color-shades-data-color-a-100);
446
446
  --color-supplemental-charts-foreground-data-04: var(--color-shades-data-color-a-000);
447
- --color-supplemental-charts-foreground-data-05: var(--color-shades-data-color-b-500);
448
- --color-supplemental-charts-foreground-data-06: var(--color-shades-data-color-b-400);
449
- --color-supplemental-charts-foreground-data-07: var(--color-shades-data-color-b-200);
450
- --color-supplemental-charts-foreground-data-08: var(--color-shades-data-color-c-400);
451
- --color-supplemental-charts-foreground-data-09: var(--color-shades-data-color-c-500);
452
- --color-supplemental-charts-foreground-data-10: var(--color-shades-data-color-c-600);
453
- --color-supplemental-charts-foreground-data-11: var(--color-shades-data-color-d-400);
454
- --color-supplemental-charts-foreground-data-12: var(--color-shades-data-color-d-500);
455
- --color-supplemental-charts-foreground-data-13: var(--color-shades-data-color-d-600);
456
- --color-supplemental-charts-foreground-data-14: var(--color-shades-data-color-e-100);
457
- --color-supplemental-charts-foreground-data-15: var(--color-shades-data-color-e-200);
458
- --color-supplemental-charts-foreground-data-16: var(--color-shades-data-color-e-300);
459
- --color-supplemental-charts-foreground-data-17: var(--color-shades-data-color-f-600);
460
- --color-supplemental-charts-foreground-data-18: var(--color-shades-data-color-g-600);
447
+ --color-supplemental-charts-foreground-data-05: var(--color-shades-data-color-d-400);
448
+ --color-supplemental-charts-foreground-data-06: var(--color-shades-data-color-b-200);
449
+ --color-supplemental-charts-foreground-data-07: var(--color-shades-data-color-e-100);
450
+ --color-supplemental-charts-foreground-data-08: var(--color-shades-data-color-g-600);
451
+ --color-supplemental-charts-foreground-data-09: var(--color-shades-data-color-f-600);
452
+ --color-supplemental-charts-foreground-data-10: var(--color-shades-data-color-e-200);
453
+ --color-supplemental-charts-foreground-data-11: var(--color-shades-data-color-b-400);
454
+ --color-supplemental-charts-foreground-data-12: var(--color-shades-data-color-d-600);
455
+ --color-supplemental-charts-foreground-data-13: var(--color-shades-data-color-c-500);
456
+ --color-supplemental-charts-foreground-data-14: var(--color-shades-data-color-e-300);
457
+ --color-supplemental-charts-foreground-data-15: var(--color-shades-data-color-d-500);
458
+ --color-supplemental-charts-foreground-data-16: var(--color-shades-data-color-c-600);
459
+ --color-supplemental-charts-foreground-data-17: var(--color-shades-data-color-c-400);
460
+ --color-supplemental-charts-foreground-data-18: var(--color-shades-data-color-b-500);
461
461
  }
package/css/varsom.css CHANGED
@@ -342,11 +342,11 @@
342
342
  --color-feedback-foreground-error: var(--color-shades-functional-red-700);
343
343
  --color-feedback-foreground-warning: var(--color-shades-functional-orange-999);
344
344
  --color-feedback-foreground-success: var(--color-shades-functional-green-900);
345
- --color-feedback-foreground-on-bg-subtle-neutral: var(--color-shades-functional-neutralgrey-999);
346
- --color-feedback-foreground-on-bg-subtle-info: var(--color-shades-functional-blue-999);
347
- --color-feedback-foreground-on-bg-subtle-error: var(--color-shades-functional-red-950);
345
+ --color-feedback-foreground-on-bg-subtle-neutral: var(--color-shades-functional-neutralgrey-800);
346
+ --color-feedback-foreground-on-bg-subtle-info: var(--color-shades-functional-blue-850);
347
+ --color-feedback-foreground-on-bg-subtle-error: var(--color-shades-functional-red-850);
348
348
  --color-feedback-foreground-on-bg-subtle-warning: var(--color-shades-functional-orange-999);
349
- --color-feedback-foreground-on-bg-subtle-success: var(--color-shades-functional-green-999);
349
+ --color-feedback-foreground-on-bg-subtle-success: var(--color-shades-functional-green-900);
350
350
  --color-feedback-foreground-on-bg-emphasized-neutral: var(--color-shades-functional-neutralgrey-000);
351
351
  --color-feedback-foreground-on-bg-emphasized-info: var(--color-shades-functional-neutralgrey-000);
352
352
  --color-feedback-foreground-on-bg-emphasized-error: var(--color-shades-functional-neutralgrey-000);
@@ -444,20 +444,20 @@
444
444
  --color-supplemental-charts-foreground-data-02: var(--color-shades-data-color-a-600);
445
445
  --color-supplemental-charts-foreground-data-03: var(--color-shades-data-color-a-800);
446
446
  --color-supplemental-charts-foreground-data-04: var(--color-shades-data-color-a-950);
447
- --color-supplemental-charts-foreground-data-05: var(--color-shades-data-color-b-900);
448
- --color-supplemental-charts-foreground-data-06: var(--color-shades-data-color-b-800);
449
- --color-supplemental-charts-foreground-data-07: var(--color-shades-data-color-b-500);
450
- --color-supplemental-charts-foreground-data-08: var(--color-shades-data-color-c-600);
451
- --color-supplemental-charts-foreground-data-09: var(--color-shades-data-color-c-800);
452
- --color-supplemental-charts-foreground-data-10: var(--color-shades-data-color-c-900);
453
- --color-supplemental-charts-foreground-data-11: var(--color-shades-data-color-d-900);
454
- --color-supplemental-charts-foreground-data-12: var(--color-shades-data-color-d-800);
455
- --color-supplemental-charts-foreground-data-13: var(--color-shades-data-color-d-600);
456
- --color-supplemental-charts-foreground-data-14: var(--color-shades-data-color-e-300);
457
- --color-supplemental-charts-foreground-data-15: var(--color-shades-data-color-e-400);
458
- --color-supplemental-charts-foreground-data-16: var(--color-shades-data-color-e-500);
459
- --color-supplemental-charts-foreground-data-17: var(--color-shades-data-color-f-800);
460
- --color-supplemental-charts-foreground-data-18: var(--color-shades-data-color-g-800);
447
+ --color-supplemental-charts-foreground-data-05: var(--color-shades-data-color-d-900);
448
+ --color-supplemental-charts-foreground-data-06: var(--color-shades-data-color-b-500);
449
+ --color-supplemental-charts-foreground-data-07: var(--color-shades-data-color-e-300);
450
+ --color-supplemental-charts-foreground-data-08: var(--color-shades-data-color-g-800);
451
+ --color-supplemental-charts-foreground-data-09: var(--color-shades-data-color-f-800);
452
+ --color-supplemental-charts-foreground-data-10: var(--color-shades-data-color-e-400);
453
+ --color-supplemental-charts-foreground-data-11: var(--color-shades-data-color-b-800);
454
+ --color-supplemental-charts-foreground-data-12: var(--color-shades-data-color-d-600);
455
+ --color-supplemental-charts-foreground-data-13: var(--color-shades-data-color-c-800);
456
+ --color-supplemental-charts-foreground-data-14: var(--color-shades-data-color-e-500);
457
+ --color-supplemental-charts-foreground-data-15: var(--color-shades-data-color-d-800);
458
+ --color-supplemental-charts-foreground-data-16: var(--color-shades-data-color-c-900);
459
+ --color-supplemental-charts-foreground-data-17: var(--color-shades-data-color-c-600);
460
+ --color-supplemental-charts-foreground-data-18: var(--color-shades-data-color-b-900);
461
461
  --spacing-none: 0;
462
462
  --spacing-20x: 20px;
463
463
  --spacing-24x: 24px;
package/css/varsom_dark.css CHANGED
@@ -444,18 +444,18 @@
444
444
  --color-supplemental-charts-foreground-data-02: var(--color-shades-data-color-a-150);
445
445
  --color-supplemental-charts-foreground-data-03: var(--color-shades-data-color-a-100);
446
446
  --color-supplemental-charts-foreground-data-04: var(--color-shades-data-color-a-000);
447
- --color-supplemental-charts-foreground-data-05: var(--color-shades-data-color-b-500);
448
- --color-supplemental-charts-foreground-data-06: var(--color-shades-data-color-b-400);
449
- --color-supplemental-charts-foreground-data-07: var(--color-shades-data-color-b-200);
450
- --color-supplemental-charts-foreground-data-08: var(--color-shades-data-color-c-400);
451
- --color-supplemental-charts-foreground-data-09: var(--color-shades-data-color-c-500);
452
- --color-supplemental-charts-foreground-data-10: var(--color-shades-data-color-c-600);
453
- --color-supplemental-charts-foreground-data-11: var(--color-shades-data-color-d-400);
454
- --color-supplemental-charts-foreground-data-12: var(--color-shades-data-color-d-500);
455
- --color-supplemental-charts-foreground-data-13: var(--color-shades-data-color-d-600);
456
- --color-supplemental-charts-foreground-data-14: var(--color-shades-data-color-e-100);
457
- --color-supplemental-charts-foreground-data-15: var(--color-shades-data-color-e-200);
458
- --color-supplemental-charts-foreground-data-16: var(--color-shades-data-color-e-300);
459
- --color-supplemental-charts-foreground-data-17: var(--color-shades-data-color-f-600);
460
- --color-supplemental-charts-foreground-data-18: var(--color-shades-data-color-g-600);
447
+ --color-supplemental-charts-foreground-data-05: var(--color-shades-data-color-d-400);
448
+ --color-supplemental-charts-foreground-data-06: var(--color-shades-data-color-b-200);
449
+ --color-supplemental-charts-foreground-data-07: var(--color-shades-data-color-e-100);
450
+ --color-supplemental-charts-foreground-data-08: var(--color-shades-data-color-g-600);
451
+ --color-supplemental-charts-foreground-data-09: var(--color-shades-data-color-f-600);
452
+ --color-supplemental-charts-foreground-data-10: var(--color-shades-data-color-e-200);
453
+ --color-supplemental-charts-foreground-data-11: var(--color-shades-data-color-b-400);
454
+ --color-supplemental-charts-foreground-data-12: var(--color-shades-data-color-d-600);
455
+ --color-supplemental-charts-foreground-data-13: var(--color-shades-data-color-c-500);
456
+ --color-supplemental-charts-foreground-data-14: var(--color-shades-data-color-e-300);
457
+ --color-supplemental-charts-foreground-data-15: var(--color-shades-data-color-d-500);
458
+ --color-supplemental-charts-foreground-data-16: var(--color-shades-data-color-c-600);
459
+ --color-supplemental-charts-foreground-data-17: var(--color-shades-data-color-c-400);
460
+ --color-supplemental-charts-foreground-data-18: var(--color-shades-data-color-b-500);
461
461
  }
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.11.0",
14
+ "version": "3.12.0",
15
15
  "customElements": "dist/custom-elements.json",
16
16
  "exports": {
17
17
  ".": {