@baloise/ds-tokens 20.0.0-next.4 → 20.0.0-next.7

package/dist/js/base.tokens.js

@@ -35,9 +35,10 @@ export const DsGlobalColorSky3 = "#56a7f5";
 export const DsGlobalColorSky4 = "#6672cc";
 export const DsGlobalColorSky5 = "#0014aa";
 export const DsGlobalColorSky6 = "#000a55";
-export const DsGlobalColorGrey1 = "#fafafa";
-export const DsGlobalColorGrey2 = "#f6f6f6";
-export const DsGlobalColorGrey3 = "#e8e8e8";
+export const DsGlobalColorGrey0 = "#fafafa";
+export const DsGlobalColorGrey1 = "#f0f0f0";
+export const DsGlobalColorGrey2 = "#e0e0e0";
+export const DsGlobalColorGrey3 = "#d0d0d0";
 export const DsGlobalColorGrey4 = "#b6b6b6";
 export const DsGlobalColorGrey5 = "#747474";
 export const DsGlobalColorGrey6 = "#313131";
@@ -158,11 +159,14 @@ export const DsGlobalSizeSpace96 = 96;
 export const DsGlobalSizeSpace128 = 128;
 export const DsGlobalSizeSpaceAuto = "auto";
 export const DsAliasBackgroundColorWhite = "#ffffff";
+export const DsAliasBackgroundColorSelected = "#b3b6d4";
+export const DsAliasBackgroundColorHover = "#fafafa";
+export const DsAliasBackgroundColorHighlight = "#e5e7f0";
+export const DsAliasBackgroundColorDisabled = "#e0e0e0";
 export const DsAliasBackgroundColorTransparent = "#ffffff00";
 export const DsAliasBackgroundColorSkyLight = "#e5f1fe";
 export const DsAliasBackgroundColorSky = "#a7d1fa";
 export const DsAliasBackgroundColorSkyDark = "#56a7f5";
-export const DsAliasBackgroundColorDisabled = "#e8e8e8";
 export const DsAliasBackgroundColorInfo = "#60a0e0";
 export const DsAliasBackgroundColorInfoLight = "#a4c9ed";
 export const DsAliasBackgroundColorInfoDark = "#1c77d2";
@@ -187,13 +191,16 @@ export const DsAliasBackgroundColorDangerDark = "#ea1800";
 export const DsAliasBackgroundColorDangerDarker = "#cb1501";
 export const DsAliasBackgroundColorDangerDarkest = "#a01100";
 export const DsAliasBackgroundColorGreyLighter = "#fafafa";
-export const DsAliasBackgroundColorGreyLight = "#f6f6f6";
-export const DsAliasBackgroundColorGrey = "#e8e8e8";
-export const DsAliasBackgroundColorGreyDark = "#b6b6b6";
+export const DsAliasBackgroundColorGreyLight = "#f0f0f0";
+export const DsAliasBackgroundColorGrey = "#e0e0e0";
+export const DsAliasBackgroundColorGreyDark = "#d0d0d0";
+export const DsAliasBackgroundColorGreyDarker = "#b6b6b6";
+export const DsAliasBackgroundColorPrimaryLighter = "#e5e7f0";
 export const DsAliasBackgroundColorPrimaryLight = "#656ea8";
 export const DsAliasBackgroundColorPrimary = "#000d6e";
 export const DsAliasBackgroundColorPrimaryHover = "#0014aa";
 export const DsAliasBackgroundColorPrimaryActive = "#000739";
+export const DsAliasBackgroundColorPrimaryDark = "#293485";
 export const DsAliasBackgroundColorGreenLighter = "#e9fbf7";
 export const DsAliasBackgroundColorGreenLight = "#cbf2ec";
 export const DsAliasBackgroundColorGreen = "#94e3d4";
@@ -207,12 +214,12 @@ export const DsAliasBackgroundColorYellowLighter = "#fff9e8";
 export const DsAliasBackgroundColorYellowLight = "#ffecbc";
 export const DsAliasBackgroundColorYellow = "#fae052";
 export const DsAliasBorderColorWhite = "#ffffff";
-export const DsAliasBorderColorBase = "#e8e8e8";
+export const DsAliasBorderColorBase = "#d0d0d0";
 export const DsAliasBorderColorInverted = "#ffffff";
-export const DsAliasBorderColorDisabled = "#b6b6b6";
+export const DsAliasBorderColorDisabled = "#d0d0d0";
 export const DsAliasBorderColorDisabledInverted = "#656ea8";
-export const DsAliasBorderColorGreyLight = "#f6f6f6";
-export const DsAliasBorderColorGrey = "#e8e8e8";
+export const DsAliasBorderColorGreyLight = "#e0e0e0";
+export const DsAliasBorderColorGrey = "#d0d0d0";
 export const DsAliasBorderColorGreyDark = "#b6b6b6";
 export const DsAliasBorderColorPrimaryLight = "#656ea8";
 export const DsAliasBorderColorPrimary = "#000d6e";
@@ -383,6 +390,7 @@ export const DsAliasTextColorInvertedPrimaryActive = "#60a0e0";
 export const DsAliasTextColorGreyLight = "#b6b6b6";
 export const DsAliasTextColorGrey = "#747474";
 export const DsAliasTextColorGreyDark = "#313131";
+export const DsAliasTextColorSkyDark = "#56a7f5";
 export const DsAliasShadowText =
   "0px 0px 4px rgba(0, 0, 0, 0.15), 0px 4px 12px rgba(0, 0, 0, 0.25), 0px 0px 80px rgba(0, 0, 0, 0.5)";
 export const DsAliasShadowBoxNone = "none";
@@ -398,6 +406,28 @@ export const DsAliasZIndexPopup = 1000;
 export const DsAliasZIndexModal = 1100;
 export const DsAliasZIndexToast = 1200;
 export const DsAliasZIndexTooltip = 1300;
+export const DsComponentBackdropOpacity = 0.8;
+export const DsComponentBackdropFilter = "blur(4px)";
+export const DsComponentFooterColorBackground = "#000d6e";
+export const DsComponentFooterColorText = "#ffffff";
+export const DsComponentFooterColorLinkBase = "#ffffff";
+export const DsComponentFooterColorLinkHover = "#a7d1fa";
+export const DsComponentFooterSpaceContentPaddingTop = 20;
+export const DsComponentFooterSpaceGapRow = 16;
+export const DsComponentFooterSpaceGapColumn = "0.5rem 1rem";
+export const DsComponentFooterSpaceLanguageGap = 8;
+export const DsComponentFooterSpaceBottomGap = 16;
+export const DsComponentFooterSpaceLinkGap = "0.5rem 1.5rem";
+export const DsComponentFooterSpaceSocialGap = 8;
+export const DsComponentFooterSpaceSocialIconSize = 24;
+export const DsComponentFooterSpaceSocialIconGap = 8;
+export const DsComponentFooterSpaceSlottedMarginRight = 16;
+export const DsComponentFooterSpaceContentMaxWidth = 1496;
+export const DsComponentFooterSpacePaddingBase = "2rem";
+export const DsComponentFooterTypographyFontSize = 14;
+export const DsComponentFooterTypographyLanguageFamily =
+  '"BaloiseCreateHeadline", "Arial", "sans-serif"';
+export const DsComponentFooterTypographyLanguageWeight = "700";
 export const DsComponentHeading1Space = 8;
 export const DsComponentHeading1SizeMobile = 28;
 export const DsComponentHeading1SizeTablet = 40;
@@ -470,8 +500,8 @@ export const DsComponentBadgeColorGreenText = "#000d6e";
 export const DsComponentBadgeColorGreenBackground = "#cbf2ec";
 export const DsComponentBadgeColorYellowText = "#000d6e";
 export const DsComponentBadgeColorYellowBackground = "#fff9e8";
-export const DsComponentBadgeColorGreyText = "#313131";
-export const DsComponentBadgeColorGreyBackground = "#e8e8e8";
+export const DsComponentBadgeColorGreyText = "#747474";
+export const DsComponentBadgeColorGreyBackground = "#f0f0f0";
 export const DsComponentButtonFamily =
   '"BaloiseCreateHeadline", "Arial", "sans-serif"';
 export const DsComponentButtonWeight = "700";
@@ -582,14 +612,14 @@ export const DsComponentButtonColorDangerActiveText = "#000739";
 export const DsComponentButtonColorDangerActiveBackground = "#fce8e6";
 export const DsComponentButtonColorDangerActiveBorder = "#a01100";
 export const DsComponentButtonColorDisabledBaseText = "#747474";
-export const DsComponentButtonColorDisabledBaseBackground = "#e8e8e8";
-export const DsComponentButtonColorDisabledBaseBorder = "#e8e8e8";
+export const DsComponentButtonColorDisabledBaseBackground = "#e0e0e0";
+export const DsComponentButtonColorDisabledBaseBorder = "#e0e0e0";
 export const DsComponentButtonColorDisabledHoverText = "#747474";
-export const DsComponentButtonColorDisabledHoverBackground = "#e8e8e8";
-export const DsComponentButtonColorDisabledHoverBorder = "#e8e8e8";
+export const DsComponentButtonColorDisabledHoverBackground = "#e0e0e0";
+export const DsComponentButtonColorDisabledHoverBorder = "#e0e0e0";
 export const DsComponentButtonColorDisabledActiveText = "#747474";
-export const DsComponentButtonColorDisabledActiveBackground = "#e8e8e8";
-export const DsComponentButtonColorDisabledActiveBorder = "#e8e8e8";
+export const DsComponentButtonColorDisabledActiveBackground = "#e0e0e0";
+export const DsComponentButtonColorDisabledActiveBorder = "#e0e0e0";
 export const DsComponentButtonColorLinkBaseText = "#000d6e";
 export const DsComponentButtonColorLinkBaseBackground = "#ffffff00";
 export const DsComponentButtonColorLinkBaseBorder = "#ffffff00";
@@ -620,8 +650,8 @@ export const DsComponentButtonColorInvertedSecondaryActiveBackground =
   "#656ea8";
 export const DsComponentButtonColorInvertedSecondaryActiveBorder = "#0014aa";
 export const DsComponentButtonColorInvertedTertiaryBaseText = "#000d6e";
-export const DsComponentButtonColorInvertedTertiaryBaseBackground = "#f6f6f6";
-export const DsComponentButtonColorInvertedTertiaryBaseBorder = "#f6f6f6";
+export const DsComponentButtonColorInvertedTertiaryBaseBackground = "#f0f0f0";
+export const DsComponentButtonColorInvertedTertiaryBaseBorder = "#f0f0f0";
 export const DsComponentButtonColorInvertedTertiaryHoverText = "#000d6e";
 export const DsComponentButtonColorInvertedTertiaryHoverBackground = "#e5f1fe";
 export const DsComponentButtonColorInvertedTertiaryHoverBorder = "#e5f1fe";
@@ -706,10 +736,10 @@ export const DsComponentCardShadowBase = "0 0 10px 0 rgba(0, 7, 57, 0.15)";
 export const DsComponentCardShadowHover = "0 0 30px 0 rgba(0, 7, 57, 0.15)";
 export const DsComponentCardColorBaseText = "inherit";
 export const DsComponentCardColorBaseBackground = "#ffffff";
-export const DsComponentCardColorBaseOutline = "#e8e8e8";
+export const DsComponentCardColorBaseOutline = "#d0d0d0";
 export const DsComponentCardColorWhiteText = "inherit";
 export const DsComponentCardColorWhiteBackground = "#ffffff";
-export const DsComponentCardColorWhiteOutline = "#e8e8e8";
+export const DsComponentCardColorWhiteOutline = "#d0d0d0";
 export const DsComponentCardColorPrimaryText = "#ffffff";
 export const DsComponentCardColorPrimaryBackground = "#000d6e";
 export const DsComponentCardColorInfoText = "inherit";
@@ -721,10 +751,10 @@ export const DsComponentCardColorWarningBackground = "#ffd25e";
 export const DsComponentCardColorDangerText = "inherit";
 export const DsComponentCardColorDangerBackground = "#f05d4d";
 export const DsComponentCardColorGreyLightText = "inherit";
-export const DsComponentCardColorGreyLightBackground = "#f6f6f6";
+export const DsComponentCardColorGreyLightBackground = "#f0f0f0";
 export const DsComponentCardColorGreyLightOutline = "#b6b6b6";
 export const DsComponentCardColorGreyText = "inherit";
-export const DsComponentCardColorGreyBackground = "#e8e8e8";
+export const DsComponentCardColorGreyBackground = "#e0e0e0";
 export const DsComponentCardColorGreyOutline = "#b6b6b6";
 export const DsComponentCardColorRedLighterText = "inherit";
 export const DsComponentCardColorRedLighterBackground = "#ffeef1";
@@ -781,23 +811,53 @@ export const DsComponentCloseColorBackgroundHover = "#0007391a";
 export const DsComponentCloseColorBackgroundActive = "#0007394d";
 export const DsComponentCloseColorBackgroundInvertedHover = "#ffffff4d";
 export const DsComponentCloseColorBackgroundInvertedActive = "#ffffff80";
-export const DsComponentCloseColorBackgroundDisabled = "#e8e8e8";
+export const DsComponentCloseColorBackgroundDisabled = "#e0e0e0";
 export const DsComponentCloseColorIconBase = "#000d6e";
 export const DsComponentCloseColorIconInverted = "#ffffff";
 export const DsComponentCloseColorIconDisabled = "#747474";
+export const DsComponentDateCalendarFamily =
+  '"BaloiseCreateText", "Arial", "sans-serif"';
+export const DsComponentDateCalendarWeight = "700";
+export const DsComponentDateCalendarRadius = 4;
+export const DsComponentDateCalendarShadow = "0 0 10px 0 rgba(0, 7, 57, 0.15)";
+export const DsComponentDateCalendarColorInnerBorder = "#d0d0d0";
+export const DsComponentDateCalendarColorCurrentDate = "#000d6e";
+export const DsComponentDateCalendarColorText = "#000d6e";
+export const DsComponentDateCalendarColorDisabled = "#747474";
+export const DsComponentDateCalendarColorDayHoverBackground = "#fafafa";
+export const DsComponentDateCalendarColorDayActiveBackground = "#a7d1fa";
+export const DsComponentDateCalendarColorDaySelectedBackground = "#293485";
+export const DsComponentDateCalendarColorDaySelectedHoverBackground = "#0014aa";
+export const DsComponentDateCalendarSizeMobile = 16;
+export const DsComponentDateCalendarSizeTablet = 16;
+export const DsComponentDateCalendarSizeDesktop = 16;
+export const DsComponentDateCalendarDayWeightBase = "400";
+export const DsComponentDateCalendarDayWeightSelected = "700";
+export const DsComponentDateCalendarDayNameFamily =
+  '"BaloiseCreateHeadline", "Arial", "sans-serif"';
+export const DsComponentDateCalendarDayNameWeight = "700";
+export const DsComponentDateCalendarNavRadius = 4;
+export const DsComponentDateCalendarNavColorBase = "#000d6e";
+export const DsComponentDateCalendarNavColorHover = "#0014aa";
+export const DsComponentDateCalendarNavColorActive = "#000739";
+export const DsComponentDateCalendarNavColorDisabled = "#747474";
+export const DsComponentDateTriggerColorDisabled = "#747474";
+export const DsComponentDateTriggerColorHover = "#0014aa";
+export const DsComponentDateTriggerColorActive = "#000739";
+export const DsComponentDatePopupShadow = "0 0 10px 0 rgba(0, 7, 57, 0.15)";
 export const DsComponentDescriptionListTermColor = "#656ea8";
 export const DsComponentDescriptionListTermWeight = "400";
 export const DsComponentDescriptionListDetailColor = "#000d6e";
 export const DsComponentDescriptionListDetailWeight = "400";
 export const DsComponentDividerRadius = 9999;
 export const DsComponentDividerWidth = 2;
-export const DsComponentDividerColorBase = "#e8e8e8";
+export const DsComponentDividerColorBase = "#d0d0d0";
 export const DsComponentDividerColorPrimaryLight = "#656ea8";
 export const DsComponentDividerColorPrimary = "#000d6e";
 export const DsComponentDividerColorLightBlue = "#0014aa";
 export const DsComponentDividerColorPrimaryDark = "#000739";
-export const DsComponentDividerColorGreyLight = "#f6f6f6";
-export const DsComponentDividerColorGrey = "#e8e8e8";
+export const DsComponentDividerColorGreyLight = "#e0e0e0";
+export const DsComponentDividerColorGrey = "#d0d0d0";
 export const DsComponentDividerColorGreyDark = "#b6b6b6";
 export const DsComponentDividerColorWarning = "#ffbe19";
 export const DsComponentDividerColorSuccess = "#168741";
@@ -833,76 +893,171 @@ export const DsComponentIconSizeLg = 32;
 export const DsComponentIconSizeXl = 40;
 export const DsComponentIconSize2Xl = 80;
 export const DsComponentIconSize3Xl = 176;
-export const DsComponentInputContainerRadius = 4;
-export const DsComponentInputContainerBorderWidth = 2;
-export const DsComponentInputContainerColorBaseBackground = "#ffffff";
-export const DsComponentInputContainerColorBaseBorder = "#e8e8e8";
-export const DsComponentInputContainerColorHoverBackground = "#fafafa";
-export const DsComponentInputContainerColorHoverBorder = "#e8e8e8";
-export const DsComponentInputContainerColorActiveBackground = "#fafafa";
-export const DsComponentInputContainerColorActiveBorder = "#000d6e";
-export const DsComponentInputContainerColorFocusBackground = "#fafafa";
-export const DsComponentInputContainerColorFocusBorder = "#000d6e";
-export const DsComponentInputContainerColorSuccessBackground = "#e8f3ec";
-export const DsComponentInputContainerColorSuccessBorder = "#168741";
-export const DsComponentInputContainerColorWarningBackground = "#fff9e8";
-export const DsComponentInputContainerColorWarningBorder = "#b24a00";
-export const DsComponentInputContainerColorDangerBackground = "#fce8e6";
-export const DsComponentInputContainerColorDangerBorder = "#ea1800";
-export const DsComponentInputContainerColorDisabledBackground = "#f6f6f6";
-export const DsComponentInputContainerColorDisabledBorder = "#b6b6b6";
-export const DsComponentInputLabelFamily =
+export const DsComponentFormContainerRadius = 4;
+export const DsComponentFormContainerBorderWidth = 2;
+export const DsComponentFormContainerColorBaseBackground = "#ffffff";
+export const DsComponentFormContainerColorBaseBorder = "#d0d0d0";
+export const DsComponentFormContainerColorHoverBackground = "#fafafa";
+export const DsComponentFormContainerColorHoverBorder = "#d0d0d0";
+export const DsComponentFormContainerColorActiveBackground = "#fafafa";
+export const DsComponentFormContainerColorActiveBorder = "#000d6e";
+export const DsComponentFormContainerColorFocusBackground = "#fafafa";
+export const DsComponentFormContainerColorFocusBorder = "#000d6e";
+export const DsComponentFormContainerColorSuccessBackground = "#e8f3ec";
+export const DsComponentFormContainerColorSuccessBorder = "#168741";
+export const DsComponentFormContainerColorWarningBackground = "#fff9e8";
+export const DsComponentFormContainerColorWarningBorder = "#b24a00";
+export const DsComponentFormContainerColorDangerBackground = "#fce8e6";
+export const DsComponentFormContainerColorDangerBorder = "#ea1800";
+export const DsComponentFormContainerColorDisabledBackground = "#e0e0e0";
+export const DsComponentFormContainerColorDisabledBorder = "#d0d0d0";
+export const DsComponentFormLabelFamily =
+  '"BaloiseCreateText", "Arial", "sans-serif"';
+export const DsComponentFormLabelWeight = "700";
+export const DsComponentFormLabelLineHeight = 1.5;
+export const DsComponentFormLabelColorBase = "#000d6e";
+export const DsComponentFormLabelColorSuccess = "#168741";
+export const DsComponentFormLabelColorWarning = "#b24a00";
+export const DsComponentFormLabelColorDanger = "#ea1800";
+export const DsComponentFormLabelColorDisabled = "#747474";
+export const DsComponentFormLabelSizeMobile = 14;
+export const DsComponentFormLabelSizeTablet = 14;
+export const DsComponentFormLabelSizeDesktop = 14;
+export const DsComponentFormLabelColor2Base = "#000d6e";
+export const DsComponentFormLabelColor2Success = "#168741";
+export const DsComponentFormLabelColor2Warning = "#b24a00";
+export const DsComponentFormLabelColor2Danger = "#ea1800";
+export const DsComponentFormLabelColor2Disabled = "#747474";
+export const DsComponentFormLabelSize2Mobile = 14;
+export const DsComponentFormLabelSize2Tablet = 14;
+export const DsComponentFormLabelSize2Desktop = 14;
+export const DsComponentFormControlFamily =
+  '"BaloiseCreateText", "Arial", "sans-serif"';
+export const DsComponentFormControlWeight = "400";
+export const DsComponentFormControlLineHeight = 1.5;
+export const DsComponentFormControlFontSizeMobile = 16;
+export const DsComponentFormControlFontSizeTablet = 16;
+export const DsComponentFormControlFontSizeDesktop = 16;
+export const DsComponentFormControlColorValueBase = "#000d6e";
+export const DsComponentFormControlColorValueSuccess = "#168741";
+export const DsComponentFormControlColorValueWarning = "#b24a00";
+export const DsComponentFormControlColorValueDanger = "#ea1800";
+export const DsComponentFormControlColorValueDisabled = "#313131";
+export const DsComponentFormControlColorPlaceholderBase = "#b3b6d4";
+export const DsComponentFormControlColorPlaceholderSuccess = "#a1cfb3";
+export const DsComponentFormControlColorPlaceholderWarning = "#ffbe19";
+export const DsComponentFormControlColorPlaceholderDanger = "#f7a299";
+export const DsComponentFormControlColorPlaceholderDisabled = "#747474";
+export const DsComponentFormDescriptionFamily =
+  '"BaloiseCreateText", "Arial", "sans-serif"';
+export const DsComponentFormDescriptionWeight = "400";
+export const DsComponentFormDescriptionLineHeight = 1.5;
+export const DsComponentFormDescriptionColorBase = "#656ea8";
+export const DsComponentFormDescriptionColorSuccess = "#168741";
+export const DsComponentFormDescriptionColorWarning = "#b24a00";
+export const DsComponentFormDescriptionColorDanger = "#ea1800";
+export const DsComponentFormDescriptionColorDisabled = "#747474";
+export const DsComponentFormDescriptionSizeMobile = 12;
+export const DsComponentFormDescriptionSizeTablet = 12;
+export const DsComponentFormDescriptionSizeDesktop = 12;
+export const DsComponentSelectRadius = 4;
+export const DsComponentSelectContainerRadius = 4;
+export const DsComponentSelectContainerBorderWidth = 2;
+export const DsComponentSelectContainerColorBaseBackground = "#ffffff";
+export const DsComponentSelectContainerColorBaseBorder = "#d0d0d0";
+export const DsComponentSelectContainerColorHoverBackground = "#fafafa";
+export const DsComponentSelectContainerColorHoverBorder = "#d0d0d0";
+export const DsComponentSelectContainerColorActiveBackground = "#fafafa";
+export const DsComponentSelectContainerColorActiveBorder = "#000d6e";
+export const DsComponentSelectContainerColorFocusBackground = "#fafafa";
+export const DsComponentSelectContainerColorFocusBorder = "#000d6e";
+export const DsComponentSelectContainerColorSuccessBackground = "#e8f3ec";
+export const DsComponentSelectContainerColorSuccessBorder = "#168741";
+export const DsComponentSelectContainerColorWarningBackground = "#fff9e8";
+export const DsComponentSelectContainerColorWarningBorder = "#b24a00";
+export const DsComponentSelectContainerColorDangerBackground = "#fce8e6";
+export const DsComponentSelectContainerColorDangerBorder = "#ea1800";
+export const DsComponentSelectContainerColorDisabledBackground = "#e0e0e0";
+export const DsComponentSelectContainerColorDisabledBorder = "#d0d0d0";
+export const DsComponentSelectLabelFamily =
+  '"BaloiseCreateText", "Arial", "sans-serif"';
+export const DsComponentSelectLabelWeight = "700";
+export const DsComponentSelectLabelLineHeight = 1.5;
+export const DsComponentSelectLabelColorBase = "#000d6e";
+export const DsComponentSelectLabelColorSuccess = "#168741";
+export const DsComponentSelectLabelColorWarning = "#b24a00";
+export const DsComponentSelectLabelColorDanger = "#ea1800";
+export const DsComponentSelectLabelColorDisabled = "#747474";
+export const DsComponentSelectLabelSizeMobile = 14;
+export const DsComponentSelectLabelSizeTablet = 14;
+export const DsComponentSelectLabelSizeDesktop = 14;
+export const DsComponentSelectControlFamily =
+  '"BaloiseCreateText", "Arial", "sans-serif"';
+export const DsComponentSelectControlWeight = "400";
+export const DsComponentSelectControlLineHeight = 1.5;
+export const DsComponentSelectControlFontSizeMobile = 16;
+export const DsComponentSelectControlFontSizeTablet = 16;
+export const DsComponentSelectControlFontSizeDesktop = 16;
+export const DsComponentSelectControlColorValueBase = "#000d6e";
+export const DsComponentSelectControlColorValueDisabled = "#747474";
+export const DsComponentSelectControlColorPlaceholderBase = "#656ea8";
+export const DsComponentSelectControlColorPlaceholderDisabled = "#747474";
+export const DsComponentSelectDescriptionFamily =
   '"BaloiseCreateText", "Arial", "sans-serif"';
-export const DsComponentInputLabelWeight = "700";
-export const DsComponentInputLabelLineHeight = 1.5;
-export const DsComponentInputLabelColorBase = "#000d6e";
-export const DsComponentInputLabelColorSuccess = "#168741";
-export const DsComponentInputLabelColorWarning = "#b24a00";
-export const DsComponentInputLabelColorDanger = "#ea1800";
-export const DsComponentInputLabelColorDisabled = "#747474";
-export const DsComponentInputLabelSizeMobile = 14;
-export const DsComponentInputLabelSizeTablet = 14;
-export const DsComponentInputLabelSizeDesktop = 14;
-export const DsComponentInputLabelColor2Base = "#000d6e";
-export const DsComponentInputLabelColor2Success = "#168741";
-export const DsComponentInputLabelColor2Warning = "#b24a00";
-export const DsComponentInputLabelColor2Danger = "#ea1800";
-export const DsComponentInputLabelColor2Disabled = "#747474";
-export const DsComponentInputLabelSize2Mobile = 14;
-export const DsComponentInputLabelSize2Tablet = 14;
-export const DsComponentInputLabelSize2Desktop = 14;
-export const DsComponentInputControlFamily =
+export const DsComponentSelectDescriptionWeight = "400";
+export const DsComponentSelectDescriptionLineHeight = 1.5;
+export const DsComponentSelectDescriptionColorBase = "#656ea8";
+export const DsComponentSelectDescriptionColorSuccess = "#168741";
+export const DsComponentSelectDescriptionColorWarning = "#b24a00";
+export const DsComponentSelectDescriptionColorDanger = "#ea1800";
+export const DsComponentSelectDescriptionColorDisabled = "#747474";
+export const DsComponentSelectDescriptionSizeMobile = 12;
+export const DsComponentSelectDescriptionSizeTablet = 12;
+export const DsComponentSelectDescriptionSizeDesktop = 12;
+export const DsComponentSelectChipFamily =
   '"BaloiseCreateText", "Arial", "sans-serif"';
-export const DsComponentInputControlWeight = "400";
-export const DsComponentInputControlLineHeight = 1.5;
-export const DsComponentInputControlFontSizeMobile = 16;
-export const DsComponentInputControlFontSizeTablet = 16;
-export const DsComponentInputControlFontSizeDesktop = 16;
-export const DsComponentInputControlColorValueBase = "#000d6e";
-export const DsComponentInputControlColorValueSuccess = "#168741";
-export const DsComponentInputControlColorValueWarning = "#b24a00";
-export const DsComponentInputControlColorValueDanger = "#ea1800";
-export const DsComponentInputControlColorValueDisabled = "#313131";
-export const DsComponentInputControlColorPlaceholderBase = "#b3b6d4";
-export const DsComponentInputControlColorPlaceholderSuccess = "#a1cfb3";
-export const DsComponentInputControlColorPlaceholderWarning = "#ffbe19";
-export const DsComponentInputControlColorPlaceholderDanger = "#f7a299";
-export const DsComponentInputControlColorPlaceholderDisabled = "#747474";
-export const DsComponentInputDescriptionFamily =
+export const DsComponentSelectChipColorBaseBackground = "#e0e0e0";
+export const DsComponentSelectChipColorBaseText = "#000d6e";
+export const DsComponentSelectColorDisabled = "#747474";
+export const DsComponentSelectColorSuccess = "#168741";
+export const DsComponentSelectColorError = "#ea1800";
+export const DsComponentSelectColorBackgroundBase = "#ffffff00";
+export const DsComponentSelectColorTextBase = "#000d6e";
+export const DsComponentSelectColorPrimaryBase = "#000d6e";
+export const DsComponentSelectColorPlaceholderBase = "#b3b6d4";
+export const DsComponentSelectColorBorderBase = "#e0e0e0";
+export const DsComponentSelectColorHighlightBase = "#ffecbc";
+export const DsComponentSelectColorFocusBase = "#fafafa";
+export const DsComponentSelectColorFocusRingBase = "#6c2273";
+export const DsComponentSelectContentFamily =
   '"BaloiseCreateText", "Arial", "sans-serif"';
-export const DsComponentInputDescriptionWeight = "400";
-export const DsComponentInputDescriptionLineHeight = 1.5;
-export const DsComponentInputDescriptionColorBase = "#656ea8";
-export const DsComponentInputDescriptionColorSuccess = "#168741";
-export const DsComponentInputDescriptionColorWarning = "#b24a00";
-export const DsComponentInputDescriptionColorDanger = "#ea1800";
-export const DsComponentInputDescriptionColorDisabled = "#747474";
-export const DsComponentInputDescriptionSizeMobile = 12;
-export const DsComponentInputDescriptionSizeTablet = 12;
-export const DsComponentInputDescriptionSizeDesktop = 12;
+export const DsComponentSelectContentShadow = "0 0 10px 0 rgba(0, 7, 57, 0.15)";
+export const DsComponentSelectContentColorBackgroundBase = "#ffffff";
+export const DsComponentSelectSearchColorTextBase = "#000d6e";
+export const DsComponentSelectOptionColorTextBase = "#000d6e";
+export const DsComponentSelectOptionColorTextSelected = "#000d6e";
+export const DsComponentSelectOptionColorTextHighlight = "#000d6e";
+export const DsComponentSelectOptionColorTextDisabled = "#747474";
+export const DsComponentSelectOptionColorBorderBase = "#e0e0e0";
+export const DsComponentSelectOptionColorIconSelected = "#000d6e";
+export const DsComponentSelectOptionColorBackgroundBase = "#ffffff00";
+export const DsComponentSelectOptionColorBackgroundSelected = "#b3b6d4";
+export const DsComponentSelectOptionColorBackgroundHover = "#fafafa";
+export const DsComponentSelectOptionColorBackgroundHighlight = "#e5e7f0";
+export const DsComponentSelectOptionColorBackgroundDisabled = "#e0e0e0";
+export const DsComponentSelectOptionWeightSelected = "700";
+export const DsComponentSelectOptgroupWeight = "700";
+export const DsComponentSelectOptgroupColorBackgroundBase = "#f0f0f0";
+export const DsComponentSelectOptgroupColorTextBase = "#000d6e";
+export const DsComponentSelectIconColorBase = "#000d6e";
+export const DsComponentSelectIconColorHover = "#0014aa";
+export const DsComponentSelectIconColorActive = "#000739";
+export const DsComponentSelectCheckboxColorBorderBase = "#000d6e";
+export const DsComponentSelectCheckboxColorBorderSelected = "#000d6e";
+export const DsComponentSelectCheckboxColorBackgroundSelected = "#000d6e";
 export const DsComponentNotificationRadius = 12;
-export const DsComponentNotificationColorBaseBackground = "#f6f6f6";
-export const DsComponentNotificationColorBaseBorder = "#f6f6f6";
+export const DsComponentNotificationColorBaseBackground = "#f0f0f0";
+export const DsComponentNotificationColorBaseBorder = "#f0f0f0";
 export const DsComponentNotificationColorBaseText = "#000d6e";
 export const DsComponentNotificationColorBaseIcon =
   'url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\')';
@@ -1005,10 +1160,110 @@ export const DsComponentListMarkerWarning = "#b24a00";
 export const DsComponentListMarkerDanger = "#ea1800";
 export const DsComponentListMarkerRadius = 9999;
 export const DsComponentListItemDisabled = "#747474";
-export const DsComponentListItemBorderColor = "#e8e8e8";
+export const DsComponentListItemBorderColor = "#d0d0d0";
+export const DsComponentModalWidth = 640;
+export const DsComponentModalColorBaseBackground = "#ffffff";
+export const DsComponentModalRadiusBase = 12;
+export const DsComponentModalBackdropOpacity = 0.8;
+export const DsComponentModalBackdropFilter = "blur(4px)";
+export const DsComponentModalHeadingFamily =
+  '"BaloiseCreateHeadline", "Arial", "sans-serif"';
+export const DsComponentModalHeadingWeight = "700";
+export const DsComponentModalHeadingLineHeight = 1.3;
+export const DsComponentModalHeadingSizeMobile = 24;
+export const DsComponentModalHeadingSizeTablet = 32;
+export const DsComponentModalHeadingSizeDesktop = 32;
+export const DsComponentNavbarBaseLayoutBackground = "#000d6e";
+export const DsComponentNavbarBaseLayoutPadding = 16;
+export const DsComponentNavbarBaseLayoutShadow =
+  "0 4px 4px 0 rgba(0, 7, 57, 0.15)";
+export const DsComponentNavbarBaseLayoutZIndex = 400;
+export const DsComponentNavbarBaseLayoutHeight = 80;
+export const DsComponentNavbarBaseBrandFocusRadius = 4;
+export const DsComponentNavbarBaseBrandGap = 8;
+export const DsComponentNavbarBaseTitleColor = "#ffffff";
+export const DsComponentNavbarBaseTitleFontFamily =
+  '"BaloiseCreateHeadline", "Arial", "sans-serif"';
+export const DsComponentNavbarBaseTitleFontWeight = "700";
+export const DsComponentNavbarBaseTitleFontSize = 20;
+export const DsComponentNavbarBaseHamburgerPadding = 8;
+export const DsComponentNavbarBaseHamburgerTransitionDuration = "0.2s";
+export const DsComponentNavbarBaseHamburgerWidth = 48;
+export const DsComponentNavbarBaseHamburgerHeight = 48;
+export const DsComponentNavbarBaseHamburgerRadius = 4;
+export const DsComponentNavbarBaseSidebarMaxWidth = "25rem";
+export const DsComponentNavbarBaseSidebarSlideDuration = "300ms";
+export const DsComponentNavbarBaseSidebarBackdropColor = "#000000";
+export const DsComponentNavbarBaseSidebarPanelBackground = "#ffffff";
+export const DsComponentNavbarBaseSidebarPanelShadow =
+  "-2px 0 8px rgba(0, 0, 0, 0.15)";
+export const DsComponentNavbarBaseSidebarPanelBorderTop = "1px solid #ffffff";
+export const DsComponentNavbarBaseSidebarContentGap = 16;
+export const DsComponentNavbarBaseSidebarContentPaddingInline = 24;
+export const DsComponentNavbarBaseSidebarContentPaddingBlock = 24;
+export const DsComponentNavbarBaseSidebarItemMinHeight = 48;
+export const DsComponentNavbarBaseSidebarItemPaddingBlock = 12;
+export const DsComponentNavbarBaseSidebarItemPaddingInline = 8;
+export const DsComponentNavbarBaseSidebarItemFontSize = 16;
+export const DsComponentNavbarBaseSidebarItemFontWeight = "700";
+export const DsComponentNavbarBaseSidebarItemFontFamily =
+  '"BaloiseCreateHeadline", "Arial", "sans-serif"';
+export const DsComponentNavbarBaseSidebarItemColorBase = "#000d6e";
+export const DsComponentNavbarBaseSidebarItemColorHover = "#000d6e";
+export const DsComponentNavbarBaseSidebarItemColorActive = "#000d6e";
+export const DsComponentNavbarBaseSidebarItemBackgroundActive = "#e5e7f0";
+export const DsComponentNavbarBaseSidebarItemBackgroundHover = "#e5e7f0";
+export const DsComponentNavbarBaseSidebarItemDividerColor = "#d0d0d0";
+export const DsComponentNavbarBaseSidebarItemDividerColorActive = "#000d6e";
+export const DsComponentNavbarBaseSidebarItemChevronColor = "#000d6e";
+export const DsComponentNavbarBaseSidebarItemChevronSize = 16;
+export const DsComponentNavbarBaseMenuGap = 32;
+export const DsComponentNavbarBaseMenuStartGap = 2;
+export const DsComponentNavbarBaseMenuEndGap = 8;
+export const DsComponentNavbarBaseMenuItemFontSize = 16;
+export const DsComponentNavbarBaseMenuItemPaddingBlock = 8;
+export const DsComponentNavbarBaseMenuItemPaddingInline = 16;
+export const DsComponentNavbarBaseMenuItemBorderRadius = 4;
+export const DsComponentNavbarBaseMenuItemTransitionDuration = "0.2s";
+export const DsComponentNavbarBaseMenuItemColorBase = "#ffffff";
+export const DsComponentNavbarBaseMenuItemColorHover = "#a7d1fa";
+export const DsComponentNavbarBaseMenuItemColorSelected = "#ffffff";
+export const DsComponentNavbarBaseMenuItemColorSelectedHover = "#a7d1fa";
+export const DsComponentNavbarBaseMenuItemColorActive = "#60a0e0";
+export const DsComponentNavbarBaseContainerGap = 32;
+export const DsComponentNavbarBaseContentGap = 8;
+export const DsComponentNavbarBaseButtonColorTextBase = "#ffffff";
+export const DsComponentNavbarBaseButtonColorTextHover = "#000d6e";
+export const DsComponentNavbarBaseButtonColorTextActive = "#000d6e";
+export const DsComponentNavbarBaseButtonColorBackgroundBase = "#293485";
+export const DsComponentNavbarBaseButtonColorBackgroundHover = "#a7d1fa";
+export const DsComponentNavbarBaseButtonColorBackgroundActive = "#ffffff";
+export const DsComponentNavbarBaseButtonColorBorderBase = "#293485";
+export const DsComponentNavbarBaseButtonColorBorderHover = "#a7d1fa";
+export const DsComponentNavbarBaseButtonColorBorderActive = "#ffffff";
+export const DsComponentNavbarBaseFocusColorStart = "#fae052";
+export const DsComponentNavbarBaseFocusColorEnd = "#fae052";
+export const DsComponentNavbarLightBackground = "#ffffff";
+export const DsComponentNavbarLightTitleColor = "#000d6e";
+export const DsComponentNavbarLightMenuItemColorBase = "#000d6e";
+export const DsComponentNavbarLightMenuItemColorHover = "#0014aa";
+export const DsComponentNavbarLightMenuItemColorSelected = "#000739";
+export const DsComponentNavbarLightMenuItemColorActive = "#000739";
+export const DsComponentNavbarLightSidebarPanelBorderTop = "1px solid #d0d0d0";
+export const DsComponentNavbarLightButtonColorTextBase = "#000d6e";
+export const DsComponentNavbarLightButtonColorTextHover = "#0014aa";
+export const DsComponentNavbarLightButtonColorTextActive = "#000739";
+export const DsComponentNavbarLightButtonColorBackgroundBase = "#f0f0f0";
+export const DsComponentNavbarLightButtonColorBackgroundHover = "#e5f1fe";
+export const DsComponentNavbarLightButtonColorBackgroundActive = "#e5f1fe";
+export const DsComponentNavbarLightButtonColorBorderBase = "#f0f0f0";
+export const DsComponentNavbarLightButtonColorBorderHover = "#e5f1fe";
+export const DsComponentNavbarLightButtonColorBorderActive = "#e5f1fe";
+export const DsComponentNavbarLightFocusColorStart = "#ffffff";
+export const DsComponentNavbarLightFocusColorEnd = "#6c2273";
 export const DsComponentSnackbarRadius = 4;
-export const DsComponentSnackbarDefaultColorBgBase = "#f6f6f6";
-export const DsComponentSnackbarDefaultColorBorderBase = "#f6f6f6";
+export const DsComponentSnackbarDefaultColorBgBase = "#f0f0f0";
+export const DsComponentSnackbarDefaultColorBorderBase = "#f0f0f0";
 export const DsComponentSnackbarDefaultColorTextBase = "#000d6e";
 export const DsComponentSnackbarDefaultColorProgressBarBase = "#000d6e";
 export const DsComponentSnackbarDefaultColorProgressBgBase = "#b3b6d4";
@@ -1035,13 +1290,13 @@ export const DsComponentSnackbarDangerColorProgressBgBase = "#f05d4d";
 export const DsComponentSpinnerSize = 48;
 export const DsComponentSpinnerCircleBorderWidth = 4;
 export const DsComponentSpinnerCircleSize = 24;
-export const DsComponentSpinnerCircleColorBackground = "#e8e8e8";
+export const DsComponentSpinnerCircleColorBackground = "#e0e0e0";
 export const DsComponentSpinnerCircleColorProgress = "#000d6e";
 export const DsComponentSpinnerCircleColorInvertedBackground = "#ffffff";
 export const DsComponentSpinnerCircleColorInvertedProgress = "#000d6e";
 export const DsComponentToastRadius = 4;
-export const DsComponentToastDefaultColorBgBase = "#f6f6f6";
-export const DsComponentToastDefaultColorBorderBase = "#f6f6f6";
+export const DsComponentToastDefaultColorBgBase = "#f0f0f0";
+export const DsComponentToastDefaultColorBorderBase = "#f0f0f0";
 export const DsComponentToastDefaultColorTextBase = "#000d6e";
 export const DsComponentToastDefaultColorProgressBarBase = "#000d6e";
 export const DsComponentToastDefaultColorProgressBgBase = "#b3b6d4";
@@ -1090,7 +1345,7 @@ export const DsComponentTagRadiusPill = 9999;
 export const DsComponentTagPrimaryColorTextBase = "#ffffff";
 export const DsComponentTagPrimaryColorBgBase = "#000d6e";
 export const DsComponentTagGreyColorTextBase = "#000d6e";
-export const DsComponentTagGreyColorBgBase = "#b6b6b6";
+export const DsComponentTagGreyColorBgBase = "#d0d0d0";
 export const DsComponentTagInfoColorTextBase = "#ffffff";
 export const DsComponentTagInfoColorBgBase = "#1c77d2";
 export const DsComponentTagSuccessColorTextBase = "#ffffff";
@@ -1124,12 +1379,12 @@ export const DsComponentTagYellowLightColorBgBase = "#ffecbc";
 export const DsComponentTagYellowDarkColorTextBase = "#ffffff";
 export const DsComponentTagYellowDarkColorBgBase = "#b24a00";
 export const DsComponentTagDefaultColorTextBase = "#000d6e";
-export const DsComponentTagDefaultColorBgBase = "#e8e8e8";
+export const DsComponentTagDefaultColorBgBase = "#e0e0e0";
 export const DsComponentSegmentRadius = 4;
-export const DsComponentSegmentBackground = "#f6f6f6";
+export const DsComponentSegmentBackground = "#f0f0f0";
 export const DsComponentSegmentGap = 4;
 export const DsComponentSegmentPadding = 4;
-export const DsComponentSegmentDividerColor = "#e8e8e8";
+export const DsComponentSegmentDividerColor = "#d0d0d0";
 export const DsComponentSegmentFocusColor = "#6c2273";
 export const DsComponentSegmentDescriptionFontSize = 14;
 export const DsComponentSegmentDescriptionFontWeight = "400";
@@ -1140,31 +1395,31 @@ export const DsComponentSegmentItemFontWeight = "700";
 export const DsComponentSegmentItemUnselectedColorBase = "#293485";
 export const DsComponentSegmentItemUnselectedColorHover = "#0014aa";
 export const DsComponentSegmentItemUnselectedColorActive = "#000739";
+export const DsComponentSegmentItemSelectedBackground = "#e1d9ff";
 export const DsComponentSegmentItemSelectedColorBase = "#293485";
 export const DsComponentSegmentItemSelectedColorHover = "#0014aa";
 export const DsComponentSegmentItemSelectedColorActive = "#000739";
-export const DsComponentSegmentItemSelectedBackground = "#e1d9ff";
 export const DsComponentSegmentItemIconSize = 16;
 export const DsComponentSegmentItemIconGap = 6;
-export const DsComponentCheckboxLabelColorHover = "#0014aa";
-export const DsComponentCheckboxLabelColorActive = "#000739";
-export const DsComponentCheckboxBorderWidth = 2;
 export const DsComponentCheckboxRadius = 4;
 export const DsComponentCheckboxFontFamily =
   '"BaloiseCreateText", "Arial", "sans-serif"';
 export const DsComponentCheckboxLineHeight = 1.5;
+export const DsComponentCheckboxLabelColorHover = "#0014aa";
+export const DsComponentCheckboxLabelColorActive = "#000739";
+export const DsComponentCheckboxBorderWidth = 2;
 export const DsComponentCheckboxFocusColor = "#6c2273";
 export const DsComponentCheckboxTileRadius = 4;
 export const DsComponentCheckboxTileBorderWidth = 2;
-export const DsComponentCheckboxTileColorBaseBorder = "#e8e8e8";
-export const DsComponentCheckboxTileColorHoverBackground = "#f6f6f6";
+export const DsComponentCheckboxTileColorBaseBorder = "#d0d0d0";
+export const DsComponentCheckboxTileColorHoverBackground = "#fafafa";
 export const DsComponentCheckboxTileColorHoverBorder = "#0014aa";
-export const DsComponentCheckboxTileColorActiveBackground = "#f6f6f6";
+export const DsComponentCheckboxTileColorActiveBackground = "#fafafa";
 export const DsComponentCheckboxTileColorActiveBorder = "#000739";
 export const DsComponentCheckboxUncheckedColorBaseBorder = "#000d6e";
-export const DsComponentCheckboxUncheckedColorHoverBackground = "#f6f6f6";
+export const DsComponentCheckboxUncheckedColorHoverBackground = "#fafafa";
 export const DsComponentCheckboxUncheckedColorHoverBorder = "#0014aa";
-export const DsComponentCheckboxUncheckedColorActiveBackground = "#f6f6f6";
+export const DsComponentCheckboxUncheckedColorActiveBackground = "#fafafa";
 export const DsComponentCheckboxUncheckedColorActiveBorder = "#000739";
 export const DsComponentCheckboxCheckedColorBaseBackground = "#000d6e";
 export const DsComponentCheckboxCheckedColorBaseBorder = "#000d6e";
@@ -1173,25 +1428,25 @@ export const DsComponentCheckboxCheckedColorHoverBackground = "#0014aa";
 export const DsComponentCheckboxCheckedColorHoverBorder = "#0014aa";
 export const DsComponentCheckboxCheckedColorActiveBackground = "#000739";
 export const DsComponentCheckboxCheckedColorActiveBorder = "#000739";
-export const DsComponentRadioLabelColorHover = "#0014aa";
-export const DsComponentRadioLabelColorActive = "#000739";
-export const DsComponentRadioBorderWidth = 2;
 export const DsComponentRadioRadius = 9999;
 export const DsComponentRadioFontFamily =
   '"BaloiseCreateText", "Arial", "sans-serif"';
 export const DsComponentRadioLineHeight = 1.5;
+export const DsComponentRadioLabelColorHover = "#0014aa";
+export const DsComponentRadioLabelColorActive = "#000739";
+export const DsComponentRadioBorderWidth = 2;
 export const DsComponentRadioFocusColor = "#6c2273";
 export const DsComponentRadioTileRadius = 4;
 export const DsComponentRadioTileBorderWidth = 2;
-export const DsComponentRadioTileColorBaseBorder = "#e8e8e8";
-export const DsComponentRadioTileColorHoverBackground = "#f6f6f6";
+export const DsComponentRadioTileColorBaseBorder = "#d0d0d0";
+export const DsComponentRadioTileColorHoverBackground = "#fafafa";
 export const DsComponentRadioTileColorHoverBorder = "#0014aa";
-export const DsComponentRadioTileColorActiveBackground = "#f6f6f6";
+export const DsComponentRadioTileColorActiveBackground = "#fafafa";
 export const DsComponentRadioTileColorActiveBorder = "#000739";
 export const DsComponentRadioUncheckedColorBaseBorder = "#000d6e";
-export const DsComponentRadioUncheckedColorHoverBackground = "#f6f6f6";
+export const DsComponentRadioUncheckedColorHoverBackground = "#fafafa";
 export const DsComponentRadioUncheckedColorHoverBorder = "#0014aa";
-export const DsComponentRadioUncheckedColorActiveBackground = "#f6f6f6";
+export const DsComponentRadioUncheckedColorActiveBackground = "#fafafa";
 export const DsComponentRadioUncheckedColorActiveBorder = "#000739";
 export const DsComponentRadioCheckedColorBaseBackground = "#000d6e";
 export const DsComponentRadioCheckedColorBaseBorder = "#000d6e";
@@ -1200,10 +1455,7 @@ export const DsComponentRadioCheckedColorHoverBackground = "#0014aa";
 export const DsComponentRadioCheckedColorHoverBorder = "#0014aa";
 export const DsComponentRadioCheckedColorActiveBackground = "#000739";
 export const DsComponentRadioCheckedColorActiveBorder = "#000739";
-export const DsComponentPaginationGapMobile = "0.25rem";
-export const DsComponentPaginationGapTablet = "0.5rem";
-export const DsComponentPaginationGapDesktop = "0.5rem";
-export const DsComponentPaginationDotsBackground = "#f6f6f6";
+export const DsComponentPaginationDotsBackground = "#f0f0f0";
 export const DsComponentPaginationDotsRadius = 4;
 export const DsComponentPaginationDotsActiveColor = "#000d6e";
 export const DsComponentPaginationDotsInactiveColor = "#ffffff";
@@ -1211,7 +1463,7 @@ export const DsComponentPaginationDisabledTextColor = "#747474";
 export const DsComponentPaginationTextWeight = "700";
 export const DsComponentPaginationElevationSticky = 300;
 export const DsComponentProgressBarBackgroundLight = "#ffffff";
-export const DsComponentProgressBarBackgroundDark = "#f6f6f6";
+export const DsComponentProgressBarBackgroundDark = "#f0f0f0";
 export const DsComponentProgressBarBackgroundPurple = "#e1d9ff";
 export const DsComponentProgressBarBackgroundYellow = "#ffecbc";
 export const DsComponentProgressBarBackgroundRed = "#ffd7d7";
@@ -1222,7 +1474,6 @@ export const DsComponentProgressBarLineColorPurple = "#6c2273";
 export const DsComponentProgressBarLineColorYellow = "#b24a00";
 export const DsComponentProgressBarLineColorRed = "#99172d";
 export const DsComponentProgressBarLineColorGreen = "#1b5951";
-export const DsComponentProgressBarHeight = "0.25rem";
 export const DsComponentAccordionSummaryFontFamily =
   '"BaloiseCreateText", "Arial", "sans-serif"';
 export const DsComponentAccordionSummaryFontWeight = "400";
@@ -1234,3 +1485,157 @@ export const DsComponentAccordionSummaryColorBase = "inherit";
 export const DsComponentAccordionSummaryColorHover = "#0014aa";
 export const DsComponentAccordionSummaryColorActive = "#000739";
 export const DsComponentAccordionRadiusBase = 4;
+export const DsComponentTabsGap = 2;
+export const DsComponentTabsBorderColor = "#d0d0d0";
+export const DsComponentTabsIndicatorHeight = 2;
+export const DsComponentTabsPanelPadding = "1rem 0";
+export const DsComponentTabsVerticalGap = 24;
+export const DsComponentTabsScrollFadeBackground = "#ffffff";
+export const DsComponentTabsTabPadding = "0.25rem 1rem";
+export const DsComponentTabsTabFontFamily =
+  '"BaloiseCreateHeadline", "Arial", "sans-serif"';
+export const DsComponentTabsTabFontSize = 16;
+export const DsComponentTabsTabFontWeight = "700";
+export const DsComponentTabsTabFontWeightSelected = "700";
+export const DsComponentTabsTabColorFocus = "#6c2273";
+export const DsComponentTabsTabColorBase = "#656ea8";
+export const DsComponentTabsTabColorHover = "#0014aa";
+export const DsComponentTabsTabColorActive = "#000739";
+export const DsComponentTabsTabColorSelected = "#000d6e";
+export const DsComponentTabsTabBorderColorSelected = "#000d6e";
+export const DsComponentTabPanelPadding = "1rem 0";
+export const DsComponentTabsColorPurple = "#b8b2ff";
+export const DsComponentTabsColorPurpleHover = "#9f52cc";
+export const DsComponentTabsColorGreen = "#94e3d4";
+export const DsComponentTabsColorGreenHover = "#00b28f";
+export const DsComponentTabsColorRed = "#ffaca6";
+export const DsComponentTabsColorRedHover = "#d9304c";
+export const DsComponentTabsColorYellow = "#fae052";
+export const DsComponentTabsColorYellowHover = "#fa9319";
+export const DsComponentStepsConnectorColor = "#d0d0d0";
+export const DsComponentStepsConnectorColorFilled = "#000d6e";
+export const DsComponentStepsConnectorHeight = 2;
+export const DsComponentStepsCircleSize = "2rem";
+export const DsComponentStepsCircleSizeSm = "1.5rem";
+export const DsComponentStepsCircleColorBg = "#e0e0e0";
+export const DsComponentStepsCircleColorBgSelected = "#000d6e";
+export const DsComponentStepsCircleColorBgDone = "#000d6e";
+export const DsComponentStepsCircleColorBgInvalid = "#f05d4d";
+export const DsComponentStepsCircleColorBgDisabled = "#e0e0e0";
+export const DsComponentStepsCircleColorText = "#000d6e";
+export const DsComponentStepsCircleColorTextSelected = "#ffffff";
+export const DsComponentStepsCircleColorTextDone = "#ffffff";
+export const DsComponentStepsCircleColorTextInvalid = "#ffffff";
+export const DsComponentStepsCircleColorTextDisabled = "#000d6e";
+export const DsComponentStepsStepFontFamily =
+  '"BaloiseCreateHeadline", "Arial", "sans-serif"';
+export const DsComponentStepsStepFontSize = 16;
+export const DsComponentStepsStepFontSizeSm = 14;
+export const DsComponentStepsStepFontWeight = "700";
+export const DsComponentStepsStepColorBase = "#656ea8";
+export const DsComponentStepsStepColorSelected = "#000d6e";
+export const DsComponentStepsStepColorFocus = "#6c2273";
+export const DsComponentStepsPanelPadding = "1rem 0";
+export const DsComponentStepsColorPurple = "#b8b2ff";
+export const DsComponentStepsColorGreen = "#94e3d4";
+export const DsComponentStepsColorRed = "#ffaca6";
+export const DsComponentStepsColorYellow = "#fae052";
+export const DsComponentStepPanelPadding = "1rem 0";
+export const DsComponentCarouselGap = 16;
+export const DsComponentCarouselScrollFadeBg = "#ffffff";
+export const DsComponentCarouselDotSize = "8px";
+export const DsComponentCarouselDotSizeActive = "10px";
+export const DsComponentCarouselDotColor = "#d0d0d0";
+export const DsComponentCarouselDotColorActive = "#000d6e";
+export const DsComponentCarouselControlColor = "#000d6e";
+export const DsComponentCarouselScrollBtnBackgroundActive = "#000d6e";
+export const DsComponentCarouselScrollBtnBackgroundActiveHover = "#0014aa";
+export const DsComponentCarouselScrollBtnBackgroundActivePressed = "#000739";
+export const DsComponentCarouselScrollBtnColorActive = "#ffffff";
+export const DsComponentTooltipBg = "#000739";
+export const DsComponentTooltipColor = "#ffffff";
+export const DsComponentTooltipRadius = 4;
+export const DsComponentTooltipShadow = "0 0 10px 0 rgba(0, 7, 57, 0.15)";
+export const DsComponentTooltipLineHeight = 1.5;
+export const DsComponentTooltipZIndex = 1300;
+export const DsComponentTooltipPx = 12;
+export const DsComponentTooltipPy = 8;
+export const DsComponentTooltipFontFamily =
+  '"BaloiseCreateText", "Arial", "sans-serif"';
+export const DsComponentTooltipFontSize = 14;
+export const DsComponentTableColor = "#000d6e";
+export const DsComponentTableBackgroundColor = "#ffffff";
+export const DsComponentTableBodyBackgroundColor = "#ffffff00";
+export const DsComponentTableCellPadding = "0.5em 0.75em";
+export const DsComponentTableCellBorderColor = "#e0e0e0";
+export const DsComponentTableCellBorderWidth = "0 0 2px";
+export const DsComponentTableCellHeadingColor = "#000d6e";
+export const DsComponentTableHeadCellColor = "#000d6e";
+export const DsComponentTableHeadCellBorderWidth = "0 0 1px";
+export const DsComponentTableHeadCellBorderColor = "#000d6e";
+export const DsComponentTableHeadBackgroundColor = "#ffffff00";
+export const DsComponentTableHeadFontSize = 16;
+export const DsComponentTableHeadFontFamily =
+  '"BaloiseCreateHeadline", "Arial", "sans-serif"';
+export const DsComponentTableFootCellColor = "#000d6e";
+export const DsComponentTableFootCellBorderWidth = "0 0 0";
+export const DsComponentTableFootBackgroundColor = "#ffffff00";
+export const DsComponentTableRowBackgroundColorHover = "#f0f0f0";
+export const DsComponentTableRowBackgroundColorActive = "#f0f0f0";
+export const DsComponentTableRowColorActive = "#000d6e";
+export const DsComponentTableStripedRowEvenBackgroundColorBase = "#fafafa";
+export const DsComponentTableStripedRowEvenBackgroundColorHover = "#f0f0f0";
+export const DsComponentPopupBackground = "#ffffff";
+export const DsComponentPopupRadius = 4;
+export const DsComponentPopupShadow = "0 0 10px 0 rgba(0, 7, 57, 0.15)";
+export const DsComponentPopupPadding = 20;
+export const DsComponentPopupMinWidth = "16rem";
+export const DsComponentPopupZIndex = 1000;
+export const DsComponentPopupBackdropBackground = "#000739";
+export const DsComponentPopupBackdropOpacity = 0.8;
+export const DsComponentDrawerBackground = "#ffffff";
+export const DsComponentDrawerRadius = 12;
+export const DsComponentDrawerMaxHeight = "85dvh";
+export const DsComponentDrawerPadding = 20;
+export const DsComponentDrawerBackdropBackground = "#000739";
+export const DsComponentDrawerBackdropOpacity = 0.8;
+export const DsComponentFileUploadLabelFontFamily =
+  '"BaloiseCreateText", "Arial", "sans-serif"';
+export const DsComponentFileUploadLabelFontWeight = "700";
+export const DsComponentFileUploadLabelTextSize = 16;
+export const DsComponentFileUploadLabelTextLineHeight = 1.5;
+export const DsComponentFileUploadLabelTextColor = "#000d6e";
+export const DsComponentFileUploadDropZoneBorderColorBase = "#d0d0d0";
+export const DsComponentFileUploadDropZoneBorderColorHover = "#000d6e";
+export const DsComponentFileUploadDropZoneBorderColorActive = "#000d6e";
+export const DsComponentFileUploadDropZoneBorderColorFocus = "#000d6e";
+export const DsComponentFileUploadDropZoneBorderColorDanger = "#ea1800";
+export const DsComponentFileUploadDropZoneBorderColorSuccess = "#168741";
+export const DsComponentFileUploadDropZoneBorderColorWarning = "#b24a00";
+export const DsComponentFileUploadDropZoneBackgroundColorBase = "#ffffff00";
+export const DsComponentFileUploadDropZoneBackgroundColorHover = "#fafafa";
+export const DsComponentFileUploadDropZoneBackgroundColorActive = "#fafafa";
+export const DsComponentFileUploadDropZoneBackgroundColorDisabled = "#e0e0e0";
+export const DsComponentFileUploadDropZoneTextColorHover = "#0014aa";
+export const DsComponentFileUploadDropZoneTextColorActive = "#000739";
+export const DsComponentFileUploadDropZoneTextColorDisabled = "#747474";
+export const DsComponentFileUploadFileListBackgroundColor = "#f0f0f0";
+export const DsComponentFileUploadFileNameTextColor = "#000d6e";
+export const DsComponentFileUploadFileSizeTextColor = "#656ea8";
+export const DsComponentFileUploadIconColorDisabled = "#747474";
+export const DsComponentFileUploadControlFontFamily =
+  '"BaloiseCreateText", "Arial", "sans-serif"';
+export const DsComponentFileUploadControlFontWeight = "400";
+export const DsComponentFileUploadControlTextSize = 16;
+export const DsComponentFileUploadControlTextLineHeight = 1.5;
+export const DsComponentFileUploadControlTextColorBase = "#000d6e";
+export const DsComponentFileUploadControlPlaceholderColorBase = "#b3b6d4";
+export const DsComponentFileUploadDescriptionFontFamily =
+  '"BaloiseCreateText", "Arial", "sans-serif"';
+export const DsComponentFileUploadDescriptionFontWeight = "400";
+export const DsComponentFileUploadDescriptionTextSize = 12;
+export const DsComponentFileUploadDescriptionTextLineHeight = 1.5;
+export const DsComponentFileUploadDescriptionTextColorBase = "#656ea8";
+export const DsComponentFileUploadDescriptionTextColorDanger = "#ea1800";
+export const DsComponentFileUploadDescriptionTextColorSuccess = "#168741";
+export const DsComponentFileUploadDescriptionTextColorWarning = "#b24a00";