@sb1/ffe-core 30.0.0 → 30.0.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.
- package/css/colors-semantic.css +12 -6
- package/css/ffe.css +12 -6
- package/less/colors-semantic-storybook.less +4 -2
- package/less/colors-semantic.less +12 -6
- package/lib/semanticColors.js +3 -1
- package/package.json +2 -2
package/css/colors-semantic.css
CHANGED
|
@@ -21,7 +21,9 @@
|
|
|
21
21
|
--ffe-color-fill-primary-default: var(--ffe-color-accent-brand-primary-medium);
|
|
22
22
|
--ffe-color-fill-primary-hover: var(--ffe-color-accent-brand-primary-strong);
|
|
23
23
|
--ffe-color-fill-primary-pressed: var(--ffe-color-accent-brand-primary-stronger);
|
|
24
|
-
--ffe-color-fill-primary-selected: var(--ffe-color-accent-brand-primary-
|
|
24
|
+
--ffe-color-fill-primary-selected: var(--ffe-color-accent-brand-primary-strong);
|
|
25
|
+
--ffe-color-fill-primary-selected-hover: var(--ffe-color-accent-brand-primary-stronger);
|
|
26
|
+
--ffe-color-fill-primary-selected-pressed: var(--ffe-color-accent-brand-primary-strongest);
|
|
25
27
|
--ffe-color-fill-primary-subtle: var(--ffe-color-accent-brand-primary-subtlest);
|
|
26
28
|
--ffe-color-fill-primary-subtle-hover: var(--ffe-color-accent-brand-primary-subtler);
|
|
27
29
|
--ffe-color-fill-primary-subtle-pressed: var(--ffe-color-accent-brand-primary-subtle);
|
|
@@ -44,7 +46,7 @@
|
|
|
44
46
|
--ffe-color-fill-feedback-critical: var(--ffe-color-accent-feedback-critical-strong);
|
|
45
47
|
--ffe-color-fill-feedback-tip: var(--ffe-color-accent-feedback-tip-stronger);
|
|
46
48
|
--ffe-color-foreground-default: var(--ffe-color-accent-neutral-strongest);
|
|
47
|
-
--ffe-color-foreground-subtle: var(--ffe-color-accent-neutral-
|
|
49
|
+
--ffe-color-foreground-subtle: var(--ffe-color-accent-neutral-strong);
|
|
48
50
|
--ffe-color-foreground-emphasis: var(--ffe-color-accent-brand-emphasis-strongest);
|
|
49
51
|
--ffe-color-foreground-inverse: var(--ffe-color-accent-neutral-inverted);
|
|
50
52
|
--ffe-color-foreground-on-fill-default: var(--ffe-color-accent-neutral-inverted);
|
|
@@ -143,7 +145,9 @@
|
|
|
143
145
|
--ffe-color-fill-primary-default: var(--ffe-color-default-brand-primary-medium);
|
|
144
146
|
--ffe-color-fill-primary-hover: var(--ffe-color-default-brand-primary-strong);
|
|
145
147
|
--ffe-color-fill-primary-pressed: var(--ffe-color-default-brand-primary-stronger);
|
|
146
|
-
--ffe-color-fill-primary-selected: var(--ffe-color-default-brand-primary-
|
|
148
|
+
--ffe-color-fill-primary-selected: var(--ffe-color-default-brand-primary-strong);
|
|
149
|
+
--ffe-color-fill-primary-selected-hover: var(--ffe-color-default-brand-primary-stronger);
|
|
150
|
+
--ffe-color-fill-primary-selected-pressed: var(--ffe-color-default-brand-primary-strongest);
|
|
147
151
|
--ffe-color-fill-primary-subtle: var(--ffe-color-default-brand-primary-subtlest);
|
|
148
152
|
--ffe-color-fill-primary-subtle-hover: var(--ffe-color-default-brand-primary-subtler);
|
|
149
153
|
--ffe-color-fill-primary-subtle-pressed: var(--ffe-color-default-brand-primary-subtle);
|
|
@@ -166,7 +170,7 @@
|
|
|
166
170
|
--ffe-color-fill-feedback-critical: var(--ffe-color-default-feedback-critical-strong);
|
|
167
171
|
--ffe-color-fill-feedback-tip: var(--ffe-color-default-feedback-tip-stronger);
|
|
168
172
|
--ffe-color-foreground-default: var(--ffe-color-default-neutral-strongest);
|
|
169
|
-
--ffe-color-foreground-subtle: var(--ffe-color-default-neutral-
|
|
173
|
+
--ffe-color-foreground-subtle: var(--ffe-color-default-neutral-strong);
|
|
170
174
|
--ffe-color-foreground-emphasis: var(--ffe-color-default-brand-emphasis-strongest);
|
|
171
175
|
--ffe-color-foreground-inverse: var(--ffe-color-default-neutral-sublest);
|
|
172
176
|
--ffe-color-foreground-on-fill-default: var(--ffe-color-default-neutral-inverted);
|
|
@@ -509,7 +513,9 @@
|
|
|
509
513
|
--ffe-color-fill-primary-default: var(--ffe-color-default-brand-primary-medium);
|
|
510
514
|
--ffe-color-fill-primary-hover: var(--ffe-color-default-brand-primary-strong);
|
|
511
515
|
--ffe-color-fill-primary-pressed: var(--ffe-color-default-brand-primary-stronger);
|
|
512
|
-
--ffe-color-fill-primary-selected: var(--ffe-color-default-brand-primary-
|
|
516
|
+
--ffe-color-fill-primary-selected: var(--ffe-color-default-brand-primary-strong);
|
|
517
|
+
--ffe-color-fill-primary-selected-hover: var(--ffe-color-default-brand-primary-stronger);
|
|
518
|
+
--ffe-color-fill-primary-selected-pressed: var(--ffe-color-default-brand-primary-strongest);
|
|
513
519
|
--ffe-color-fill-primary-subtle: var(--ffe-color-default-brand-primary-subtlest);
|
|
514
520
|
--ffe-color-fill-primary-subtle-hover: var(--ffe-color-default-brand-primary-subtler);
|
|
515
521
|
--ffe-color-fill-primary-subtle-pressed: var(--ffe-color-default-brand-primary-subtle);
|
|
@@ -532,7 +538,7 @@
|
|
|
532
538
|
--ffe-color-fill-feedback-critical: var(--ffe-color-default-feedback-critical-strong);
|
|
533
539
|
--ffe-color-fill-feedback-tip: var(--ffe-color-default-feedback-tip-stronger);
|
|
534
540
|
--ffe-color-foreground-default: var(--ffe-color-default-neutral-strongest);
|
|
535
|
-
--ffe-color-foreground-subtle: var(--ffe-color-default-neutral-
|
|
541
|
+
--ffe-color-foreground-subtle: var(--ffe-color-default-neutral-strong);
|
|
536
542
|
--ffe-color-foreground-emphasis: var(--ffe-color-default-brand-emphasis-strongest);
|
|
537
543
|
--ffe-color-foreground-inverse: var(--ffe-color-default-neutral-sublest);
|
|
538
544
|
--ffe-color-foreground-on-fill-default: var(--ffe-color-default-neutral-inverted);
|
package/css/ffe.css
CHANGED
|
@@ -407,7 +407,9 @@ html,
|
|
|
407
407
|
--ffe-color-fill-primary-default: var(--ffe-color-accent-brand-primary-medium);
|
|
408
408
|
--ffe-color-fill-primary-hover: var(--ffe-color-accent-brand-primary-strong);
|
|
409
409
|
--ffe-color-fill-primary-pressed: var(--ffe-color-accent-brand-primary-stronger);
|
|
410
|
-
--ffe-color-fill-primary-selected: var(--ffe-color-accent-brand-primary-
|
|
410
|
+
--ffe-color-fill-primary-selected: var(--ffe-color-accent-brand-primary-strong);
|
|
411
|
+
--ffe-color-fill-primary-selected-hover: var(--ffe-color-accent-brand-primary-stronger);
|
|
412
|
+
--ffe-color-fill-primary-selected-pressed: var(--ffe-color-accent-brand-primary-strongest);
|
|
411
413
|
--ffe-color-fill-primary-subtle: var(--ffe-color-accent-brand-primary-subtlest);
|
|
412
414
|
--ffe-color-fill-primary-subtle-hover: var(--ffe-color-accent-brand-primary-subtler);
|
|
413
415
|
--ffe-color-fill-primary-subtle-pressed: var(--ffe-color-accent-brand-primary-subtle);
|
|
@@ -430,7 +432,7 @@ html,
|
|
|
430
432
|
--ffe-color-fill-feedback-critical: var(--ffe-color-accent-feedback-critical-strong);
|
|
431
433
|
--ffe-color-fill-feedback-tip: var(--ffe-color-accent-feedback-tip-stronger);
|
|
432
434
|
--ffe-color-foreground-default: var(--ffe-color-accent-neutral-strongest);
|
|
433
|
-
--ffe-color-foreground-subtle: var(--ffe-color-accent-neutral-
|
|
435
|
+
--ffe-color-foreground-subtle: var(--ffe-color-accent-neutral-strong);
|
|
434
436
|
--ffe-color-foreground-emphasis: var(--ffe-color-accent-brand-emphasis-strongest);
|
|
435
437
|
--ffe-color-foreground-inverse: var(--ffe-color-accent-neutral-inverted);
|
|
436
438
|
--ffe-color-foreground-on-fill-default: var(--ffe-color-accent-neutral-inverted);
|
|
@@ -527,7 +529,9 @@ html,
|
|
|
527
529
|
--ffe-color-fill-primary-default: var(--ffe-color-default-brand-primary-medium);
|
|
528
530
|
--ffe-color-fill-primary-hover: var(--ffe-color-default-brand-primary-strong);
|
|
529
531
|
--ffe-color-fill-primary-pressed: var(--ffe-color-default-brand-primary-stronger);
|
|
530
|
-
--ffe-color-fill-primary-selected: var(--ffe-color-default-brand-primary-
|
|
532
|
+
--ffe-color-fill-primary-selected: var(--ffe-color-default-brand-primary-strong);
|
|
533
|
+
--ffe-color-fill-primary-selected-hover: var(--ffe-color-default-brand-primary-stronger);
|
|
534
|
+
--ffe-color-fill-primary-selected-pressed: var(--ffe-color-default-brand-primary-strongest);
|
|
531
535
|
--ffe-color-fill-primary-subtle: var(--ffe-color-default-brand-primary-subtlest);
|
|
532
536
|
--ffe-color-fill-primary-subtle-hover: var(--ffe-color-default-brand-primary-subtler);
|
|
533
537
|
--ffe-color-fill-primary-subtle-pressed: var(--ffe-color-default-brand-primary-subtle);
|
|
@@ -550,7 +554,7 @@ html,
|
|
|
550
554
|
--ffe-color-fill-feedback-critical: var(--ffe-color-default-feedback-critical-strong);
|
|
551
555
|
--ffe-color-fill-feedback-tip: var(--ffe-color-default-feedback-tip-stronger);
|
|
552
556
|
--ffe-color-foreground-default: var(--ffe-color-default-neutral-strongest);
|
|
553
|
-
--ffe-color-foreground-subtle: var(--ffe-color-default-neutral-
|
|
557
|
+
--ffe-color-foreground-subtle: var(--ffe-color-default-neutral-strong);
|
|
554
558
|
--ffe-color-foreground-emphasis: var(--ffe-color-default-brand-emphasis-strongest);
|
|
555
559
|
--ffe-color-foreground-inverse: var(--ffe-color-default-neutral-sublest);
|
|
556
560
|
--ffe-color-foreground-on-fill-default: var(--ffe-color-default-neutral-inverted);
|
|
@@ -888,7 +892,9 @@ html,
|
|
|
888
892
|
--ffe-color-fill-primary-default: var(--ffe-color-default-brand-primary-medium);
|
|
889
893
|
--ffe-color-fill-primary-hover: var(--ffe-color-default-brand-primary-strong);
|
|
890
894
|
--ffe-color-fill-primary-pressed: var(--ffe-color-default-brand-primary-stronger);
|
|
891
|
-
--ffe-color-fill-primary-selected: var(--ffe-color-default-brand-primary-
|
|
895
|
+
--ffe-color-fill-primary-selected: var(--ffe-color-default-brand-primary-strong);
|
|
896
|
+
--ffe-color-fill-primary-selected-hover: var(--ffe-color-default-brand-primary-stronger);
|
|
897
|
+
--ffe-color-fill-primary-selected-pressed: var(--ffe-color-default-brand-primary-strongest);
|
|
892
898
|
--ffe-color-fill-primary-subtle: var(--ffe-color-default-brand-primary-subtlest);
|
|
893
899
|
--ffe-color-fill-primary-subtle-hover: var(--ffe-color-default-brand-primary-subtler);
|
|
894
900
|
--ffe-color-fill-primary-subtle-pressed: var(--ffe-color-default-brand-primary-subtle);
|
|
@@ -911,7 +917,7 @@ html,
|
|
|
911
917
|
--ffe-color-fill-feedback-critical: var(--ffe-color-default-feedback-critical-strong);
|
|
912
918
|
--ffe-color-fill-feedback-tip: var(--ffe-color-default-feedback-tip-stronger);
|
|
913
919
|
--ffe-color-foreground-default: var(--ffe-color-default-neutral-strongest);
|
|
914
|
-
--ffe-color-foreground-subtle: var(--ffe-color-default-neutral-
|
|
920
|
+
--ffe-color-foreground-subtle: var(--ffe-color-default-neutral-strong);
|
|
915
921
|
--ffe-color-foreground-emphasis: var(--ffe-color-default-brand-emphasis-strongest);
|
|
916
922
|
--ffe-color-foreground-inverse: var(--ffe-color-default-neutral-sublest);
|
|
917
923
|
--ffe-color-foreground-on-fill-default: var(--ffe-color-default-neutral-inverted);
|
|
@@ -139,7 +139,9 @@
|
|
|
139
139
|
--ffe-color-fill-primary-default: var(--ffe-color-default-brand-primary-medium);
|
|
140
140
|
--ffe-color-fill-primary-hover: var(--ffe-color-default-brand-primary-strong);
|
|
141
141
|
--ffe-color-fill-primary-pressed: var(--ffe-color-default-brand-primary-stronger);
|
|
142
|
-
--ffe-color-fill-primary-selected: var(--ffe-color-default-brand-primary-
|
|
142
|
+
--ffe-color-fill-primary-selected: var(--ffe-color-default-brand-primary-strong);
|
|
143
|
+
--ffe-color-fill-primary-selected-hover: var(--ffe-color-default-brand-primary-stronger);
|
|
144
|
+
--ffe-color-fill-primary-selected-pressed: var(--ffe-color-default-brand-primary-strongest);
|
|
143
145
|
--ffe-color-fill-primary-subtle: var(--ffe-color-default-brand-primary-subtlest);
|
|
144
146
|
--ffe-color-fill-primary-subtle-hover: var(--ffe-color-default-brand-primary-subtler);
|
|
145
147
|
--ffe-color-fill-primary-subtle-pressed: var(--ffe-color-default-brand-primary-subtle);
|
|
@@ -162,7 +164,7 @@
|
|
|
162
164
|
--ffe-color-fill-feedback-critical: var(--ffe-color-default-feedback-critical-strong);
|
|
163
165
|
--ffe-color-fill-feedback-tip: var(--ffe-color-default-feedback-tip-stronger);
|
|
164
166
|
--ffe-color-foreground-default: var(--ffe-color-default-neutral-strongest);
|
|
165
|
-
--ffe-color-foreground-subtle: var(--ffe-color-default-neutral-
|
|
167
|
+
--ffe-color-foreground-subtle: var(--ffe-color-default-neutral-strong);
|
|
166
168
|
--ffe-color-foreground-emphasis: var(--ffe-color-default-brand-emphasis-strongest);
|
|
167
169
|
--ffe-color-foreground-inverse: var(--ffe-color-default-neutral-sublest);
|
|
168
170
|
--ffe-color-foreground-on-fill-default: var(--ffe-color-default-neutral-inverted);
|
|
@@ -21,7 +21,9 @@
|
|
|
21
21
|
--ffe-color-fill-primary-default: var(--ffe-color-accent-brand-primary-medium);
|
|
22
22
|
--ffe-color-fill-primary-hover: var(--ffe-color-accent-brand-primary-strong);
|
|
23
23
|
--ffe-color-fill-primary-pressed: var(--ffe-color-accent-brand-primary-stronger);
|
|
24
|
-
--ffe-color-fill-primary-selected: var(--ffe-color-accent-brand-primary-
|
|
24
|
+
--ffe-color-fill-primary-selected: var(--ffe-color-accent-brand-primary-strong);
|
|
25
|
+
--ffe-color-fill-primary-selected-hover: var(--ffe-color-accent-brand-primary-stronger);
|
|
26
|
+
--ffe-color-fill-primary-selected-pressed: var(--ffe-color-accent-brand-primary-strongest);
|
|
25
27
|
--ffe-color-fill-primary-subtle: var(--ffe-color-accent-brand-primary-subtlest);
|
|
26
28
|
--ffe-color-fill-primary-subtle-hover: var(--ffe-color-accent-brand-primary-subtler);
|
|
27
29
|
--ffe-color-fill-primary-subtle-pressed: var(--ffe-color-accent-brand-primary-subtle);
|
|
@@ -44,7 +46,7 @@
|
|
|
44
46
|
--ffe-color-fill-feedback-critical: var(--ffe-color-accent-feedback-critical-strong);
|
|
45
47
|
--ffe-color-fill-feedback-tip: var(--ffe-color-accent-feedback-tip-stronger);
|
|
46
48
|
--ffe-color-foreground-default: var(--ffe-color-accent-neutral-strongest);
|
|
47
|
-
--ffe-color-foreground-subtle: var(--ffe-color-accent-neutral-
|
|
49
|
+
--ffe-color-foreground-subtle: var(--ffe-color-accent-neutral-strong);
|
|
48
50
|
--ffe-color-foreground-emphasis: var(--ffe-color-accent-brand-emphasis-strongest);
|
|
49
51
|
--ffe-color-foreground-inverse: var(--ffe-color-accent-neutral-inverted);
|
|
50
52
|
--ffe-color-foreground-on-fill-default: var(--ffe-color-accent-neutral-inverted);
|
|
@@ -143,7 +145,9 @@
|
|
|
143
145
|
--ffe-color-fill-primary-default: var(--ffe-color-default-brand-primary-medium);
|
|
144
146
|
--ffe-color-fill-primary-hover: var(--ffe-color-default-brand-primary-strong);
|
|
145
147
|
--ffe-color-fill-primary-pressed: var(--ffe-color-default-brand-primary-stronger);
|
|
146
|
-
--ffe-color-fill-primary-selected: var(--ffe-color-default-brand-primary-
|
|
148
|
+
--ffe-color-fill-primary-selected: var(--ffe-color-default-brand-primary-strong);
|
|
149
|
+
--ffe-color-fill-primary-selected-hover: var(--ffe-color-default-brand-primary-stronger);
|
|
150
|
+
--ffe-color-fill-primary-selected-pressed: var(--ffe-color-default-brand-primary-strongest);
|
|
147
151
|
--ffe-color-fill-primary-subtle: var(--ffe-color-default-brand-primary-subtlest);
|
|
148
152
|
--ffe-color-fill-primary-subtle-hover: var(--ffe-color-default-brand-primary-subtler);
|
|
149
153
|
--ffe-color-fill-primary-subtle-pressed: var(--ffe-color-default-brand-primary-subtle);
|
|
@@ -166,7 +170,7 @@
|
|
|
166
170
|
--ffe-color-fill-feedback-critical: var(--ffe-color-default-feedback-critical-strong);
|
|
167
171
|
--ffe-color-fill-feedback-tip: var(--ffe-color-default-feedback-tip-stronger);
|
|
168
172
|
--ffe-color-foreground-default: var(--ffe-color-default-neutral-strongest);
|
|
169
|
-
--ffe-color-foreground-subtle: var(--ffe-color-default-neutral-
|
|
173
|
+
--ffe-color-foreground-subtle: var(--ffe-color-default-neutral-strong);
|
|
170
174
|
--ffe-color-foreground-emphasis: var(--ffe-color-default-brand-emphasis-strongest);
|
|
171
175
|
--ffe-color-foreground-inverse: var(--ffe-color-default-neutral-sublest);
|
|
172
176
|
--ffe-color-foreground-on-fill-default: var(--ffe-color-default-neutral-inverted);
|
|
@@ -509,7 +513,9 @@
|
|
|
509
513
|
--ffe-color-fill-primary-default: var(--ffe-color-default-brand-primary-medium);
|
|
510
514
|
--ffe-color-fill-primary-hover: var(--ffe-color-default-brand-primary-strong);
|
|
511
515
|
--ffe-color-fill-primary-pressed: var(--ffe-color-default-brand-primary-stronger);
|
|
512
|
-
--ffe-color-fill-primary-selected: var(--ffe-color-default-brand-primary-
|
|
516
|
+
--ffe-color-fill-primary-selected: var(--ffe-color-default-brand-primary-strong);
|
|
517
|
+
--ffe-color-fill-primary-selected-hover: var(--ffe-color-default-brand-primary-stronger);
|
|
518
|
+
--ffe-color-fill-primary-selected-pressed: var(--ffe-color-default-brand-primary-strongest);
|
|
513
519
|
--ffe-color-fill-primary-subtle: var(--ffe-color-default-brand-primary-subtlest);
|
|
514
520
|
--ffe-color-fill-primary-subtle-hover: var(--ffe-color-default-brand-primary-subtler);
|
|
515
521
|
--ffe-color-fill-primary-subtle-pressed: var(--ffe-color-default-brand-primary-subtle);
|
|
@@ -532,7 +538,7 @@
|
|
|
532
538
|
--ffe-color-fill-feedback-critical: var(--ffe-color-default-feedback-critical-strong);
|
|
533
539
|
--ffe-color-fill-feedback-tip: var(--ffe-color-default-feedback-tip-stronger);
|
|
534
540
|
--ffe-color-foreground-default: var(--ffe-color-default-neutral-strongest);
|
|
535
|
-
--ffe-color-foreground-subtle: var(--ffe-color-default-neutral-
|
|
541
|
+
--ffe-color-foreground-subtle: var(--ffe-color-default-neutral-strong);
|
|
536
542
|
--ffe-color-foreground-emphasis: var(--ffe-color-default-brand-emphasis-strongest);
|
|
537
543
|
--ffe-color-foreground-inverse: var(--ffe-color-default-neutral-sublest);
|
|
538
544
|
--ffe-color-foreground-on-fill-default: var(--ffe-color-default-neutral-inverted);
|
package/lib/semanticColors.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
|
|
4
|
-
exports.backgroundDefault = exports.backgroundSubtle = exports.surfacePrimaryDefault = exports.surfacePrimaryDefaultHover = exports.surfacePrimaryDefaultPressed = exports.surfaceSecondaryDefault = exports.surfaceSecondaryHover = exports.surfaceSecondaryPressed = exports.surfaceTertiaryDefault = exports.surfaceTertiaryHover = exports.surfaceTertiaryPressed = exports.surfaceFeedbackInfo = exports.surfaceFeedbackSuccess = exports.surfaceFeedbackWarning = exports.surfaceFeedbackCritical = exports.surfaceFeedbackTip = exports.fillPrimaryDefault = exports.fillPrimaryHover = exports.fillPrimaryPressed = exports.fillPrimarySelected = exports.fillPrimarySubtle = exports.fillPrimarySubtleHover = exports.fillPrimarySubtlePressed = exports.fillPrimaryInvisible = exports.fillSecondaryDefault = exports.fillSecondaryDefaultHover = exports.fillSecondaryDefaultPressed = exports.fillSecondarySubtle = exports.fillSecondarySubtleHover = exports.fillSecondarySubtlePressed = exports.fillTertiaryDefault = exports.fillTertiaryDefaultHover = exports.fillTertiaryDefaultPressed = exports.fillTertiarySubtle = exports.fillTertiarySubtleHover = exports.fillTertiarySubtlePressed = exports.fillFeedbackInfo = exports.fillFeedbackSuccess = exports.fillFeedbackWarning = exports.fillFeedbackCritical = exports.fillFeedbackTip = exports.foregroundDefault = exports.foregroundSubtle = exports.foregroundEmphasis = exports.foregroundInverse = exports.foregroundOnFillDefault = exports.foregroundOnFillInverse = exports.foregroundInteractiveLink = exports.foregroundInteractiveLinkHover = exports.foregroundInteractiveLinkPressed = exports.foregroundFeedbackInfo = exports.foregroundFeedbackSuccess = exports.foregroundFeedbackWarning = exports.foregroundFeedbackCritical = exports.foregroundFeedbackTip = exports.borderPrimaryDefault = exports.borderPrimaryHover = exports.borderPrimaryPressed = exports.borderPrimarySubtle = exports.borderPrimaryEmphasis = exports.borderPrimarySelected = exports.borderSecondaryDefault = exports.borderSecondaryHover = exports.borderSecondaryPressed = exports.borderTertiaryDefault = exports.borderTertiaryHover = exports.borderTertiaryPressed = exports.borderInteractiveFocus = exports.borderFeedbackInfo = exports.borderFeedbackSuccess = exports.borderFeedbackWarning = exports.borderFeedbackCritical = exports.borderFeedbackTip = exports.componentButtonActionBorderDefault = exports.componentButtonActionBorderHover = exports.componentButtonActionBorderPressed = exports.componentButtonActionFillDefault = exports.componentButtonActionFillHover = exports.componentButtonActionFillPressed = exports.componentButtonActionForegroundDefault = exports.componentButtonActionForegroundHover = exports.componentButtonPrimaryBorderDefault = exports.componentButtonPrimaryBorderHover = exports.componentButtonPrimaryBorderPressed = exports.componentButtonPrimaryFillDefault = exports.componentButtonPrimaryFillHover = exports.componentButtonPrimaryFillPressed = exports.componentButtonPrimaryForegroundDefault = exports.componentButtonPrimaryForegroundHover = exports.componentButtonSecondaryBorderDefault = exports.componentButtonSecondaryBorderHover = exports.componentButtonSecondaryBorderPressed = exports.componentButtonSecondaryFillDefault = exports.componentButtonSecondaryFillHover = exports.componentButtonSecondaryFillPressed = exports.componentButtonSecondaryForegroundDefault = exports.componentButtonSecondaryForegroundHover = exports.componentButtonTertiaryBorderDefault = exports.componentButtonTertiaryBorderHover = exports.componentButtonTertiaryBorderPressed = exports.componentButtonTertiaryFillDefault = exports.componentButtonTertiaryFillHover = exports.componentButtonTertiaryFillPressed = exports.componentButtonTertiaryForegroundDefault = exports.componentButtonTertiaryForegroundHover = exports.componentToggleswitchHandleDefault = exports.componentToggleswitchFillDefault = exports.componentToggleswitchFillDefaultHover = exports.componentToggleswitchFillDefaultPressed = exports.componentToggleswitchFillSelected = exports.componentToggleswitchFillSelectedHover = exports.componentToggleswitchFillSelectedPressed = exports.componentToggleswitchFillCritical = exports.componentLogoName = exports.componentLogoNumber1 = exports.componentLogoCircleDarkRed = exports.componentLogoCircleLightRed = void 0
|
|
4
|
+
exports.backgroundDefault = exports.backgroundSubtle = exports.surfacePrimaryDefault = exports.surfacePrimaryDefaultHover = exports.surfacePrimaryDefaultPressed = exports.surfaceSecondaryDefault = exports.surfaceSecondaryHover = exports.surfaceSecondaryPressed = exports.surfaceTertiaryDefault = exports.surfaceTertiaryHover = exports.surfaceTertiaryPressed = exports.surfaceFeedbackInfo = exports.surfaceFeedbackSuccess = exports.surfaceFeedbackWarning = exports.surfaceFeedbackCritical = exports.surfaceFeedbackTip = exports.fillPrimaryDefault = exports.fillPrimaryHover = exports.fillPrimaryPressed = exports.fillPrimarySelected = exports.fillPrimarySelectedHover = exports.fillPrimarySelectedPressed = exports.fillPrimarySubtle = exports.fillPrimarySubtleHover = exports.fillPrimarySubtlePressed = exports.fillPrimaryInvisible = exports.fillSecondaryDefault = exports.fillSecondaryDefaultHover = exports.fillSecondaryDefaultPressed = exports.fillSecondarySubtle = exports.fillSecondarySubtleHover = exports.fillSecondarySubtlePressed = exports.fillTertiaryDefault = exports.fillTertiaryDefaultHover = exports.fillTertiaryDefaultPressed = exports.fillTertiarySubtle = exports.fillTertiarySubtleHover = exports.fillTertiarySubtlePressed = exports.fillFeedbackInfo = exports.fillFeedbackSuccess = exports.fillFeedbackWarning = exports.fillFeedbackCritical = exports.fillFeedbackTip = exports.foregroundDefault = exports.foregroundSubtle = exports.foregroundEmphasis = exports.foregroundInverse = exports.foregroundOnFillDefault = exports.foregroundOnFillInverse = exports.foregroundInteractiveLink = exports.foregroundInteractiveLinkHover = exports.foregroundInteractiveLinkPressed = exports.foregroundFeedbackInfo = exports.foregroundFeedbackSuccess = exports.foregroundFeedbackWarning = exports.foregroundFeedbackCritical = exports.foregroundFeedbackTip = exports.borderPrimaryDefault = exports.borderPrimaryHover = exports.borderPrimaryPressed = exports.borderPrimarySubtle = exports.borderPrimaryEmphasis = exports.borderPrimarySelected = exports.borderSecondaryDefault = exports.borderSecondaryHover = exports.borderSecondaryPressed = exports.borderTertiaryDefault = exports.borderTertiaryHover = exports.borderTertiaryPressed = exports.borderInteractiveFocus = exports.borderFeedbackInfo = exports.borderFeedbackSuccess = exports.borderFeedbackWarning = exports.borderFeedbackCritical = exports.borderFeedbackTip = exports.componentButtonActionBorderDefault = exports.componentButtonActionBorderHover = exports.componentButtonActionBorderPressed = exports.componentButtonActionFillDefault = exports.componentButtonActionFillHover = exports.componentButtonActionFillPressed = exports.componentButtonActionForegroundDefault = exports.componentButtonActionForegroundHover = exports.componentButtonPrimaryBorderDefault = exports.componentButtonPrimaryBorderHover = exports.componentButtonPrimaryBorderPressed = exports.componentButtonPrimaryFillDefault = exports.componentButtonPrimaryFillHover = exports.componentButtonPrimaryFillPressed = exports.componentButtonPrimaryForegroundDefault = exports.componentButtonPrimaryForegroundHover = exports.componentButtonSecondaryBorderDefault = exports.componentButtonSecondaryBorderHover = exports.componentButtonSecondaryBorderPressed = exports.componentButtonSecondaryFillDefault = exports.componentButtonSecondaryFillHover = exports.componentButtonSecondaryFillPressed = exports.componentButtonSecondaryForegroundDefault = exports.componentButtonSecondaryForegroundHover = exports.componentButtonTertiaryBorderDefault = exports.componentButtonTertiaryBorderHover = exports.componentButtonTertiaryBorderPressed = exports.componentButtonTertiaryFillDefault = exports.componentButtonTertiaryFillHover = exports.componentButtonTertiaryFillPressed = exports.componentButtonTertiaryForegroundDefault = exports.componentButtonTertiaryForegroundHover = exports.componentToggleswitchHandleDefault = exports.componentToggleswitchFillDefault = exports.componentToggleswitchFillDefaultHover = exports.componentToggleswitchFillDefaultPressed = exports.componentToggleswitchFillSelected = exports.componentToggleswitchFillSelectedHover = exports.componentToggleswitchFillSelectedPressed = exports.componentToggleswitchFillCritical = exports.componentLogoName = exports.componentLogoNumber1 = exports.componentLogoCircleDarkRed = exports.componentLogoCircleLightRed = void 0
|
|
5
5
|
exports.backgroundDefault = 'var(--ffe-color-background-default)';
|
|
6
6
|
exports.backgroundSubtle = 'var(--ffe-color-background-subtle)';
|
|
7
7
|
exports.surfacePrimaryDefault = 'var(--ffe-color-surface-primary-default)';
|
|
@@ -22,6 +22,8 @@ exports.fillPrimaryDefault = 'var(--ffe-color-fill-primary-default)';
|
|
|
22
22
|
exports.fillPrimaryHover = 'var(--ffe-color-fill-primary-hover)';
|
|
23
23
|
exports.fillPrimaryPressed = 'var(--ffe-color-fill-primary-pressed)';
|
|
24
24
|
exports.fillPrimarySelected = 'var(--ffe-color-fill-primary-selected)';
|
|
25
|
+
exports.fillPrimarySelectedHover = 'var(--ffe-color-fill-primary-selected-hover)';
|
|
26
|
+
exports.fillPrimarySelectedPressed = 'var(--ffe-color-fill-primary-selected-pressed)';
|
|
25
27
|
exports.fillPrimarySubtle = 'var(--ffe-color-fill-primary-subtle)';
|
|
26
28
|
exports.fillPrimarySubtleHover = 'var(--ffe-color-fill-primary-subtle-hover)';
|
|
27
29
|
exports.fillPrimarySubtlePressed = 'var(--ffe-color-fill-primary-subtle-pressed)';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sb1/ffe-core",
|
|
3
|
-
"version": "30.0.
|
|
3
|
+
"version": "30.0.1",
|
|
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": "
|
|
38
|
+
"gitHead": "abedc811686859a152f05182aeece4ac8667949a"
|
|
39
39
|
}
|