@sb1/ffe-core 32.0.3 → 32.0.4

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.
@@ -7,7 +7,7 @@
7
7
  --ffe-color-surface-primary-default: var(--ffe-color-speciality-background-surface-accent-accent);
8
8
  --ffe-color-surface-primary-default-hover: var(--ffe-color-speciality-background-surface-accent-accent-hover);
9
9
  --ffe-color-surface-primary-default-pressed: var(--ffe-color-speciality-background-surface-accent-accent-pressed);
10
- --ffe-color-surface-secondary-default: #005aa4;
10
+ --ffe-color-surface-secondary-default: var(--ffe-color-speciality-background-surface-accent-accent);
11
11
  --ffe-color-surface-secondary-hover: var(--ffe-color-speciality-background-surface-accent-accent-hover);
12
12
  --ffe-color-surface-secondary-pressed: var(--ffe-color-speciality-background-surface-accent-accent-pressed);
13
13
  --ffe-color-surface-tertiary-default: var(--ffe-color-speciality-background-surface-accent-accent);
@@ -60,7 +60,7 @@
60
60
  --ffe-color-fill-feedback-tip: var(--ffe-color-accent-feedback-tip-stronger);
61
61
  --ffe-color-fill-feedback-tip-subtle: var(--ffe-color-accent-feedback-tip-subtler);
62
62
  --ffe-color-foreground-default: var(--ffe-color-accent-neutral-strongest);
63
- --ffe-color-foreground-subtle: var(--ffe-color-accent-neutral-strong);
63
+ --ffe-color-foreground-subtle: var(--ffe-color-accent-neutral-stronger);
64
64
  --ffe-color-foreground-emphasis: var(--ffe-color-accent-brand-emphasis-stronger);
65
65
  --ffe-color-foreground-inverse: var(--ffe-color-accent-neutral-inverted);
66
66
  --ffe-color-foreground-on-fill-default: var(--ffe-color-accent-neutral-inverted);
@@ -199,7 +199,7 @@
199
199
  --ffe-color-fill-feedback-tip: var(--ffe-color-default-feedback-tip-stronger);
200
200
  --ffe-color-fill-feedback-tip-subtle: var(--ffe-color-default-feedback-tip-subtler);
201
201
  --ffe-color-foreground-default: var(--ffe-color-default-neutral-strongest);
202
- --ffe-color-foreground-subtle: var(--ffe-color-default-neutral-strong);
202
+ --ffe-color-foreground-subtle: var(--ffe-color-default-neutral-stronger);
203
203
  --ffe-color-foreground-emphasis: var(--ffe-color-default-brand-emphasis-stronger);
204
204
  --ffe-color-foreground-inverse: var(--ffe-color-default-neutral-subtlest);
205
205
  --ffe-color-foreground-on-fill-default: var(--ffe-color-default-neutral-inverted);
@@ -329,6 +329,7 @@
329
329
  --ffe-color-default-neutral-default: var(--ffe-color-gray-150);
330
330
  --ffe-color-default-neutral-medium: var(--ffe-color-gray-300);
331
331
  --ffe-color-default-neutral-strong: var(--ffe-color-gray-400);
332
+ --ffe-color-default-neutral-stronger: var(--ffe-color-gray-700);
332
333
  --ffe-color-default-neutral-strongest: var(--ffe-color-gray-950);
333
334
  --ffe-color-default-neutral-inverted: var(--ffe-color-alpha-white-1000);
334
335
  --ffe-color-default-neutral-alpha-subtlest: var(--ffe-color-alpha-black-25);
@@ -398,7 +399,7 @@
398
399
  --ffe-color-accent-neutral-alpha-strong: var(--ffe-color-alpha-white-300);
399
400
  --ffe-color-accent-neutral-alpha-stronger: var(--ffe-color-alpha-white-400);
400
401
  --ffe-color-accent-neutral-alpha-strongest: var(--ffe-color-alpha-white-500);
401
- --ffe-color-accent-neutral-strong: var(--ffe-color-alpha-white-500);
402
+ --ffe-color-accent-neutral-stronger: var(--ffe-color-alpha-white-800);
402
403
  --ffe-color-accent-neutral-strongest: var(--ffe-color-alpha-white-1000);
403
404
  --ffe-color-accent-neutral-inverted: var(--ffe-color-vann-1000);
404
405
  --ffe-color-accent-interactive-default: var(--ffe-color-vann-0);
@@ -511,6 +512,7 @@
511
512
  --ffe-color-default-neutral-default: var(--ffe-color-gray-500);
512
513
  --ffe-color-default-neutral-medium: var(--ffe-color-gray-400);
513
514
  --ffe-color-default-neutral-strong: var(--ffe-color-gray-250);
515
+ --ffe-color-default-neutral-stronger: var(--ffe-color-gray-150);
514
516
  --ffe-color-default-neutral-strongest: var(--ffe-color-alpha-white-1000);
515
517
  --ffe-color-default-neutral-inverted: var(--ffe-color-gray-1000);
516
518
  --ffe-color-default-neutral-alpha-subtlest: var(--ffe-color-alpha-white-25);
@@ -580,7 +582,7 @@
580
582
  --ffe-color-accent-neutral-alpha-strong: var(--ffe-color-alpha-white-300);
581
583
  --ffe-color-accent-neutral-alpha-stronger: var(--ffe-color-alpha-white-400);
582
584
  --ffe-color-accent-neutral-alpha-strongest: var(--ffe-color-alpha-white-500);
583
- --ffe-color-accent-neutral-strong: var(--ffe-color-gray-250);
585
+ --ffe-color-accent-neutral-stronger: var(--ffe-color-gray-150);
584
586
  --ffe-color-accent-neutral-strongest: var(--ffe-color-alpha-white-1000);
585
587
  --ffe-color-accent-neutral-inverted: var(--ffe-color-gray-1000);
586
588
  --ffe-color-accent-interactive-default: var(--ffe-color-vann-300);
@@ -697,7 +699,7 @@
697
699
  --ffe-color-fill-feedback-tip: var(--ffe-color-default-feedback-tip-stronger);
698
700
  --ffe-color-fill-feedback-tip-subtle: var(--ffe-color-default-feedback-tip-subtler);
699
701
  --ffe-color-foreground-default: var(--ffe-color-default-neutral-strongest);
700
- --ffe-color-foreground-subtle: var(--ffe-color-default-neutral-strong);
702
+ --ffe-color-foreground-subtle: var(--ffe-color-default-neutral-stronger);
701
703
  --ffe-color-foreground-emphasis: var(--ffe-color-default-brand-emphasis-stronger);
702
704
  --ffe-color-foreground-inverse: var(--ffe-color-default-neutral-subtlest);
703
705
  --ffe-color-foreground-on-fill-default: var(--ffe-color-default-neutral-inverted);
@@ -884,6 +886,7 @@
884
886
  --ffe-color-alpha-white-500: #ffffff80;
885
887
  --ffe-color-alpha-white-600: #ffffff99;
886
888
  --ffe-color-alpha-white-700: #ffffffb2;
889
+ --ffe-color-alpha-white-800: #ffffffcc;
887
890
  --ffe-color-alpha-white-1000: #ffffff;
888
891
  --ffe-color-alpha-black-25: #020a0a06;
889
892
  --ffe-color-alpha-black-50: #020a0a0d;
package/css/ffe.css CHANGED
@@ -393,7 +393,7 @@ html,
393
393
  --ffe-color-surface-primary-default: var(--ffe-color-speciality-background-surface-accent-accent);
394
394
  --ffe-color-surface-primary-default-hover: var(--ffe-color-speciality-background-surface-accent-accent-hover);
395
395
  --ffe-color-surface-primary-default-pressed: var(--ffe-color-speciality-background-surface-accent-accent-pressed);
396
- --ffe-color-surface-secondary-default: #005aa4;
396
+ --ffe-color-surface-secondary-default: var(--ffe-color-speciality-background-surface-accent-accent);
397
397
  --ffe-color-surface-secondary-hover: var(--ffe-color-speciality-background-surface-accent-accent-hover);
398
398
  --ffe-color-surface-secondary-pressed: var(--ffe-color-speciality-background-surface-accent-accent-pressed);
399
399
  --ffe-color-surface-tertiary-default: var(--ffe-color-speciality-background-surface-accent-accent);
@@ -446,7 +446,7 @@ html,
446
446
  --ffe-color-fill-feedback-tip: var(--ffe-color-accent-feedback-tip-stronger);
447
447
  --ffe-color-fill-feedback-tip-subtle: var(--ffe-color-accent-feedback-tip-subtler);
448
448
  --ffe-color-foreground-default: var(--ffe-color-accent-neutral-strongest);
449
- --ffe-color-foreground-subtle: var(--ffe-color-accent-neutral-strong);
449
+ --ffe-color-foreground-subtle: var(--ffe-color-accent-neutral-stronger);
450
450
  --ffe-color-foreground-emphasis: var(--ffe-color-accent-brand-emphasis-stronger);
451
451
  --ffe-color-foreground-inverse: var(--ffe-color-accent-neutral-inverted);
452
452
  --ffe-color-foreground-on-fill-default: var(--ffe-color-accent-neutral-inverted);
@@ -583,7 +583,7 @@ html,
583
583
  --ffe-color-fill-feedback-tip: var(--ffe-color-default-feedback-tip-stronger);
584
584
  --ffe-color-fill-feedback-tip-subtle: var(--ffe-color-default-feedback-tip-subtler);
585
585
  --ffe-color-foreground-default: var(--ffe-color-default-neutral-strongest);
586
- --ffe-color-foreground-subtle: var(--ffe-color-default-neutral-strong);
586
+ --ffe-color-foreground-subtle: var(--ffe-color-default-neutral-stronger);
587
587
  --ffe-color-foreground-emphasis: var(--ffe-color-default-brand-emphasis-stronger);
588
588
  --ffe-color-foreground-inverse: var(--ffe-color-default-neutral-subtlest);
589
589
  --ffe-color-foreground-on-fill-default: var(--ffe-color-default-neutral-inverted);
@@ -711,6 +711,7 @@ html,
711
711
  --ffe-color-default-neutral-default: var(--ffe-color-gray-150);
712
712
  --ffe-color-default-neutral-medium: var(--ffe-color-gray-300);
713
713
  --ffe-color-default-neutral-strong: var(--ffe-color-gray-400);
714
+ --ffe-color-default-neutral-stronger: var(--ffe-color-gray-700);
714
715
  --ffe-color-default-neutral-strongest: var(--ffe-color-gray-950);
715
716
  --ffe-color-default-neutral-inverted: var(--ffe-color-alpha-white-1000);
716
717
  --ffe-color-default-neutral-alpha-subtlest: var(--ffe-color-alpha-black-25);
@@ -780,7 +781,7 @@ html,
780
781
  --ffe-color-accent-neutral-alpha-strong: var(--ffe-color-alpha-white-300);
781
782
  --ffe-color-accent-neutral-alpha-stronger: var(--ffe-color-alpha-white-400);
782
783
  --ffe-color-accent-neutral-alpha-strongest: var(--ffe-color-alpha-white-500);
783
- --ffe-color-accent-neutral-strong: var(--ffe-color-alpha-white-500);
784
+ --ffe-color-accent-neutral-stronger: var(--ffe-color-alpha-white-800);
784
785
  --ffe-color-accent-neutral-strongest: var(--ffe-color-alpha-white-1000);
785
786
  --ffe-color-accent-neutral-inverted: var(--ffe-color-vann-1000);
786
787
  --ffe-color-accent-interactive-default: var(--ffe-color-vann-0);
@@ -891,6 +892,7 @@ html,
891
892
  --ffe-color-default-neutral-default: var(--ffe-color-gray-500);
892
893
  --ffe-color-default-neutral-medium: var(--ffe-color-gray-400);
893
894
  --ffe-color-default-neutral-strong: var(--ffe-color-gray-250);
895
+ --ffe-color-default-neutral-stronger: var(--ffe-color-gray-150);
894
896
  --ffe-color-default-neutral-strongest: var(--ffe-color-alpha-white-1000);
895
897
  --ffe-color-default-neutral-inverted: var(--ffe-color-gray-1000);
896
898
  --ffe-color-default-neutral-alpha-subtlest: var(--ffe-color-alpha-white-25);
@@ -960,7 +962,7 @@ html,
960
962
  --ffe-color-accent-neutral-alpha-strong: var(--ffe-color-alpha-white-300);
961
963
  --ffe-color-accent-neutral-alpha-stronger: var(--ffe-color-alpha-white-400);
962
964
  --ffe-color-accent-neutral-alpha-strongest: var(--ffe-color-alpha-white-500);
963
- --ffe-color-accent-neutral-strong: var(--ffe-color-gray-250);
965
+ --ffe-color-accent-neutral-stronger: var(--ffe-color-gray-150);
964
966
  --ffe-color-accent-neutral-strongest: var(--ffe-color-alpha-white-1000);
965
967
  --ffe-color-accent-neutral-inverted: var(--ffe-color-gray-1000);
966
968
  --ffe-color-accent-interactive-default: var(--ffe-color-vann-300);
@@ -1076,7 +1078,7 @@ html,
1076
1078
  --ffe-color-fill-feedback-tip: var(--ffe-color-default-feedback-tip-stronger);
1077
1079
  --ffe-color-fill-feedback-tip-subtle: var(--ffe-color-default-feedback-tip-subtler);
1078
1080
  --ffe-color-foreground-default: var(--ffe-color-default-neutral-strongest);
1079
- --ffe-color-foreground-subtle: var(--ffe-color-default-neutral-strong);
1081
+ --ffe-color-foreground-subtle: var(--ffe-color-default-neutral-stronger);
1080
1082
  --ffe-color-foreground-emphasis: var(--ffe-color-default-brand-emphasis-stronger);
1081
1083
  --ffe-color-foreground-inverse: var(--ffe-color-default-neutral-subtlest);
1082
1084
  --ffe-color-foreground-on-fill-default: var(--ffe-color-default-neutral-inverted);
@@ -1263,6 +1265,7 @@ html,
1263
1265
  --ffe-color-alpha-white-500: #ffffff80;
1264
1266
  --ffe-color-alpha-white-600: #ffffff99;
1265
1267
  --ffe-color-alpha-white-700: #ffffffb2;
1268
+ --ffe-color-alpha-white-800: #ffffffcc;
1266
1269
  --ffe-color-alpha-white-1000: #ffffff;
1267
1270
  --ffe-color-alpha-black-25: #020a0a06;
1268
1271
  --ffe-color-alpha-black-50: #020a0a0d;
@@ -50,6 +50,7 @@
50
50
  --ffe-color-default-neutral-default: var(--ffe-color-gray-500);
51
51
  --ffe-color-default-neutral-medium: var(--ffe-color-gray-400);
52
52
  --ffe-color-default-neutral-strong: var(--ffe-color-gray-250);
53
+ --ffe-color-default-neutral-stronger: var(--ffe-color-gray-150);
53
54
  --ffe-color-default-neutral-strongest: var(--ffe-color-alpha-white-1000);
54
55
  --ffe-color-default-neutral-inverted: var(--ffe-color-gray-1000);
55
56
  --ffe-color-default-neutral-alpha-subtlest: var(--ffe-color-alpha-white-25);
@@ -119,7 +120,7 @@
119
120
  --ffe-color-accent-neutral-alpha-strong: var(--ffe-color-alpha-white-300);
120
121
  --ffe-color-accent-neutral-alpha-stronger: var(--ffe-color-alpha-white-400);
121
122
  --ffe-color-accent-neutral-alpha-strongest: var(--ffe-color-alpha-white-500);
122
- --ffe-color-accent-neutral-strong: var(--ffe-color-gray-250);
123
+ --ffe-color-accent-neutral-stronger: var(--ffe-color-gray-150);
123
124
  --ffe-color-accent-neutral-strongest: var(--ffe-color-alpha-white-1000);
124
125
  --ffe-color-accent-neutral-inverted: var(--ffe-color-gray-1000);
125
126
  --ffe-color-accent-interactive-default: var(--ffe-color-vann-300);
@@ -236,7 +237,7 @@
236
237
  --ffe-color-fill-feedback-tip: var(--ffe-color-default-feedback-tip-stronger);
237
238
  --ffe-color-fill-feedback-tip-subtle: var(--ffe-color-default-feedback-tip-subtler);
238
239
  --ffe-color-foreground-default: var(--ffe-color-default-neutral-strongest);
239
- --ffe-color-foreground-subtle: var(--ffe-color-default-neutral-strong);
240
+ --ffe-color-foreground-subtle: var(--ffe-color-default-neutral-stronger);
240
241
  --ffe-color-foreground-emphasis: var(--ffe-color-default-brand-emphasis-stronger);
241
242
  --ffe-color-foreground-inverse: var(--ffe-color-default-neutral-subtlest);
242
243
  --ffe-color-foreground-on-fill-default: var(--ffe-color-default-neutral-inverted);
@@ -7,7 +7,7 @@
7
7
  --ffe-color-surface-primary-default: var(--ffe-color-speciality-background-surface-accent-accent);
8
8
  --ffe-color-surface-primary-default-hover: var(--ffe-color-speciality-background-surface-accent-accent-hover);
9
9
  --ffe-color-surface-primary-default-pressed: var(--ffe-color-speciality-background-surface-accent-accent-pressed);
10
- --ffe-color-surface-secondary-default: #005aa4;
10
+ --ffe-color-surface-secondary-default: var(--ffe-color-speciality-background-surface-accent-accent);
11
11
  --ffe-color-surface-secondary-hover: var(--ffe-color-speciality-background-surface-accent-accent-hover);
12
12
  --ffe-color-surface-secondary-pressed: var(--ffe-color-speciality-background-surface-accent-accent-pressed);
13
13
  --ffe-color-surface-tertiary-default: var(--ffe-color-speciality-background-surface-accent-accent);
@@ -60,7 +60,7 @@
60
60
  --ffe-color-fill-feedback-tip: var(--ffe-color-accent-feedback-tip-stronger);
61
61
  --ffe-color-fill-feedback-tip-subtle: var(--ffe-color-accent-feedback-tip-subtler);
62
62
  --ffe-color-foreground-default: var(--ffe-color-accent-neutral-strongest);
63
- --ffe-color-foreground-subtle: var(--ffe-color-accent-neutral-strong);
63
+ --ffe-color-foreground-subtle: var(--ffe-color-accent-neutral-stronger);
64
64
  --ffe-color-foreground-emphasis: var(--ffe-color-accent-brand-emphasis-stronger);
65
65
  --ffe-color-foreground-inverse: var(--ffe-color-accent-neutral-inverted);
66
66
  --ffe-color-foreground-on-fill-default: var(--ffe-color-accent-neutral-inverted);
@@ -199,7 +199,7 @@
199
199
  --ffe-color-fill-feedback-tip: var(--ffe-color-default-feedback-tip-stronger);
200
200
  --ffe-color-fill-feedback-tip-subtle: var(--ffe-color-default-feedback-tip-subtler);
201
201
  --ffe-color-foreground-default: var(--ffe-color-default-neutral-strongest);
202
- --ffe-color-foreground-subtle: var(--ffe-color-default-neutral-strong);
202
+ --ffe-color-foreground-subtle: var(--ffe-color-default-neutral-stronger);
203
203
  --ffe-color-foreground-emphasis: var(--ffe-color-default-brand-emphasis-stronger);
204
204
  --ffe-color-foreground-inverse: var(--ffe-color-default-neutral-subtlest);
205
205
  --ffe-color-foreground-on-fill-default: var(--ffe-color-default-neutral-inverted);
@@ -329,6 +329,7 @@
329
329
  --ffe-color-default-neutral-default: var(--ffe-color-gray-150);
330
330
  --ffe-color-default-neutral-medium: var(--ffe-color-gray-300);
331
331
  --ffe-color-default-neutral-strong: var(--ffe-color-gray-400);
332
+ --ffe-color-default-neutral-stronger: var(--ffe-color-gray-700);
332
333
  --ffe-color-default-neutral-strongest: var(--ffe-color-gray-950);
333
334
  --ffe-color-default-neutral-inverted: var(--ffe-color-alpha-white-1000);
334
335
  --ffe-color-default-neutral-alpha-subtlest: var(--ffe-color-alpha-black-25);
@@ -398,7 +399,7 @@
398
399
  --ffe-color-accent-neutral-alpha-strong: var(--ffe-color-alpha-white-300);
399
400
  --ffe-color-accent-neutral-alpha-stronger: var(--ffe-color-alpha-white-400);
400
401
  --ffe-color-accent-neutral-alpha-strongest: var(--ffe-color-alpha-white-500);
401
- --ffe-color-accent-neutral-strong: var(--ffe-color-alpha-white-500);
402
+ --ffe-color-accent-neutral-stronger: var(--ffe-color-alpha-white-800);
402
403
  --ffe-color-accent-neutral-strongest: var(--ffe-color-alpha-white-1000);
403
404
  --ffe-color-accent-neutral-inverted: var(--ffe-color-vann-1000);
404
405
  --ffe-color-accent-interactive-default: var(--ffe-color-vann-0);
@@ -511,6 +512,7 @@
511
512
  --ffe-color-default-neutral-default: var(--ffe-color-gray-500);
512
513
  --ffe-color-default-neutral-medium: var(--ffe-color-gray-400);
513
514
  --ffe-color-default-neutral-strong: var(--ffe-color-gray-250);
515
+ --ffe-color-default-neutral-stronger: var(--ffe-color-gray-150);
514
516
  --ffe-color-default-neutral-strongest: var(--ffe-color-alpha-white-1000);
515
517
  --ffe-color-default-neutral-inverted: var(--ffe-color-gray-1000);
516
518
  --ffe-color-default-neutral-alpha-subtlest: var(--ffe-color-alpha-white-25);
@@ -580,7 +582,7 @@
580
582
  --ffe-color-accent-neutral-alpha-strong: var(--ffe-color-alpha-white-300);
581
583
  --ffe-color-accent-neutral-alpha-stronger: var(--ffe-color-alpha-white-400);
582
584
  --ffe-color-accent-neutral-alpha-strongest: var(--ffe-color-alpha-white-500);
583
- --ffe-color-accent-neutral-strong: var(--ffe-color-gray-250);
585
+ --ffe-color-accent-neutral-stronger: var(--ffe-color-gray-150);
584
586
  --ffe-color-accent-neutral-strongest: var(--ffe-color-alpha-white-1000);
585
587
  --ffe-color-accent-neutral-inverted: var(--ffe-color-gray-1000);
586
588
  --ffe-color-accent-interactive-default: var(--ffe-color-vann-300);
@@ -697,7 +699,7 @@
697
699
  --ffe-color-fill-feedback-tip: var(--ffe-color-default-feedback-tip-stronger);
698
700
  --ffe-color-fill-feedback-tip-subtle: var(--ffe-color-default-feedback-tip-subtler);
699
701
  --ffe-color-foreground-default: var(--ffe-color-default-neutral-strongest);
700
- --ffe-color-foreground-subtle: var(--ffe-color-default-neutral-strong);
702
+ --ffe-color-foreground-subtle: var(--ffe-color-default-neutral-stronger);
701
703
  --ffe-color-foreground-emphasis: var(--ffe-color-default-brand-emphasis-stronger);
702
704
  --ffe-color-foreground-inverse: var(--ffe-color-default-neutral-subtlest);
703
705
  --ffe-color-foreground-on-fill-default: var(--ffe-color-default-neutral-inverted);
@@ -884,6 +886,7 @@
884
886
  --ffe-color-alpha-white-500: #ffffff80;
885
887
  --ffe-color-alpha-white-600: #ffffff99;
886
888
  --ffe-color-alpha-white-700: #ffffffb2;
889
+ --ffe-color-alpha-white-800: #ffffffcc;
887
890
  --ffe-color-alpha-white-1000: #ffffff;
888
891
  --ffe-color-alpha-black-25: #020a0a06;
889
892
  --ffe-color-alpha-black-50: #020a0a0d;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sb1/ffe-core",
3
- "version": "32.0.3",
3
+ "version": "32.0.4",
4
4
  "description": "Rammeverk for Felles Front End",
5
5
  "license": "MIT",
6
6
  "author": "SpareBank 1",
@@ -35,5 +35,5 @@
35
35
  "publishConfig": {
36
36
  "access": "public"
37
37
  },
38
- "gitHead": "95b6a74279f09f081219e948c3ad02ac5fbc8d1c"
38
+ "gitHead": "52a39d013e53e8645be7bc73837d7f79004eb3a2"
39
39
  }