@sb1/ffe-core 32.0.4 → 33.0.0

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 (10) hide show
  1. package/css/colors-semantic.css +577 -890
  2. package/css/ffe.css +581 -882
  3. package/less/colors-semantic-chevron.less +7 -0
  4. package/less/colors-semantic-storybook.less +288 -313
  5. package/less/colors-semantic.less +577 -890
  6. package/less/typography.less +5 -1
  7. package/less/variables.less +3 -0
  8. package/lib/semanticColors.js +47 -37
  9. package/lib/semanticColorsTailwind.js +46 -37
  10. package/package.json +11 -6
package/less/typography.less CHANGED
@@ -180,7 +180,11 @@
180
180
  border-bottom: none;
181
181
  }
182
182
 
183
- &:focus {
183
+ &:active {
184
+ color: var(--ffe-color-foreground-interactive-link-pressed);
185
+ }
186
+
187
+ &:focus-visible {
184
188
  color: var(--ffe-color-foreground-interactive-link-pressed);
185
189
  border-radius: 1px;
186
190
  box-shadow: 0 0 0 2px var(--ffe-color-border-interactive-focus);
package/less/variables.less CHANGED
@@ -6,4 +6,7 @@
6
6
  --ffe-g-border-radius-lg: 16px;
7
7
  --ffe-g-border-width: 1px;
8
8
  --ffe-g-border-focus-box-shadow: 0 0 0 1px;
9
+ --ffe-g-outline-width: 2px;
10
+ --ffe-g-outline-offset: 3px;
11
+ --ffe-g-outline-border-radius: 4px;
9
12
  }
package/lib/semanticColors.js CHANGED
@@ -1,26 +1,31 @@
1
+
1
2
  "use strict";
2
3
  Object.defineProperty(exports, "__esModule", { value: true });
3
4
 
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.fillPrimarySelectedDefault = 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.fillNeutralDefault = exports.fillNeutralDefaultHover = exports.fillNeutralDefaultPressed = exports.fillNeutralSubtle = exports.fillNeutralSubtleHover = exports.fillNeutralSubtlePressed = exports.fillNeutralExtraSubtle = exports.fillNeutralExtraSubtleHover = exports.fillNeutralExtraSubtlePressed = exports.fillFeedbackInfo = exports.fillFeedbackInfoSubtle = exports.fillFeedbackSuccess = exports.fillFeedbackSuccessSubtle = exports.fillFeedbackWarning = exports.fillFeedbackWarningSubtle = exports.fillFeedbackCritical = exports.fillFeedbackCriticalSubtle = exports.fillFeedbackTip = exports.fillFeedbackTipSubtle = exports.foregroundDefault = exports.foregroundSubtle = exports.foregroundEmphasis = exports.foregroundInverse = exports.foregroundOnFillDefault = exports.foregroundOnFillInverse = exports.foregroundInteractiveLink = exports.foregroundInteractiveLinkHover = exports.foregroundInteractiveLinkPressed = exports.foregroundInteractiveLinkActive = exports.foregroundFeedbackInfo = exports.foregroundFeedbackSuccess = exports.foregroundFeedbackWarning = exports.foregroundFeedbackCritical = exports.foregroundFeedbackTip = exports.borderPrimaryDefault = exports.borderPrimaryDefaultHover = exports.borderPrimaryDefaultPressed = exports.borderPrimarySubtle = exports.borderPrimarySubtleHover = exports.borderPrimarySubtlePressed = exports.borderPrimaryEmphasis = exports.borderSecondaryDefault = exports.borderSecondaryHover = exports.borderSecondaryPressed = exports.borderTertiaryDefault = exports.borderTertiaryHover = exports.borderTertiaryPressed = exports.borderInteractiveFocus = exports.borderInteractiveSelected = 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.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
+ exports.backgroundDefault = exports.backgroundSubtle = exports.surfacePrimaryDefault = exports.surfacePrimaryDefaultHover = exports.surfacePrimaryDefaultPressed = exports.surfaceSecondaryDefault = exports.surfaceSecondaryDefaultHover = exports.surfaceSecondaryDefaultPressed = exports.surfaceTertiaryDefault = exports.surfaceTertiaryDefaultHover = exports.surfaceTertiaryDefaultPressed = exports.surfaceNeutralDefault = exports.surfaceNeutralDefaultHover = exports.surfaceNeutralDefaultPressed = exports.surfaceFeedbackInfo = exports.surfaceFeedbackSuccess = exports.surfaceFeedbackWarning = exports.surfaceFeedbackCritical = exports.surfaceFeedbackTip = exports.fillPrimaryDefault = exports.fillPrimaryDefaultHover = exports.fillPrimaryDefaultPressed = exports.fillPrimarySelectedDefault = 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.fillNeutralDefault = exports.fillNeutralDefaultHover = exports.fillNeutralDefaultPressed = exports.fillNeutralSubtle = exports.fillNeutralSubtleHover = exports.fillNeutralSubtlePressed = exports.fillNeutralExtraSubtle = exports.fillNeutralExtraSubtleHover = exports.fillNeutralExtraSubtlePressed = exports.fillFeedbackInfo = exports.fillFeedbackInfoSubtle = exports.fillFeedbackSuccess = exports.fillFeedbackSuccessSubtle = exports.fillFeedbackWarning = exports.fillFeedbackWarningSubtle = exports.fillFeedbackCritical = exports.fillFeedbackCriticalSubtle = exports.fillFeedbackTip = exports.fillFeedbackTipSubtle = exports.foregroundDefault = exports.foregroundSubtle = exports.foregroundEmphasis = exports.foregroundInverse = exports.foregroundInteractiveLink = exports.foregroundInteractiveLinkHover = exports.foregroundInteractiveLinkPressed = exports.foregroundInteractiveLinkActive = exports.foregroundFeedbackInfo = exports.foregroundFeedbackSuccess = exports.foregroundFeedbackWarning = exports.foregroundFeedbackCritical = exports.foregroundFeedbackTip = exports.componentFormInputForegroundDefault = exports.componentFormInputForegroundSubtle = exports.componentFormInputForegroundPlaceholder = exports.componentFormInputForegroundDisabled = exports.componentFormInputForegroundReadOnly = exports.componentFormInputForegroundError = exports.componentFormInputBorderActive = exports.componentFormInputFillDefault = exports.componentFormInputFillDefaultHover = exports.componentFormInputFillDefaultPressed = exports.componentFormInputFillDisabled = exports.componentFormInputFillReadOnly = exports.componentFormInputFillError = exports.componentFormToggleswitchHandleDefault = exports.componentFormToggleswitchFillDefault = exports.componentFormToggleswitchFillDefaultHover = exports.componentFormToggleswitchFillDefaultPressed = exports.componentFormToggleswitchFillSelected = exports.componentFormToggleswitchFillSelectedHover = exports.componentFormToggleswitchFillSelectedPressed = exports.componentFormToggleswitchFillCritical = 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.componentButtonTertiaryFillDefault = exports.componentButtonTertiaryFillHover = exports.componentButtonTertiaryFillPressed = exports.componentButtonTertiaryForegroundDefault = exports.componentButtonTertiaryForegroundHover = exports.componentLogoName = exports.componentLogoNumber1 = exports.componentLogoCircleDarkRed = exports.componentLogoCircleLightRed = exports.borderPrimaryDefault = exports.borderPrimaryDefaultHover = exports.borderPrimaryDefaultPressed = exports.borderPrimarySubtle = exports.borderPrimarySubtleHover = exports.borderPrimarySubtlePressed = exports.borderPrimaryEmphasis = exports.borderFeedbackInfo = exports.borderFeedbackSuccess = exports.borderFeedbackWarning = exports.borderFeedbackCritical = exports.borderFeedbackTip = exports.borderInteractiveFocus = exports.borderInteractiveSelected = void 0
6
+
5
7
  exports.backgroundDefault = 'var(--ffe-color-background-default)';
6
8
  exports.backgroundSubtle = 'var(--ffe-color-background-subtle)';
7
9
  exports.surfacePrimaryDefault = 'var(--ffe-color-surface-primary-default)';
8
10
  exports.surfacePrimaryDefaultHover = 'var(--ffe-color-surface-primary-default-hover)';
9
11
  exports.surfacePrimaryDefaultPressed = 'var(--ffe-color-surface-primary-default-pressed)';
10
12
  exports.surfaceSecondaryDefault = 'var(--ffe-color-surface-secondary-default)';
11
- exports.surfaceSecondaryHover = 'var(--ffe-color-surface-secondary-hover)';
12
- exports.surfaceSecondaryPressed = 'var(--ffe-color-surface-secondary-pressed)';
13
+ exports.surfaceSecondaryDefaultHover = 'var(--ffe-color-surface-secondary-default-hover)';
14
+ exports.surfaceSecondaryDefaultPressed = 'var(--ffe-color-surface-secondary-default-pressed)';
13
15
  exports.surfaceTertiaryDefault = 'var(--ffe-color-surface-tertiary-default)';
14
- exports.surfaceTertiaryHover = 'var(--ffe-color-surface-tertiary-hover)';
15
- exports.surfaceTertiaryPressed = 'var(--ffe-color-surface-tertiary-pressed)';
16
+ exports.surfaceTertiaryDefaultHover = 'var(--ffe-color-surface-tertiary-default-hover)';
17
+ exports.surfaceTertiaryDefaultPressed = 'var(--ffe-color-surface-tertiary-default-pressed)';
18
+ exports.surfaceNeutralDefault = 'var(--ffe-color-surface-neutral-default)';
19
+ exports.surfaceNeutralDefaultHover = 'var(--ffe-color-surface-neutral-default-hover)';
20
+ exports.surfaceNeutralDefaultPressed = 'var(--ffe-color-surface-neutral-default-pressed)';
16
21
  exports.surfaceFeedbackInfo = 'var(--ffe-color-surface-feedback-info)';
17
22
  exports.surfaceFeedbackSuccess = 'var(--ffe-color-surface-feedback-success)';
18
23
  exports.surfaceFeedbackWarning = 'var(--ffe-color-surface-feedback-warning)';
19
24
  exports.surfaceFeedbackCritical = 'var(--ffe-color-surface-feedback-critical)';
20
25
  exports.surfaceFeedbackTip = 'var(--ffe-color-surface-feedback-tip)';
21
26
  exports.fillPrimaryDefault = 'var(--ffe-color-fill-primary-default)';
22
- exports.fillPrimaryHover = 'var(--ffe-color-fill-primary-hover)';
23
- exports.fillPrimaryPressed = 'var(--ffe-color-fill-primary-pressed)';
27
+ exports.fillPrimaryDefaultHover = 'var(--ffe-color-fill-primary-default-hover)';
28
+ exports.fillPrimaryDefaultPressed = 'var(--ffe-color-fill-primary-default-pressed)';
24
29
  exports.fillPrimarySelectedDefault = 'var(--ffe-color-fill-primary-selected-default)';
25
30
  exports.fillPrimarySelectedHover = 'var(--ffe-color-fill-primary-selected-hover)';
26
31
  exports.fillPrimarySelectedPressed = 'var(--ffe-color-fill-primary-selected-pressed)';
@@ -63,8 +68,6 @@ exports.foregroundDefault = 'var(--ffe-color-foreground-default)';
63
68
  exports.foregroundSubtle = 'var(--ffe-color-foreground-subtle)';
64
69
  exports.foregroundEmphasis = 'var(--ffe-color-foreground-emphasis)';
65
70
  exports.foregroundInverse = 'var(--ffe-color-foreground-inverse)';
66
- exports.foregroundOnFillDefault = 'var(--ffe-color-foreground-on-fill-default)';
67
- exports.foregroundOnFillInverse = 'var(--ffe-color-foreground-on-fill-inverse)';
68
71
  exports.foregroundInteractiveLink = 'var(--ffe-color-foreground-interactive-link)';
69
72
  exports.foregroundInteractiveLinkHover = 'var(--ffe-color-foreground-interactive-link-hover)';
70
73
  exports.foregroundInteractiveLinkPressed = 'var(--ffe-color-foreground-interactive-link-pressed)';
@@ -74,26 +77,27 @@ exports.foregroundFeedbackSuccess = 'var(--ffe-color-foreground-feedback-success
74
77
  exports.foregroundFeedbackWarning = 'var(--ffe-color-foreground-feedback-warning)';
75
78
  exports.foregroundFeedbackCritical = 'var(--ffe-color-foreground-feedback-critical)';
76
79
  exports.foregroundFeedbackTip = 'var(--ffe-color-foreground-feedback-tip)';
77
- exports.borderPrimaryDefault = 'var(--ffe-color-border-primary-default)';
78
- exports.borderPrimaryDefaultHover = 'var(--ffe-color-border-primary-default-hover)';
79
- exports.borderPrimaryDefaultPressed = 'var(--ffe-color-border-primary-default-pressed)';
80
- exports.borderPrimarySubtle = 'var(--ffe-color-border-primary-subtle)';
81
- exports.borderPrimarySubtleHover = 'var(--ffe-color-border-primary-subtle-hover)';
82
- exports.borderPrimarySubtlePressed = 'var(--ffe-color-border-primary-subtle-pressed)';
83
- exports.borderPrimaryEmphasis = 'var(--ffe-color-border-primary-emphasis)';
84
- exports.borderSecondaryDefault = 'var(--ffe-color-border-secondary-default)';
85
- exports.borderSecondaryHover = 'var(--ffe-color-border-secondary-hover)';
86
- exports.borderSecondaryPressed = 'var(--ffe-color-border-secondary-pressed)';
87
- exports.borderTertiaryDefault = 'var(--ffe-color-border-tertiary-default)';
88
- exports.borderTertiaryHover = 'var(--ffe-color-border-tertiary-hover)';
89
- exports.borderTertiaryPressed = 'var(--ffe-color-border-tertiary-pressed)';
90
- exports.borderInteractiveFocus = 'var(--ffe-color-border-interactive-focus)';
91
- exports.borderInteractiveSelected = 'var(--ffe-color-border-interactive-selected)';
92
- exports.borderFeedbackInfo = 'var(--ffe-color-border-feedback-info)';
93
- exports.borderFeedbackSuccess = 'var(--ffe-color-border-feedback-success)';
94
- exports.borderFeedbackWarning = 'var(--ffe-color-border-feedback-warning)';
95
- exports.borderFeedbackCritical = 'var(--ffe-color-border-feedback-critical)';
96
- exports.borderFeedbackTip = 'var(--ffe-color-border-feedback-tip)';
80
+ exports.componentFormInputForegroundDefault = 'var(--ffe-color-component-form-input-foreground-default)';
81
+ exports.componentFormInputForegroundSubtle = 'var(--ffe-color-component-form-input-foreground-subtle)';
82
+ exports.componentFormInputForegroundPlaceholder = 'var(--ffe-color-component-form-input-foreground-placeholder)';
83
+ exports.componentFormInputForegroundDisabled = 'var(--ffe-color-component-form-input-foreground-disabled)';
84
+ exports.componentFormInputForegroundReadOnly = 'var(--ffe-color-component-form-input-foreground-read-only)';
85
+ exports.componentFormInputForegroundError = 'var(--ffe-color-component-form-input-foreground-error)';
86
+ exports.componentFormInputBorderActive = 'var(--ffe-color-component-form-input-border-active)';
87
+ exports.componentFormInputFillDefault = 'var(--ffe-color-component-form-input-fill-default)';
88
+ exports.componentFormInputFillDefaultHover = 'var(--ffe-color-component-form-input-fill-default-hover)';
89
+ exports.componentFormInputFillDefaultPressed = 'var(--ffe-color-component-form-input-fill-default-pressed)';
90
+ exports.componentFormInputFillDisabled = 'var(--ffe-color-component-form-input-fill-disabled)';
91
+ exports.componentFormInputFillReadOnly = 'var(--ffe-color-component-form-input-fill-read-only)';
92
+ exports.componentFormInputFillError = 'var(--ffe-color-component-form-input-fill-error)';
93
+ exports.componentFormToggleswitchHandleDefault = 'var(--ffe-color-component-form-toggleswitch-handle-default)';
94
+ exports.componentFormToggleswitchFillDefault = 'var(--ffe-color-component-form-toggleswitch-fill-default)';
95
+ exports.componentFormToggleswitchFillDefaultHover = 'var(--ffe-color-component-form-toggleswitch-fill-default-hover)';
96
+ exports.componentFormToggleswitchFillDefaultPressed = 'var(--ffe-color-component-form-toggleswitch-fill-default-pressed)';
97
+ exports.componentFormToggleswitchFillSelected = 'var(--ffe-color-component-form-toggleswitch-fill-selected)';
98
+ exports.componentFormToggleswitchFillSelectedHover = 'var(--ffe-color-component-form-toggleswitch-fill-selected-hover)';
99
+ exports.componentFormToggleswitchFillSelectedPressed = 'var(--ffe-color-component-form-toggleswitch-fill-selected-pressed)';
100
+ exports.componentFormToggleswitchFillCritical = 'var(--ffe-color-component-form-toggleswitch-fill-critical)';
97
101
  exports.componentButtonActionBorderDefault = 'var(--ffe-color-component-button-action-border-default)';
98
102
  exports.componentButtonActionBorderHover = 'var(--ffe-color-component-button-action-border-hover)';
99
103
  exports.componentButtonActionBorderPressed = 'var(--ffe-color-component-button-action-border-pressed)';
@@ -123,15 +127,21 @@ exports.componentButtonTertiaryFillHover = 'var(--ffe-color-component-button-ter
123
127
  exports.componentButtonTertiaryFillPressed = 'var(--ffe-color-component-button-tertiary-fill-pressed)';
124
128
  exports.componentButtonTertiaryForegroundDefault = 'var(--ffe-color-component-button-tertiary-foreground-default)';
125
129
  exports.componentButtonTertiaryForegroundHover = 'var(--ffe-color-component-button-tertiary-foreground-hover)';
126
- exports.componentToggleswitchHandleDefault = 'var(--ffe-color-component-toggleswitch-handle-default)';
127
- exports.componentToggleswitchFillDefault = 'var(--ffe-color-component-toggleswitch-fill-default)';
128
- exports.componentToggleswitchFillDefaultHover = 'var(--ffe-color-component-toggleswitch-fill-default-hover)';
129
- exports.componentToggleswitchFillDefaultPressed = 'var(--ffe-color-component-toggleswitch-fill-default-pressed)';
130
- exports.componentToggleswitchFillSelected = 'var(--ffe-color-component-toggleswitch-fill-selected)';
131
- exports.componentToggleswitchFillSelectedHover = 'var(--ffe-color-component-toggleswitch-fill-selected-hover)';
132
- exports.componentToggleswitchFillSelectedPressed = 'var(--ffe-color-component-toggleswitch-fill-selected-pressed)';
133
- exports.componentToggleswitchFillCritical = 'var(--ffe-color-component-toggleswitch-fill-critical)';
134
130
  exports.componentLogoName = 'var(--ffe-color-component-logo-name)';
135
131
  exports.componentLogoNumber1 = 'var(--ffe-color-component-logo-number1)';
136
132
  exports.componentLogoCircleDarkRed = 'var(--ffe-color-component-logo-circle-dark-red)';
137
133
  exports.componentLogoCircleLightRed = 'var(--ffe-color-component-logo-circle-light-red)';
134
+ exports.borderPrimaryDefault = 'var(--ffe-color-border-primary-default)';
135
+ exports.borderPrimaryDefaultHover = 'var(--ffe-color-border-primary-default-hover)';
136
+ exports.borderPrimaryDefaultPressed = 'var(--ffe-color-border-primary-default-pressed)';
137
+ exports.borderPrimarySubtle = 'var(--ffe-color-border-primary-subtle)';
138
+ exports.borderPrimarySubtleHover = 'var(--ffe-color-border-primary-subtle-hover)';
139
+ exports.borderPrimarySubtlePressed = 'var(--ffe-color-border-primary-subtle-pressed)';
140
+ exports.borderPrimaryEmphasis = 'var(--ffe-color-border-primary-emphasis)';
141
+ exports.borderFeedbackInfo = 'var(--ffe-color-border-feedback-info)';
142
+ exports.borderFeedbackSuccess = 'var(--ffe-color-border-feedback-success)';
143
+ exports.borderFeedbackWarning = 'var(--ffe-color-border-feedback-warning)';
144
+ exports.borderFeedbackCritical = 'var(--ffe-color-border-feedback-critical)';
145
+ exports.borderFeedbackTip = 'var(--ffe-color-border-feedback-tip)';
146
+ exports.borderInteractiveFocus = 'var(--ffe-color-border-interactive-focus)';
147
+ exports.borderInteractiveSelected = 'var(--ffe-color-border-interactive-selected)';
package/lib/semanticColorsTailwind.js CHANGED
@@ -1,26 +1,30 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
 
4
- exports['background-default'] = exports['background-subtle'] = exports['surface-primary-default'] = exports['surface-primary-default-hover'] = exports['surface-primary-default-pressed'] = exports['surface-secondary-default'] = exports['surface-secondary-hover'] = exports['surface-secondary-pressed'] = exports['surface-tertiary-default'] = exports['surface-tertiary-hover'] = exports['surface-tertiary-pressed'] = exports['surface-feedback-info'] = exports['surface-feedback-success'] = exports['surface-feedback-warning'] = exports['surface-feedback-critical'] = exports['surface-feedback-tip'] = exports['fill-primary-default'] = exports['fill-primary-hover'] = exports['fill-primary-pressed'] = exports['fill-primary-selected-default'] = exports['fill-primary-selected-hover'] = exports['fill-primary-selected-pressed'] = exports['fill-primary-subtle'] = exports['fill-primary-subtle-hover'] = exports['fill-primary-subtle-pressed'] = exports['fill-primary-invisible'] = exports['fill-secondary-default'] = exports['fill-secondary-default-hover'] = exports['fill-secondary-default-pressed'] = exports['fill-secondary-subtle'] = exports['fill-secondary-subtle-hover'] = exports['fill-secondary-subtle-pressed'] = exports['fill-tertiary-default'] = exports['fill-tertiary-default-hover'] = exports['fill-tertiary-default-pressed'] = exports['fill-tertiary-subtle'] = exports['fill-tertiary-subtle-hover'] = exports['fill-tertiary-subtle-pressed'] = exports['fill-neutral-default'] = exports['fill-neutral-default-hover'] = exports['fill-neutral-default-pressed'] = exports['fill-neutral-subtle'] = exports['fill-neutral-subtle-hover'] = exports['fill-neutral-subtle-pressed'] = exports['fill-neutral-extra-subtle'] = exports['fill-neutral-extra-subtle-hover'] = exports['fill-neutral-extra-subtle-pressed'] = exports['fill-feedback-info'] = exports['fill-feedback-info-subtle'] = exports['fill-feedback-success'] = exports['fill-feedback-success-subtle'] = exports['fill-feedback-warning'] = exports['fill-feedback-warning-subtle'] = exports['fill-feedback-critical'] = exports['fill-feedback-critical-subtle'] = exports['fill-feedback-tip'] = exports['fill-feedback-tip-subtle'] = exports['foreground-default'] = exports['foreground-subtle'] = exports['foreground-emphasis'] = exports['foreground-inverse'] = exports['foreground-on-fill-default'] = exports['foreground-on-fill-inverse'] = exports['foreground-interactive-link'] = exports['foreground-interactive-link-hover'] = exports['foreground-interactive-link-pressed'] = exports['foreground-interactive-link-active'] = exports['foreground-feedback-info'] = exports['foreground-feedback-success'] = exports['foreground-feedback-warning'] = exports['foreground-feedback-critical'] = exports['foreground-feedback-tip'] = exports['border-primary-default'] = exports['border-primary-default-hover'] = exports['border-primary-default-pressed'] = exports['border-primary-subtle'] = exports['border-primary-subtle-hover'] = exports['border-primary-subtle-pressed'] = exports['border-primary-emphasis'] = exports['border-secondary-default'] = exports['border-secondary-hover'] = exports['border-secondary-pressed'] = exports['border-tertiary-default'] = exports['border-tertiary-hover'] = exports['border-tertiary-pressed'] = exports['border-interactive-focus'] = exports['border-interactive-selected'] = exports['border-feedback-info'] = exports['border-feedback-success'] = exports['border-feedback-warning'] = exports['border-feedback-critical'] = exports['border-feedback-tip'] = exports['component-button-action-border-default'] = exports['component-button-action-border-hover'] = exports['component-button-action-border-pressed'] = exports['component-button-action-fill-default'] = exports['component-button-action-fill-hover'] = exports['component-button-action-fill-pressed'] = exports['component-button-action-foreground-default'] = exports['component-button-action-foreground-hover'] = exports['component-button-primary-border-default'] = exports['component-button-primary-border-hover'] = exports['component-button-primary-border-pressed'] = exports['component-button-primary-fill-default'] = exports['component-button-primary-fill-hover'] = exports['component-button-primary-fill-pressed'] = exports['component-button-primary-foreground-default'] = exports['component-button-primary-foreground-hover'] = exports['component-button-secondary-border-default'] = exports['component-button-secondary-border-hover'] = exports['component-button-secondary-border-pressed'] = exports['component-button-secondary-fill-default'] = exports['component-button-secondary-fill-hover'] = exports['component-button-secondary-fill-pressed'] = exports['component-button-secondary-foreground-default'] = exports['component-button-secondary-foreground-hover'] = exports['component-button-tertiary-fill-default'] = exports['component-button-tertiary-fill-hover'] = exports['component-button-tertiary-fill-pressed'] = exports['component-button-tertiary-foreground-default'] = exports['component-button-tertiary-foreground-hover'] = exports['component-toggleswitch-handle-default'] = exports['component-toggleswitch-fill-default'] = exports['component-toggleswitch-fill-default-hover'] = exports['component-toggleswitch-fill-default-pressed'] = exports['component-toggleswitch-fill-selected'] = exports['component-toggleswitch-fill-selected-hover'] = exports['component-toggleswitch-fill-selected-pressed'] = exports['component-toggleswitch-fill-critical'] = exports['component-logo-name'] = exports['component-logo-number1'] = exports['component-logo-circle-dark-red'] = exports['component-logo-circle-light-red'] = void 0
4
+ exports['background-default'] = exports['background-subtle'] = exports['surface-primary-default'] = exports['surface-primary-default-hover'] = exports['surface-primary-default-pressed'] = exports['surface-secondary-default'] = exports['surface-secondary-default-hover'] = exports['surface-secondary-default-pressed'] = exports['surface-tertiary-default'] = exports['surface-tertiary-default-hover'] = exports['surface-tertiary-default-pressed'] = exports['surface-neutral-default'] = exports['surface-neutral-default-hover'] = exports['surface-neutral-default-pressed'] = exports['surface-feedback-info'] = exports['surface-feedback-success'] = exports['surface-feedback-warning'] = exports['surface-feedback-critical'] = exports['surface-feedback-tip'] = exports['fill-primary-default'] = exports['fill-primary-default-hover'] = exports['fill-primary-default-pressed'] = exports['fill-primary-selected-default'] = exports['fill-primary-selected-hover'] = exports['fill-primary-selected-pressed'] = exports['fill-primary-subtle'] = exports['fill-primary-subtle-hover'] = exports['fill-primary-subtle-pressed'] = exports['fill-primary-invisible'] = exports['fill-secondary-default'] = exports['fill-secondary-default-hover'] = exports['fill-secondary-default-pressed'] = exports['fill-secondary-subtle'] = exports['fill-secondary-subtle-hover'] = exports['fill-secondary-subtle-pressed'] = exports['fill-tertiary-default'] = exports['fill-tertiary-default-hover'] = exports['fill-tertiary-default-pressed'] = exports['fill-tertiary-subtle'] = exports['fill-tertiary-subtle-hover'] = exports['fill-tertiary-subtle-pressed'] = exports['fill-neutral-default'] = exports['fill-neutral-default-hover'] = exports['fill-neutral-default-pressed'] = exports['fill-neutral-subtle'] = exports['fill-neutral-subtle-hover'] = exports['fill-neutral-subtle-pressed'] = exports['fill-neutral-extra-subtle'] = exports['fill-neutral-extra-subtle-hover'] = exports['fill-neutral-extra-subtle-pressed'] = exports['fill-feedback-info'] = exports['fill-feedback-info-subtle'] = exports['fill-feedback-success'] = exports['fill-feedback-success-subtle'] = exports['fill-feedback-warning'] = exports['fill-feedback-warning-subtle'] = exports['fill-feedback-critical'] = exports['fill-feedback-critical-subtle'] = exports['fill-feedback-tip'] = exports['fill-feedback-tip-subtle'] = exports['foreground-default'] = exports['foreground-subtle'] = exports['foreground-emphasis'] = exports['foreground-inverse'] = exports['foreground-interactive-link'] = exports['foreground-interactive-link-hover'] = exports['foreground-interactive-link-pressed'] = exports['foreground-interactive-link-active'] = exports['foreground-feedback-info'] = exports['foreground-feedback-success'] = exports['foreground-feedback-warning'] = exports['foreground-feedback-critical'] = exports['foreground-feedback-tip'] = exports['component-form-input-foreground-default'] = exports['component-form-input-foreground-subtle'] = exports['component-form-input-foreground-placeholder'] = exports['component-form-input-foreground-disabled'] = exports['component-form-input-foreground-read-only'] = exports['component-form-input-foreground-error'] = exports['component-form-input-border-active'] = exports['component-form-input-fill-default'] = exports['component-form-input-fill-default-hover'] = exports['component-form-input-fill-default-pressed'] = exports['component-form-input-fill-disabled'] = exports['component-form-input-fill-read-only'] = exports['component-form-input-fill-error'] = exports['component-form-toggleswitch-handle-default'] = exports['component-form-toggleswitch-fill-default'] = exports['component-form-toggleswitch-fill-default-hover'] = exports['component-form-toggleswitch-fill-default-pressed'] = exports['component-form-toggleswitch-fill-selected'] = exports['component-form-toggleswitch-fill-selected-hover'] = exports['component-form-toggleswitch-fill-selected-pressed'] = exports['component-form-toggleswitch-fill-critical'] = exports['component-button-action-border-default'] = exports['component-button-action-border-hover'] = exports['component-button-action-border-pressed'] = exports['component-button-action-fill-default'] = exports['component-button-action-fill-hover'] = exports['component-button-action-fill-pressed'] = exports['component-button-action-foreground-default'] = exports['component-button-action-foreground-hover'] = exports['component-button-primary-border-default'] = exports['component-button-primary-border-hover'] = exports['component-button-primary-border-pressed'] = exports['component-button-primary-fill-default'] = exports['component-button-primary-fill-hover'] = exports['component-button-primary-fill-pressed'] = exports['component-button-primary-foreground-default'] = exports['component-button-primary-foreground-hover'] = exports['component-button-secondary-border-default'] = exports['component-button-secondary-border-hover'] = exports['component-button-secondary-border-pressed'] = exports['component-button-secondary-fill-default'] = exports['component-button-secondary-fill-hover'] = exports['component-button-secondary-fill-pressed'] = exports['component-button-secondary-foreground-default'] = exports['component-button-secondary-foreground-hover'] = exports['component-button-tertiary-fill-default'] = exports['component-button-tertiary-fill-hover'] = exports['component-button-tertiary-fill-pressed'] = exports['component-button-tertiary-foreground-default'] = exports['component-button-tertiary-foreground-hover'] = exports['component-logo-name'] = exports['component-logo-number1'] = exports['component-logo-circle-dark-red'] = exports['component-logo-circle-light-red'] = exports['border-primary-default'] = exports['border-primary-default-hover'] = exports['border-primary-default-pressed'] = exports['border-primary-subtle'] = exports['border-primary-subtle-hover'] = exports['border-primary-subtle-pressed'] = exports['border-primary-emphasis'] = exports['border-feedback-info'] = exports['border-feedback-success'] = exports['border-feedback-warning'] = exports['border-feedback-critical'] = exports['border-feedback-tip'] = exports['border-interactive-focus'] = exports['border-interactive-selected'] = void 0
5
+
5
6
  exports['background-default'] = 'var(--ffe-color-background-default)';
6
7
  exports['background-subtle'] = 'var(--ffe-color-background-subtle)';
7
8
  exports['surface-primary-default'] = 'var(--ffe-color-surface-primary-default)';
8
9
  exports['surface-primary-default-hover'] = 'var(--ffe-color-surface-primary-default-hover)';
9
10
  exports['surface-primary-default-pressed'] = 'var(--ffe-color-surface-primary-default-pressed)';
10
11
  exports['surface-secondary-default'] = 'var(--ffe-color-surface-secondary-default)';
11
- exports['surface-secondary-hover'] = 'var(--ffe-color-surface-secondary-hover)';
12
- exports['surface-secondary-pressed'] = 'var(--ffe-color-surface-secondary-pressed)';
12
+ exports['surface-secondary-default-hover'] = 'var(--ffe-color-surface-secondary-default-hover)';
13
+ exports['surface-secondary-default-pressed'] = 'var(--ffe-color-surface-secondary-default-pressed)';
13
14
  exports['surface-tertiary-default'] = 'var(--ffe-color-surface-tertiary-default)';
14
- exports['surface-tertiary-hover'] = 'var(--ffe-color-surface-tertiary-hover)';
15
- exports['surface-tertiary-pressed'] = 'var(--ffe-color-surface-tertiary-pressed)';
15
+ exports['surface-tertiary-default-hover'] = 'var(--ffe-color-surface-tertiary-default-hover)';
16
+ exports['surface-tertiary-default-pressed'] = 'var(--ffe-color-surface-tertiary-default-pressed)';
17
+ exports['surface-neutral-default'] = 'var(--ffe-color-surface-neutral-default)';
18
+ exports['surface-neutral-default-hover'] = 'var(--ffe-color-surface-neutral-default-hover)';
19
+ exports['surface-neutral-default-pressed'] = 'var(--ffe-color-surface-neutral-default-pressed)';
16
20
  exports['surface-feedback-info'] = 'var(--ffe-color-surface-feedback-info)';
17
21
  exports['surface-feedback-success'] = 'var(--ffe-color-surface-feedback-success)';
18
22
  exports['surface-feedback-warning'] = 'var(--ffe-color-surface-feedback-warning)';
19
23
  exports['surface-feedback-critical'] = 'var(--ffe-color-surface-feedback-critical)';
20
24
  exports['surface-feedback-tip'] = 'var(--ffe-color-surface-feedback-tip)';
21
25
  exports['fill-primary-default'] = 'var(--ffe-color-fill-primary-default)';
22
- exports['fill-primary-hover'] = 'var(--ffe-color-fill-primary-hover)';
23
- exports['fill-primary-pressed'] = 'var(--ffe-color-fill-primary-pressed)';
26
+ exports['fill-primary-default-hover'] = 'var(--ffe-color-fill-primary-default-hover)';
27
+ exports['fill-primary-default-pressed'] = 'var(--ffe-color-fill-primary-default-pressed)';
24
28
  exports['fill-primary-selected-default'] = 'var(--ffe-color-fill-primary-selected-default)';
25
29
  exports['fill-primary-selected-hover'] = 'var(--ffe-color-fill-primary-selected-hover)';
26
30
  exports['fill-primary-selected-pressed'] = 'var(--ffe-color-fill-primary-selected-pressed)';
@@ -63,8 +67,6 @@ exports['foreground-default'] = 'var(--ffe-color-foreground-default)';
63
67
  exports['foreground-subtle'] = 'var(--ffe-color-foreground-subtle)';
64
68
  exports['foreground-emphasis'] = 'var(--ffe-color-foreground-emphasis)';
65
69
  exports['foreground-inverse'] = 'var(--ffe-color-foreground-inverse)';
66
- exports['foreground-on-fill-default'] = 'var(--ffe-color-foreground-on-fill-default)';
67
- exports['foreground-on-fill-inverse'] = 'var(--ffe-color-foreground-on-fill-inverse)';
68
70
  exports['foreground-interactive-link'] = 'var(--ffe-color-foreground-interactive-link)';
69
71
  exports['foreground-interactive-link-hover'] = 'var(--ffe-color-foreground-interactive-link-hover)';
70
72
  exports['foreground-interactive-link-pressed'] = 'var(--ffe-color-foreground-interactive-link-pressed)';
@@ -74,26 +76,27 @@ exports['foreground-feedback-success'] = 'var(--ffe-color-foreground-feedback-su
74
76
  exports['foreground-feedback-warning'] = 'var(--ffe-color-foreground-feedback-warning)';
75
77
  exports['foreground-feedback-critical'] = 'var(--ffe-color-foreground-feedback-critical)';
76
78
  exports['foreground-feedback-tip'] = 'var(--ffe-color-foreground-feedback-tip)';
77
- exports['border-primary-default'] = 'var(--ffe-color-border-primary-default)';
78
- exports['border-primary-default-hover'] = 'var(--ffe-color-border-primary-default-hover)';
79
- exports['border-primary-default-pressed'] = 'var(--ffe-color-border-primary-default-pressed)';
80
- exports['border-primary-subtle'] = 'var(--ffe-color-border-primary-subtle)';
81
- exports['border-primary-subtle-hover'] = 'var(--ffe-color-border-primary-subtle-hover)';
82
- exports['border-primary-subtle-pressed'] = 'var(--ffe-color-border-primary-subtle-pressed)';
83
- exports['border-primary-emphasis'] = 'var(--ffe-color-border-primary-emphasis)';
84
- exports['border-secondary-default'] = 'var(--ffe-color-border-secondary-default)';
85
- exports['border-secondary-hover'] = 'var(--ffe-color-border-secondary-hover)';
86
- exports['border-secondary-pressed'] = 'var(--ffe-color-border-secondary-pressed)';
87
- exports['border-tertiary-default'] = 'var(--ffe-color-border-tertiary-default)';
88
- exports['border-tertiary-hover'] = 'var(--ffe-color-border-tertiary-hover)';
89
- exports['border-tertiary-pressed'] = 'var(--ffe-color-border-tertiary-pressed)';
90
- exports['border-interactive-focus'] = 'var(--ffe-color-border-interactive-focus)';
91
- exports['border-interactive-selected'] = 'var(--ffe-color-border-interactive-selected)';
92
- exports['border-feedback-info'] = 'var(--ffe-color-border-feedback-info)';
93
- exports['border-feedback-success'] = 'var(--ffe-color-border-feedback-success)';
94
- exports['border-feedback-warning'] = 'var(--ffe-color-border-feedback-warning)';
95
- exports['border-feedback-critical'] = 'var(--ffe-color-border-feedback-critical)';
96
- exports['border-feedback-tip'] = 'var(--ffe-color-border-feedback-tip)';
79
+ exports['component-form-input-foreground-default'] = 'var(--ffe-color-component-form-input-foreground-default)';
80
+ exports['component-form-input-foreground-subtle'] = 'var(--ffe-color-component-form-input-foreground-subtle)';
81
+ exports['component-form-input-foreground-placeholder'] = 'var(--ffe-color-component-form-input-foreground-placeholder)';
82
+ exports['component-form-input-foreground-disabled'] = 'var(--ffe-color-component-form-input-foreground-disabled)';
83
+ exports['component-form-input-foreground-read-only'] = 'var(--ffe-color-component-form-input-foreground-read-only)';
84
+ exports['component-form-input-foreground-error'] = 'var(--ffe-color-component-form-input-foreground-error)';
85
+ exports['component-form-input-border-active'] = 'var(--ffe-color-component-form-input-border-active)';
86
+ exports['component-form-input-fill-default'] = 'var(--ffe-color-component-form-input-fill-default)';
87
+ exports['component-form-input-fill-default-hover'] = 'var(--ffe-color-component-form-input-fill-default-hover)';
88
+ exports['component-form-input-fill-default-pressed'] = 'var(--ffe-color-component-form-input-fill-default-pressed)';
89
+ exports['component-form-input-fill-disabled'] = 'var(--ffe-color-component-form-input-fill-disabled)';
90
+ exports['component-form-input-fill-read-only'] = 'var(--ffe-color-component-form-input-fill-read-only)';
91
+ exports['component-form-input-fill-error'] = 'var(--ffe-color-component-form-input-fill-error)';
92
+ exports['component-form-toggleswitch-handle-default'] = 'var(--ffe-color-component-form-toggleswitch-handle-default)';
93
+ exports['component-form-toggleswitch-fill-default'] = 'var(--ffe-color-component-form-toggleswitch-fill-default)';
94
+ exports['component-form-toggleswitch-fill-default-hover'] = 'var(--ffe-color-component-form-toggleswitch-fill-default-hover)';
95
+ exports['component-form-toggleswitch-fill-default-pressed'] = 'var(--ffe-color-component-form-toggleswitch-fill-default-pressed)';
96
+ exports['component-form-toggleswitch-fill-selected'] = 'var(--ffe-color-component-form-toggleswitch-fill-selected)';
97
+ exports['component-form-toggleswitch-fill-selected-hover'] = 'var(--ffe-color-component-form-toggleswitch-fill-selected-hover)';
98
+ exports['component-form-toggleswitch-fill-selected-pressed'] = 'var(--ffe-color-component-form-toggleswitch-fill-selected-pressed)';
99
+ exports['component-form-toggleswitch-fill-critical'] = 'var(--ffe-color-component-form-toggleswitch-fill-critical)';
97
100
  exports['component-button-action-border-default'] = 'var(--ffe-color-component-button-action-border-default)';
98
101
  exports['component-button-action-border-hover'] = 'var(--ffe-color-component-button-action-border-hover)';
99
102
  exports['component-button-action-border-pressed'] = 'var(--ffe-color-component-button-action-border-pressed)';
@@ -123,15 +126,21 @@ exports['component-button-tertiary-fill-hover'] = 'var(--ffe-color-component-but
123
126
  exports['component-button-tertiary-fill-pressed'] = 'var(--ffe-color-component-button-tertiary-fill-pressed)';
124
127
  exports['component-button-tertiary-foreground-default'] = 'var(--ffe-color-component-button-tertiary-foreground-default)';
125
128
  exports['component-button-tertiary-foreground-hover'] = 'var(--ffe-color-component-button-tertiary-foreground-hover)';
126
- exports['component-toggleswitch-handle-default'] = 'var(--ffe-color-component-toggleswitch-handle-default)';
127
- exports['component-toggleswitch-fill-default'] = 'var(--ffe-color-component-toggleswitch-fill-default)';
128
- exports['component-toggleswitch-fill-default-hover'] = 'var(--ffe-color-component-toggleswitch-fill-default-hover)';
129
- exports['component-toggleswitch-fill-default-pressed'] = 'var(--ffe-color-component-toggleswitch-fill-default-pressed)';
130
- exports['component-toggleswitch-fill-selected'] = 'var(--ffe-color-component-toggleswitch-fill-selected)';
131
- exports['component-toggleswitch-fill-selected-hover'] = 'var(--ffe-color-component-toggleswitch-fill-selected-hover)';
132
- exports['component-toggleswitch-fill-selected-pressed'] = 'var(--ffe-color-component-toggleswitch-fill-selected-pressed)';
133
- exports['component-toggleswitch-fill-critical'] = 'var(--ffe-color-component-toggleswitch-fill-critical)';
134
129
  exports['component-logo-name'] = 'var(--ffe-color-component-logo-name)';
135
130
  exports['component-logo-number1'] = 'var(--ffe-color-component-logo-number1)';
136
131
  exports['component-logo-circle-dark-red'] = 'var(--ffe-color-component-logo-circle-dark-red)';
137
132
  exports['component-logo-circle-light-red'] = 'var(--ffe-color-component-logo-circle-light-red)';
133
+ exports['border-primary-default'] = 'var(--ffe-color-border-primary-default)';
134
+ exports['border-primary-default-hover'] = 'var(--ffe-color-border-primary-default-hover)';
135
+ exports['border-primary-default-pressed'] = 'var(--ffe-color-border-primary-default-pressed)';
136
+ exports['border-primary-subtle'] = 'var(--ffe-color-border-primary-subtle)';
137
+ exports['border-primary-subtle-hover'] = 'var(--ffe-color-border-primary-subtle-hover)';
138
+ exports['border-primary-subtle-pressed'] = 'var(--ffe-color-border-primary-subtle-pressed)';
139
+ exports['border-primary-emphasis'] = 'var(--ffe-color-border-primary-emphasis)';
140
+ exports['border-feedback-info'] = 'var(--ffe-color-border-feedback-info)';
141
+ exports['border-feedback-success'] = 'var(--ffe-color-border-feedback-success)';
142
+ exports['border-feedback-warning'] = 'var(--ffe-color-border-feedback-warning)';
143
+ exports['border-feedback-critical'] = 'var(--ffe-color-border-feedback-critical)';
144
+ exports['border-feedback-tip'] = 'var(--ffe-color-border-feedback-tip)';
145
+ exports['border-interactive-focus'] = 'var(--ffe-color-border-interactive-focus)';
146
+ exports['border-interactive-selected'] = 'var(--ffe-color-border-interactive-selected)';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sb1/ffe-core",
3
- "version": "32.0.4",
3
+ "version": "33.0.0",
4
4
  "description": "Rammeverk for Felles Front End",
5
5
  "license": "MIT",
6
6
  "author": "SpareBank 1",
@@ -20,14 +20,19 @@
20
20
  "url": "ssh://git@github.com:SpareBank1/designsystem.git"
21
21
  },
22
22
  "scripts": {
23
- "lint": "ffe-buildtool stylelint less/*.less",
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
- "generate-semantic-colors": "./scripts/generate-semantic-colors.cjs",
27
- "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
+ "build-semantic-colors": "node ./scripts/build-colors.cjs platform=web webPaths=./",
29
+ "build": "npm run build-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",
30
+ "build:colors:android": "node ./scripts/build-colors.cjs platform=android androidPaths=./test/android/colors",
31
+ "build:colors:ios": "node ./scripts/build-colors.cjs platform=ios iosPaths=./test/ios/colors",
32
+ "build:colors:json": "node ./scripts/build-colors.cjs platform=json jsonPaths=./test/json/colors"
28
33
  },
29
34
  "devDependencies": {
30
- "@sb1/ffe-buildtool": "^0.10.0",
35
+ "@sb1/ffe-buildtool": "^0.10.1",
31
36
  "case": "^1.5.5",
32
37
  "less": "^4.1.2",
33
38
  "postcss": "^8.3.6"
@@ -35,5 +40,5 @@
35
40
  "publishConfig": {
36
41
  "access": "public"
37
42
  },
38
- "gitHead": "52a39d013e53e8645be7bc73837d7f79004eb3a2"
43
+ "gitHead": "0f26027df58d561ce8d5310c91033c5e62e50f51"
39
44
  }