@haiilo/catalyst-tokens 14.5.2 → 14.6.0

package/dist/export/zeroheight.json

@@ -402,6 +402,10 @@
           "$type": "color",
           "$value": "#026371"
         },
+        "bgOutlined": {
+          "$type": "color",
+          "$value": "#ffffff"
+        },
         "fill": {
           "$type": "color",
           "$value": "#ffffff"
@@ -478,6 +482,10 @@
           "$type": "color",
           "$value": "#697687"
         },
+        "bgOutlined": {
+          "$type": "color",
+          "$value": "#ffffff"
+        },
         "fill": {
           "$type": "color",
           "$value": "#ffffff"
@@ -554,6 +562,10 @@
           "$type": "color",
           "$value": "#0060df"
         },
+        "bgOutlined": {
+          "$type": "color",
+          "$value": "#ffffff"
+        },
         "fill": {
           "$type": "color",
           "$value": "#ffffff"
@@ -592,6 +604,10 @@
           "$type": "color",
           "$value": "#006946"
         },
+        "bgOutlined": {
+          "$type": "color",
+          "$value": "#ffffff"
+        },
         "fill": {
           "$type": "color",
           "$value": "#ffffff"
@@ -630,6 +646,10 @@
           "$type": "color",
           "$value": "#ffdea8"
         },
+        "bgOutlined": {
+          "$type": "color",
+          "$value": "#ffffff"
+        },
         "fill": {
           "$type": "color",
           "$value": "#000000"
@@ -668,6 +688,10 @@
           "$type": "color",
           "$value": "#ae2a0a"
         },
+        "bgOutlined": {
+          "$type": "color",
+          "$value": "#ffffff"
+        },
         "fill": {
           "$type": "color",
           "$value": "#ffffff"

package/dist/js/variables.d.ts

@@ -2,259 +2,265 @@
  * Auto-generated file. Do not edit directly.
  */
 
-export const assetFontLatoName : string;
-export const assetFontLatoWoffBlack : string;
-export const assetFontLatoWoff2Black : string;
-export const assetFontLatoWoffBlackItalic : string;
-export const assetFontLatoWoff2BlackItalic : string;
-export const assetFontLatoWoffBold : string;
-export const assetFontLatoWoff2Bold : string;
-export const assetFontLatoWoffBoldItalic : string;
-export const assetFontLatoWoff2BoldItalic : string;
-export const assetFontLatoWoffHairline : string;
-export const assetFontLatoWoff2Hairline : string;
-export const assetFontLatoWoffHairlineItalic : string;
-export const assetFontLatoWoff2HairlineItalic : string;
-export const assetFontLatoWoffHeavy : string;
-export const assetFontLatoWoff2Heavy : string;
-export const assetFontLatoWoffHeavyItalic : string;
-export const assetFontLatoWoff2HeavyItalic : string;
-export const assetFontLatoWoffItalic : string;
-export const assetFontLatoWoff2Italic : string;
-export const assetFontLatoWoffLight : string;
-export const assetFontLatoWoff2Light : string;
-export const assetFontLatoWoffLightItalic : string;
-export const assetFontLatoWoff2LightItalic : string;
-export const assetFontLatoWoffMedium : string;
-export const assetFontLatoWoff2Medium : string;
-export const assetFontLatoWoffMediumItalic : string;
-export const assetFontLatoWoff2MediumItalic : string;
-export const assetFontLatoWoffRegular : string;
-export const assetFontLatoWoff2Regular : string;
-export const assetFontLatoWoffSemibold : string;
-export const assetFontLatoWoff2Semibold : string;
-export const assetFontLatoWoffSemiboldItalic : string;
-export const assetFontLatoWoff2SemiboldItalic : string;
-export const assetFontLatoWoffThin : string;
-export const assetFontLatoWoff2Thin : string;
-export const assetFontLatoWoffThinItalic : string;
-export const assetFontLatoWoff2ThinItalic : string;
-export const assetFontAzeretMonoName : string;
-export const assetFontAzeretMonoWoff2Regular : string;
-export const assetFontSs3vName : string;
-export const assetFontSs3vWoff : string;
-export const assetFontSs3vWoff2 : string;
-export const colorBaseWhite : string;
-export const colorBaseBlack : string;
-export const colorBaseNeutral100 : string;
-export const colorBaseNeutral200 : string;
-export const colorBaseNeutral300 : string;
-export const colorBaseNeutral400 : string;
-export const colorBaseNeutral500 : string;
-export const colorBaseNeutral600 : string;
-export const colorBaseNeutral700 : string;
-export const colorBaseNeutralInverted400 : string;
-export const colorBaseBrand100 : string;
-export const colorBaseBrand200 : string;
-export const colorBaseBrand300 : string;
-export const colorBaseBrand400 : string;
-export const colorBaseBrand500 : string;
-export const colorBaseBrand600 : string;
-export const colorBaseBrand700 : string;
-export const colorBaseBrandInverted400 : string;
-export const colorBaseBrandInverted500 : string;
-export const colorBaseBrandInverted600 : string;
-export const colorBaseBlue100 : string;
-export const colorBaseBlue200 : string;
-export const colorBaseBlue300 : string;
-export const colorBaseBlue400 : string;
-export const colorBaseBlue500 : string;
-export const colorBaseBlue600 : string;
-export const colorBaseBlue700 : string;
-export const colorBaseGreen100 : string;
-export const colorBaseGreen200 : string;
-export const colorBaseGreen300 : string;
-export const colorBaseGreen400 : string;
-export const colorBaseGreen500 : string;
-export const colorBaseGreen600 : string;
-export const colorBaseGreen700 : string;
-export const colorBaseOrange100 : string;
-export const colorBaseOrange200 : string;
-export const colorBaseOrange300 : string;
-export const colorBaseOrange400 : string;
-export const colorBaseOrange500 : string;
-export const colorBaseOrange600 : string;
-export const colorBaseOrange700 : string;
-export const colorBaseRed100 : string;
-export const colorBaseRed200 : string;
-export const colorBaseRed300 : string;
-export const colorBaseRed400 : string;
-export const colorBaseRed500 : string;
-export const colorBaseRed600 : string;
-export const colorBaseRed700 : string;
-export const colorThemePrimaryBg : string;
-export const colorThemePrimaryBgHover : string;
-export const colorThemePrimaryBgActive : string;
-export const colorThemePrimaryFill : string;
-export const colorThemePrimaryFillHover : string;
-export const colorThemePrimaryFillActive : string;
-export const colorThemePrimaryText : string;
-export const colorThemePrimaryTextHover : string;
-export const colorThemePrimaryTextActive : string;
-export const colorThemePrimaryInvertedBg : string;
-export const colorThemePrimaryInvertedBgHover : string;
-export const colorThemePrimaryInvertedBgActive : string;
-export const colorThemePrimaryInvertedFill : string;
-export const colorThemePrimaryInvertedFillHover : string;
-export const colorThemePrimaryInvertedFillActive : string;
-export const colorThemePrimaryInvertedText : string;
-export const colorThemePrimaryInvertedTextHover : string;
-export const colorThemePrimaryInvertedTextActive : string;
-export const colorThemeSecondaryBg : string;
-export const colorThemeSecondaryBgHover : string;
-export const colorThemeSecondaryBgActive : string;
-export const colorThemeSecondaryFill : string;
-export const colorThemeSecondaryFillHover : string;
-export const colorThemeSecondaryFillActive : string;
-export const colorThemeSecondaryText : string;
-export const colorThemeSecondaryTextHover : string;
-export const colorThemeSecondaryTextActive : string;
-export const colorThemeSecondaryInvertedBg : string;
-export const colorThemeSecondaryInvertedBgHover : string;
-export const colorThemeSecondaryInvertedBgActive : string;
-export const colorThemeSecondaryInvertedFill : string;
-export const colorThemeSecondaryInvertedFillHover : string;
-export const colorThemeSecondaryInvertedFillActive : string;
-export const colorThemeSecondaryInvertedText : string;
-export const colorThemeSecondaryInvertedTextHover : string;
-export const colorThemeSecondaryInvertedTextActive : string;
-export const colorThemeInfoBg : string;
-export const colorThemeInfoBgHover : string;
-export const colorThemeInfoBgActive : string;
-export const colorThemeInfoFill : string;
-export const colorThemeInfoFillHover : string;
-export const colorThemeInfoFillActive : string;
-export const colorThemeInfoText : string;
-export const colorThemeInfoTextHover : string;
-export const colorThemeInfoTextActive : string;
-export const colorThemeSuccessBg : string;
-export const colorThemeSuccessBgHover : string;
-export const colorThemeSuccessBgActive : string;
-export const colorThemeSuccessFill : string;
-export const colorThemeSuccessFillHover : string;
-export const colorThemeSuccessFillActive : string;
-export const colorThemeSuccessText : string;
-export const colorThemeSuccessTextHover : string;
-export const colorThemeSuccessTextActive : string;
-export const colorThemeWarningBg : string;
-export const colorThemeWarningBgHover : string;
-export const colorThemeWarningBgActive : string;
-export const colorThemeWarningFill : string;
-export const colorThemeWarningFillHover : string;
-export const colorThemeWarningFillActive : string;
-export const colorThemeWarningText : string;
-export const colorThemeWarningTextHover : string;
-export const colorThemeWarningTextActive : string;
-export const colorThemeDangerBg : string;
-export const colorThemeDangerBgHover : string;
-export const colorThemeDangerBgActive : string;
-export const colorThemeDangerFill : string;
-export const colorThemeDangerFillHover : string;
-export const colorThemeDangerFillActive : string;
-export const colorThemeDangerText : string;
-export const colorThemeDangerTextHover : string;
-export const colorThemeDangerTextActive : string;
-export const colorUiBackgroundCanvas : string;
-export const colorUiBackgroundSurface : string;
-export const colorUiBackgroundSurfaceInverted : string;
-export const colorUiBackgroundMuted : string;
-export const colorUiBackgroundInput : string;
-export const colorUiBackgroundInputAutofill : string;
-export const colorUiBackgroundSkeleton : string;
-export const colorUiBackgroundSkeletonHighlight : string;
-export const colorUiBackgroundTooltip : string;
-export const colorUiBackgroundBackdrop : string;
-export const colorUiBorderLight : string;
-export const colorUiBorderDefault : string;
-export const colorUiBorderDark : string;
-export const colorUiBorderFocus : string;
-export const colorUiBorderQuote : string;
-export const colorUiBorderCard : string;
-export const colorUiFontBase : string;
-export const colorUiFontBaseInverted : string;
-export const colorUiFontMuted : string;
-export const colorUiFontQuote : string;
-export const colorUiFontTooltip : string;
-export const fontFamilyBase : string;
-export const fontFamilyMono : string;
-export const fontFamilyEmoji : string;
-export const fontWeightHead : number;
-export const fontWeightBody : number;
-export const fontWeightMono : number;
-export const fontDecorationLink : string;
-export const fontDecorationLinkHover : string;
-export const fontDecorationLinkButton : string;
-export const fontDecorationLinkButtonHover : string;
-export const opacityDisabled : number;
-export const opacityBackdrop : number;
-export const opacityTooltip : number;
-export const sizeBorderRadiusL : number;
-export const sizeBorderRadiusM : number;
-export const sizeBorderRadiusS : number;
-export const sizeFontHead1 : number;
-export const sizeFontHead2 : number;
-export const sizeFontHead3 : number;
-export const sizeFontHead4 : number;
-export const sizeFontHead5 : number;
-export const sizeFontHead6 : number;
-export const sizeFontBodyXl : number;
-export const sizeFontBodyL : number;
-export const sizeFontBodyM : number;
-export const sizeFontBodyS : number;
-export const sizeFontBodyXs : number;
-export const sizeFontMonoXl : number;
-export const sizeFontMonoL : number;
-export const sizeFontMonoM : number;
-export const sizeFontMonoS : number;
-export const sizeFontMonoXs : number;
-export const sizeLineHead1 : number;
-export const sizeLineHead2 : number;
-export const sizeLineHead3 : number;
-export const sizeLineHead4 : number;
-export const sizeLineHead5 : number;
-export const sizeLineHead6 : number;
-export const sizeLineBodyXl : number;
-export const sizeLineBodyL : number;
-export const sizeLineBodyM : number;
-export const sizeLineBodyS : number;
-export const sizeLineBodyXs : number;
-export const sizeLineMonoXl : number;
-export const sizeLineMonoL : number;
-export const sizeLineMonoM : number;
-export const sizeLineMonoS : number;
-export const sizeLineMonoXs : number;
-export const sizeModalS : number;
-export const sizeModalM : number;
-export const sizeModalL : number;
-export const sizeScreenXs : number;
-export const sizeScreenS : number;
-export const sizeScreenM : number;
-export const sizeScreenL : number;
-export const sizeScreenXl : number;
-export const sizeSpacingXl : number;
-export const sizeSpacingL : number;
-export const sizeSpacingM : number;
-export const sizeSpacingS : number;
-export const sizeSpacingXs : number;
-export const timeTransitionL : number;
-export const timeTransitionM : number;
-export const timeTransitionS : number;
-export const timeDelayL : number;
-export const timeDelayM : number;
-export const timeDelayS : number;
-export const timeDurationL : number;
-export const timeDurationM : number;
-export const timeDurationS : number;
-export const zIndexBase : number;
-export const zIndexDropdown : number;
-export const zIndexTooltip : number;
+export const assetFontLatoName: string;
+export const assetFontLatoWoffBlack: string;
+export const assetFontLatoWoff2Black: string;
+export const assetFontLatoWoffBlackItalic: string;
+export const assetFontLatoWoff2BlackItalic: string;
+export const assetFontLatoWoffBold: string;
+export const assetFontLatoWoff2Bold: string;
+export const assetFontLatoWoffBoldItalic: string;
+export const assetFontLatoWoff2BoldItalic: string;
+export const assetFontLatoWoffHairline: string;
+export const assetFontLatoWoff2Hairline: string;
+export const assetFontLatoWoffHairlineItalic: string;
+export const assetFontLatoWoff2HairlineItalic: string;
+export const assetFontLatoWoffHeavy: string;
+export const assetFontLatoWoff2Heavy: string;
+export const assetFontLatoWoffHeavyItalic: string;
+export const assetFontLatoWoff2HeavyItalic: string;
+export const assetFontLatoWoffItalic: string;
+export const assetFontLatoWoff2Italic: string;
+export const assetFontLatoWoffLight: string;
+export const assetFontLatoWoff2Light: string;
+export const assetFontLatoWoffLightItalic: string;
+export const assetFontLatoWoff2LightItalic: string;
+export const assetFontLatoWoffMedium: string;
+export const assetFontLatoWoff2Medium: string;
+export const assetFontLatoWoffMediumItalic: string;
+export const assetFontLatoWoff2MediumItalic: string;
+export const assetFontLatoWoffRegular: string;
+export const assetFontLatoWoff2Regular: string;
+export const assetFontLatoWoffSemibold: string;
+export const assetFontLatoWoff2Semibold: string;
+export const assetFontLatoWoffSemiboldItalic: string;
+export const assetFontLatoWoff2SemiboldItalic: string;
+export const assetFontLatoWoffThin: string;
+export const assetFontLatoWoff2Thin: string;
+export const assetFontLatoWoffThinItalic: string;
+export const assetFontLatoWoff2ThinItalic: string;
+export const assetFontAzeretMonoName: string;
+export const assetFontAzeretMonoWoff2Regular: string;
+export const assetFontSs3vName: string;
+export const assetFontSs3vWoff: string;
+export const assetFontSs3vWoff2: string;
+export const colorBaseWhite: string;
+export const colorBaseBlack: string;
+export const colorBaseNeutral100: string;
+export const colorBaseNeutral200: string;
+export const colorBaseNeutral300: string;
+export const colorBaseNeutral400: string;
+export const colorBaseNeutral500: string;
+export const colorBaseNeutral600: string;
+export const colorBaseNeutral700: string;
+export const colorBaseNeutralInverted400: string;
+export const colorBaseBrand100: string;
+export const colorBaseBrand200: string;
+export const colorBaseBrand300: string;
+export const colorBaseBrand400: string;
+export const colorBaseBrand500: string;
+export const colorBaseBrand600: string;
+export const colorBaseBrand700: string;
+export const colorBaseBrandInverted400: string;
+export const colorBaseBrandInverted500: string;
+export const colorBaseBrandInverted600: string;
+export const colorBaseBlue100: string;
+export const colorBaseBlue200: string;
+export const colorBaseBlue300: string;
+export const colorBaseBlue400: string;
+export const colorBaseBlue500: string;
+export const colorBaseBlue600: string;
+export const colorBaseBlue700: string;
+export const colorBaseGreen100: string;
+export const colorBaseGreen200: string;
+export const colorBaseGreen300: string;
+export const colorBaseGreen400: string;
+export const colorBaseGreen500: string;
+export const colorBaseGreen600: string;
+export const colorBaseGreen700: string;
+export const colorBaseOrange100: string;
+export const colorBaseOrange200: string;
+export const colorBaseOrange300: string;
+export const colorBaseOrange400: string;
+export const colorBaseOrange500: string;
+export const colorBaseOrange600: string;
+export const colorBaseOrange700: string;
+export const colorBaseRed100: string;
+export const colorBaseRed200: string;
+export const colorBaseRed300: string;
+export const colorBaseRed400: string;
+export const colorBaseRed500: string;
+export const colorBaseRed600: string;
+export const colorBaseRed700: string;
+export const colorThemePrimaryBg: string;
+export const colorThemePrimaryBgHover: string;
+export const colorThemePrimaryBgActive: string;
+export const colorThemePrimaryBgOutlined: string;
+export const colorThemePrimaryFill: string;
+export const colorThemePrimaryFillHover: string;
+export const colorThemePrimaryFillActive: string;
+export const colorThemePrimaryText: string;
+export const colorThemePrimaryTextHover: string;
+export const colorThemePrimaryTextActive: string;
+export const colorThemePrimaryInvertedBg: string;
+export const colorThemePrimaryInvertedBgHover: string;
+export const colorThemePrimaryInvertedBgActive: string;
+export const colorThemePrimaryInvertedFill: string;
+export const colorThemePrimaryInvertedFillHover: string;
+export const colorThemePrimaryInvertedFillActive: string;
+export const colorThemePrimaryInvertedText: string;
+export const colorThemePrimaryInvertedTextHover: string;
+export const colorThemePrimaryInvertedTextActive: string;
+export const colorThemeSecondaryBg: string;
+export const colorThemeSecondaryBgHover: string;
+export const colorThemeSecondaryBgActive: string;
+export const colorThemeSecondaryBgOutlined: string;
+export const colorThemeSecondaryFill: string;
+export const colorThemeSecondaryFillHover: string;
+export const colorThemeSecondaryFillActive: string;
+export const colorThemeSecondaryText: string;
+export const colorThemeSecondaryTextHover: string;
+export const colorThemeSecondaryTextActive: string;
+export const colorThemeSecondaryInvertedBg: string;
+export const colorThemeSecondaryInvertedBgHover: string;
+export const colorThemeSecondaryInvertedBgActive: string;
+export const colorThemeSecondaryInvertedFill: string;
+export const colorThemeSecondaryInvertedFillHover: string;
+export const colorThemeSecondaryInvertedFillActive: string;
+export const colorThemeSecondaryInvertedText: string;
+export const colorThemeSecondaryInvertedTextHover: string;
+export const colorThemeSecondaryInvertedTextActive: string;
+export const colorThemeInfoBg: string;
+export const colorThemeInfoBgHover: string;
+export const colorThemeInfoBgActive: string;
+export const colorThemeInfoBgOutlined: string;
+export const colorThemeInfoFill: string;
+export const colorThemeInfoFillHover: string;
+export const colorThemeInfoFillActive: string;
+export const colorThemeInfoText: string;
+export const colorThemeInfoTextHover: string;
+export const colorThemeInfoTextActive: string;
+export const colorThemeSuccessBg: string;
+export const colorThemeSuccessBgHover: string;
+export const colorThemeSuccessBgActive: string;
+export const colorThemeSuccessBgOutlined: string;
+export const colorThemeSuccessFill: string;
+export const colorThemeSuccessFillHover: string;
+export const colorThemeSuccessFillActive: string;
+export const colorThemeSuccessText: string;
+export const colorThemeSuccessTextHover: string;
+export const colorThemeSuccessTextActive: string;
+export const colorThemeWarningBg: string;
+export const colorThemeWarningBgHover: string;
+export const colorThemeWarningBgActive: string;
+export const colorThemeWarningBgOutlined: string;
+export const colorThemeWarningFill: string;
+export const colorThemeWarningFillHover: string;
+export const colorThemeWarningFillActive: string;
+export const colorThemeWarningText: string;
+export const colorThemeWarningTextHover: string;
+export const colorThemeWarningTextActive: string;
+export const colorThemeDangerBg: string;
+export const colorThemeDangerBgHover: string;
+export const colorThemeDangerBgActive: string;
+export const colorThemeDangerBgOutlined: string;
+export const colorThemeDangerFill: string;
+export const colorThemeDangerFillHover: string;
+export const colorThemeDangerFillActive: string;
+export const colorThemeDangerText: string;
+export const colorThemeDangerTextHover: string;
+export const colorThemeDangerTextActive: string;
+export const colorUiBackgroundCanvas: string;
+export const colorUiBackgroundSurface: string;
+export const colorUiBackgroundSurfaceInverted: string;
+export const colorUiBackgroundMuted: string;
+export const colorUiBackgroundInput: string;
+export const colorUiBackgroundInputAutofill: string;
+export const colorUiBackgroundSkeleton: string;
+export const colorUiBackgroundSkeletonHighlight: string;
+export const colorUiBackgroundTooltip: string;
+export const colorUiBackgroundBackdrop: string;
+export const colorUiBorderLight: string;
+export const colorUiBorderDefault: string;
+export const colorUiBorderDark: string;
+export const colorUiBorderFocus: string;
+export const colorUiBorderQuote: string;
+export const colorUiBorderCard: string;
+export const colorUiFontBase: string;
+export const colorUiFontBaseInverted: string;
+export const colorUiFontMuted: string;
+export const colorUiFontQuote: string;
+export const colorUiFontTooltip: string;
+export const fontFamilyBase: string;
+export const fontFamilyMono: string;
+export const fontFamilyEmoji: string;
+export const fontWeightHead: number;
+export const fontWeightBody: number;
+export const fontWeightMono: number;
+export const fontDecorationLink: string;
+export const fontDecorationLinkHover: string;
+export const fontDecorationLinkButton: string;
+export const fontDecorationLinkButtonHover: string;
+export const opacityDisabled: number;
+export const opacityBackdrop: number;
+export const opacityTooltip: number;
+export const sizeBorderRadiusL: number;
+export const sizeBorderRadiusM: number;
+export const sizeBorderRadiusS: number;
+export const sizeFontHead1: number;
+export const sizeFontHead2: number;
+export const sizeFontHead3: number;
+export const sizeFontHead4: number;
+export const sizeFontHead5: number;
+export const sizeFontHead6: number;
+export const sizeFontBodyXl: number;
+export const sizeFontBodyL: number;
+export const sizeFontBodyM: number;
+export const sizeFontBodyS: number;
+export const sizeFontBodyXs: number;
+export const sizeFontMonoXl: number;
+export const sizeFontMonoL: number;
+export const sizeFontMonoM: number;
+export const sizeFontMonoS: number;
+export const sizeFontMonoXs: number;
+export const sizeLineHead1: number;
+export const sizeLineHead2: number;
+export const sizeLineHead3: number;
+export const sizeLineHead4: number;
+export const sizeLineHead5: number;
+export const sizeLineHead6: number;
+export const sizeLineBodyXl: number;
+export const sizeLineBodyL: number;
+export const sizeLineBodyM: number;
+export const sizeLineBodyS: number;
+export const sizeLineBodyXs: number;
+export const sizeLineMonoXl: number;
+export const sizeLineMonoL: number;
+export const sizeLineMonoM: number;
+export const sizeLineMonoS: number;
+export const sizeLineMonoXs: number;
+export const sizeModalS: number;
+export const sizeModalM: number;
+export const sizeModalL: number;
+export const sizeScreenXs: number;
+export const sizeScreenS: number;
+export const sizeScreenM: number;
+export const sizeScreenL: number;
+export const sizeScreenXl: number;
+export const sizeSpacingXl: number;
+export const sizeSpacingL: number;
+export const sizeSpacingM: number;
+export const sizeSpacingS: number;
+export const sizeSpacingXs: number;
+export const timeTransitionL: number;
+export const timeTransitionM: number;
+export const timeTransitionS: number;
+export const timeDelayL: number;
+export const timeDelayM: number;
+export const timeDelayS: number;
+export const timeDurationL: number;
+export const timeDurationM: number;
+export const timeDurationS: number;
+export const zIndexBase: number;
+export const zIndexDropdown: number;
+export const zIndexTooltip: number;

package/dist/js/variables.js

@@ -95,6 +95,7 @@ export const colorBaseRed700 = "#9e2609";
 export const colorThemePrimaryBg = "#008194";
 export const colorThemePrimaryBgHover = "#017384";
 export const colorThemePrimaryBgActive = "#026371";
+export const colorThemePrimaryBgOutlined = "#ffffff";
 export const colorThemePrimaryFill = "#ffffff";
 export const colorThemePrimaryFillHover = "#ffffff";
 export const colorThemePrimaryFillActive = "#ffffff";
@@ -113,6 +114,7 @@ export const colorThemePrimaryInvertedTextActive = "#93b4f2";
 export const colorThemeSecondaryBg = "#697687";
 export const colorThemeSecondaryBgHover = "#697687";
 export const colorThemeSecondaryBgActive = "#697687";
+export const colorThemeSecondaryBgOutlined = "#ffffff";
 export const colorThemeSecondaryFill = "#ffffff";
 export const colorThemeSecondaryFillHover = "#ffffff";
 export const colorThemeSecondaryFillActive = "#ffffff";
@@ -131,6 +133,7 @@ export const colorThemeSecondaryInvertedTextActive = "#ffffff";
 export const colorThemeInfoBg = "#0073e6";
 export const colorThemeInfoBgHover = "#006be3";
 export const colorThemeInfoBgActive = "#0060df";
+export const colorThemeInfoBgOutlined = "#ffffff";
 export const colorThemeInfoFill = "#ffffff";
 export const colorThemeInfoFillHover = "#ffffff";
 export const colorThemeInfoFillActive = "#ffffff";
@@ -140,6 +143,7 @@ export const colorThemeInfoTextActive = "#0060df";
 export const colorThemeSuccessBg = "#008458";
 export const colorThemeSuccessBgHover = "#00754e";
 export const colorThemeSuccessBgActive = "#006946";
+export const colorThemeSuccessBgOutlined = "#ffffff";
 export const colorThemeSuccessFill = "#ffffff";
 export const colorThemeSuccessFillHover = "#ffffff";
 export const colorThemeSuccessFillActive = "#ffffff";
@@ -149,6 +153,7 @@ export const colorThemeSuccessTextActive = "#006946";
 export const colorThemeWarningBg = "#ffce80";
 export const colorThemeWarningBgHover = "#ffd694";
 export const colorThemeWarningBgActive = "#ffdea8";
+export const colorThemeWarningBgOutlined = "#ffffff";
 export const colorThemeWarningFill = "#000000";
 export const colorThemeWarningFillHover = "#000000";
 export const colorThemeWarningFillActive = "#000000";
@@ -158,6 +163,7 @@ export const colorThemeWarningTextActive = "#9f6100";
 export const colorThemeDangerBg = "#d9340d";
 export const colorThemeDangerBgHover = "#c22e0b";
 export const colorThemeDangerBgActive = "#ae2a0a";
+export const colorThemeDangerBgOutlined = "#ffffff";
 export const colorThemeDangerFill = "#ffffff";
 export const colorThemeDangerFillHover = "#ffffff";
 export const colorThemeDangerFillActive = "#ffffff";