@sb1/ffe-core 32.0.3 → 32.0.5
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.
package/css/colors-semantic.css
CHANGED
|
@@ -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:
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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:
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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:
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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
|
+
"version": "32.0.5",
|
|
4
4
|
"description": "Rammeverk for Felles Front End",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "SpareBank 1",
|
|
@@ -20,14 +20,16 @@
|
|
|
20
20
|
"url": "ssh://git@github.com:SpareBank1/designsystem.git"
|
|
21
21
|
},
|
|
22
22
|
"scripts": {
|
|
23
|
-
"lint": "
|
|
23
|
+
"lint": "echo `Linting handled at root level with oxlint`",
|
|
24
|
+
"lint:style": "ffe-buildtool stylelint less/*.less",
|
|
25
|
+
"lint:style:fix": "ffe-buildtool stylelint --fix less/*.less",
|
|
24
26
|
"test": "npm run lint",
|
|
25
27
|
"clean": "rm -rf css/ gen-src/ lib/",
|
|
26
28
|
"generate-semantic-colors": "./scripts/generate-semantic-colors.cjs",
|
|
27
29
|
"build": "npm run generate-semantic-colors && ./scripts/build.cjs tokens.config.cjs && ./scripts/build-custom-mq.cjs less/breakpoints.less css/custom-media-queries.css && ffe-buildtool tsc && lessc less/ffe.less css/ffe.css --autoprefix"
|
|
28
30
|
},
|
|
29
31
|
"devDependencies": {
|
|
30
|
-
"@sb1/ffe-buildtool": "^0.10.
|
|
32
|
+
"@sb1/ffe-buildtool": "^0.10.1",
|
|
31
33
|
"case": "^1.5.5",
|
|
32
34
|
"less": "^4.1.2",
|
|
33
35
|
"postcss": "^8.3.6"
|
|
@@ -35,5 +37,5 @@
|
|
|
35
37
|
"publishConfig": {
|
|
36
38
|
"access": "public"
|
|
37
39
|
},
|
|
38
|
-
"gitHead": "
|
|
40
|
+
"gitHead": "12c17b17efaecc8943ccaef202c7243e43083d52"
|
|
39
41
|
}
|