@sb1/ffe-core 100.3.1 → 100.4.1

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/colors-semantic.css +26 -26
  2. package/css/ffe.css +26 -26
  3. package/less/colors-semantic.less +26 -26
  4. package/package.json +3 -3
  5. package/tokens/01 Primitive.value.json +3 -9
  6. package/tokens/02 Semantic.Light.json +4 -4
  7. package/tokens/03 Context.Default.json +8 -8
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;
@@ -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;
@@ -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;
@@ -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;
@@ -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/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;
@@ -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;
@@ -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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sb1/ffe-core",
3
- "version": "100.3.1",
3
+ "version": "100.4.1",
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.3.1",
40
+ "@sb1/ffe-buildtool": "^100.4.1",
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": "411cde5752d042c9c576a54cf06dceede2197d57"
48
+ "gitHead": "c2005589cb5ec1083edb459f255a52d4f595b900"
49
49
  }
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": {