@nova-design-system/nova-base 3.0.0-beta.47 → 3.1.0

package/dist/js/ocean_light.js

@@ -38,18 +38,30 @@ export const ColorInteractionContainerNeutralIconHover = "#34464d";
 export const ColorInteractionContainerNeutralText = "#617177";
 export const ColorInteractionContainerNeutralTextActive = "#185963";
 export const ColorInteractionContainerNeutralTextHover = "#34464d";
-export const ColorInteractionLinkHighText = "#1f717d";
-export const ColorInteractionLinkHighTextHover = "#185963";
 export const ColorInteractionLinkHighIcon = "#1f717d";
 export const ColorInteractionLinkHighIconHover = "#185963";
-export const ColorInteractionLinkLowText = "#171f22";
-export const ColorInteractionLinkLowTextHover = "#1f717d";
+export const ColorInteractionLinkHighIconInactive = "#617177";
+export const ColorInteractionLinkHighIconVisited = "#124148";
+export const ColorInteractionLinkHighText = "#1f717d";
+export const ColorInteractionLinkHighTextHover = "#185963";
+export const ColorInteractionLinkHighTextInactive = "#617177";
+export const ColorInteractionLinkHighTextVisited = "#124148";
 export const ColorInteractionLinkLowIcon = "#171f22";
 export const ColorInteractionLinkLowIconHover = "#1f717d";
-export const ColorInteractionLinkInvertedText = "#889499";
-export const ColorInteractionLinkInvertedTextHover = "#1f717d";
+export const ColorInteractionLinkLowIconInactive = "#617177";
+export const ColorInteractionLinkLowIconVisited = "#4b9eaa";
+export const ColorInteractionLinkLowText = "#171f22";
+export const ColorInteractionLinkLowTextHover = "#1f717d";
+export const ColorInteractionLinkLowTextInactive = "#617177";
+export const ColorInteractionLinkLowTextVisited = "#4b9eaa";
 export const ColorInteractionLinkInvertedIcon = "#889499";
-export const ColorInteractionLinkInvertedIconHover = "#1f717d";
+export const ColorInteractionLinkInvertedIconHover = "#258998";
+export const ColorInteractionLinkInvertedIconInactive = "#617177";
+export const ColorInteractionLinkInvertedIconVisited = "#185963";
+export const ColorInteractionLinkInvertedText = "#889499";
+export const ColorInteractionLinkInvertedTextHover = "#258998";
+export const ColorInteractionLinkInvertedTextInactive = "#617177";
+export const ColorInteractionLinkInvertedTextVisited = "#185963";
 export const ColorBlack = "#000000";
 export const ColorWhite = "#ffffff";
 export const ColorTransparent = "#ffffff";
@@ -103,55 +115,55 @@ export const ColorChart7 = "#ffc100";
 export const ColorChart8 = "#e75420";
 export const ColorChart9 = "#447583";
 export const ColorChart10 = "#990035";
-export const ColorFeedbackInformationHighBackground = "#3883ff";
-export const ColorFeedbackInformationHighBorder = "#3883ff";
-export const ColorFeedbackInformationHighIcon = "#ffffff";
-export const ColorFeedbackInformationHighText = "#ffffff";
+export const ColorFeedbackInformationHighBackground = "#659fff";
+export const ColorFeedbackInformationHighBorder = "#659fff";
+export const ColorFeedbackInformationHighIcon = "#09285c";
+export const ColorFeedbackInformationHighText = "#09285c";
 export const ColorFeedbackInformationLowBackground = "#f0f6ff";
 export const ColorFeedbackInformationLowBorder = "#2660c2";
 export const ColorFeedbackInformationLowIcon = "#2660c2";
 export const ColorFeedbackInformationLowText = "#2660c2";
-export const ColorFeedbackErrorHighBackground = "#da2424";
-export const ColorFeedbackErrorHighBorder = "#da2424";
-export const ColorFeedbackErrorHighIcon = "#ffffff";
-export const ColorFeedbackErrorHighText = "#ffffff";
+export const ColorFeedbackErrorHighBackground = "#ff6161";
+export const ColorFeedbackErrorHighBorder = "#ff6161";
+export const ColorFeedbackErrorHighIcon = "#380101";
+export const ColorFeedbackErrorHighText = "#380101";
 export const ColorFeedbackErrorLowBackground = "#ffeded";
-export const ColorFeedbackErrorLowBorder = "#da2424";
-export const ColorFeedbackErrorLowIcon = "#da2424";
-export const ColorFeedbackErrorLowText = "#da2424";
-export const ColorFeedbackNeutralHighBackground = "#617177";
-export const ColorFeedbackNeutralHighBorder = "#617177";
-export const ColorFeedbackNeutralHighIcon = "#ffffff";
-export const ColorFeedbackNeutralHighText = "#ffffff";
-export const ColorFeedbackNeutralLowBackground = "#eaeef0";
-export const ColorFeedbackNeutralLowBorder = "#617177";
-export const ColorFeedbackNeutralLowIcon = "#617177";
-export const ColorFeedbackNeutralLowText = "#617177";
-export const ColorFeedbackWarningHighBackground = "#fac50d";
-export const ColorFeedbackWarningHighBorder = "#fac50d";
-export const ColorFeedbackWarningHighIcon = "#ffffff";
-export const ColorFeedbackWarningHighText = "#ffffff";
+export const ColorFeedbackErrorLowBorder = "#bb1919";
+export const ColorFeedbackErrorLowIcon = "#bb1919";
+export const ColorFeedbackErrorLowText = "#bb1919";
+export const ColorFeedbackNeutralHighBackground = "#9fadb2";
+export const ColorFeedbackNeutralHighBorder = "#9fadb2";
+export const ColorFeedbackNeutralHighIcon = "#171f22";
+export const ColorFeedbackNeutralHighText = "#171f22";
+export const ColorFeedbackNeutralLowBackground = "#f5f6f7";
+export const ColorFeedbackNeutralLowBorder = "#3f555e";
+export const ColorFeedbackNeutralLowIcon = "#3f555e";
+export const ColorFeedbackNeutralLowText = "#3f555e";
+export const ColorFeedbackWarningHighBackground = "#e0a917";
+export const ColorFeedbackWarningHighBorder = "#e0a917";
+export const ColorFeedbackWarningHighIcon = "#302300";
+export const ColorFeedbackWarningHighText = "#302300";
 export const ColorFeedbackWarningLowBackground = "#fff7df";
-export const ColorFeedbackWarningLowBorder = "#e0a917";
-export const ColorFeedbackWarningLowIcon = "#e0a917";
-export const ColorFeedbackWarningLowText = "#e0a917";
+export const ColorFeedbackWarningLowBorder = "#805c00";
+export const ColorFeedbackWarningLowIcon = "#805c00";
+export const ColorFeedbackWarningLowText = "#805c00";
 export const ColorFeedbackSuccessHighBackground = "#45d24d";
 export const ColorFeedbackSuccessHighBorder = "#45d24d";
-export const ColorFeedbackSuccessHighIcon = "#ffffff";
-export const ColorFeedbackSuccessHighText = "#ffffff";
+export const ColorFeedbackSuccessHighIcon = "#003603";
+export const ColorFeedbackSuccessHighText = "#003603";
 export const ColorFeedbackSuccessLowBackground = "#eafeeb";
-export const ColorFeedbackSuccessLowBorder = "#34ae3b";
-export const ColorFeedbackSuccessLowIcon = "#34ae3b";
-export const ColorFeedbackSuccessLowText = "#34ae3b";
+export const ColorFeedbackSuccessLowBorder = "#008207";
+export const ColorFeedbackSuccessLowIcon = "#008207";
+export const ColorFeedbackSuccessLowText = "#008207";
 export const ColorFocusBrand = "#1f717d";
 export const ColorFocusBackground = "#ffffff";
 export const ColorFocusBackgroundInverted = "#0b0f11";
-export const ColorFocusDestructive = "#da2424";
-export const ColorFocusSuccess = "#34ae3b";
+export const ColorFocusDestructive = "#ff6161";
+export const ColorFocusSuccess = "#008207";
 export const ColorRainbow1Background = "#fdefe2";
-export const ColorRainbow1Border = "#c66a15";
-export const ColorRainbow1Icon = "#c66a15";
-export const ColorRainbow1Text = "#c66a15";
+export const ColorRainbow1Border = "#9c5311";
+export const ColorRainbow1Icon = "#9c5311";
+export const ColorRainbow1Text = "#9c5311";
 export const ColorRainbow2Background = "#fceae3";
 export const ColorRainbow2Border = "#963715";
 export const ColorRainbow2Icon = "#963715";
@@ -164,11 +176,11 @@ export const ColorRainbow4Background = "#f9e3e3";
 export const ColorRainbow4Border = "#cc1d1d";
 export const ColorRainbow4Icon = "#cc1d1d";
 export const ColorRainbow4Text = "#cc1d1d";
-export const ColorRainbow5Background = "#d2e5e3";
+export const ColorRainbow5Background = "#ecf4f3";
 export const ColorRainbow5Border = "#32504c";
 export const ColorRainbow5Icon = "#32504c";
 export const ColorRainbow5Text = "#32504c";
-export const ColorRainbow6Background = "#f2dfe6";
+export const ColorRainbow6Background = "#f7e9ee";
 export const ColorRainbow6Border = "#ab2d58";
 export const ColorRainbow6Icon = "#ab2d58";
 export const ColorRainbow6Text = "#ab2d58";
@@ -282,46 +294,46 @@ export const ComponentsButtonGrAsComplementaryIcon = "#000000";
 export const ComponentsButtonGrAsComplementaryIconHover = "#000000";
 export const ComponentsFormOpacityDefault = "100%";
 export const ComponentsFormOpacityDisabled = "50%";
-export const ComponentsFormTextRequired = "#da2424";
+export const ComponentsFormTextRequired = "#bb1919";
 export const ComponentsFormTextInfoIcon = "#617177";
 export const ComponentsFormTextLabelDefault = "#171f22";
 export const ComponentsFormTextLabelDisabled = "#34464d";
 export const ComponentsFormTextDescriptionDefault = "#617177";
-export const ComponentsFormTextDescriptionError = "#da2424";
+export const ComponentsFormTextDescriptionError = "#bb1919";
 export const ComponentsFormFieldBackgroundDefault = "#ffffff";
 export const ComponentsFormFieldBackgroundFocus = "#ffffff";
 export const ComponentsFormFieldBackgroundHover = "#fafbfb";
 export const ComponentsFormFieldBackgroundDisabled = "#f5f6f7";
 export const ComponentsFormFieldBackgroundChecked = "#1f717d";
-export const ComponentsFormFieldBackgroundError = "#da2424";
+export const ComponentsFormFieldBackgroundError = "#ff6161";
 export const ComponentsFormFieldBackgroundReadonly = "#fafbfb";
 export const ComponentsFormFieldBorderDefault = "#bac1c4";
 export const ComponentsFormFieldBorderDisabled = "#bac1c4";
 export const ComponentsFormFieldBorderHover = "#889499";
 export const ComponentsFormFieldBorderFocus = "#1f717d";
-export const ComponentsFormFieldBorderError = "#da2424";
-export const ComponentsFormFieldBorderSuccess = "#34ae3b";
+export const ComponentsFormFieldBorderError = "#bb1919";
+export const ComponentsFormFieldBorderSuccess = "#008207";
 export const ComponentsFormFieldBorderReadonly = "#e1e4e6";
 export const ComponentsFormFieldContentPlaceholder = "#617177";
 export const ComponentsFormFieldContentText = "#171f22";
 export const ComponentsFormFieldIconDefault = "#617177";
 export const ComponentsFormFieldIconDisabled = "#bac1c4";
-export const ComponentsFormFieldIconError = "#da2424";
-export const ComponentsFormFieldIconSuccess = "#34ae3b";
+export const ComponentsFormFieldIconError = "#bb1919";
+export const ComponentsFormFieldIconSuccess = "#008207";
 export const ComponentsFormShapeBackgroundDefault = "#eaeef0";
 export const ComponentsFormShapeBackgroundHover = "#e1e4e6";
 export const ComponentsFormShapeBackgroundDisabled = "#eaeef0";
 export const ComponentsFormShapeBackgroundSelected = "#1f717d";
-export const ComponentsFormShapeBackgroundError = "#da2424";
+export const ComponentsFormShapeBackgroundError = "#ff6161";
 export const ComponentsFormShapeBorderDefault = "#bac1c4";
 export const ComponentsFormShapeBorderHover = "#889499";
 export const ComponentsFormShapeBorderFocus = "#1f717d";
-export const ComponentsFormShapeBorderError = "#da2424";
-export const ComponentsFormShapeBorderSuccess = "#34ae3b";
+export const ComponentsFormShapeBorderError = "#bb1919";
+export const ComponentsFormShapeBorderSuccess = "#008207";
 export const ComponentsFormShapeForegroundDefault = "#ffffff";
 export const ComponentsFormShapeForegroundSwitchDot = "#bac1c4";
 export const ComponentsFormShapeForegroundDisabled = "#bac1c4";
-export const ComponentsFormShapeForegroundDisabledError = "#da2424";
+export const ComponentsFormShapeForegroundDisabledError = "#ff6161";
 export const ComponentsListNativeBackground = "#565558";
 export const ComponentsListNativeItemTitleContent = "#ffffff";
 export const ComponentsListNativeSeparator = "#838086";
@@ -393,17 +405,17 @@ export const ComponentsAlertInformationBorder = "#2660c2";
 export const ComponentsAlertContentDescription = "#34464d";
 export const ComponentsAlertContentTitle = "#171f22";
 export const ComponentsAlertWarningBackground = "#fff7df";
-export const ComponentsAlertWarningBorder = "#e0a917";
-export const ComponentsAlertWarningIcon = "#e0a917";
+export const ComponentsAlertWarningBorder = "#805c00";
+export const ComponentsAlertWarningIcon = "#805c00";
 export const ComponentsAlertErrorBackground = "#ffeded";
-export const ComponentsAlertErrorBorder = "#da2424";
-export const ComponentsAlertErrorIcon = "#da2424";
+export const ComponentsAlertErrorBorder = "#bb1919";
+export const ComponentsAlertErrorIcon = "#bb1919";
 export const ComponentsAlertSuccessBackground = "#eafeeb";
-export const ComponentsAlertSuccessBorder = "#34ae3b";
-export const ComponentsAlertSuccessIcon = "#34ae3b";
-export const ComponentsAlertNeutralBackground = "#eaeef0";
-export const ComponentsAlertNeutralBorder = "#617177";
-export const ComponentsAlertNeutralIcon = "#617177";
+export const ComponentsAlertSuccessBorder = "#008207";
+export const ComponentsAlertSuccessIcon = "#008207";
+export const ComponentsAlertNeutralBackground = "#f5f6f7";
+export const ComponentsAlertNeutralBorder = "#3f555e";
+export const ComponentsAlertNeutralIcon = "#3f555e";
 export const ComponentsDatagridHeaderBorder = "#bac1c4";
 export const ComponentsDatagridHeaderText = "#617177";
 export const ComponentsDatagridHeaderBackground = "#ffffff";
@@ -417,13 +429,13 @@ export const ComponentsAvatarBackground1 = "#fdefe2";
 export const ComponentsAvatarBackground2 = "#fceae3";
 export const ComponentsAvatarBackground3 = "#ffecb3";
 export const ComponentsAvatarBackground4 = "#f9e3e3";
-export const ComponentsAvatarBackground5 = "#d2e5e3";
-export const ComponentsAvatarBackground6 = "#f2dfe6";
+export const ComponentsAvatarBackground5 = "#ecf4f3";
+export const ComponentsAvatarBackground6 = "#f7e9ee";
 export const ComponentsAvatarBackground7 = "#e2f0e2";
 export const ComponentsAvatarBackground8 = "#e4f0f2";
 export const ComponentsAvatarBackground9 = "#f1f4e5";
 export const ComponentsAvatarBackground10 = "#eaeef0";
-export const ComponentsAvatarBorder1 = "#c66a15";
+export const ComponentsAvatarBorder1 = "#9c5311";
 export const ComponentsAvatarBorder2 = "#963715";
 export const ComponentsAvatarBorder3 = "#795c00";
 export const ComponentsAvatarBorder4 = "#cc1d1d";
@@ -433,7 +445,7 @@ export const ComponentsAvatarBorder7 = "#106f15";
 export const ComponentsAvatarBorder8 = "#1f717d";
 export const ComponentsAvatarBorder9 = "#5c6e1f";
 export const ComponentsAvatarBorder10 = "#394d55";
-export const ComponentsAvatarContent1 = "#c66a15";
+export const ComponentsAvatarContent1 = "#9c5311";
 export const ComponentsAvatarContent2 = "#963715";
 export const ComponentsAvatarContent3 = "#795c00";
 export const ComponentsAvatarContent4 = "#cc1d1d";
@@ -455,10 +467,6 @@ export const ComponentsFieldTimeTextActive = "#185963";
 export const ComponentsFieldTimeBorderActive = "#185963";
 export const ComponentsCalendarBorder = "#e1e4e6";
 export const ComponentsCalendarHeaderText = "#171f22";
-export const ComponentsCalendarWeeksBackground = "#f5f6f7";
-export const ComponentsCalendarWeeksBackgroundHover = "#eaeef0";
-export const ComponentsCalendarWeeksText = "#171f22";
-export const ComponentsCalendarWeeksTextHover = "#171f22";
 export const ComponentsCalendarCellBackground = "#ffffff";
 export const ComponentsCalendarCellBackgroundSelected = "#185963";
 export const ComponentsCalendarCellBackgroundInRange = "#e4f0f2";
@@ -472,7 +480,11 @@ export const ComponentsCalendarCellTextSelected = "#ffffff";
 export const ComponentsCalendarCellTextInRange = "#185963";
 export const ComponentsCalendarCellTextHover = "#34464d";
 export const ComponentsCalendarCellTextOutsideMonth = "#9fadb2";
-export const ComponentsCalendarCellTextToday = "#185963";
+export const ComponentsCalendarCellTextToday = "#171f22";
+export const ComponentsCalendarWeeksBackground = "#f5f6f7";
+export const ComponentsCalendarWeeksBackgroundHover = "#eaeef0";
+export const ComponentsCalendarWeeksText = "#171f22";
+export const ComponentsCalendarWeeksTextHover = "#171f22";
 export const ComponentsCalendarBackground = "#ffffff";
 export const ComponentsMenuContextualBackground = "#ffffff";
 export const ComponentsMenuContextualBorder = "#e1e4e6";
@@ -488,17 +500,17 @@ export const ComponentsNotificationInformationBorder = "#2660c2";
 export const ComponentsNotificationContentDescription = "#34464d";
 export const ComponentsNotificationContentTitle = "#171f22";
 export const ComponentsNotificationWarningBackground = "#ffffff";
-export const ComponentsNotificationWarningBorder = "#e0a917";
-export const ComponentsNotificationWarningIcon = "#e0a917";
+export const ComponentsNotificationWarningBorder = "#805c00";
+export const ComponentsNotificationWarningIcon = "#805c00";
 export const ComponentsNotificationErrorBackground = "#ffffff";
-export const ComponentsNotificationErrorBorder = "#da2424";
-export const ComponentsNotificationErrorIcon = "#da2424";
+export const ComponentsNotificationErrorBorder = "#bb1919";
+export const ComponentsNotificationErrorIcon = "#bb1919";
 export const ComponentsNotificationSuccessBackground = "#ffffff";
-export const ComponentsNotificationSuccessBorder = "#34ae3b";
-export const ComponentsNotificationSuccessIcon = "#34ae3b";
+export const ComponentsNotificationSuccessBorder = "#008207";
+export const ComponentsNotificationSuccessIcon = "#008207";
 export const ComponentsNotificationNeutralBackground = "#ffffff";
-export const ComponentsNotificationNeutralBorder = "#617177";
-export const ComponentsNotificationNeutralIcon = "#617177";
+export const ComponentsNotificationNeutralBorder = "#3f555e";
+export const ComponentsNotificationNeutralIcon = "#3f555e";
 export const ComponentsPopoverBackground = "#ffffff";
 export const ComponentsPopoverBorder = "#e1e4e6";
 export const ComponentsPopoverText = "#34464d";

package/dist/js/primitives.js

@@ -13,8 +13,8 @@ export const ColorAmber500 = "#f0801a";
 export const ColorAmber600 = "#c66a15";
 export const ColorAmber700 = "#9c5311";
 export const ColorAmber800 = "#723d0c";
-export const ColorAmber900 = "#482608";
-export const ColorCrimson50 = "#f2dfe6";
+export const ColorAmber900 = "#432306";
+export const ColorCrimson50 = "#f7e9ee";
 export const ColorCrimson100 = "#e0b3c2";
 export const ColorCrimson200 = "#cf869f";
 export const ColorCrimson300 = "#bd597c";
@@ -169,7 +169,7 @@ export const ColorTurquoise500 = "#6aa9a0";
 export const ColorTurquoise600 = "#578b84";
 export const ColorTurquoise700 = "#456e68";
 export const ColorTurquoise800 = "#32504c";
-export const ColorTurquoise900 = "#203330";
+export const ColorTurquoise900 = "#1c2b28";
 export const ColorYellow50 = "#fff7df";
 export const ColorYellow100 = "#ffecb3";
 export const ColorYellow200 = "#ffe286";

package/dist/js/spacings.d.ts

@@ -245,7 +245,9 @@ export const AvatarXlFontSize : string;
 export const AvatarXlIconSize : string;
 export const AvatarXlSize : string;
 export const BadgeGapX : string;
+export const BadgeGapIconOnlyX : string;
 export const BadgePaddingX : string;
+export const BadgePaddingIconOnlyX : string;
 export const BadgePaddingY : string;
 export const BadgeRadius : string;
 export const BreadcrumbPaddingY : string;

package/dist/js/spacings.js

@@ -245,7 +245,9 @@ export const AvatarXlFontSize = "32px";
 export const AvatarXlIconSize = "44px";
 export const AvatarXlSize = "64px";
 export const BadgeGapX = "4px";
+export const BadgeGapIconOnlyX = "0px";
 export const BadgePaddingX = "8px";
+export const BadgePaddingIconOnlyX = "4px";
 export const BadgePaddingY = "4px";
 export const BadgeRadius = "9999px";
 export const BreadcrumbPaddingY = "4px";

package/dist/js/spark_dark.d.ts

@@ -38,18 +38,30 @@ export const ColorInteractionContainerNeutralIconHover : string;
 export const ColorInteractionContainerNeutralText : string;
 export const ColorInteractionContainerNeutralTextActive : string;
 export const ColorInteractionContainerNeutralTextHover : string;
-export const ColorInteractionLinkHighText : string;
-export const ColorInteractionLinkHighTextHover : string;
 export const ColorInteractionLinkHighIcon : string;
 export const ColorInteractionLinkHighIconHover : string;
-export const ColorInteractionLinkLowText : string;
-export const ColorInteractionLinkLowTextHover : string;
+export const ColorInteractionLinkHighIconInactive : string;
+export const ColorInteractionLinkHighIconVisited : string;
+export const ColorInteractionLinkHighText : string;
+export const ColorInteractionLinkHighTextHover : string;
+export const ColorInteractionLinkHighTextInactive : string;
+export const ColorInteractionLinkHighTextVisited : string;
 export const ColorInteractionLinkLowIcon : string;
 export const ColorInteractionLinkLowIconHover : string;
-export const ColorInteractionLinkInvertedText : string;
-export const ColorInteractionLinkInvertedTextHover : string;
+export const ColorInteractionLinkLowIconInactive : string;
+export const ColorInteractionLinkLowIconVisited : string;
+export const ColorInteractionLinkLowText : string;
+export const ColorInteractionLinkLowTextHover : string;
+export const ColorInteractionLinkLowTextInactive : string;
+export const ColorInteractionLinkLowTextVisited : string;
 export const ColorInteractionLinkInvertedIcon : string;
 export const ColorInteractionLinkInvertedIconHover : string;
+export const ColorInteractionLinkInvertedIconInactive : string;
+export const ColorInteractionLinkInvertedIconVisited : string;
+export const ColorInteractionLinkInvertedText : string;
+export const ColorInteractionLinkInvertedTextHover : string;
+export const ColorInteractionLinkInvertedTextInactive : string;
+export const ColorInteractionLinkInvertedTextVisited : string;
 export const ColorBlack : string;
 export const ColorWhite : string;
 export const ColorTransparent : string;
@@ -455,10 +467,6 @@ export const ComponentsFieldTimeTextActive : string;
 export const ComponentsFieldTimeBorderActive : string;
 export const ComponentsCalendarBorder : string;
 export const ComponentsCalendarHeaderText : string;
-export const ComponentsCalendarWeeksBackground : string;
-export const ComponentsCalendarWeeksBackgroundHover : string;
-export const ComponentsCalendarWeeksText : string;
-export const ComponentsCalendarWeeksTextHover : string;
 export const ComponentsCalendarCellBackground : string;
 export const ComponentsCalendarCellBackgroundSelected : string;
 export const ComponentsCalendarCellBackgroundInRange : string;
@@ -473,6 +481,10 @@ export const ComponentsCalendarCellTextInRange : string;
 export const ComponentsCalendarCellTextHover : string;
 export const ComponentsCalendarCellTextOutsideMonth : string;
 export const ComponentsCalendarCellTextToday : string;
+export const ComponentsCalendarWeeksBackground : string;
+export const ComponentsCalendarWeeksBackgroundHover : string;
+export const ComponentsCalendarWeeksText : string;
+export const ComponentsCalendarWeeksTextHover : string;
 export const ComponentsCalendarBackground : string;
 export const ComponentsMenuContextualBackground : string;
 export const ComponentsMenuContextualBorder : string;