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

package/dist/js/base.tokens.js

@@ -190,10 +190,11 @@ export const DsAliasBackgroundColorDanger = "#f05d4d";
 export const DsAliasBackgroundColorDangerDark = "#ea1800";
 export const DsAliasBackgroundColorDangerDarker = "#cb1501";
 export const DsAliasBackgroundColorDangerDarkest = "#a01100";
-export const DsAliasBackgroundColorGreyLighter = "#f0f0f0";
-export const DsAliasBackgroundColorGreyLight = "#e0e0e0";
-export const DsAliasBackgroundColorGrey = "#d0d0d0";
-export const DsAliasBackgroundColorGreyDark = "#b6b6b6";
+export const DsAliasBackgroundColorGreyLighter = "#fafafa";
+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";
@@ -217,8 +218,8 @@ export const DsAliasBorderColorBase = "#d0d0d0";
 export const DsAliasBorderColorInverted = "#ffffff";
 export const DsAliasBorderColorDisabled = "#d0d0d0";
 export const DsAliasBorderColorDisabledInverted = "#656ea8";
-export const DsAliasBorderColorGreyLight = "#f0f0f0";
-export const DsAliasBorderColorGrey = "#e0e0e0";
+export const DsAliasBorderColorGreyLight = "#e0e0e0";
+export const DsAliasBorderColorGrey = "#d0d0d0";
 export const DsAliasBorderColorGreyDark = "#b6b6b6";
 export const DsAliasBorderColorPrimaryLight = "#656ea8";
 export const DsAliasBorderColorPrimary = "#000d6e";
@@ -499,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 = "#d0d0d0";
+export const DsComponentBadgeColorGreyText = "#747474";
+export const DsComponentBadgeColorGreyBackground = "#f0f0f0";
 export const DsComponentButtonFamily =
   '"BaloiseCreateHeadline", "Arial", "sans-serif"';
 export const DsComponentButtonWeight = "700";
@@ -649,8 +650,8 @@ export const DsComponentButtonColorInvertedSecondaryActiveBackground =
   "#656ea8";
 export const DsComponentButtonColorInvertedSecondaryActiveBorder = "#0014aa";
 export const DsComponentButtonColorInvertedTertiaryBaseText = "#000d6e";
-export const DsComponentButtonColorInvertedTertiaryBaseBackground = "#e0e0e0";
-export const DsComponentButtonColorInvertedTertiaryBaseBorder = "#e0e0e0";
+export const DsComponentButtonColorInvertedTertiaryBaseBackground = "#f0f0f0";
+export const DsComponentButtonColorInvertedTertiaryBaseBorder = "#f0f0f0";
 export const DsComponentButtonColorInvertedTertiaryHoverText = "#000d6e";
 export const DsComponentButtonColorInvertedTertiaryHoverBackground = "#e5f1fe";
 export const DsComponentButtonColorInvertedTertiaryHoverBorder = "#e5f1fe";
@@ -735,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 = "#e0e0e0";
+export const DsComponentCardColorBaseOutline = "#d0d0d0";
 export const DsComponentCardColorWhiteText = "inherit";
 export const DsComponentCardColorWhiteBackground = "#ffffff";
-export const DsComponentCardColorWhiteOutline = "#e0e0e0";
+export const DsComponentCardColorWhiteOutline = "#d0d0d0";
 export const DsComponentCardColorPrimaryText = "#ffffff";
 export const DsComponentCardColorPrimaryBackground = "#000d6e";
 export const DsComponentCardColorInfoText = "inherit";
@@ -750,10 +751,10 @@ export const DsComponentCardColorWarningBackground = "#ffd25e";
 export const DsComponentCardColorDangerText = "inherit";
 export const DsComponentCardColorDangerBackground = "#f05d4d";
 export const DsComponentCardColorGreyLightText = "inherit";
-export const DsComponentCardColorGreyLightBackground = "#e0e0e0";
+export const DsComponentCardColorGreyLightBackground = "#f0f0f0";
 export const DsComponentCardColorGreyLightOutline = "#b6b6b6";
 export const DsComponentCardColorGreyText = "inherit";
-export const DsComponentCardColorGreyBackground = "#d0d0d0";
+export const DsComponentCardColorGreyBackground = "#e0e0e0";
 export const DsComponentCardColorGreyOutline = "#b6b6b6";
 export const DsComponentCardColorRedLighterText = "inherit";
 export const DsComponentCardColorRedLighterBackground = "#ffeef1";
@@ -810,7 +811,7 @@ export const DsComponentCloseColorBackgroundHover = "#0007391a";
 export const DsComponentCloseColorBackgroundActive = "#0007394d";
 export const DsComponentCloseColorBackgroundInvertedHover = "#ffffff4d";
 export const DsComponentCloseColorBackgroundInvertedActive = "#ffffff80";
-export const DsComponentCloseColorBackgroundDisabled = "#d0d0d0";
+export const DsComponentCloseColorBackgroundDisabled = "#e0e0e0";
 export const DsComponentCloseColorIconBase = "#000d6e";
 export const DsComponentCloseColorIconInverted = "#ffffff";
 export const DsComponentCloseColorIconDisabled = "#747474";
@@ -819,7 +820,7 @@ export const DsComponentDateCalendarFamily =
 export const DsComponentDateCalendarWeight = "700";
 export const DsComponentDateCalendarRadius = 4;
 export const DsComponentDateCalendarShadow = "0 0 10px 0 rgba(0, 7, 57, 0.15)";
-export const DsComponentDateCalendarColorInnerBorder = "#e0e0e0";
+export const DsComponentDateCalendarColorInnerBorder = "#d0d0d0";
 export const DsComponentDateCalendarColorCurrentDate = "#000d6e";
 export const DsComponentDateCalendarColorText = "#000d6e";
 export const DsComponentDateCalendarColorDisabled = "#747474";
@@ -850,13 +851,13 @@ export const DsComponentDescriptionListDetailColor = "#000d6e";
 export const DsComponentDescriptionListDetailWeight = "400";
 export const DsComponentDividerRadius = 9999;
 export const DsComponentDividerWidth = 2;
-export const DsComponentDividerColorBase = "#e0e0e0";
+export const DsComponentDividerColorBase = "#d0d0d0";
 export const DsComponentDividerColorPrimaryLight = "#656ea8";
 export const DsComponentDividerColorPrimary = "#000d6e";
 export const DsComponentDividerColorLightBlue = "#0014aa";
 export const DsComponentDividerColorPrimaryDark = "#000739";
-export const DsComponentDividerColorGreyLight = "#f0f0f0";
-export const DsComponentDividerColorGrey = "#e0e0e0";
+export const DsComponentDividerColorGreyLight = "#e0e0e0";
+export const DsComponentDividerColorGrey = "#d0d0d0";
 export const DsComponentDividerColorGreyDark = "#b6b6b6";
 export const DsComponentDividerColorWarning = "#ffbe19";
 export const DsComponentDividerColorSuccess = "#168741";
@@ -895,9 +896,9 @@ export const DsComponentIconSize3Xl = 176;
 export const DsComponentFormContainerRadius = 4;
 export const DsComponentFormContainerBorderWidth = 2;
 export const DsComponentFormContainerColorBaseBackground = "#ffffff";
-export const DsComponentFormContainerColorBaseBorder = "#e0e0e0";
+export const DsComponentFormContainerColorBaseBorder = "#d0d0d0";
 export const DsComponentFormContainerColorHoverBackground = "#fafafa";
-export const DsComponentFormContainerColorHoverBorder = "#e0e0e0";
+export const DsComponentFormContainerColorHoverBorder = "#d0d0d0";
 export const DsComponentFormContainerColorActiveBackground = "#fafafa";
 export const DsComponentFormContainerColorActiveBorder = "#000d6e";
 export const DsComponentFormContainerColorFocusBackground = "#fafafa";
@@ -963,9 +964,9 @@ export const DsComponentSelectRadius = 4;
 export const DsComponentSelectContainerRadius = 4;
 export const DsComponentSelectContainerBorderWidth = 2;
 export const DsComponentSelectContainerColorBaseBackground = "#ffffff";
-export const DsComponentSelectContainerColorBaseBorder = "#e0e0e0";
+export const DsComponentSelectContainerColorBaseBorder = "#d0d0d0";
 export const DsComponentSelectContainerColorHoverBackground = "#fafafa";
-export const DsComponentSelectContainerColorHoverBorder = "#e0e0e0";
+export const DsComponentSelectContainerColorHoverBorder = "#d0d0d0";
 export const DsComponentSelectContainerColorActiveBackground = "#fafafa";
 export const DsComponentSelectContainerColorActiveBorder = "#000d6e";
 export const DsComponentSelectContainerColorFocusBackground = "#fafafa";
@@ -1015,7 +1016,7 @@ export const DsComponentSelectDescriptionSizeTablet = 12;
 export const DsComponentSelectDescriptionSizeDesktop = 12;
 export const DsComponentSelectChipFamily =
   '"BaloiseCreateText", "Arial", "sans-serif"';
-export const DsComponentSelectChipColorBaseBackground = "#d0d0d0";
+export const DsComponentSelectChipColorBaseBackground = "#e0e0e0";
 export const DsComponentSelectChipColorBaseText = "#000d6e";
 export const DsComponentSelectColorDisabled = "#747474";
 export const DsComponentSelectColorSuccess = "#168741";
@@ -1024,7 +1025,7 @@ export const DsComponentSelectColorBackgroundBase = "#ffffff00";
 export const DsComponentSelectColorTextBase = "#000d6e";
 export const DsComponentSelectColorPrimaryBase = "#000d6e";
 export const DsComponentSelectColorPlaceholderBase = "#b3b6d4";
-export const DsComponentSelectColorBorderBase = "#f0f0f0";
+export const DsComponentSelectColorBorderBase = "#e0e0e0";
 export const DsComponentSelectColorHighlightBase = "#ffecbc";
 export const DsComponentSelectColorFocusBase = "#fafafa";
 export const DsComponentSelectColorFocusRingBase = "#6c2273";
@@ -1037,7 +1038,7 @@ export const DsComponentSelectOptionColorTextBase = "#000d6e";
 export const DsComponentSelectOptionColorTextSelected = "#000d6e";
 export const DsComponentSelectOptionColorTextHighlight = "#000d6e";
 export const DsComponentSelectOptionColorTextDisabled = "#747474";
-export const DsComponentSelectOptionColorBorderBase = "#f0f0f0";
+export const DsComponentSelectOptionColorBorderBase = "#e0e0e0";
 export const DsComponentSelectOptionColorIconSelected = "#000d6e";
 export const DsComponentSelectOptionColorBackgroundBase = "#ffffff00";
 export const DsComponentSelectOptionColorBackgroundSelected = "#b3b6d4";
@@ -1046,7 +1047,7 @@ export const DsComponentSelectOptionColorBackgroundHighlight = "#e5e7f0";
 export const DsComponentSelectOptionColorBackgroundDisabled = "#e0e0e0";
 export const DsComponentSelectOptionWeightSelected = "700";
 export const DsComponentSelectOptgroupWeight = "700";
-export const DsComponentSelectOptgroupColorBackgroundBase = "#e0e0e0";
+export const DsComponentSelectOptgroupColorBackgroundBase = "#f0f0f0";
 export const DsComponentSelectOptgroupColorTextBase = "#000d6e";
 export const DsComponentSelectIconColorBase = "#000d6e";
 export const DsComponentSelectIconColorHover = "#0014aa";
@@ -1055,8 +1056,8 @@ export const DsComponentSelectCheckboxColorBorderBase = "#000d6e";
 export const DsComponentSelectCheckboxColorBorderSelected = "#000d6e";
 export const DsComponentSelectCheckboxColorBackgroundSelected = "#000d6e";
 export const DsComponentNotificationRadius = 12;
-export const DsComponentNotificationColorBaseBackground = "#e0e0e0";
-export const DsComponentNotificationColorBaseBorder = "#e0e0e0";
+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>\')';
@@ -1159,7 +1160,7 @@ export const DsComponentListMarkerWarning = "#b24a00";
 export const DsComponentListMarkerDanger = "#ea1800";
 export const DsComponentListMarkerRadius = 9999;
 export const DsComponentListItemDisabled = "#747474";
-export const DsComponentListItemBorderColor = "#e0e0e0";
+export const DsComponentListItemBorderColor = "#d0d0d0";
 export const DsComponentModalWidth = 640;
 export const DsComponentModalColorBaseBackground = "#ffffff";
 export const DsComponentModalRadiusBase = 12;
@@ -1212,7 +1213,7 @@ export const DsComponentNavbarBaseSidebarItemColorHover = "#000d6e";
 export const DsComponentNavbarBaseSidebarItemColorActive = "#000d6e";
 export const DsComponentNavbarBaseSidebarItemBackgroundActive = "#e5e7f0";
 export const DsComponentNavbarBaseSidebarItemBackgroundHover = "#e5e7f0";
-export const DsComponentNavbarBaseSidebarItemDividerColor = "#e0e0e0";
+export const DsComponentNavbarBaseSidebarItemDividerColor = "#d0d0d0";
 export const DsComponentNavbarBaseSidebarItemDividerColorActive = "#000d6e";
 export const DsComponentNavbarBaseSidebarItemChevronColor = "#000d6e";
 export const DsComponentNavbarBaseSidebarItemChevronSize = 16;
@@ -1261,8 +1262,8 @@ export const DsComponentNavbarLightButtonColorBorderActive = "#e5f1fe";
 export const DsComponentNavbarLightFocusColorStart = "#ffffff";
 export const DsComponentNavbarLightFocusColorEnd = "#6c2273";
 export const DsComponentSnackbarRadius = 4;
-export const DsComponentSnackbarDefaultColorBgBase = "#e0e0e0";
-export const DsComponentSnackbarDefaultColorBorderBase = "#e0e0e0";
+export const DsComponentSnackbarDefaultColorBgBase = "#f0f0f0";
+export const DsComponentSnackbarDefaultColorBorderBase = "#f0f0f0";
 export const DsComponentSnackbarDefaultColorTextBase = "#000d6e";
 export const DsComponentSnackbarDefaultColorProgressBarBase = "#000d6e";
 export const DsComponentSnackbarDefaultColorProgressBgBase = "#b3b6d4";
@@ -1289,13 +1290,13 @@ export const DsComponentSnackbarDangerColorProgressBgBase = "#f05d4d";
 export const DsComponentSpinnerSize = 48;
 export const DsComponentSpinnerCircleBorderWidth = 4;
 export const DsComponentSpinnerCircleSize = 24;
-export const DsComponentSpinnerCircleColorBackground = "#d0d0d0";
+export const DsComponentSpinnerCircleColorBackground = "#e0e0e0";
 export const DsComponentSpinnerCircleColorProgress = "#000d6e";
 export const DsComponentSpinnerCircleColorInvertedBackground = "#ffffff";
 export const DsComponentSpinnerCircleColorInvertedProgress = "#000d6e";
 export const DsComponentToastRadius = 4;
-export const DsComponentToastDefaultColorBgBase = "#e0e0e0";
-export const DsComponentToastDefaultColorBorderBase = "#e0e0e0";
+export const DsComponentToastDefaultColorBgBase = "#f0f0f0";
+export const DsComponentToastDefaultColorBorderBase = "#f0f0f0";
 export const DsComponentToastDefaultColorTextBase = "#000d6e";
 export const DsComponentToastDefaultColorProgressBarBase = "#000d6e";
 export const DsComponentToastDefaultColorProgressBgBase = "#b3b6d4";
@@ -1344,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";
@@ -1378,12 +1379,12 @@ export const DsComponentTagYellowLightColorBgBase = "#ffecbc";
 export const DsComponentTagYellowDarkColorTextBase = "#ffffff";
 export const DsComponentTagYellowDarkColorBgBase = "#b24a00";
 export const DsComponentTagDefaultColorTextBase = "#000d6e";
-export const DsComponentTagDefaultColorBgBase = "#d0d0d0";
+export const DsComponentTagDefaultColorBgBase = "#e0e0e0";
 export const DsComponentSegmentRadius = 4;
-export const DsComponentSegmentBackground = "#e0e0e0";
+export const DsComponentSegmentBackground = "#f0f0f0";
 export const DsComponentSegmentGap = 4;
 export const DsComponentSegmentPadding = 4;
-export const DsComponentSegmentDividerColor = "#e0e0e0";
+export const DsComponentSegmentDividerColor = "#d0d0d0";
 export const DsComponentSegmentFocusColor = "#6c2273";
 export const DsComponentSegmentDescriptionFontSize = 14;
 export const DsComponentSegmentDescriptionFontWeight = "400";
@@ -1410,7 +1411,7 @@ export const DsComponentCheckboxBorderWidth = 2;
 export const DsComponentCheckboxFocusColor = "#6c2273";
 export const DsComponentCheckboxTileRadius = 4;
 export const DsComponentCheckboxTileBorderWidth = 2;
-export const DsComponentCheckboxTileColorBaseBorder = "#e0e0e0";
+export const DsComponentCheckboxTileColorBaseBorder = "#d0d0d0";
 export const DsComponentCheckboxTileColorHoverBackground = "#fafafa";
 export const DsComponentCheckboxTileColorHoverBorder = "#0014aa";
 export const DsComponentCheckboxTileColorActiveBackground = "#fafafa";
@@ -1437,7 +1438,7 @@ export const DsComponentRadioBorderWidth = 2;
 export const DsComponentRadioFocusColor = "#6c2273";
 export const DsComponentRadioTileRadius = 4;
 export const DsComponentRadioTileBorderWidth = 2;
-export const DsComponentRadioTileColorBaseBorder = "#e0e0e0";
+export const DsComponentRadioTileColorBaseBorder = "#d0d0d0";
 export const DsComponentRadioTileColorHoverBackground = "#fafafa";
 export const DsComponentRadioTileColorHoverBorder = "#0014aa";
 export const DsComponentRadioTileColorActiveBackground = "#fafafa";
@@ -1454,7 +1455,7 @@ export const DsComponentRadioCheckedColorHoverBackground = "#0014aa";
 export const DsComponentRadioCheckedColorHoverBorder = "#0014aa";
 export const DsComponentRadioCheckedColorActiveBackground = "#000739";
 export const DsComponentRadioCheckedColorActiveBorder = "#000739";
-export const DsComponentPaginationDotsBackground = "#e0e0e0";
+export const DsComponentPaginationDotsBackground = "#f0f0f0";
 export const DsComponentPaginationDotsRadius = 4;
 export const DsComponentPaginationDotsActiveColor = "#000d6e";
 export const DsComponentPaginationDotsInactiveColor = "#ffffff";
@@ -1462,7 +1463,7 @@ export const DsComponentPaginationDisabledTextColor = "#747474";
 export const DsComponentPaginationTextWeight = "700";
 export const DsComponentPaginationElevationSticky = 300;
 export const DsComponentProgressBarBackgroundLight = "#ffffff";
-export const DsComponentProgressBarBackgroundDark = "#e0e0e0";
+export const DsComponentProgressBarBackgroundDark = "#f0f0f0";
 export const DsComponentProgressBarBackgroundPurple = "#e1d9ff";
 export const DsComponentProgressBarBackgroundYellow = "#ffecbc";
 export const DsComponentProgressBarBackgroundRed = "#ffd7d7";
@@ -1485,7 +1486,7 @@ export const DsComponentAccordionSummaryColorHover = "#0014aa";
 export const DsComponentAccordionSummaryColorActive = "#000739";
 export const DsComponentAccordionRadiusBase = 4;
 export const DsComponentTabsGap = 2;
-export const DsComponentTabsBorderColor = "#e0e0e0";
+export const DsComponentTabsBorderColor = "#d0d0d0";
 export const DsComponentTabsIndicatorHeight = 2;
 export const DsComponentTabsPanelPadding = "1rem 0";
 export const DsComponentTabsVerticalGap = 24;
@@ -1511,16 +1512,16 @@ export const DsComponentTabsColorRed = "#ffaca6";
 export const DsComponentTabsColorRedHover = "#d9304c";
 export const DsComponentTabsColorYellow = "#fae052";
 export const DsComponentTabsColorYellowHover = "#fa9319";
-export const DsComponentStepsConnectorColor = "#e0e0e0";
+export const DsComponentStepsConnectorColor = "#d0d0d0";
 export const DsComponentStepsConnectorColorFilled = "#000d6e";
 export const DsComponentStepsConnectorHeight = 2;
 export const DsComponentStepsCircleSize = "2rem";
 export const DsComponentStepsCircleSizeSm = "1.5rem";
-export const DsComponentStepsCircleColorBg = "#d0d0d0";
+export const DsComponentStepsCircleColorBg = "#e0e0e0";
 export const DsComponentStepsCircleColorBgSelected = "#000d6e";
 export const DsComponentStepsCircleColorBgDone = "#000d6e";
 export const DsComponentStepsCircleColorBgInvalid = "#f05d4d";
-export const DsComponentStepsCircleColorBgDisabled = "#d0d0d0";
+export const DsComponentStepsCircleColorBgDisabled = "#e0e0e0";
 export const DsComponentStepsCircleColorText = "#000d6e";
 export const DsComponentStepsCircleColorTextSelected = "#ffffff";
 export const DsComponentStepsCircleColorTextDone = "#ffffff";
@@ -1540,10 +1541,11 @@ 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 = "#e0e0e0";
+export const DsComponentCarouselDotColor = "#d0d0d0";
 export const DsComponentCarouselDotColorActive = "#000d6e";
 export const DsComponentCarouselControlColor = "#000d6e";
 export const DsComponentCarouselScrollBtnBackgroundActive = "#000d6e";
@@ -1565,7 +1567,7 @@ export const DsComponentTableColor = "#000d6e";
 export const DsComponentTableBackgroundColor = "#ffffff";
 export const DsComponentTableBodyBackgroundColor = "#ffffff00";
 export const DsComponentTableCellPadding = "0.5em 0.75em";
-export const DsComponentTableCellBorderColor = "#d0d0d0";
+export const DsComponentTableCellBorderColor = "#e0e0e0";
 export const DsComponentTableCellBorderWidth = "0 0 2px";
 export const DsComponentTableCellHeadingColor = "#000d6e";
 export const DsComponentTableHeadCellColor = "#000d6e";
@@ -1578,11 +1580,11 @@ export const DsComponentTableHeadFontFamily =
 export const DsComponentTableFootCellColor = "#000d6e";
 export const DsComponentTableFootCellBorderWidth = "0 0 0";
 export const DsComponentTableFootBackgroundColor = "#ffffff00";
-export const DsComponentTableRowBackgroundColorHover = "#fafafa";
-export const DsComponentTableRowBackgroundColorActive = "#b3b6d4";
+export const DsComponentTableRowBackgroundColorHover = "#f0f0f0";
+export const DsComponentTableRowBackgroundColorActive = "#f0f0f0";
 export const DsComponentTableRowColorActive = "#000d6e";
-export const DsComponentTableStripedRowEvenBackgroundColorBase = "#e5e7f0";
-export const DsComponentTableStripedRowEvenBackgroundColorHover = "#fafafa";
+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)";
@@ -1603,7 +1605,7 @@ export const DsComponentFileUploadLabelFontWeight = "700";
 export const DsComponentFileUploadLabelTextSize = 16;
 export const DsComponentFileUploadLabelTextLineHeight = 1.5;
 export const DsComponentFileUploadLabelTextColor = "#000d6e";
-export const DsComponentFileUploadDropZoneBorderColorBase = "#e0e0e0";
+export const DsComponentFileUploadDropZoneBorderColorBase = "#d0d0d0";
 export const DsComponentFileUploadDropZoneBorderColorHover = "#000d6e";
 export const DsComponentFileUploadDropZoneBorderColorActive = "#000d6e";
 export const DsComponentFileUploadDropZoneBorderColorFocus = "#000d6e";
@@ -1617,7 +1619,7 @@ export const DsComponentFileUploadDropZoneBackgroundColorDisabled = "#e0e0e0";
 export const DsComponentFileUploadDropZoneTextColorHover = "#0014aa";
 export const DsComponentFileUploadDropZoneTextColorActive = "#000739";
 export const DsComponentFileUploadDropZoneTextColorDisabled = "#747474";
-export const DsComponentFileUploadFileListBackgroundColor = "#e0e0e0";
+export const DsComponentFileUploadFileListBackgroundColor = "#f0f0f0";
 export const DsComponentFileUploadFileNameTextColor = "#000d6e";
 export const DsComponentFileUploadFileSizeTextColor = "#656ea8";
 export const DsComponentFileUploadIconColorDisabled = "#747474";

package/dist/sass/base.tokens.scss

@@ -254,10 +254,11 @@ $ds-alias-background-color-danger: $ds-global-color-danger-3;
 $ds-alias-background-color-danger-dark: $ds-global-color-danger-4;
 $ds-alias-background-color-danger-darker: $ds-global-color-danger-5;
 $ds-alias-background-color-danger-darkest: $ds-global-color-danger-6;
-$ds-alias-background-color-grey-lighter: $ds-global-color-grey-1;
-$ds-alias-background-color-grey-light: $ds-global-color-grey-2;
-$ds-alias-background-color-grey: $ds-global-color-grey-3;
-$ds-alias-background-color-grey-dark: $ds-global-color-grey-4;
+$ds-alias-background-color-grey-lighter: $ds-global-color-grey-0;
+$ds-alias-background-color-grey-light: $ds-global-color-grey-1;
+$ds-alias-background-color-grey: $ds-global-color-grey-2;
+$ds-alias-background-color-grey-dark: $ds-global-color-grey-3;
+$ds-alias-background-color-grey-darker: $ds-global-color-grey-4;
 $ds-alias-background-color-primary-lighter: $ds-global-color-primary-1;
 $ds-alias-background-color-primary-light: $ds-global-color-primary-3;
 $ds-alias-background-color-primary: $ds-global-color-primary-5;
@@ -281,8 +282,8 @@ $ds-alias-border-color-base: $ds-global-color-grey-3;
 $ds-alias-border-color-inverted: $ds-global-color-white;
 $ds-alias-border-color-disabled: $ds-global-color-grey-3;
 $ds-alias-border-color-disabled-inverted: $ds-global-color-primary-3;
-$ds-alias-border-color-grey-light: $ds-global-color-grey-1;
-$ds-alias-border-color-grey: $ds-global-color-grey-2;
+$ds-alias-border-color-grey-light: $ds-global-color-grey-2;
+$ds-alias-border-color-grey: $ds-global-color-grey-3;
 $ds-alias-border-color-grey-dark: $ds-global-color-grey-4;
 $ds-alias-border-color-primary-light: $ds-global-color-primary-3;
 $ds-alias-border-color-primary: $ds-global-color-primary-5;
@@ -639,8 +640,8 @@ $ds-badge-color-green-text: $ds-alias-text-color-primary;
 $ds-badge-color-green-background: $ds-alias-background-color-green-light;
 $ds-badge-color-yellow-text: $ds-alias-text-color-primary;
 $ds-badge-color-yellow-background: $ds-alias-background-color-yellow-lighter;
-$ds-badge-color-grey-text: $ds-alias-text-color-grey-dark;
-$ds-badge-color-grey-background: $ds-alias-background-color-grey;
+$ds-badge-color-grey-text: $ds-alias-text-color-grey;
+$ds-badge-color-grey-background: $ds-alias-background-color-grey-light;
 $ds-button-family: $ds-alias-text-family-heading;
 $ds-button-weight: $ds-alias-text-weight-bold;
 $ds-button-line-height: $ds-alias-text-line-height-heading;
@@ -1476,6 +1477,7 @@ $ds-steps-color-purple: $ds-alias-background-color-purple;
 $ds-steps-color-green: $ds-alias-background-color-green;
 $ds-steps-color-red: $ds-alias-background-color-red;
 $ds-steps-color-yellow: $ds-alias-background-color-yellow;
+$ds-carousel-gap: $ds-alias-space-base-mobile;
 $ds-carousel-scroll-fade-bg: $ds-alias-background-color-white;
 $ds-carousel-dot-color: $ds-alias-border-color-grey;
 $ds-carousel-dot-color-active: $ds-alias-border-color-primary;
@@ -1497,7 +1499,7 @@ $ds-tooltip-font-size: $ds-alias-text-size-sm-desktop;
 $ds-table-color: $ds-alias-text-color-primary;
 $ds-table-background-color: $ds-alias-background-color-white;
 $ds-table-body-background-color: $ds-alias-background-color-transparent;
-$ds-table-cell-border-color: $ds-alias-border-color-base;
+$ds-table-cell-border-color: $ds-alias-border-color-grey-light;
 $ds-table-cell-heading-color: $ds-alias-text-color-primary;
 $ds-table-head-cell-color: $ds-alias-text-color-primary;
 $ds-table-head-cell-border-color: $ds-alias-border-color-primary;
@@ -1506,11 +1508,11 @@ $ds-table-head-font-size: $ds-alias-text-size-base-mobile;
 $ds-table-head-font-family: $ds-alias-text-family-heading;
 $ds-table-foot-cell-color: $ds-alias-text-color-primary;
 $ds-table-foot-background-color: $ds-alias-background-color-transparent;
-$ds-table-row-background-color-hover: $ds-alias-background-color-hover;
-$ds-table-row-background-color-active: $ds-alias-background-color-selected;
+$ds-table-row-background-color-hover: $ds-alias-background-color-grey-light;
+$ds-table-row-background-color-active: $ds-alias-background-color-grey-light;
 $ds-table-row-color-active: $ds-alias-text-color-primary;
-$ds-table-striped-row-even-background-color-base: $ds-alias-background-color-highlight;
-$ds-table-striped-row-even-background-color-hover: $ds-alias-background-color-hover;
+$ds-table-striped-row-even-background-color-base: $ds-alias-background-color-grey-lighter;
+$ds-table-striped-row-even-background-color-hover: $ds-alias-background-color-grey-light;
 $ds-popup-background: $ds-alias-background-color-white;
 $ds-popup-radius: $ds-alias-radius-base;
 $ds-popup-shadow: $ds-alias-shadow-box-base;