@nova-design-system/nova-base 3.12.0 → 3.13.0

package/dist/js/ocean_dark.js

@@ -95,16 +95,16 @@ export const ColorContentInvertedMediumText = "#27353b";
 export const ColorContentInvertedMediumIcon = "#27353b";
 export const ColorContentInvertedLowText = "#3f555e";
 export const ColorContentInvertedLowIcon = "#3f555e";
-export const ColorAccent50 = "#fceae3";
-export const ColorAccent100 = "#f8ccbc";
-export const ColorAccent200 = "#f4ae95";
-export const ColorAccent300 = "#ef906e";
-export const ColorAccent400 = "#eb7247";
-export const ColorAccent500 = "#e75420";
-export const ColorAccent600 = "#bf451a";
-export const ColorAccent700 = "#963715";
-export const ColorAccent800 = "#6e280f";
-export const ColorAccent900 = "#45190a";
+export const ColorAccent50 = "#45190a";
+export const ColorAccent100 = "#6e280f";
+export const ColorAccent200 = "#963715";
+export const ColorAccent300 = "#bf451a";
+export const ColorAccent400 = "#e75420";
+export const ColorAccent500 = "#eb7247";
+export const ColorAccent600 = "#ef906e";
+export const ColorAccent700 = "#f4ae95";
+export const ColorAccent800 = "#f8ccbc";
+export const ColorAccent900 = "#fceae3";
 export const ColorChart1 = "#f0801a";
 export const ColorChart2 = "#394d55";
 export const ColorChart3 = "#258998";
@@ -123,6 +123,11 @@ export const ColorFeedbackInformationLowBackground = "#001c37";
 export const ColorFeedbackInformationLowBorder = "#659fff";
 export const ColorFeedbackInformationLowIcon = "#659fff";
 export const ColorFeedbackInformationLowText = "#659fff";
+export const ColorFeedbackInformationHighContrastBackground = "#659fff";
+export const ColorFeedbackInformationHighContrastBorder = "#659fff";
+export const ColorFeedbackInformationHighContrastIcon = "#000000";
+export const ColorFeedbackInformationHighContrastText = "#001c37";
+export const ColorFeedbackInformationHighContrastTitle = "#000000";
 export const ColorFeedbackErrorHighBackground = "#ff6161";
 export const ColorFeedbackErrorHighBorder = "#ff6161";
 export const ColorFeedbackErrorHighIcon = "#380101";
@@ -131,6 +136,11 @@ export const ColorFeedbackErrorLowBackground = "#380101";
 export const ColorFeedbackErrorLowBorder = "#ff6161";
 export const ColorFeedbackErrorLowIcon = "#ff6161";
 export const ColorFeedbackErrorLowText = "#ff6161";
+export const ColorFeedbackErrorHighContrastBackground = "#ff6161";
+export const ColorFeedbackErrorHighContrastBorder = "#ff6161";
+export const ColorFeedbackErrorHighContrastIcon = "#000000";
+export const ColorFeedbackErrorHighContrastText = "#380101";
+export const ColorFeedbackErrorHighContrastTitle = "#000000";
 export const ColorFeedbackNeutralHighBackground = "#9fadb2";
 export const ColorFeedbackNeutralHighBorder = "#9fadb2";
 export const ColorFeedbackNeutralHighIcon = "#171f22";
@@ -139,6 +149,11 @@ export const ColorFeedbackNeutralLowBackground = "#171f22";
 export const ColorFeedbackNeutralLowBorder = "#9fadb2";
 export const ColorFeedbackNeutralLowIcon = "#9fadb2";
 export const ColorFeedbackNeutralLowText = "#9fadb2";
+export const ColorFeedbackNeutralHighContrastBackground = "#9fadb2";
+export const ColorFeedbackNeutralHighContrastBorder = "#9fadb2";
+export const ColorFeedbackNeutralHighContrastIcon = "#000000";
+export const ColorFeedbackNeutralHighContrastText = "#0b0f11";
+export const ColorFeedbackNeutralHighContrastTitle = "#000000";
 export const ColorFeedbackWarningHighBackground = "#e0a917";
 export const ColorFeedbackWarningHighBorder = "#e0a917";
 export const ColorFeedbackWarningHighIcon = "#302300";
@@ -147,6 +162,11 @@ export const ColorFeedbackWarningLowBackground = "#302300";
 export const ColorFeedbackWarningLowBorder = "#e0a917";
 export const ColorFeedbackWarningLowIcon = "#e0a917";
 export const ColorFeedbackWarningLowText = "#e0a917";
+export const ColorFeedbackWarningHighContrastBackground = "#e0a917";
+export const ColorFeedbackWarningHighContrastBorder = "#e0a917";
+export const ColorFeedbackWarningHighContrastIcon = "#000000";
+export const ColorFeedbackWarningHighContrastText = "#302300";
+export const ColorFeedbackWarningHighContrastTitle = "#000000";
 export const ColorFeedbackSuccessHighBackground = "#6bde71";
 export const ColorFeedbackSuccessHighBorder = "#6bde71";
 export const ColorFeedbackSuccessHighIcon = "#003603";
@@ -155,6 +175,11 @@ export const ColorFeedbackSuccessLowBackground = "#002302";
 export const ColorFeedbackSuccessLowBorder = "#45d24d";
 export const ColorFeedbackSuccessLowIcon = "#45d24d";
 export const ColorFeedbackSuccessLowText = "#45d24d";
+export const ColorFeedbackSuccessHighContrastBackground = "#45d24d";
+export const ColorFeedbackSuccessHighContrastBorder = "#45d24d";
+export const ColorFeedbackSuccessHighContrastIcon = "#000000";
+export const ColorFeedbackSuccessHighContrastText = "#002302";
+export const ColorFeedbackSuccessHighContrastTitle = "#000000";
 export const ColorFocusBrand = "#258998";
 export const ColorFocusBackground = "#0b0f11";
 export const ColorFocusBackgroundInverted = "#ffffff";
@@ -479,10 +504,6 @@ export const ComponentsFieldTimeTextActive = "#4b9eaa";
 export const ComponentsFieldTimeBorderActive = "#4b9eaa";
 export const ComponentsCalendarBorder = "#394d55";
 export const ComponentsCalendarHeaderText = "#f5f6f7";
-export const ComponentsCalendarWeeksBackground = "#171f22";
-export const ComponentsCalendarWeeksBackgroundHover = "#171f22";
-export const ComponentsCalendarWeeksText = "#f5f6f7";
-export const ComponentsCalendarWeeksTextHover = "#f5f6f7";
 export const ComponentsCalendarCellBackground = "#0b0f11";
 export const ComponentsCalendarCellBackgroundSelected = "#4b9eaa";
 export const ComponentsCalendarCellBackgroundInRange = "#0b292e";
@@ -497,6 +518,10 @@ export const ComponentsCalendarCellTextInRange = "#4b9eaa";
 export const ComponentsCalendarCellTextHover = "#bac1c4";
 export const ComponentsCalendarCellTextOutsideMonth = "#617177";
 export const ComponentsCalendarCellTextToday = "#f5f6f7";
+export const ComponentsCalendarWeeksBackground = "#171f22";
+export const ComponentsCalendarWeeksBackgroundHover = "#171f22";
+export const ComponentsCalendarWeeksText = "#f5f6f7";
+export const ComponentsCalendarWeeksTextHover = "#f5f6f7";
 export const ComponentsCalendarBackground = "#0b0f11";
 export const ComponentsMenuContextualBackground = "#0b0f11";
 export const ComponentsMenuContextualBorder = "#394d55";
@@ -510,6 +535,7 @@ export const ComponentsNotificationInformationBackground = "#222e33";
 export const ComponentsNotificationInformationIcon = "#659fff";
 export const ComponentsNotificationInformationBorder = "#659fff";
 export const ComponentsNotificationContentDescription = "#bac1c4";
+export const ComponentsNotificationContentTimestamp = "#bac1c4";
 export const ComponentsNotificationContentTitle = "#f5f6f7";
 export const ComponentsNotificationWarningBackground = "#222e33";
 export const ComponentsNotificationWarningBorder = "#e0a917";

package/dist/js/ocean_light.d.ts

@@ -123,6 +123,11 @@ export const ColorFeedbackInformationLowBackground : string;
 export const ColorFeedbackInformationLowBorder : string;
 export const ColorFeedbackInformationLowIcon : string;
 export const ColorFeedbackInformationLowText : string;
+export const ColorFeedbackInformationHighContrastBackground : string;
+export const ColorFeedbackInformationHighContrastBorder : string;
+export const ColorFeedbackInformationHighContrastIcon : string;
+export const ColorFeedbackInformationHighContrastText : string;
+export const ColorFeedbackInformationHighContrastTitle : string;
 export const ColorFeedbackErrorHighBackground : string;
 export const ColorFeedbackErrorHighBorder : string;
 export const ColorFeedbackErrorHighIcon : string;
@@ -131,6 +136,11 @@ export const ColorFeedbackErrorLowBackground : string;
 export const ColorFeedbackErrorLowBorder : string;
 export const ColorFeedbackErrorLowIcon : string;
 export const ColorFeedbackErrorLowText : string;
+export const ColorFeedbackErrorHighContrastBackground : string;
+export const ColorFeedbackErrorHighContrastBorder : string;
+export const ColorFeedbackErrorHighContrastIcon : string;
+export const ColorFeedbackErrorHighContrastText : string;
+export const ColorFeedbackErrorHighContrastTitle : string;
 export const ColorFeedbackNeutralHighBackground : string;
 export const ColorFeedbackNeutralHighBorder : string;
 export const ColorFeedbackNeutralHighIcon : string;
@@ -139,6 +149,11 @@ export const ColorFeedbackNeutralLowBackground : string;
 export const ColorFeedbackNeutralLowBorder : string;
 export const ColorFeedbackNeutralLowIcon : string;
 export const ColorFeedbackNeutralLowText : string;
+export const ColorFeedbackNeutralHighContrastBackground : string;
+export const ColorFeedbackNeutralHighContrastBorder : string;
+export const ColorFeedbackNeutralHighContrastIcon : string;
+export const ColorFeedbackNeutralHighContrastText : string;
+export const ColorFeedbackNeutralHighContrastTitle : string;
 export const ColorFeedbackWarningHighBackground : string;
 export const ColorFeedbackWarningHighBorder : string;
 export const ColorFeedbackWarningHighIcon : string;
@@ -147,6 +162,11 @@ export const ColorFeedbackWarningLowBackground : string;
 export const ColorFeedbackWarningLowBorder : string;
 export const ColorFeedbackWarningLowIcon : string;
 export const ColorFeedbackWarningLowText : string;
+export const ColorFeedbackWarningHighContrastBackground : string;
+export const ColorFeedbackWarningHighContrastBorder : string;
+export const ColorFeedbackWarningHighContrastIcon : string;
+export const ColorFeedbackWarningHighContrastText : string;
+export const ColorFeedbackWarningHighContrastTitle : string;
 export const ColorFeedbackSuccessHighBackground : string;
 export const ColorFeedbackSuccessHighBorder : string;
 export const ColorFeedbackSuccessHighIcon : string;
@@ -155,6 +175,11 @@ export const ColorFeedbackSuccessLowBackground : string;
 export const ColorFeedbackSuccessLowBorder : string;
 export const ColorFeedbackSuccessLowIcon : string;
 export const ColorFeedbackSuccessLowText : string;
+export const ColorFeedbackSuccessHighContrastBackground : string;
+export const ColorFeedbackSuccessHighContrastBorder : string;
+export const ColorFeedbackSuccessHighContrastIcon : string;
+export const ColorFeedbackSuccessHighContrastText : string;
+export const ColorFeedbackSuccessHighContrastTitle : string;
 export const ColorFocusBrand : string;
 export const ColorFocusBackground : string;
 export const ColorFocusBackgroundInverted : string;
@@ -479,10 +504,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;
@@ -497,6 +518,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;
@@ -510,6 +535,7 @@ export const ComponentsNotificationInformationBackground : string;
 export const ComponentsNotificationInformationIcon : string;
 export const ComponentsNotificationInformationBorder : string;
 export const ComponentsNotificationContentDescription : string;
+export const ComponentsNotificationContentTimestamp : string;
 export const ComponentsNotificationContentTitle : string;
 export const ComponentsNotificationWarningBackground : string;
 export const ComponentsNotificationWarningBorder : string;

package/dist/js/ocean_light.js

@@ -123,6 +123,11 @@ export const ColorFeedbackInformationLowBackground = "#f0f6ff";
 export const ColorFeedbackInformationLowBorder = "#2660c2";
 export const ColorFeedbackInformationLowIcon = "#2660c2";
 export const ColorFeedbackInformationLowText = "#2660c2";
+export const ColorFeedbackInformationHighContrastBackground = "#659fff";
+export const ColorFeedbackInformationHighContrastBorder = "#659fff";
+export const ColorFeedbackInformationHighContrastIcon = "#ffffff";
+export const ColorFeedbackInformationHighContrastText = "#f0f6ff";
+export const ColorFeedbackInformationHighContrastTitle = "#ffffff";
 export const ColorFeedbackErrorHighBackground = "#ff6161";
 export const ColorFeedbackErrorHighBorder = "#ff6161";
 export const ColorFeedbackErrorHighIcon = "#380101";
@@ -131,6 +136,11 @@ export const ColorFeedbackErrorLowBackground = "#ffeded";
 export const ColorFeedbackErrorLowBorder = "#bb1919";
 export const ColorFeedbackErrorLowIcon = "#bb1919";
 export const ColorFeedbackErrorLowText = "#bb1919";
+export const ColorFeedbackErrorHighContrastBackground = "#bb1919";
+export const ColorFeedbackErrorHighContrastBorder = "#bb1919";
+export const ColorFeedbackErrorHighContrastIcon = "#ffffff";
+export const ColorFeedbackErrorHighContrastText = "#ffeded";
+export const ColorFeedbackErrorHighContrastTitle = "#ffffff";
 export const ColorFeedbackNeutralHighBackground = "#9fadb2";
 export const ColorFeedbackNeutralHighBorder = "#9fadb2";
 export const ColorFeedbackNeutralHighIcon = "#171f22";
@@ -139,6 +149,11 @@ export const ColorFeedbackNeutralLowBackground = "#f5f6f7";
 export const ColorFeedbackNeutralLowBorder = "#3f555e";
 export const ColorFeedbackNeutralLowIcon = "#3f555e";
 export const ColorFeedbackNeutralLowText = "#3f555e";
+export const ColorFeedbackNeutralHighContrastBackground = "#3f555e";
+export const ColorFeedbackNeutralHighContrastBorder = "#3f555e";
+export const ColorFeedbackNeutralHighContrastIcon = "#ffffff";
+export const ColorFeedbackNeutralHighContrastText = "#f5f6f7";
+export const ColorFeedbackNeutralHighContrastTitle = "#ffffff";
 export const ColorFeedbackWarningHighBackground = "#e0a917";
 export const ColorFeedbackWarningHighBorder = "#e0a917";
 export const ColorFeedbackWarningHighIcon = "#302300";
@@ -147,6 +162,11 @@ export const ColorFeedbackWarningLowBackground = "#fff7df";
 export const ColorFeedbackWarningLowBorder = "#805c00";
 export const ColorFeedbackWarningLowIcon = "#805c00";
 export const ColorFeedbackWarningLowText = "#805c00";
+export const ColorFeedbackWarningHighContrastBackground = "#805c00";
+export const ColorFeedbackWarningHighContrastBorder = "#805c00";
+export const ColorFeedbackWarningHighContrastIcon = "#ffffff";
+export const ColorFeedbackWarningHighContrastText = "#fff7df";
+export const ColorFeedbackWarningHighContrastTitle = "#ffffff";
 export const ColorFeedbackSuccessHighBackground = "#45d24d";
 export const ColorFeedbackSuccessHighBorder = "#45d24d";
 export const ColorFeedbackSuccessHighIcon = "#003603";
@@ -155,6 +175,11 @@ export const ColorFeedbackSuccessLowBackground = "#eafeeb";
 export const ColorFeedbackSuccessLowBorder = "#008207";
 export const ColorFeedbackSuccessLowIcon = "#008207";
 export const ColorFeedbackSuccessLowText = "#008207";
+export const ColorFeedbackSuccessHighContrastBackground = "#008207";
+export const ColorFeedbackSuccessHighContrastBorder = "#008207";
+export const ColorFeedbackSuccessHighContrastIcon = "#ffffff";
+export const ColorFeedbackSuccessHighContrastText = "#eafeeb";
+export const ColorFeedbackSuccessHighContrastTitle = "#ffffff";
 export const ColorFocusBrand = "#1f717d";
 export const ColorFocusBackground = "#ffffff";
 export const ColorFocusBackgroundInverted = "#0b0f11";
@@ -479,10 +504,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";
@@ -497,6 +518,10 @@ export const ComponentsCalendarCellTextInRange = "#185963";
 export const ComponentsCalendarCellTextHover = "#34464d";
 export const ComponentsCalendarCellTextOutsideMonth = "#9fadb2";
 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";
@@ -510,6 +535,7 @@ export const ComponentsNotificationInformationBackground = "#ffffff";
 export const ComponentsNotificationInformationIcon = "#2660c2";
 export const ComponentsNotificationInformationBorder = "#2660c2";
 export const ComponentsNotificationContentDescription = "#34464d";
+export const ComponentsNotificationContentTimestamp = "#34464d";
 export const ComponentsNotificationContentTitle = "#171f22";
 export const ComponentsNotificationWarningBackground = "#ffffff";
 export const ComponentsNotificationWarningBorder = "#805c00";

package/dist/js/primitives.d.ts

@@ -267,8 +267,6 @@ export const Spacing05 : string;
 export const Spacing15 : string;
 export const Spacing25 : string;
 export const Spacing35 : string;
-export const Spacing07 : string;
-export const Spacing09 : string;
 export const LetterSpacingHeadingXs : string;
 export const LetterSpacingHeadingSm : string;
 export const LetterSpacingHeadingMd : string;

package/dist/js/primitives.js

@@ -267,8 +267,6 @@ export const Spacing05 = "2.0000px";
 export const Spacing15 = "6.0000px";
 export const Spacing25 = "10.0000px";
 export const Spacing35 = "14.0000px";
-export const Spacing07 = "28.0000px";
-export const Spacing09 = "36.0000px";
 export const LetterSpacingHeadingXs = "0.0000px";
 export const LetterSpacingHeadingSm = "-0.2500px";
 export const LetterSpacingHeadingMd = "-0.5000px";

package/dist/js/spacings.d.ts

@@ -91,11 +91,11 @@ export const IconStrokeSm : string;
 export const IconStrokeMd : string;
 export const IconStrokeLg : string;
 export const IconStrokeXl : string;
-export const IconXs : string;
-export const IconSm : string;
-export const IconMd : string;
-export const IconLg : string;
-export const IconXl : string;
+export const IconSizeXs : string;
+export const IconSizeSm : string;
+export const IconSizeMd : string;
+export const IconSizeLg : string;
+export const IconSizeXl : string;
 export const ListNativeSeparatorPaddingX : string;
 export const ListNativeSeparatorPaddingY : string;
 export const ListNativeIconSize : string;
@@ -205,6 +205,34 @@ export const PopoverGapY : string;
 export const PopoverPaddingX : string;
 export const PopoverPaddingY : string;
 export const PopoverRadius : string;
+export const TogglegroupXsPadding : string;
+export const TogglegroupXsButtonPaddingY : string;
+export const TogglegroupXsButtonRadius : string;
+export const TogglegroupXsIconbuttonPaddingY : string;
+export const TogglegroupXsRadius : string;
+export const TogglegroupXsGap : string;
+export const TogglegroupXsHeight : string;
+export const TogglegroupSmPadding : string;
+export const TogglegroupSmButtonPaddingY : string;
+export const TogglegroupSmButtonRadius : string;
+export const TogglegroupSmIconbuttonPaddingY : string;
+export const TogglegroupSmRadius : string;
+export const TogglegroupSmGap : string;
+export const TogglegroupSmHeight : string;
+export const TogglegroupMdPadding : string;
+export const TogglegroupMdButtonPaddingY : string;
+export const TogglegroupMdButtonRadius : string;
+export const TogglegroupMdIconbuttonPaddingY : string;
+export const TogglegroupMdRadius : string;
+export const TogglegroupMdGap : string;
+export const TogglegroupMdHeight : string;
+export const TogglegroupLgPadding : string;
+export const TogglegroupLgButtonPaddingY : string;
+export const TogglegroupLgButtonRadius : string;
+export const TogglegroupLgIconbuttonPaddingY : string;
+export const TogglegroupLgRadius : string;
+export const TogglegroupLgGap : string;
+export const TogglegroupLgHeight : string;
 export const TooltipFontWeight : string;
 export const TooltipFontSize : string;
 export const TooltipPaddingX : string;
@@ -261,40 +289,13 @@ export const SliderHandlerStroke : string;
 export const SliderTrackHeight : string;
 export const SliderTrackPaddingX : string;
 export const SliderTrackRadius : string;
-export const TogglegroupXsPadding : string;
-export const TogglegroupXsButtonPaddingY : string;
-export const TogglegroupXsButtonRadius : string;
-export const TogglegroupXsIconbuttonPaddingY : string;
-export const TogglegroupXsRadius : string;
-export const TogglegroupXsGap : string;
-export const TogglegroupXsHeight : string;
-export const TogglegroupSmButtonPaddingY : string;
-export const TogglegroupSmButtonRadius : string;
-export const TogglegroupSmIconbuttonPaddingY : string;
-export const TogglegroupSmPadding : string;
-export const TogglegroupSmRadius : string;
-export const TogglegroupSmGap : string;
-export const TogglegroupSmHeight : string;
-export const TogglegroupLgPadding : string;
-export const TogglegroupLgButtonPaddingY : string;
-export const TogglegroupLgButtonRadius : string;
-export const TogglegroupLgIconbuttonPaddingY : string;
-export const TogglegroupLgRadius : string;
-export const TogglegroupLgGap : string;
-export const TogglegroupLgHeight : string;
-export const TogglegroupMdPadding : string;
-export const TogglegroupMdButtonPaddingY : string;
-export const TogglegroupMdButtonRadius : string;
-export const TogglegroupMdIconbuttonPaddingY : string;
-export const TogglegroupMdRadius : string;
-export const TogglegroupMdGap : string;
-export const TogglegroupMdHeight : string;
 export const AlertIconSize : string;
 export const AlertGapX : string;
 export const AlertIconPositionX : string;
 export const AlertIconPositionY : string;
 export const AlertGapY : string;
 export const AlertPadding : string;
+export const AlertPaddingRight : string;
 export const AlertRadius : string;
 export const AlertHeadingFontSize : string;
 export const AlertHeadingFontWeight : string;
@@ -371,6 +372,8 @@ export const NotificationGapX : string;
 export const NotificationGapXTitle : string;
 export const NotificationGapY : string;
 export const NotificationPadding : string;
+export const NotificationPaddingRight : string;
+export const NotificationPaddingLeft : string;
 export const NotificationRadius : string;
 export const NotificationBorderWidthHighEmphasis : string;
 export const NotificationBorderWidthLowEmphasis : string;

package/dist/js/spacings.js

@@ -91,11 +91,11 @@ export const IconStrokeSm = "1.4000px";
 export const IconStrokeMd = "1.6000px";
 export const IconStrokeLg = "1.8000px";
 export const IconStrokeXl = "1.9000px";
-export const IconXs = "12.0000px";
-export const IconSm = "16.0000px";
-export const IconMd = "20.0000px";
-export const IconLg = "24.0000px";
-export const IconXl = "28.0000px";
+export const IconSizeXs = "12.0000px";
+export const IconSizeSm = "16.0000px";
+export const IconSizeMd = "20.0000px";
+export const IconSizeLg = "24.0000px";
+export const IconSizeXl = "28.0000px";
 export const ListNativeSeparatorPaddingX = "9.0000px";
 export const ListNativeSeparatorPaddingY = "3.0000px";
 export const ListNativeIconSize = "20.0000px";
@@ -205,6 +205,34 @@ export const PopoverGapY = "4.0000px";
 export const PopoverPaddingX = "8.0000px";
 export const PopoverPaddingY = "8.0000px";
 export const PopoverRadius = "6.0000px";
+export const TogglegroupXsPadding = "3.0000px";
+export const TogglegroupXsButtonPaddingY = "1.0000px";
+export const TogglegroupXsButtonRadius = "1.0000px";
+export const TogglegroupXsIconbuttonPaddingY = "3.0000px";
+export const TogglegroupXsRadius = "2.0000px";
+export const TogglegroupXsGap = "2.0000px";
+export const TogglegroupXsHeight = "24.0000px";
+export const TogglegroupSmPadding = "3.0000px";
+export const TogglegroupSmButtonPaddingY = "3.0000px";
+export const TogglegroupSmButtonRadius = "2.0000px";
+export const TogglegroupSmIconbuttonPaddingY = "5.0000px";
+export const TogglegroupSmRadius = "4.0000px";
+export const TogglegroupSmGap = "2.0000px";
+export const TogglegroupSmHeight = "32.0000px";
+export const TogglegroupMdPadding = "3.0000px";
+export const TogglegroupMdButtonPaddingY = "5.0000px";
+export const TogglegroupMdButtonRadius = "3.0000px";
+export const TogglegroupMdIconbuttonPaddingY = "7.0000px";
+export const TogglegroupMdRadius = "6.0000px";
+export const TogglegroupMdGap = "2.0000px";
+export const TogglegroupMdHeight = "40.0000px";
+export const TogglegroupLgPadding = "3.0000px";
+export const TogglegroupLgButtonPaddingY = "7.0000px";
+export const TogglegroupLgButtonRadius = "5.0000px";
+export const TogglegroupLgIconbuttonPaddingY = "9.0000px";
+export const TogglegroupLgRadius = "8.0000px";
+export const TogglegroupLgGap = "2.0000px";
+export const TogglegroupLgHeight = "48.0000px";
 export const TooltipFontWeight = "500";
 export const TooltipFontSize = "14.0000px";
 export const TooltipPaddingX = "12.0000px";
@@ -261,40 +289,13 @@ export const SliderHandlerStroke = "2.0000px";
 export const SliderTrackHeight = "4.0000px";
 export const SliderTrackPaddingX = "12.0000px";
 export const SliderTrackRadius = "2.0000px";
-export const TogglegroupXsPadding = "3.0000px";
-export const TogglegroupXsButtonPaddingY = "1.0000px";
-export const TogglegroupXsButtonRadius = "1.0000px";
-export const TogglegroupXsIconbuttonPaddingY = "3.0000px";
-export const TogglegroupXsRadius = "2.0000px";
-export const TogglegroupXsGap = "2.0000px";
-export const TogglegroupXsHeight = "24.0000px";
-export const TogglegroupSmButtonPaddingY = "3.0000px";
-export const TogglegroupSmButtonRadius = "2.0000px";
-export const TogglegroupSmIconbuttonPaddingY = "5.0000px";
-export const TogglegroupSmPadding = "3.0000px";
-export const TogglegroupSmRadius = "4.0000px";
-export const TogglegroupSmGap = "2.0000px";
-export const TogglegroupSmHeight = "32.0000px";
-export const TogglegroupLgPadding = "3.0000px";
-export const TogglegroupLgButtonPaddingY = "7.0000px";
-export const TogglegroupLgButtonRadius = "5.0000px";
-export const TogglegroupLgIconbuttonPaddingY = "9.0000px";
-export const TogglegroupLgRadius = "8.0000px";
-export const TogglegroupLgGap = "2.0000px";
-export const TogglegroupLgHeight = "48.0000px";
-export const TogglegroupMdPadding = "3.0000px";
-export const TogglegroupMdButtonPaddingY = "5.0000px";
-export const TogglegroupMdButtonRadius = "3.0000px";
-export const TogglegroupMdIconbuttonPaddingY = "7.0000px";
-export const TogglegroupMdRadius = "6.0000px";
-export const TogglegroupMdGap = "2.0000px";
-export const TogglegroupMdHeight = "40.0000px";
 export const AlertIconSize = "20.0000px";
 export const AlertGapX = "12.0000px";
 export const AlertIconPositionX = "16.0000px";
 export const AlertIconPositionY = "16.0000px";
 export const AlertGapY = "4.0000px";
 export const AlertPadding = "16.0000px";
+export const AlertPaddingRight = "32.0000px";
 export const AlertRadius = "8.0000px";
 export const AlertHeadingFontSize = "14.0000px";
 export const AlertHeadingFontWeight = "500";
@@ -371,6 +372,8 @@ export const NotificationGapX = "12.0000px";
 export const NotificationGapXTitle = "8.0000px";
 export const NotificationGapY = "4.0000px";
 export const NotificationPadding = "16.0000px";
+export const NotificationPaddingRight = "24.0000px";
+export const NotificationPaddingLeft = "24.0000px";
 export const NotificationRadius = "8.0000px";
 export const NotificationBorderWidthHighEmphasis = "8.0000px";
 export const NotificationBorderWidthLowEmphasis = "1.0000px";

package/dist/js/spark_dark.d.ts

@@ -123,6 +123,11 @@ export const ColorFeedbackInformationLowBackground : string;
 export const ColorFeedbackInformationLowBorder : string;
 export const ColorFeedbackInformationLowIcon : string;
 export const ColorFeedbackInformationLowText : string;
+export const ColorFeedbackInformationHighContrastBackground : string;
+export const ColorFeedbackInformationHighContrastBorder : string;
+export const ColorFeedbackInformationHighContrastIcon : string;
+export const ColorFeedbackInformationHighContrastText : string;
+export const ColorFeedbackInformationHighContrastTitle : string;
 export const ColorFeedbackErrorHighBackground : string;
 export const ColorFeedbackErrorHighBorder : string;
 export const ColorFeedbackErrorHighIcon : string;
@@ -131,6 +136,11 @@ export const ColorFeedbackErrorLowBackground : string;
 export const ColorFeedbackErrorLowBorder : string;
 export const ColorFeedbackErrorLowIcon : string;
 export const ColorFeedbackErrorLowText : string;
+export const ColorFeedbackErrorHighContrastBackground : string;
+export const ColorFeedbackErrorHighContrastBorder : string;
+export const ColorFeedbackErrorHighContrastIcon : string;
+export const ColorFeedbackErrorHighContrastText : string;
+export const ColorFeedbackErrorHighContrastTitle : string;
 export const ColorFeedbackNeutralHighBackground : string;
 export const ColorFeedbackNeutralHighBorder : string;
 export const ColorFeedbackNeutralHighIcon : string;
@@ -139,6 +149,11 @@ export const ColorFeedbackNeutralLowBackground : string;
 export const ColorFeedbackNeutralLowBorder : string;
 export const ColorFeedbackNeutralLowIcon : string;
 export const ColorFeedbackNeutralLowText : string;
+export const ColorFeedbackNeutralHighContrastBackground : string;
+export const ColorFeedbackNeutralHighContrastBorder : string;
+export const ColorFeedbackNeutralHighContrastIcon : string;
+export const ColorFeedbackNeutralHighContrastText : string;
+export const ColorFeedbackNeutralHighContrastTitle : string;
 export const ColorFeedbackWarningHighBackground : string;
 export const ColorFeedbackWarningHighBorder : string;
 export const ColorFeedbackWarningHighIcon : string;
@@ -147,6 +162,11 @@ export const ColorFeedbackWarningLowBackground : string;
 export const ColorFeedbackWarningLowBorder : string;
 export const ColorFeedbackWarningLowIcon : string;
 export const ColorFeedbackWarningLowText : string;
+export const ColorFeedbackWarningHighContrastBackground : string;
+export const ColorFeedbackWarningHighContrastBorder : string;
+export const ColorFeedbackWarningHighContrastIcon : string;
+export const ColorFeedbackWarningHighContrastText : string;
+export const ColorFeedbackWarningHighContrastTitle : string;
 export const ColorFeedbackSuccessHighBackground : string;
 export const ColorFeedbackSuccessHighBorder : string;
 export const ColorFeedbackSuccessHighIcon : string;
@@ -155,6 +175,11 @@ export const ColorFeedbackSuccessLowBackground : string;
 export const ColorFeedbackSuccessLowBorder : string;
 export const ColorFeedbackSuccessLowIcon : string;
 export const ColorFeedbackSuccessLowText : string;
+export const ColorFeedbackSuccessHighContrastBackground : string;
+export const ColorFeedbackSuccessHighContrastBorder : string;
+export const ColorFeedbackSuccessHighContrastIcon : string;
+export const ColorFeedbackSuccessHighContrastText : string;
+export const ColorFeedbackSuccessHighContrastTitle : string;
 export const ColorFocusBrand : string;
 export const ColorFocusBackground : string;
 export const ColorFocusBackgroundInverted : string;
@@ -479,10 +504,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;
@@ -497,6 +518,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;
@@ -510,6 +535,7 @@ export const ComponentsNotificationInformationBackground : string;
 export const ComponentsNotificationInformationIcon : string;
 export const ComponentsNotificationInformationBorder : string;
 export const ComponentsNotificationContentDescription : string;
+export const ComponentsNotificationContentTimestamp : string;
 export const ComponentsNotificationContentTitle : string;
 export const ComponentsNotificationWarningBackground : string;
 export const ComponentsNotificationWarningBorder : string;