@sb1/ffe-core 100.4.0 → 100.4.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 (11) hide show
  1. package/css/colors-semantic.css +28 -28
  2. package/css/ffe.css +28 -28
  3. package/es/tsconfig.esm.tsbuildinfo +1 -1
  4. package/less/colors-semantic.less +28 -28
  5. package/lib/tsconfig.cjs.tsbuildinfo +1 -1
  6. package/package.json +3 -3
  7. package/scripts/build-colors/web/css.cjs +2 -2
  8. package/tokens/01 Primitive.value.json +3 -9
  9. package/tokens/02 Semantic.Light.json +4 -4
  10. package/tokens/03 Context.Default.json +8 -8
  11. package/types/tsconfig.types.tsbuildinfo +1 -1
package/css/colors-semantic.css CHANGED
@@ -32,9 +32,9 @@
32
32
  --ffe-color-fill-primary-selected-default: #f7fafd;
33
33
  --ffe-color-fill-primary-selected-hover: #d7e7f4;
34
34
  --ffe-color-fill-primary-selected-pressed: #c3d9ef;
35
- --ffe-color-fill-primary-subtle: #2e405c;
36
- --ffe-color-fill-primary-subtle-hover: #374b6c;
37
- --ffe-color-fill-primary-subtle-pressed: #3e5579;
35
+ --ffe-color-fill-primary-subtle: #374b6c;
36
+ --ffe-color-fill-primary-subtle-hover: #3e5579;
37
+ --ffe-color-fill-primary-subtle-pressed: #47618a;
38
38
  --ffe-color-fill-primary-invisible: #ffffff00;
39
39
  --ffe-color-fill-secondary-default: #457aa1;
40
40
  --ffe-color-fill-secondary-default-hover: #6096bd;
@@ -58,15 +58,15 @@
58
58
  --ffe-color-fill-neutral-extra-subtle-hover: #ffffff0d;
59
59
  --ffe-color-fill-neutral-extra-subtle-pressed: #ffffff13;
60
60
  --ffe-color-fill-feedback-info: #7eb5d2;
61
- --ffe-color-fill-feedback-info-subtle: #163853;
61
+ --ffe-color-fill-feedback-info-subtle: #234f71;
62
62
  --ffe-color-fill-feedback-success: #6abe97;
63
- --ffe-color-fill-feedback-success-subtle: #0a4330;
63
+ --ffe-color-fill-feedback-success-subtle: #09583b;
64
64
  --ffe-color-fill-feedback-warning: #ea910b;
65
- --ffe-color-fill-feedback-warning-subtle: #491c00;
65
+ --ffe-color-fill-feedback-warning-subtle: #682c00;
66
66
  --ffe-color-fill-feedback-critical: #ff5e5c;
67
- --ffe-color-fill-feedback-critical-subtle: #640e10;
67
+ --ffe-color-fill-feedback-critical-subtle: #7c1214;
68
68
  --ffe-color-fill-feedback-tip: #c1c1dc;
69
- --ffe-color-fill-feedback-tip-subtle: #312c44;
69
+ --ffe-color-fill-feedback-tip-subtle: #45415a;
70
70
  --ffe-color-foreground-default: #ffffff;
71
71
  --ffe-color-foreground-subtle: #c2c2c2;
72
72
  --ffe-color-foreground-emphasis: #d7e7f4;
@@ -158,7 +158,7 @@
158
158
  }
159
159
 
160
160
 
161
- /* dark mode accent når en overstyrer os/nettleser light/dark preferanse*/
161
+ /* dark mode accent når en overstyrer os/nettleser light/dark preferanse */
162
162
  .ffe-dark,
163
163
  .ffe-dark .ffe-default-mode {
164
164
  --ffe-color-background-default: #020a0a;
@@ -186,9 +186,9 @@
186
186
  --ffe-color-fill-primary-selected-default: #f7fafd;
187
187
  --ffe-color-fill-primary-selected-hover: #d7e7f4;
188
188
  --ffe-color-fill-primary-selected-pressed: #c3d9ef;
189
- --ffe-color-fill-primary-subtle: #2e405c;
190
- --ffe-color-fill-primary-subtle-hover: #374b6c;
191
- --ffe-color-fill-primary-subtle-pressed: #3e5579;
189
+ --ffe-color-fill-primary-subtle: #374b6c;
190
+ --ffe-color-fill-primary-subtle-hover: #3e5579;
191
+ --ffe-color-fill-primary-subtle-pressed: #47618a;
192
192
  --ffe-color-fill-primary-invisible: #ffffff00;
193
193
  --ffe-color-fill-secondary-default: #457aa1;
194
194
  --ffe-color-fill-secondary-default-hover: #6096bd;
@@ -212,15 +212,15 @@
212
212
  --ffe-color-fill-neutral-extra-subtle-hover: #ffffff0d;
213
213
  --ffe-color-fill-neutral-extra-subtle-pressed: #ffffff13;
214
214
  --ffe-color-fill-feedback-info: #7eb5d2;
215
- --ffe-color-fill-feedback-info-subtle: #163853;
215
+ --ffe-color-fill-feedback-info-subtle: #234f71;
216
216
  --ffe-color-fill-feedback-success: #6abe97;
217
- --ffe-color-fill-feedback-success-subtle: #0a4330;
217
+ --ffe-color-fill-feedback-success-subtle: #09583b;
218
218
  --ffe-color-fill-feedback-warning: #ea910b;
219
- --ffe-color-fill-feedback-warning-subtle: #491c00;
219
+ --ffe-color-fill-feedback-warning-subtle: #682c00;
220
220
  --ffe-color-fill-feedback-critical: #ff5e5c;
221
- --ffe-color-fill-feedback-critical-subtle: #640e10;
221
+ --ffe-color-fill-feedback-critical-subtle: #7c1214;
222
222
  --ffe-color-fill-feedback-tip: #c1c1dc;
223
- --ffe-color-fill-feedback-tip-subtle: #312c44;
223
+ --ffe-color-fill-feedback-tip-subtle: #45415a;
224
224
  --ffe-color-foreground-default: #ffffff;
225
225
  --ffe-color-foreground-subtle: #c2c2c2;
226
226
  --ffe-color-foreground-emphasis: #d7e7f4;
@@ -463,7 +463,7 @@
463
463
  }
464
464
  }
465
465
 
466
- /* dark mode accent når en overstyrer os/nettleser light/dark preferanser*/
466
+ /* dark mode accent når en overstyrer os/nettleser light/dark preferanser */
467
467
  .ffe-dark .ffe-accent-mode, .ffe-dark.ffe-accent-mode {
468
468
  --ffe-color-background-default: #1a1a1a;
469
469
  --ffe-color-background-subtle: #121212;
@@ -645,20 +645,20 @@
645
645
  --ffe-color-fill-primary-selected-default: #005aa4;
646
646
  --ffe-color-fill-primary-selected-hover: #073f83;
647
647
  --ffe-color-fill-primary-selected-pressed: #082868;
648
- --ffe-color-fill-primary-subtle: #e7f1f9;
649
- --ffe-color-fill-primary-subtle-hover: #d7e7f4;
650
- --ffe-color-fill-primary-subtle-pressed: #c3d9ef;
648
+ --ffe-color-fill-primary-subtle: #d7e7f4;
649
+ --ffe-color-fill-primary-subtle-hover: #c3d9ef;
650
+ --ffe-color-fill-primary-subtle-pressed: #b6d1ec;
651
651
  --ffe-color-fill-primary-invisible: #ffffff00;
652
652
  --ffe-color-fill-secondary-default: #a6cee2;
653
653
  --ffe-color-fill-secondary-default-hover: #7eb5d2;
654
654
  --ffe-color-fill-secondary-default-pressed: #6096bd;
655
- --ffe-color-fill-secondary-subtle: #dceaef;
655
+ --ffe-color-fill-secondary-subtle: #cbe2eb;
656
656
  --ffe-color-fill-secondary-subtle-hover: #c3dfea;
657
657
  --ffe-color-fill-secondary-subtle-pressed: #b6d7e7;
658
658
  --ffe-color-fill-tertiary-default: #c1c1dc;
659
659
  --ffe-color-fill-tertiary-default-hover: #b4aecb;
660
660
  --ffe-color-fill-tertiary-default-pressed: #a39db9;
661
- --ffe-color-fill-tertiary-subtle: #e6e6f4;
661
+ --ffe-color-fill-tertiary-subtle: #dcdcef;
662
662
  --ffe-color-fill-tertiary-subtle-hover: #d3d3ea;
663
663
  --ffe-color-fill-tertiary-subtle-pressed: #cacae3;
664
664
  --ffe-color-fill-neutral-default: #020a0a33;
@@ -671,15 +671,15 @@
671
671
  --ffe-color-fill-neutral-extra-subtle-hover: #020a0a0d;
672
672
  --ffe-color-fill-neutral-extra-subtle-pressed: #020a0a13;
673
673
  --ffe-color-fill-feedback-info: #457aa1;
674
- --ffe-color-fill-feedback-info-subtle: #e5f0f5;
674
+ --ffe-color-fill-feedback-info-subtle: #cbe2eb;
675
675
  --ffe-color-fill-feedback-success: #2a7e5b;
676
- --ffe-color-fill-feedback-success-subtle: #dff6eb;
676
+ --ffe-color-fill-feedback-success-subtle: #bbedd5;
677
677
  --ffe-color-fill-feedback-warning: #a95704;
678
- --ffe-color-fill-feedback-warning-subtle: #fdeed3;
678
+ --ffe-color-fill-feedback-warning-subtle: #ffd394;
679
679
  --ffe-color-fill-feedback-critical: #c62a2f;
680
- --ffe-color-fill-feedback-critical-subtle: #ffe3e0;
680
+ --ffe-color-fill-feedback-critical-subtle: #ffbeb8;
681
681
  --ffe-color-fill-feedback-tip: #5a5671;
682
- --ffe-color-fill-feedback-tip-subtle: #eaeaf6;
682
+ --ffe-color-fill-feedback-tip-subtle: #dcdcef;
683
683
  --ffe-color-foreground-default: #1a1a1a;
684
684
  --ffe-color-foreground-subtle: #525252;
685
685
  --ffe-color-foreground-emphasis: #08235e;
package/css/ffe.css CHANGED
@@ -417,9 +417,9 @@ html,
417
417
  --ffe-color-fill-primary-selected-default: #f7fafd;
418
418
  --ffe-color-fill-primary-selected-hover: #d7e7f4;
419
419
  --ffe-color-fill-primary-selected-pressed: #c3d9ef;
420
- --ffe-color-fill-primary-subtle: #2e405c;
421
- --ffe-color-fill-primary-subtle-hover: #374b6c;
422
- --ffe-color-fill-primary-subtle-pressed: #3e5579;
420
+ --ffe-color-fill-primary-subtle: #374b6c;
421
+ --ffe-color-fill-primary-subtle-hover: #3e5579;
422
+ --ffe-color-fill-primary-subtle-pressed: #47618a;
423
423
  --ffe-color-fill-primary-invisible: #ffffff00;
424
424
  --ffe-color-fill-secondary-default: #457aa1;
425
425
  --ffe-color-fill-secondary-default-hover: #6096bd;
@@ -443,15 +443,15 @@ html,
443
443
  --ffe-color-fill-neutral-extra-subtle-hover: #ffffff0d;
444
444
  --ffe-color-fill-neutral-extra-subtle-pressed: #ffffff13;
445
445
  --ffe-color-fill-feedback-info: #7eb5d2;
446
- --ffe-color-fill-feedback-info-subtle: #163853;
446
+ --ffe-color-fill-feedback-info-subtle: #234f71;
447
447
  --ffe-color-fill-feedback-success: #6abe97;
448
- --ffe-color-fill-feedback-success-subtle: #0a4330;
448
+ --ffe-color-fill-feedback-success-subtle: #09583b;
449
449
  --ffe-color-fill-feedback-warning: #ea910b;
450
- --ffe-color-fill-feedback-warning-subtle: #491c00;
450
+ --ffe-color-fill-feedback-warning-subtle: #682c00;
451
451
  --ffe-color-fill-feedback-critical: #ff5e5c;
452
- --ffe-color-fill-feedback-critical-subtle: #640e10;
452
+ --ffe-color-fill-feedback-critical-subtle: #7c1214;
453
453
  --ffe-color-fill-feedback-tip: #c1c1dc;
454
- --ffe-color-fill-feedback-tip-subtle: #312c44;
454
+ --ffe-color-fill-feedback-tip-subtle: #45415a;
455
455
  --ffe-color-foreground-default: #ffffff;
456
456
  --ffe-color-foreground-subtle: #c2c2c2;
457
457
  --ffe-color-foreground-emphasis: #d7e7f4;
@@ -541,7 +541,7 @@ html,
541
541
  --ffe-color-border-interactive-selected: #9ec2e5;
542
542
  }
543
543
  }
544
- /* dark mode accent når en overstyrer os/nettleser light/dark preferanse*/
544
+ /* dark mode accent når en overstyrer os/nettleser light/dark preferanse */
545
545
  .ffe-dark,
546
546
  .ffe-dark .ffe-default-mode {
547
547
  --ffe-color-background-default: #020a0a;
@@ -569,9 +569,9 @@ html,
569
569
  --ffe-color-fill-primary-selected-default: #f7fafd;
570
570
  --ffe-color-fill-primary-selected-hover: #d7e7f4;
571
571
  --ffe-color-fill-primary-selected-pressed: #c3d9ef;
572
- --ffe-color-fill-primary-subtle: #2e405c;
573
- --ffe-color-fill-primary-subtle-hover: #374b6c;
574
- --ffe-color-fill-primary-subtle-pressed: #3e5579;
572
+ --ffe-color-fill-primary-subtle: #374b6c;
573
+ --ffe-color-fill-primary-subtle-hover: #3e5579;
574
+ --ffe-color-fill-primary-subtle-pressed: #47618a;
575
575
  --ffe-color-fill-primary-invisible: #ffffff00;
576
576
  --ffe-color-fill-secondary-default: #457aa1;
577
577
  --ffe-color-fill-secondary-default-hover: #6096bd;
@@ -595,15 +595,15 @@ html,
595
595
  --ffe-color-fill-neutral-extra-subtle-hover: #ffffff0d;
596
596
  --ffe-color-fill-neutral-extra-subtle-pressed: #ffffff13;
597
597
  --ffe-color-fill-feedback-info: #7eb5d2;
598
- --ffe-color-fill-feedback-info-subtle: #163853;
598
+ --ffe-color-fill-feedback-info-subtle: #234f71;
599
599
  --ffe-color-fill-feedback-success: #6abe97;
600
- --ffe-color-fill-feedback-success-subtle: #0a4330;
600
+ --ffe-color-fill-feedback-success-subtle: #09583b;
601
601
  --ffe-color-fill-feedback-warning: #ea910b;
602
- --ffe-color-fill-feedback-warning-subtle: #491c00;
602
+ --ffe-color-fill-feedback-warning-subtle: #682c00;
603
603
  --ffe-color-fill-feedback-critical: #ff5e5c;
604
- --ffe-color-fill-feedback-critical-subtle: #640e10;
604
+ --ffe-color-fill-feedback-critical-subtle: #7c1214;
605
605
  --ffe-color-fill-feedback-tip: #c1c1dc;
606
- --ffe-color-fill-feedback-tip-subtle: #312c44;
606
+ --ffe-color-fill-feedback-tip-subtle: #45415a;
607
607
  --ffe-color-foreground-default: #ffffff;
608
608
  --ffe-color-foreground-subtle: #c2c2c2;
609
609
  --ffe-color-foreground-emphasis: #d7e7f4;
@@ -844,7 +844,7 @@ html,
844
844
  --ffe-color-border-interactive-selected: #9ec2e5;
845
845
  }
846
846
  }
847
- /* dark mode accent når en overstyrer os/nettleser light/dark preferanser*/
847
+ /* dark mode accent når en overstyrer os/nettleser light/dark preferanser */
848
848
  .ffe-dark .ffe-accent-mode,
849
849
  .ffe-dark.ffe-accent-mode {
850
850
  --ffe-color-background-default: #1a1a1a;
@@ -1027,20 +1027,20 @@ html,
1027
1027
  --ffe-color-fill-primary-selected-default: #005aa4;
1028
1028
  --ffe-color-fill-primary-selected-hover: #073f83;
1029
1029
  --ffe-color-fill-primary-selected-pressed: #082868;
1030
- --ffe-color-fill-primary-subtle: #e7f1f9;
1031
- --ffe-color-fill-primary-subtle-hover: #d7e7f4;
1032
- --ffe-color-fill-primary-subtle-pressed: #c3d9ef;
1030
+ --ffe-color-fill-primary-subtle: #d7e7f4;
1031
+ --ffe-color-fill-primary-subtle-hover: #c3d9ef;
1032
+ --ffe-color-fill-primary-subtle-pressed: #b6d1ec;
1033
1033
  --ffe-color-fill-primary-invisible: #ffffff00;
1034
1034
  --ffe-color-fill-secondary-default: #a6cee2;
1035
1035
  --ffe-color-fill-secondary-default-hover: #7eb5d2;
1036
1036
  --ffe-color-fill-secondary-default-pressed: #6096bd;
1037
- --ffe-color-fill-secondary-subtle: #dceaef;
1037
+ --ffe-color-fill-secondary-subtle: #cbe2eb;
1038
1038
  --ffe-color-fill-secondary-subtle-hover: #c3dfea;
1039
1039
  --ffe-color-fill-secondary-subtle-pressed: #b6d7e7;
1040
1040
  --ffe-color-fill-tertiary-default: #c1c1dc;
1041
1041
  --ffe-color-fill-tertiary-default-hover: #b4aecb;
1042
1042
  --ffe-color-fill-tertiary-default-pressed: #a39db9;
1043
- --ffe-color-fill-tertiary-subtle: #e6e6f4;
1043
+ --ffe-color-fill-tertiary-subtle: #dcdcef;
1044
1044
  --ffe-color-fill-tertiary-subtle-hover: #d3d3ea;
1045
1045
  --ffe-color-fill-tertiary-subtle-pressed: #cacae3;
1046
1046
  --ffe-color-fill-neutral-default: #020a0a33;
@@ -1053,15 +1053,15 @@ html,
1053
1053
  --ffe-color-fill-neutral-extra-subtle-hover: #020a0a0d;
1054
1054
  --ffe-color-fill-neutral-extra-subtle-pressed: #020a0a13;
1055
1055
  --ffe-color-fill-feedback-info: #457aa1;
1056
- --ffe-color-fill-feedback-info-subtle: #e5f0f5;
1056
+ --ffe-color-fill-feedback-info-subtle: #cbe2eb;
1057
1057
  --ffe-color-fill-feedback-success: #2a7e5b;
1058
- --ffe-color-fill-feedback-success-subtle: #dff6eb;
1058
+ --ffe-color-fill-feedback-success-subtle: #bbedd5;
1059
1059
  --ffe-color-fill-feedback-warning: #a95704;
1060
- --ffe-color-fill-feedback-warning-subtle: #fdeed3;
1060
+ --ffe-color-fill-feedback-warning-subtle: #ffd394;
1061
1061
  --ffe-color-fill-feedback-critical: #c62a2f;
1062
- --ffe-color-fill-feedback-critical-subtle: #ffe3e0;
1062
+ --ffe-color-fill-feedback-critical-subtle: #ffbeb8;
1063
1063
  --ffe-color-fill-feedback-tip: #5a5671;
1064
- --ffe-color-fill-feedback-tip-subtle: #eaeaf6;
1064
+ --ffe-color-fill-feedback-tip-subtle: #dcdcef;
1065
1065
  --ffe-color-foreground-default: #1a1a1a;
1066
1066
  --ffe-color-foreground-subtle: #525252;
1067
1067
  --ffe-color-foreground-emphasis: #08235e;
package/es/tsconfig.esm.tsbuildinfo CHANGED
@@ -1 +1 @@
1
- {"root":["../gen-src/index.ts"],"version":"5.9.2"}
1
+ {"root":["../gen-src/index.ts"],"version":"5.9.3"}
package/less/colors-semantic.less CHANGED
@@ -32,9 +32,9 @@
32
32
  --ffe-color-fill-primary-selected-default: #f7fafd;
33
33
  --ffe-color-fill-primary-selected-hover: #d7e7f4;
34
34
  --ffe-color-fill-primary-selected-pressed: #c3d9ef;
35
- --ffe-color-fill-primary-subtle: #2e405c;
36
- --ffe-color-fill-primary-subtle-hover: #374b6c;
37
- --ffe-color-fill-primary-subtle-pressed: #3e5579;
35
+ --ffe-color-fill-primary-subtle: #374b6c;
36
+ --ffe-color-fill-primary-subtle-hover: #3e5579;
37
+ --ffe-color-fill-primary-subtle-pressed: #47618a;
38
38
  --ffe-color-fill-primary-invisible: #ffffff00;
39
39
  --ffe-color-fill-secondary-default: #457aa1;
40
40
  --ffe-color-fill-secondary-default-hover: #6096bd;
@@ -58,15 +58,15 @@
58
58
  --ffe-color-fill-neutral-extra-subtle-hover: #ffffff0d;
59
59
  --ffe-color-fill-neutral-extra-subtle-pressed: #ffffff13;
60
60
  --ffe-color-fill-feedback-info: #7eb5d2;
61
- --ffe-color-fill-feedback-info-subtle: #163853;
61
+ --ffe-color-fill-feedback-info-subtle: #234f71;
62
62
  --ffe-color-fill-feedback-success: #6abe97;
63
- --ffe-color-fill-feedback-success-subtle: #0a4330;
63
+ --ffe-color-fill-feedback-success-subtle: #09583b;
64
64
  --ffe-color-fill-feedback-warning: #ea910b;
65
- --ffe-color-fill-feedback-warning-subtle: #491c00;
65
+ --ffe-color-fill-feedback-warning-subtle: #682c00;
66
66
  --ffe-color-fill-feedback-critical: #ff5e5c;
67
- --ffe-color-fill-feedback-critical-subtle: #640e10;
67
+ --ffe-color-fill-feedback-critical-subtle: #7c1214;
68
68
  --ffe-color-fill-feedback-tip: #c1c1dc;
69
- --ffe-color-fill-feedback-tip-subtle: #312c44;
69
+ --ffe-color-fill-feedback-tip-subtle: #45415a;
70
70
  --ffe-color-foreground-default: #ffffff;
71
71
  --ffe-color-foreground-subtle: #c2c2c2;
72
72
  --ffe-color-foreground-emphasis: #d7e7f4;
@@ -158,7 +158,7 @@
158
158
  }
159
159
 
160
160
 
161
- /* dark mode accent når en overstyrer os/nettleser light/dark preferanse*/
161
+ /* dark mode accent når en overstyrer os/nettleser light/dark preferanse */
162
162
  .ffe-dark,
163
163
  .ffe-dark .ffe-default-mode {
164
164
  --ffe-color-background-default: #020a0a;
@@ -186,9 +186,9 @@
186
186
  --ffe-color-fill-primary-selected-default: #f7fafd;
187
187
  --ffe-color-fill-primary-selected-hover: #d7e7f4;
188
188
  --ffe-color-fill-primary-selected-pressed: #c3d9ef;
189
- --ffe-color-fill-primary-subtle: #2e405c;
190
- --ffe-color-fill-primary-subtle-hover: #374b6c;
191
- --ffe-color-fill-primary-subtle-pressed: #3e5579;
189
+ --ffe-color-fill-primary-subtle: #374b6c;
190
+ --ffe-color-fill-primary-subtle-hover: #3e5579;
191
+ --ffe-color-fill-primary-subtle-pressed: #47618a;
192
192
  --ffe-color-fill-primary-invisible: #ffffff00;
193
193
  --ffe-color-fill-secondary-default: #457aa1;
194
194
  --ffe-color-fill-secondary-default-hover: #6096bd;
@@ -212,15 +212,15 @@
212
212
  --ffe-color-fill-neutral-extra-subtle-hover: #ffffff0d;
213
213
  --ffe-color-fill-neutral-extra-subtle-pressed: #ffffff13;
214
214
  --ffe-color-fill-feedback-info: #7eb5d2;
215
- --ffe-color-fill-feedback-info-subtle: #163853;
215
+ --ffe-color-fill-feedback-info-subtle: #234f71;
216
216
  --ffe-color-fill-feedback-success: #6abe97;
217
- --ffe-color-fill-feedback-success-subtle: #0a4330;
217
+ --ffe-color-fill-feedback-success-subtle: #09583b;
218
218
  --ffe-color-fill-feedback-warning: #ea910b;
219
- --ffe-color-fill-feedback-warning-subtle: #491c00;
219
+ --ffe-color-fill-feedback-warning-subtle: #682c00;
220
220
  --ffe-color-fill-feedback-critical: #ff5e5c;
221
- --ffe-color-fill-feedback-critical-subtle: #640e10;
221
+ --ffe-color-fill-feedback-critical-subtle: #7c1214;
222
222
  --ffe-color-fill-feedback-tip: #c1c1dc;
223
- --ffe-color-fill-feedback-tip-subtle: #312c44;
223
+ --ffe-color-fill-feedback-tip-subtle: #45415a;
224
224
  --ffe-color-foreground-default: #ffffff;
225
225
  --ffe-color-foreground-subtle: #c2c2c2;
226
226
  --ffe-color-foreground-emphasis: #d7e7f4;
@@ -463,7 +463,7 @@
463
463
  }
464
464
  }
465
465
 
466
- /* dark mode accent når en overstyrer os/nettleser light/dark preferanser*/
466
+ /* dark mode accent når en overstyrer os/nettleser light/dark preferanser */
467
467
  .ffe-dark .ffe-accent-mode, .ffe-dark.ffe-accent-mode {
468
468
  --ffe-color-background-default: #1a1a1a;
469
469
  --ffe-color-background-subtle: #121212;
@@ -645,20 +645,20 @@
645
645
  --ffe-color-fill-primary-selected-default: #005aa4;
646
646
  --ffe-color-fill-primary-selected-hover: #073f83;
647
647
  --ffe-color-fill-primary-selected-pressed: #082868;
648
- --ffe-color-fill-primary-subtle: #e7f1f9;
649
- --ffe-color-fill-primary-subtle-hover: #d7e7f4;
650
- --ffe-color-fill-primary-subtle-pressed: #c3d9ef;
648
+ --ffe-color-fill-primary-subtle: #d7e7f4;
649
+ --ffe-color-fill-primary-subtle-hover: #c3d9ef;
650
+ --ffe-color-fill-primary-subtle-pressed: #b6d1ec;
651
651
  --ffe-color-fill-primary-invisible: #ffffff00;
652
652
  --ffe-color-fill-secondary-default: #a6cee2;
653
653
  --ffe-color-fill-secondary-default-hover: #7eb5d2;
654
654
  --ffe-color-fill-secondary-default-pressed: #6096bd;
655
- --ffe-color-fill-secondary-subtle: #dceaef;
655
+ --ffe-color-fill-secondary-subtle: #cbe2eb;
656
656
  --ffe-color-fill-secondary-subtle-hover: #c3dfea;
657
657
  --ffe-color-fill-secondary-subtle-pressed: #b6d7e7;
658
658
  --ffe-color-fill-tertiary-default: #c1c1dc;
659
659
  --ffe-color-fill-tertiary-default-hover: #b4aecb;
660
660
  --ffe-color-fill-tertiary-default-pressed: #a39db9;
661
- --ffe-color-fill-tertiary-subtle: #e6e6f4;
661
+ --ffe-color-fill-tertiary-subtle: #dcdcef;
662
662
  --ffe-color-fill-tertiary-subtle-hover: #d3d3ea;
663
663
  --ffe-color-fill-tertiary-subtle-pressed: #cacae3;
664
664
  --ffe-color-fill-neutral-default: #020a0a33;
@@ -671,15 +671,15 @@
671
671
  --ffe-color-fill-neutral-extra-subtle-hover: #020a0a0d;
672
672
  --ffe-color-fill-neutral-extra-subtle-pressed: #020a0a13;
673
673
  --ffe-color-fill-feedback-info: #457aa1;
674
- --ffe-color-fill-feedback-info-subtle: #e5f0f5;
674
+ --ffe-color-fill-feedback-info-subtle: #cbe2eb;
675
675
  --ffe-color-fill-feedback-success: #2a7e5b;
676
- --ffe-color-fill-feedback-success-subtle: #dff6eb;
676
+ --ffe-color-fill-feedback-success-subtle: #bbedd5;
677
677
  --ffe-color-fill-feedback-warning: #a95704;
678
- --ffe-color-fill-feedback-warning-subtle: #fdeed3;
678
+ --ffe-color-fill-feedback-warning-subtle: #ffd394;
679
679
  --ffe-color-fill-feedback-critical: #c62a2f;
680
- --ffe-color-fill-feedback-critical-subtle: #ffe3e0;
680
+ --ffe-color-fill-feedback-critical-subtle: #ffbeb8;
681
681
  --ffe-color-fill-feedback-tip: #5a5671;
682
- --ffe-color-fill-feedback-tip-subtle: #eaeaf6;
682
+ --ffe-color-fill-feedback-tip-subtle: #dcdcef;
683
683
  --ffe-color-foreground-default: #1a1a1a;
684
684
  --ffe-color-foreground-subtle: #525252;
685
685
  --ffe-color-foreground-emphasis: #08235e;
package/lib/tsconfig.cjs.tsbuildinfo CHANGED
@@ -1 +1 @@
1
- {"root":["../gen-src/index.ts"],"version":"5.9.2"}
1
+ {"root":["../gen-src/index.ts"],"version":"5.9.3"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sb1/ffe-core",
3
- "version": "100.4.0",
3
+ "version": "100.4.2",
4
4
  "description": "Rammeverk for Felles Front End",
5
5
  "license": "MIT",
6
6
  "author": "SpareBank 1",
@@ -37,7 +37,7 @@
37
37
  "build-colors": "./scripts/build-colors.cjs"
38
38
  },
39
39
  "devDependencies": {
40
- "@sb1/ffe-buildtool": "^100.4.0",
40
+ "@sb1/ffe-buildtool": "^100.4.2",
41
41
  "case": "^1.5.5",
42
42
  "less": "^4.1.2",
43
43
  "postcss": "^8.3.6"
@@ -45,5 +45,5 @@
45
45
  "publishConfig": {
46
46
  "access": "public"
47
47
  },
48
- "gitHead": "fc78d293e18c36bcf24ad640eb5ff7e1963f2262"
48
+ "gitHead": "ad986e390a21ff4d026fab1127022dd2d4bde024"
49
49
  }
package/scripts/build-colors/web/css.cjs CHANGED
@@ -22,7 +22,7 @@ function generateCssColorFileContent(colors) {
22
22
  }
23
23
 
24
24
 
25
- /* dark mode accent når en overstyrer os/nettleser light/dark preferanse*/
25
+ /* dark mode accent når en overstyrer os/nettleser light/dark preferanse */
26
26
  .ffe-dark,
27
27
  .ffe-dark .ffe-default-mode {
28
28
  ${Object.entries(colors.dark)
@@ -39,7 +39,7 @@ ${Object.entries(colors.dark)
39
39
  }
40
40
  }
41
41
 
42
- /* dark mode accent når en overstyrer os/nettleser light/dark preferanser*/
42
+ /* dark mode accent når en overstyrer os/nettleser light/dark preferanser */
43
43
  .ffe-dark .ffe-accent-mode, .ffe-dark.ffe-accent-mode {
44
44
  ${Object.entries(colors.darkAccent)
45
45
  .map(([name, value]) => transformToCssProperty(name, value))
package/tokens/01 Primitive.value.json CHANGED
@@ -3886,9 +3886,7 @@
3886
3886
  "$extensions": {
3887
3887
  "com.figma": {
3888
3888
  "hiddenFromPublishing": true,
3889
- "scopes": [
3890
- "ALL_FILLS"
3891
- ],
3889
+ "scopes": [],
3892
3890
  "codeSyntax": {}
3893
3891
  }
3894
3892
  }
@@ -3900,9 +3898,7 @@
3900
3898
  "$extensions": {
3901
3899
  "com.figma": {
3902
3900
  "hiddenFromPublishing": true,
3903
- "scopes": [
3904
- "ALL_FILLS"
3905
- ],
3901
+ "scopes": [],
3906
3902
  "codeSyntax": {}
3907
3903
  }
3908
3904
  }
@@ -3914,9 +3910,7 @@
3914
3910
  "$extensions": {
3915
3911
  "com.figma": {
3916
3912
  "hiddenFromPublishing": true,
3917
- "scopes": [
3918
- "ALL_FILLS"
3919
- ],
3913
+ "scopes": [],
3920
3914
  "codeSyntax": {}
3921
3915
  }
3922
3916
  }
package/tokens/02 Semantic.Light.json CHANGED
@@ -103,7 +103,7 @@
103
103
  "secondary": {
104
104
  "subtlest": {
105
105
  "$type": "color",
106
- "$value": "{color.frost.25}",
106
+ "$value": "{color.frost.50}",
107
107
  "$description": "",
108
108
  "$extensions": {
109
109
  "com.figma": {
@@ -115,7 +115,7 @@
115
115
  },
116
116
  "subtler": {
117
117
  "$type": "color",
118
- "$value": "{color.frost.50}",
118
+ "$value": "{color.frost.75}",
119
119
  "$description": "",
120
120
  "$extensions": {
121
121
  "com.figma": {
@@ -201,7 +201,7 @@
201
201
  "tertiary": {
202
202
  "subtlest": {
203
203
  "$type": "color",
204
- "$value": "{color.syrin.25}",
204
+ "$value": "{color.syrin.50}",
205
205
  "$description": "",
206
206
  "$extensions": {
207
207
  "com.figma": {
@@ -213,7 +213,7 @@
213
213
  },
214
214
  "subtler": {
215
215
  "$type": "color",
216
- "$value": "{color.syrin.50}",
216
+ "$value": "{color.syrin.75}",
217
217
  "$description": "",
218
218
  "$extensions": {
219
219
  "com.figma": {
package/tokens/03 Context.Default.json CHANGED
@@ -399,7 +399,7 @@
399
399
  },
400
400
  "subtle": {
401
401
  "$type": "color",
402
- "$value": "{color.default.brand.primary.subtlest}",
402
+ "$value": "{color.default.brand.primary.subtler}",
403
403
  "$description": "",
404
404
  "$extensions": {
405
405
  "com.figma": {
@@ -414,7 +414,7 @@
414
414
  },
415
415
  "subtle-hover": {
416
416
  "$type": "color",
417
- "$value": "{color.default.brand.primary.subtler}",
417
+ "$value": "{color.default.brand.primary.subtle}",
418
418
  "$description": "",
419
419
  "$extensions": {
420
420
  "com.figma": {
@@ -429,7 +429,7 @@
429
429
  },
430
430
  "subtle-pressed": {
431
431
  "$type": "color",
432
- "$value": "{color.default.brand.primary.subtle}",
432
+ "$value": "{color.default.brand.primary.default}",
433
433
  "$description": "",
434
434
  "$extensions": {
435
435
  "com.figma": {
@@ -797,7 +797,7 @@
797
797
  },
798
798
  "info-subtle": {
799
799
  "$type": "color",
800
- "$value": "{color.default.feedback.info.subtlest}",
800
+ "$value": "{color.default.feedback.info.subtler}",
801
801
  "$description": "",
802
802
  "$extensions": {
803
803
  "com.figma": {
@@ -827,7 +827,7 @@
827
827
  },
828
828
  "success-subtle": {
829
829
  "$type": "color",
830
- "$value": "{color.default.feedback.success.subtlest}",
830
+ "$value": "{color.default.feedback.success.subtler}",
831
831
  "$description": "",
832
832
  "$extensions": {
833
833
  "com.figma": {
@@ -857,7 +857,7 @@
857
857
  },
858
858
  "warning-subtle": {
859
859
  "$type": "color",
860
- "$value": "{color.default.feedback.warning.subtlest}",
860
+ "$value": "{color.default.feedback.warning.subtler}",
861
861
  "$description": "",
862
862
  "$extensions": {
863
863
  "com.figma": {
@@ -887,7 +887,7 @@
887
887
  },
888
888
  "critical-subtle": {
889
889
  "$type": "color",
890
- "$value": "{color.default.feedback.critical.subtlest}",
890
+ "$value": "{color.default.feedback.critical.subtler}",
891
891
  "$description": "",
892
892
  "$extensions": {
893
893
  "com.figma": {
@@ -917,7 +917,7 @@
917
917
  },
918
918
  "tip-subtle": {
919
919
  "$type": "color",
920
- "$value": "{color.default.feedback.tip.sublest}",
920
+ "$value": "{color.default.feedback.tip.subtler}",
921
921
  "$description": "",
922
922
  "$extensions": {
923
923
  "com.figma": {
package/types/tsconfig.types.tsbuildinfo CHANGED
@@ -1 +1 @@
1
- {"root":["../gen-src/index.ts"],"version":"5.9.2"}
1
+ {"root":["../gen-src/index.ts"],"version":"5.9.3"}