@sb1/ffe-core 33.1.0 → 100.0.0

package/lib/semanticColors.js

@@ -2,7 +2,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 
-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
+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.foregroundInteractiveDisabled = 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.componentFormToggleswitchHandleDisabled = exports.componentFormToggleswitchFillDefault = exports.componentFormToggleswitchFillDefaultHover = exports.componentFormToggleswitchFillDefaultPressed = exports.componentFormToggleswitchFillSelected = exports.componentFormToggleswitchFillSelectedHover = exports.componentFormToggleswitchFillSelectedPressed = exports.componentFormToggleswitchFillSelectedDisabled = exports.componentFormToggleswitchFillSelectedReadOnly = exports.componentFormToggleswitchFillCritical = exports.componentFormToggleswitchFillDisabled = exports.componentFormToggleswitchFillReadOnly = 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
 
 exports.backgroundDefault = 'var(--ffe-color-background-default)';
 exports.backgroundSubtle = 'var(--ffe-color-background-subtle)';
@@ -72,6 +72,7 @@ exports.foregroundInteractiveLink = 'var(--ffe-color-foreground-interactive-link
 exports.foregroundInteractiveLinkHover = 'var(--ffe-color-foreground-interactive-link-hover)';
 exports.foregroundInteractiveLinkPressed = 'var(--ffe-color-foreground-interactive-link-pressed)';
 exports.foregroundInteractiveLinkActive = 'var(--ffe-color-foreground-interactive-link-active)';
+exports.foregroundInteractiveDisabled = 'var(--ffe-color-foreground-interactive-disabled)';
 exports.foregroundFeedbackInfo = 'var(--ffe-color-foreground-feedback-info)';
 exports.foregroundFeedbackSuccess = 'var(--ffe-color-foreground-feedback-success)';
 exports.foregroundFeedbackWarning = 'var(--ffe-color-foreground-feedback-warning)';
@@ -91,13 +92,18 @@ exports.componentFormInputFillDisabled = 'var(--ffe-color-component-form-input-f
 exports.componentFormInputFillReadOnly = 'var(--ffe-color-component-form-input-fill-read-only)';
 exports.componentFormInputFillError = 'var(--ffe-color-component-form-input-fill-error)';
 exports.componentFormToggleswitchHandleDefault = 'var(--ffe-color-component-form-toggleswitch-handle-default)';
+exports.componentFormToggleswitchHandleDisabled = 'var(--ffe-color-component-form-toggleswitch-handle-disabled)';
 exports.componentFormToggleswitchFillDefault = 'var(--ffe-color-component-form-toggleswitch-fill-default)';
 exports.componentFormToggleswitchFillDefaultHover = 'var(--ffe-color-component-form-toggleswitch-fill-default-hover)';
 exports.componentFormToggleswitchFillDefaultPressed = 'var(--ffe-color-component-form-toggleswitch-fill-default-pressed)';
 exports.componentFormToggleswitchFillSelected = 'var(--ffe-color-component-form-toggleswitch-fill-selected)';
 exports.componentFormToggleswitchFillSelectedHover = 'var(--ffe-color-component-form-toggleswitch-fill-selected-hover)';
 exports.componentFormToggleswitchFillSelectedPressed = 'var(--ffe-color-component-form-toggleswitch-fill-selected-pressed)';
+exports.componentFormToggleswitchFillSelectedDisabled = 'var(--ffe-color-component-form-toggleswitch-fill-selected-disabled)';
+exports.componentFormToggleswitchFillSelectedReadOnly = 'var(--ffe-color-component-form-toggleswitch-fill-selected-read-only)';
 exports.componentFormToggleswitchFillCritical = 'var(--ffe-color-component-form-toggleswitch-fill-critical)';
+exports.componentFormToggleswitchFillDisabled = 'var(--ffe-color-component-form-toggleswitch-fill-disabled)';
+exports.componentFormToggleswitchFillReadOnly = 'var(--ffe-color-component-form-toggleswitch-fill-read-only)';
 exports.componentButtonActionBorderDefault = 'var(--ffe-color-component-button-action-border-default)';
 exports.componentButtonActionBorderHover = 'var(--ffe-color-component-button-action-border-hover)';
 exports.componentButtonActionBorderPressed = 'var(--ffe-color-component-button-action-border-pressed)';

package/lib/semanticColorsTailwind.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 
-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
+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-interactive-disabled'] = 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-handle-disabled'] = 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-selected-disabled'] = exports['component-form-toggleswitch-fill-selected-read-only'] = exports['component-form-toggleswitch-fill-critical'] = exports['component-form-toggleswitch-fill-disabled'] = exports['component-form-toggleswitch-fill-read-only'] = 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
 
 exports['background-default'] = 'var(--ffe-color-background-default)';
 exports['background-subtle'] = 'var(--ffe-color-background-subtle)';
@@ -71,6 +71,7 @@ exports['foreground-interactive-link'] = 'var(--ffe-color-foreground-interactive
 exports['foreground-interactive-link-hover'] = 'var(--ffe-color-foreground-interactive-link-hover)';
 exports['foreground-interactive-link-pressed'] = 'var(--ffe-color-foreground-interactive-link-pressed)';
 exports['foreground-interactive-link-active'] = 'var(--ffe-color-foreground-interactive-link-active)';
+exports['foreground-interactive-disabled'] = 'var(--ffe-color-foreground-interactive-disabled)';
 exports['foreground-feedback-info'] = 'var(--ffe-color-foreground-feedback-info)';
 exports['foreground-feedback-success'] = 'var(--ffe-color-foreground-feedback-success)';
 exports['foreground-feedback-warning'] = 'var(--ffe-color-foreground-feedback-warning)';
@@ -90,13 +91,18 @@ exports['component-form-input-fill-disabled'] = 'var(--ffe-color-component-form-
 exports['component-form-input-fill-read-only'] = 'var(--ffe-color-component-form-input-fill-read-only)';
 exports['component-form-input-fill-error'] = 'var(--ffe-color-component-form-input-fill-error)';
 exports['component-form-toggleswitch-handle-default'] = 'var(--ffe-color-component-form-toggleswitch-handle-default)';
+exports['component-form-toggleswitch-handle-disabled'] = 'var(--ffe-color-component-form-toggleswitch-handle-disabled)';
 exports['component-form-toggleswitch-fill-default'] = 'var(--ffe-color-component-form-toggleswitch-fill-default)';
 exports['component-form-toggleswitch-fill-default-hover'] = 'var(--ffe-color-component-form-toggleswitch-fill-default-hover)';
 exports['component-form-toggleswitch-fill-default-pressed'] = 'var(--ffe-color-component-form-toggleswitch-fill-default-pressed)';
 exports['component-form-toggleswitch-fill-selected'] = 'var(--ffe-color-component-form-toggleswitch-fill-selected)';
 exports['component-form-toggleswitch-fill-selected-hover'] = 'var(--ffe-color-component-form-toggleswitch-fill-selected-hover)';
 exports['component-form-toggleswitch-fill-selected-pressed'] = 'var(--ffe-color-component-form-toggleswitch-fill-selected-pressed)';
+exports['component-form-toggleswitch-fill-selected-disabled'] = 'var(--ffe-color-component-form-toggleswitch-fill-selected-disabled)';
+exports['component-form-toggleswitch-fill-selected-read-only'] = 'var(--ffe-color-component-form-toggleswitch-fill-selected-read-only)';
 exports['component-form-toggleswitch-fill-critical'] = 'var(--ffe-color-component-form-toggleswitch-fill-critical)';
+exports['component-form-toggleswitch-fill-disabled'] = 'var(--ffe-color-component-form-toggleswitch-fill-disabled)';
+exports['component-form-toggleswitch-fill-read-only'] = 'var(--ffe-color-component-form-toggleswitch-fill-read-only)';
 exports['component-button-action-border-default'] = 'var(--ffe-color-component-button-action-border-default)';
 exports['component-button-action-border-hover'] = 'var(--ffe-color-component-button-action-border-hover)';
 exports['component-button-action-border-pressed'] = 'var(--ffe-color-component-button-action-border-pressed)';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sb1/ffe-core",
-    "version": "33.1.0",
+    "version": "100.0.0",
     "description": "Rammeverk for Felles Front End",
     "license": "MIT",
     "author": "SpareBank 1",
@@ -35,7 +35,7 @@
         "build-colors": "./scripts/build-colors.cjs"
     },
     "devDependencies": {
-        "@sb1/ffe-buildtool": "^0.10.1",
+        "@sb1/ffe-buildtool": "^100.0.0",
         "case": "^1.5.5",
         "less": "^4.1.2",
         "postcss": "^8.3.6"
@@ -43,5 +43,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "ec1436a13ace3b42dd314702f4507256dfa4c017"
+    "gitHead": "9712f28655bee888c86c90d2e93ac1a67e7989e4"
 }

package/less/colors-semantic-storybook.less

@@ -1,290 +0,0 @@
-
-/* Generated from Figma tokens */
-
-.dark-mode, .dark-mode .ffe-default-mode {
-  --ffe-color-background-default: #020a0a;
---ffe-color-background-subtle: #1f1f1f;
---ffe-color-surface-primary-default: #292929;
---ffe-color-surface-primary-default-hover: #333333;
---ffe-color-surface-primary-default-pressed: #3d3d3d;
---ffe-color-surface-secondary-default: #0c2232;
---ffe-color-surface-secondary-default-hover: #102d43;
---ffe-color-surface-secondary-default-pressed: #163853;
---ffe-color-surface-tertiary-default: #1d192f;
---ffe-color-surface-tertiary-default-hover: #27223a;
---ffe-color-surface-tertiary-default-pressed: #312c44;
---ffe-color-surface-neutral-default: #3d3d3d;
---ffe-color-surface-neutral-default-hover: #474747;
---ffe-color-surface-neutral-default-pressed: #525252;
---ffe-color-surface-feedback-info: #163853;
---ffe-color-surface-feedback-success: #0a4330;
---ffe-color-surface-feedback-warning: #491c00;
---ffe-color-surface-feedback-critical: #640e10;
---ffe-color-surface-feedback-tip: #312c44;
---ffe-color-fill-primary-default: #55709b;
---ffe-color-fill-primary-default-hover: #748db4;
---ffe-color-fill-primary-default-pressed: #90a9d0;
---ffe-color-fill-primary-selected-default: #f7fafd;
---ffe-color-fill-primary-selected-hover: #d7e7f4;
---ffe-color-fill-primary-selected-pressed: #c3d9ef;
---ffe-color-fill-primary-subtle: #2e405c;
---ffe-color-fill-primary-subtle-hover: #374b6c;
---ffe-color-fill-primary-subtle-pressed: #3e5579;
---ffe-color-fill-primary-invisible: #ffffff00;
---ffe-color-fill-secondary-default: #457aa1;
---ffe-color-fill-secondary-default-hover: #6096bd;
---ffe-color-fill-secondary-default-pressed: #7eb5d2;
---ffe-color-fill-secondary-subtle: #2b5a7c;
---ffe-color-fill-secondary-subtle-hover: #356488;
---ffe-color-fill-secondary-subtle-pressed: #3b6f96;
---ffe-color-fill-tertiary-default: #7b718e;
---ffe-color-fill-tertiary-default-hover: #a39db9;
---ffe-color-fill-tertiary-default-pressed: #b4aecb;
---ffe-color-fill-tertiary-subtle: #4e4a64;
---ffe-color-fill-tertiary-subtle-hover: #5a5671;
---ffe-color-fill-tertiary-subtle-pressed: #665d79;
---ffe-color-fill-neutral-default: #ffffff33;
---ffe-color-fill-neutral-default-hover: #ffffff40;
---ffe-color-fill-neutral-default-pressed: #ffffff4d;
---ffe-color-fill-neutral-subtle: #ffffff13;
---ffe-color-fill-neutral-subtle-hover: #ffffff1a;
---ffe-color-fill-neutral-subtle-pressed: #ffffff26;
---ffe-color-fill-neutral-extra-subtle: #ffffff06;
---ffe-color-fill-neutral-extra-subtle-hover: #ffffff0d;
---ffe-color-fill-neutral-extra-subtle-pressed: #ffffff13;
---ffe-color-fill-feedback-info: #7eb5d2;
---ffe-color-fill-feedback-info-subtle: #234f71;
---ffe-color-fill-feedback-success: #6abe97;
---ffe-color-fill-feedback-success-subtle: #09583b;
---ffe-color-fill-feedback-warning: #ea910b;
---ffe-color-fill-feedback-warning-subtle: #682c00;
---ffe-color-fill-feedback-critical: #ff5e5c;
---ffe-color-fill-feedback-critical-subtle: #7c1214;
---ffe-color-fill-feedback-tip: #c1c1dc;
---ffe-color-fill-feedback-tip-subtle: #45415a;
---ffe-color-foreground-default: #ffffff;
---ffe-color-foreground-subtle: #c2c2c2;
---ffe-color-foreground-emphasis: #d7e7f4;
---ffe-color-foreground-inverse: #020a0a;
---ffe-color-foreground-interactive-link: #c3d9ef;
---ffe-color-foreground-interactive-link-hover: #b6d1ec;
---ffe-color-foreground-interactive-link-pressed: #9ec2e5;
---ffe-color-foreground-interactive-link-active: #f7fafd;
---ffe-color-foreground-feedback-info: #c3dfea;
---ffe-color-foreground-feedback-success: #b2e6cd;
---ffe-color-foreground-feedback-warning: #ffc675;
---ffe-color-foreground-feedback-critical: #ffaea8;
---ffe-color-foreground-feedback-tip: #d3d3ea;
---ffe-color-component-form-input-foreground-default: #ffffff;
---ffe-color-component-form-input-foreground-subtle: #c2c2c2;
---ffe-color-component-form-input-foreground-placeholder: #adadad;
---ffe-color-component-form-input-foreground-disabled: #8f8f8f;
---ffe-color-component-form-input-foreground-read-only: #c2c2c2;
---ffe-color-component-form-input-foreground-error: #ffaea8;
---ffe-color-component-form-input-border-active: #d7e7f4;
---ffe-color-component-form-input-fill-default: #292929;
---ffe-color-component-form-input-fill-default-hover: #333333;
---ffe-color-component-form-input-fill-default-pressed: #3d3d3d;
---ffe-color-component-form-input-fill-disabled: #5c5c5c;
---ffe-color-component-form-input-fill-read-only: #474747;
---ffe-color-component-form-input-fill-error: #640e10;
---ffe-color-component-form-toggleswitch-handle-default: #ffffff;
---ffe-color-component-form-toggleswitch-fill-default: #7a7a7a;
---ffe-color-component-form-toggleswitch-fill-default-hover: #8f8f8f;
---ffe-color-component-form-toggleswitch-fill-default-pressed: #adadad;
---ffe-color-component-form-toggleswitch-fill-selected: #48a781;
---ffe-color-component-form-toggleswitch-fill-selected-hover: #6abe97;
---ffe-color-component-form-toggleswitch-fill-selected-pressed: #8fd1b1;
---ffe-color-component-form-toggleswitch-fill-critical: #e44244;
---ffe-color-component-button-action-border-default: #48a781;
---ffe-color-component-button-action-border-hover: #6abe97;
---ffe-color-component-button-action-border-pressed: #8fd1b1;
---ffe-color-component-button-action-fill-default: #00754e;
---ffe-color-component-button-action-fill-hover: #2a7e5b;
---ffe-color-component-button-action-fill-pressed: #409674;
---ffe-color-component-button-action-foreground-default: #ffffff;
---ffe-color-component-button-action-foreground-hover: #ffffff;
---ffe-color-component-button-primary-border-default: #9ec2e5;
---ffe-color-component-button-primary-border-hover: #c3d9ef;
---ffe-color-component-button-primary-border-pressed: #d7e7f4;
---ffe-color-component-button-primary-fill-default: #005aa4;
---ffe-color-component-button-primary-fill-hover: #1566b2;
---ffe-color-component-button-primary-fill-pressed: #2975c2;
---ffe-color-component-button-primary-foreground-default: #ffffff;
---ffe-color-component-button-primary-foreground-hover: #ffffff;
---ffe-color-component-button-secondary-border-default: #f7fafd;
---ffe-color-component-button-secondary-border-hover: #f7fafd;
---ffe-color-component-button-secondary-border-pressed: #f7fafd;
---ffe-color-component-button-secondary-fill-default: #ffffff00;
---ffe-color-component-button-secondary-fill-hover: #333333;
---ffe-color-component-button-secondary-fill-pressed: #3d3d3d;
---ffe-color-component-button-secondary-foreground-default: #ffffff;
---ffe-color-component-button-secondary-foreground-hover: #ffffff;
---ffe-color-component-button-tertiary-fill-default: #ffffff00;
---ffe-color-component-button-tertiary-fill-hover: #333333;
---ffe-color-component-button-tertiary-fill-pressed: #3d3d3d;
---ffe-color-component-button-tertiary-foreground-default: #f7fafd;
---ffe-color-component-button-tertiary-foreground-hover: #f7fafd;
---ffe-color-component-logo-name: #ffffff;
---ffe-color-component-logo-number1: #ffffff;
---ffe-color-component-logo-circle-dark-red: #af0000;
---ffe-color-component-logo-circle-light-red: #e60000;
---ffe-color-border-primary-default: #ffffff26;
---ffe-color-border-primary-default-hover: #ffffff33;
---ffe-color-border-primary-default-pressed: #ffffff40;
---ffe-color-border-primary-subtle: #ffffff13;
---ffe-color-border-primary-subtle-hover: #ffffff1a;
---ffe-color-border-primary-subtle-pressed: #ffffff26;
---ffe-color-border-primary-emphasis: #9ec2e5;
---ffe-color-border-feedback-info: #6096bd;
---ffe-color-border-feedback-success: #48a781;
---ffe-color-border-feedback-warning: #cc7205;
---ffe-color-border-feedback-critical: #e44244;
---ffe-color-border-feedback-tip: #a39db9;
---ffe-color-border-interactive-focus: #ea910b;
---ffe-color-border-interactive-selected: #9ec2e5;
-}
-
-.dark-mode .ffe-accent-mode, .dark-mode.ffe-accent-mode {
-  --ffe-color-background-default: #141414;
---ffe-color-background-subtle: #1f1f1f;
---ffe-color-surface-primary-default: #292929;
---ffe-color-surface-primary-default-hover: #333333;
---ffe-color-surface-primary-default-pressed: #3d3d3d;
---ffe-color-surface-secondary-default: #0c2232;
---ffe-color-surface-secondary-default-hover: #102d43;
---ffe-color-surface-secondary-default-pressed: #163853;
---ffe-color-surface-tertiary-default: #1d192f;
---ffe-color-surface-tertiary-default-hover: #27223a;
---ffe-color-surface-tertiary-default-pressed: #312c44;
---ffe-color-surface-neutral-default: #3d3d3d;
---ffe-color-surface-neutral-default-hover: #474747;
---ffe-color-surface-neutral-default-pressed: #525252;
---ffe-color-surface-feedback-info: #163853;
---ffe-color-surface-feedback-success: #0a4330;
---ffe-color-surface-feedback-warning: #491c00;
---ffe-color-surface-feedback-critical: #640e10;
---ffe-color-surface-feedback-tip: #312c44;
---ffe-color-fill-primary-default: #55709b;
---ffe-color-fill-primary-default-hover: #748db4;
---ffe-color-fill-primary-default-pressed: #90a9d0;
---ffe-color-fill-primary-selected-default: #f7fafd;
---ffe-color-fill-primary-selected-hover: #d7e7f4;
---ffe-color-fill-primary-selected-pressed: #c3d9ef;
---ffe-color-fill-primary-subtle: #374b6c;
---ffe-color-fill-primary-subtle-hover: #3e5579;
---ffe-color-fill-primary-subtle-pressed: #47618a;
---ffe-color-fill-primary-invisible: #ffffff00;
---ffe-color-fill-secondary-default: #457aa1;
---ffe-color-fill-secondary-default-hover: #6096bd;
---ffe-color-fill-secondary-default-pressed: #7eb5d2;
---ffe-color-fill-secondary-subtle: #2b5a7c;
---ffe-color-fill-secondary-subtle-hover: #356488;
---ffe-color-fill-secondary-subtle-pressed: #3b6f96;
---ffe-color-fill-tertiary-default: #7b718e;
---ffe-color-fill-tertiary-default-hover: #a39db9;
---ffe-color-fill-tertiary-default-pressed: #b4aecb;
---ffe-color-fill-tertiary-subtle: #4e4a64;
---ffe-color-fill-tertiary-subtle-hover: #5a5671;
---ffe-color-fill-tertiary-subtle-pressed: #665d79;
---ffe-color-fill-neutral-default: #ffffff33;
---ffe-color-fill-neutral-default-hover: #ffffff40;
---ffe-color-fill-neutral-default-pressed: #ffffff4d;
---ffe-color-fill-neutral-subtle: #ffffff13;
---ffe-color-fill-neutral-subtle-hover: #ffffff1a;
---ffe-color-fill-neutral-subtle-pressed: #ffffff26;
---ffe-color-fill-neutral-extra-subtle: #ffffff06;
---ffe-color-fill-neutral-extra-subtle-hover: #ffffff0d;
---ffe-color-fill-neutral-extra-subtle-pressed: #ffffff13;
---ffe-color-fill-feedback-info: #7eb5d2;
---ffe-color-fill-feedback-info-subtle: #234f71;
---ffe-color-fill-feedback-success: #6abe97;
---ffe-color-fill-feedback-success-subtle: #09583b;
---ffe-color-fill-feedback-warning: #ea910b;
---ffe-color-fill-feedback-warning-subtle: #682c00;
---ffe-color-fill-feedback-critical: #ff5e5c;
---ffe-color-fill-feedback-critical-subtle: #7c1214;
---ffe-color-fill-feedback-tip: #c1c1dc;
---ffe-color-fill-feedback-tip-subtle: #45415a;
---ffe-color-foreground-default: #ffffff;
---ffe-color-foreground-subtle: #c2c2c2;
---ffe-color-foreground-emphasis: #d7e7f4;
---ffe-color-foreground-inverse: #020a0a;
---ffe-color-foreground-interactive-link: #c3d9ef;
---ffe-color-foreground-interactive-link-hover: #b6d1ec;
---ffe-color-foreground-interactive-link-pressed: #9ec2e5;
---ffe-color-foreground-interactive-link-active: #f7fafd;
---ffe-color-foreground-feedback-info: #c3dfea;
---ffe-color-foreground-feedback-success: #b2e6cd;
---ffe-color-foreground-feedback-warning: #ffc675;
---ffe-color-foreground-feedback-critical: #ffaea8;
---ffe-color-foreground-feedback-tip: #d3d3ea;
---ffe-color-component-form-input-foreground-default: #ffffff;
---ffe-color-component-form-input-foreground-subtle: #c2c2c2;
---ffe-color-component-form-input-foreground-placeholder: #adadad;
---ffe-color-component-form-input-foreground-disabled: #8f8f8f;
---ffe-color-component-form-input-foreground-read-only: #c2c2c2;
---ffe-color-component-form-input-foreground-error: #ffaea8;
---ffe-color-component-form-input-border-active: #d7e7f4;
---ffe-color-component-form-input-fill-default: #292929;
---ffe-color-component-form-input-fill-default-hover: #333333;
---ffe-color-component-form-input-fill-default-pressed: #3d3d3d;
---ffe-color-component-form-input-fill-disabled: #5c5c5c;
---ffe-color-component-form-input-fill-read-only: #474747;
---ffe-color-component-form-input-fill-error: #640e10;
---ffe-color-component-form-toggleswitch-handle-default: #ffffff;
---ffe-color-component-form-toggleswitch-fill-default: #7a7a7a;
---ffe-color-component-form-toggleswitch-fill-default-hover: #8f8f8f;
---ffe-color-component-form-toggleswitch-fill-default-pressed: #adadad;
---ffe-color-component-form-toggleswitch-fill-selected: #48a781;
---ffe-color-component-form-toggleswitch-fill-selected-hover: #6abe97;
---ffe-color-component-form-toggleswitch-fill-selected-pressed: #8fd1b1;
---ffe-color-component-form-toggleswitch-fill-critical: #e44244;
---ffe-color-component-button-action-border-default: #48a781;
---ffe-color-component-button-action-border-hover: #6abe97;
---ffe-color-component-button-action-border-pressed: #8fd1b1;
---ffe-color-component-button-action-fill-default: #00754e;
---ffe-color-component-button-action-fill-hover: #2a7e5b;
---ffe-color-component-button-action-fill-pressed: #409674;
---ffe-color-component-button-action-foreground-default: #ffffff;
---ffe-color-component-button-action-foreground-hover: #ffffff;
---ffe-color-component-button-primary-border-default: #9ec2e5;
---ffe-color-component-button-primary-border-hover: #c3d9ef;
---ffe-color-component-button-primary-border-pressed: #d7e7f4;
---ffe-color-component-button-primary-fill-default: #005aa4;
---ffe-color-component-button-primary-fill-hover: #1566b2;
---ffe-color-component-button-primary-fill-pressed: #2975c2;
---ffe-color-component-button-primary-foreground-default: #ffffff;
---ffe-color-component-button-primary-foreground-hover: #ffffff;
---ffe-color-component-button-secondary-border-default: #f7fafd;
---ffe-color-component-button-secondary-border-hover: #f7fafd;
---ffe-color-component-button-secondary-border-pressed: #f7fafd;
---ffe-color-component-button-secondary-fill-default: #ffffff00;
---ffe-color-component-button-secondary-fill-hover: #333333;
---ffe-color-component-button-secondary-fill-pressed: #3d3d3d;
---ffe-color-component-button-secondary-foreground-default: #ffffff;
---ffe-color-component-button-secondary-foreground-hover: #ffffff;
---ffe-color-component-button-tertiary-fill-default: #ffffff00;
---ffe-color-component-button-tertiary-fill-hover: #333333;
---ffe-color-component-button-tertiary-fill-pressed: #3d3d3d;
---ffe-color-component-button-tertiary-foreground-default: #f7fafd;
---ffe-color-component-button-tertiary-foreground-hover: #f7fafd;
---ffe-color-component-logo-name: #ffffff;
---ffe-color-component-logo-number1: #ffffff;
---ffe-color-component-logo-circle-dark-red: #af0000;
---ffe-color-component-logo-circle-light-red: #e60000;
---ffe-color-border-primary-default: #ffffff26;
---ffe-color-border-primary-default-hover: #ffffff33;
---ffe-color-border-primary-default-pressed: #ffffff40;
---ffe-color-border-primary-subtle: #ffffff13;
---ffe-color-border-primary-subtle-hover: #ffffff1a;
---ffe-color-border-primary-subtle-pressed: #ffffff26;
---ffe-color-border-primary-emphasis: #9ec2e5;
---ffe-color-border-feedback-info: #6096bd;
---ffe-color-border-feedback-success: #48a781;
---ffe-color-border-feedback-warning: #cc7205;
---ffe-color-border-feedback-critical: #e44244;
---ffe-color-border-feedback-tip: #a39db9;
---ffe-color-border-interactive-focus: #f49f1f;
---ffe-color-border-interactive-selected: #9ec2e5;
-}