@nova-design-system/nova-base 3.0.0 → 3.2.0

package/dist/js/spark_dark.js

@@ -38,18 +38,30 @@ export const ColorInteractionContainerNeutralIconHover = "#bfbfbf";
 export const ColorInteractionContainerNeutralText = "#808080";
 export const ColorInteractionContainerNeutralTextActive = "#eb7247";
 export const ColorInteractionContainerNeutralTextHover = "#bfbfbf";
-export const ColorInteractionLinkHighText = "#e75420";
-export const ColorInteractionLinkHighTextHover = "#eb7247";
 export const ColorInteractionLinkHighIcon = "#e75420";
 export const ColorInteractionLinkHighIconHover = "#eb7247";
-export const ColorInteractionLinkLowText = "#f6f6f6";
-export const ColorInteractionLinkLowTextHover = "#e75420";
+export const ColorInteractionLinkHighIconInactive = "#808080";
+export const ColorInteractionLinkHighIconVisited = "#963715";
+export const ColorInteractionLinkHighText = "#e75420";
+export const ColorInteractionLinkHighTextHover = "#eb7247";
+export const ColorInteractionLinkHighTextInactive = "#808080";
+export const ColorInteractionLinkHighTextVisited = "#963715";
 export const ColorInteractionLinkLowIcon = "#f6f6f6";
 export const ColorInteractionLinkLowIconHover = "#e75420";
-export const ColorInteractionLinkInvertedText = "#414141";
-export const ColorInteractionLinkInvertedTextHover = "#e75420";
+export const ColorInteractionLinkLowIconInactive = "#808080";
+export const ColorInteractionLinkLowIconVisited = "#963715";
+export const ColorInteractionLinkLowText = "#f6f6f6";
+export const ColorInteractionLinkLowTextHover = "#e75420";
+export const ColorInteractionLinkLowTextInactive = "#808080";
+export const ColorInteractionLinkLowTextVisited = "#963715";
 export const ColorInteractionLinkInvertedIcon = "#414141";
-export const ColorInteractionLinkInvertedIconHover = "#e75420";
+export const ColorInteractionLinkInvertedIconHover = "#bf451a";
+export const ColorInteractionLinkInvertedIconInactive = "#6d6d6d";
+export const ColorInteractionLinkInvertedIconVisited = "#eb7247";
+export const ColorInteractionLinkInvertedText = "#414141";
+export const ColorInteractionLinkInvertedTextHover = "#bf451a";
+export const ColorInteractionLinkInvertedTextInactive = "#6d6d6d";
+export const ColorInteractionLinkInvertedTextVisited = "#eb7247";
 export const ColorBlack = "#000000";
 export const ColorWhite = "#ffffff";
 export const ColorTransparent = "#ffffff";
@@ -105,50 +117,51 @@ export const ColorChart9 = "#447583";
 export const ColorChart10 = "#990035";
 export const ColorFeedbackInformationHighBackground = "#659fff";
 export const ColorFeedbackInformationHighBorder = "#659fff";
-export const ColorFeedbackInformationHighIcon = "#000000";
-export const ColorFeedbackInformationHighText = "#000000";
+export const ColorFeedbackInformationHighIcon = "#09285c";
+export const ColorFeedbackInformationHighText = "#09285c";
 export const ColorFeedbackInformationLowBackground = "#001c37";
 export const ColorFeedbackInformationLowBorder = "#659fff";
 export const ColorFeedbackInformationLowIcon = "#659fff";
 export const ColorFeedbackInformationLowText = "#659fff";
-export const ColorFeedbackErrorHighBackground = "#ff3d3d";
-export const ColorFeedbackErrorHighBorder = "#ff3d3d";
-export const ColorFeedbackErrorHighIcon = "#000000";
-export const ColorFeedbackErrorHighText = "#000000";
+export const ColorFeedbackErrorHighBackground = "#ff6161";
+export const ColorFeedbackErrorHighBorder = "#ff6161";
+export const ColorFeedbackErrorHighIcon = "#380101";
+export const ColorFeedbackErrorHighText = "#380101";
 export const ColorFeedbackErrorLowBackground = "#380101";
-export const ColorFeedbackErrorLowBorder = "#ff3d3d";
-export const ColorFeedbackErrorLowIcon = "#ff3d3d";
-export const ColorFeedbackErrorLowText = "#ff3d3d";
-export const ColorFeedbackNeutralHighBackground = "#919191";
-export const ColorFeedbackNeutralHighBorder = "#919191";
-export const ColorFeedbackNeutralHighIcon = "#000000";
-export const ColorFeedbackNeutralHighText = "#000000";
-export const ColorFeedbackNeutralLowBackground = "#313131";
-export const ColorFeedbackNeutralLowBorder = "#919191";
-export const ColorFeedbackNeutralLowIcon = "#919191";
-export const ColorFeedbackNeutralLowText = "#919191";
-export const ColorFeedbackWarningHighBackground = "#f7d14c";
-export const ColorFeedbackWarningHighBorder = "#f7d14c";
-export const ColorFeedbackWarningHighIcon = "#000000";
-export const ColorFeedbackWarningHighText = "#000000";
+export const ColorFeedbackErrorLowBorder = "#ff6161";
+export const ColorFeedbackErrorLowIcon = "#ff6161";
+export const ColorFeedbackErrorLowText = "#ff6161";
+export const ColorFeedbackNeutralHighBackground = "#a9a9a9";
+export const ColorFeedbackNeutralHighBorder = "#a9a9a9";
+export const ColorFeedbackNeutralHighIcon = "#1d1d1d";
+export const ColorFeedbackNeutralHighText = "#1d1d1d";
+export const ColorFeedbackNeutralLowBackground = "#1d1d1d";
+export const ColorFeedbackNeutralLowBorder = "#a9a9a9";
+export const ColorFeedbackNeutralLowIcon = "#a9a9a9";
+export const ColorFeedbackNeutralLowText = "#a9a9a9";
+export const ColorFeedbackWarningHighBackground = "#e0a917";
+export const ColorFeedbackWarningHighBorder = "#e0a917";
+export const ColorFeedbackWarningHighIcon = "#302300";
+export const ColorFeedbackWarningHighText = "#302300";
 export const ColorFeedbackWarningLowBackground = "#302300";
-export const ColorFeedbackWarningLowBorder = "#f7d14c";
-export const ColorFeedbackWarningLowIcon = "#f7d14c";
-export const ColorFeedbackWarningLowText = "#f7d14c";
+export const ColorFeedbackWarningLowBorder = "#e0a917";
+export const ColorFeedbackWarningLowIcon = "#e0a917";
+export const ColorFeedbackWarningLowText = "#e0a917";
 export const ColorFeedbackSuccessHighBackground = "#6bde71";
 export const ColorFeedbackSuccessHighBorder = "#6bde71";
-export const ColorFeedbackSuccessHighIcon = "#000000";
-export const ColorFeedbackSuccessHighText = "#000000";
+export const ColorFeedbackSuccessHighIcon = "#003603";
+export const ColorFeedbackSuccessHighText = "#003603";
 export const ColorFeedbackSuccessLowBackground = "#002302";
-export const ColorFeedbackSuccessLowBorder = "#6bde71";
-export const ColorFeedbackSuccessLowIcon = "#6bde71";
-export const ColorFeedbackSuccessLowText = "#6bde71";
+export const ColorFeedbackSuccessLowBorder = "#45d24d";
+export const ColorFeedbackSuccessLowIcon = "#45d24d";
+export const ColorFeedbackSuccessLowText = "#45d24d";
 export const ColorFocusBrand = "#e75420";
 export const ColorFocusBackground = "#0e0e0e";
 export const ColorFocusBackgroundInverted = "#ffffff";
-export const ColorFocusDestructive = "#ff3d3d";
-export const ColorFocusSuccess = "#6bde71";
-export const ColorRainbow1Background = "#482608";
+export const ColorFocusDestructive = "#ff6161";
+export const ColorFocusDestructiveInField = "#ff6161";
+export const ColorFocusSuccess = "#45d24d";
+export const ColorRainbow1Background = "#432306";
 export const ColorRainbow1Border = "#f0801a";
 export const ColorRainbow1Icon = "#f0801a";
 export const ColorRainbow1Text = "#f0801a";
@@ -164,11 +177,11 @@ export const ColorRainbow4Background = "#610e0e";
 export const ColorRainbow4Border = "#e79494";
 export const ColorRainbow4Icon = "#e79494";
 export const ColorRainbow4Text = "#e79494";
-export const ColorRainbow5Background = "#203330";
+export const ColorRainbow5Background = "#1c2b28";
 export const ColorRainbow5Border = "#6aa9a0";
 export const ColorRainbow5Icon = "#6aa9a0";
 export const ColorRainbow5Text = "#6aa9a0";
-export const ColorRainbow6Background = "#630022";
+export const ColorRainbow6Background = "#490019";
 export const ColorRainbow6Border = "#cf869f";
 export const ColorRainbow6Icon = "#cf869f";
 export const ColorRainbow6Text = "#cf869f";
@@ -282,46 +295,46 @@ export const ComponentsButtonMediumTextActive = "#eb7247";
 export const ComponentsButtonMediumTextHover = "#eb7247";
 export const ComponentsFormOpacityDefault = "100%";
 export const ComponentsFormOpacityDisabled = "50%";
-export const ComponentsFormTextRequired = "#ff3d3d";
+export const ComponentsFormTextRequired = "#ff6161";
 export const ComponentsFormTextInfoIcon = "#808080";
 export const ComponentsFormTextLabelDefault = "#f6f6f6";
 export const ComponentsFormTextLabelDisabled = "#bfbfbf";
 export const ComponentsFormTextDescriptionDefault = "#808080";
-export const ComponentsFormTextDescriptionError = "#ff3d3d";
+export const ComponentsFormTextDescriptionError = "#ff6161";
 export const ComponentsFormFieldBackgroundDefault = "#0e0e0e";
 export const ComponentsFormFieldBackgroundFocus = "#0e0e0e";
 export const ComponentsFormFieldBackgroundHover = "#161616";
 export const ComponentsFormFieldBackgroundDisabled = "#1d1d1d";
 export const ComponentsFormFieldBackgroundChecked = "#e75420";
-export const ComponentsFormFieldBackgroundError = "#ff3d3d";
+export const ComponentsFormFieldBackgroundError = "#ff6161";
 export const ComponentsFormFieldBackgroundReadonly = "#161616";
 export const ComponentsFormFieldBorderDefault = "#6d6d6d";
 export const ComponentsFormFieldBorderDisabled = "#6d6d6d";
 export const ComponentsFormFieldBorderHover = "#919191";
 export const ComponentsFormFieldBorderFocus = "#e75420";
-export const ComponentsFormFieldBorderError = "#ff3d3d";
-export const ComponentsFormFieldBorderSuccess = "#6bde71";
+export const ComponentsFormFieldBorderError = "#ff6161";
+export const ComponentsFormFieldBorderSuccess = "#45d24d";
 export const ComponentsFormFieldBorderReadonly = "#484848";
 export const ComponentsFormFieldContentPlaceholder = "#808080";
 export const ComponentsFormFieldContentText = "#f6f6f6";
 export const ComponentsFormFieldIconDefault = "#808080";
 export const ComponentsFormFieldIconDisabled = "#6d6d6d";
-export const ComponentsFormFieldIconError = "#ff3d3d";
-export const ComponentsFormFieldIconSuccess = "#6bde71";
+export const ComponentsFormFieldIconError = "#ff6161";
+export const ComponentsFormFieldIconSuccess = "#45d24d";
 export const ComponentsFormShapeBackgroundDefault = "#6d6d6d";
 export const ComponentsFormShapeBackgroundHover = "#808080";
 export const ComponentsFormShapeBackgroundDisabled = "#2b2b2b";
 export const ComponentsFormShapeBackgroundSelected = "#e75420";
-export const ComponentsFormShapeBackgroundError = "#ff3d3d";
+export const ComponentsFormShapeBackgroundError = "#ff6161";
 export const ComponentsFormShapeBorderDefault = "#6d6d6d";
 export const ComponentsFormShapeBorderHover = "#919191";
 export const ComponentsFormShapeBorderFocus = "#e75420";
-export const ComponentsFormShapeBorderError = "#ff3d3d";
-export const ComponentsFormShapeBorderSuccess = "#6bde71";
+export const ComponentsFormShapeBorderError = "#ff6161";
+export const ComponentsFormShapeBorderSuccess = "#45d24d";
 export const ComponentsFormShapeForegroundDefault = "#ffffff";
 export const ComponentsFormShapeForegroundSwitchDot = "#6d6d6d";
 export const ComponentsFormShapeForegroundDisabled = "#6d6d6d";
-export const ComponentsFormShapeForegroundDisabledError = "#ff3d3d";
+export const ComponentsFormShapeForegroundDisabledError = "#ff6161";
 export const ComponentsListNativeBackground = "#565558";
 export const ComponentsListNativeItemTitleContent = "#ffffff";
 export const ComponentsListNativeSeparator = "#838086";
@@ -393,17 +406,17 @@ export const ComponentsAlertInformationBorder = "#659fff";
 export const ComponentsAlertContentDescription = "#bfbfbf";
 export const ComponentsAlertContentTitle = "#f6f6f6";
 export const ComponentsAlertWarningBackground = "#302300";
-export const ComponentsAlertWarningBorder = "#f7d14c";
-export const ComponentsAlertWarningIcon = "#f7d14c";
+export const ComponentsAlertWarningBorder = "#e0a917";
+export const ComponentsAlertWarningIcon = "#e0a917";
 export const ComponentsAlertErrorBackground = "#380101";
-export const ComponentsAlertErrorBorder = "#ff3d3d";
-export const ComponentsAlertErrorIcon = "#ff3d3d";
+export const ComponentsAlertErrorBorder = "#ff6161";
+export const ComponentsAlertErrorIcon = "#ff6161";
 export const ComponentsAlertSuccessBackground = "#002302";
-export const ComponentsAlertSuccessBorder = "#6bde71";
-export const ComponentsAlertSuccessIcon = "#6bde71";
-export const ComponentsAlertNeutralBackground = "#313131";
-export const ComponentsAlertNeutralBorder = "#919191";
-export const ComponentsAlertNeutralIcon = "#919191";
+export const ComponentsAlertSuccessBorder = "#45d24d";
+export const ComponentsAlertSuccessIcon = "#45d24d";
+export const ComponentsAlertNeutralBackground = "#1d1d1d";
+export const ComponentsAlertNeutralBorder = "#a9a9a9";
+export const ComponentsAlertNeutralIcon = "#a9a9a9";
 export const ComponentsDatagridHeaderBorder = "#6d6d6d";
 export const ComponentsDatagridHeaderText = "#808080";
 export const ComponentsDatagridHeaderBackground = "#ffffff";
@@ -413,12 +426,12 @@ export const ComponentsDatagridBodySubtext = "#808080";
 export const ComponentsDatagridBodyBackgroundDefault = "#ffffff";
 export const ComponentsDatagridBodyBackgroundActive = "#45190a";
 export const ComponentsDatagridBodyBackgroundHover = "#ffffff";
-export const ComponentsAvatarBackground1 = "#482608";
+export const ComponentsAvatarBackground1 = "#432306";
 export const ComponentsAvatarBackground2 = "#45190a";
 export const ComponentsAvatarBackground3 = "#4d3a00";
 export const ComponentsAvatarBackground4 = "#610e0e";
-export const ComponentsAvatarBackground5 = "#203330";
-export const ComponentsAvatarBackground6 = "#630022";
+export const ComponentsAvatarBackground5 = "#1c2b28";
+export const ComponentsAvatarBackground6 = "#490019";
 export const ComponentsAvatarBackground7 = "#09400c";
 export const ComponentsAvatarBackground8 = "#124148";
 export const ComponentsAvatarBackground9 = "#2a330e";
@@ -455,10 +468,6 @@ export const ComponentsFieldTimeTextActive = "#eb7247";
 export const ComponentsFieldTimeBorderActive = "#eb7247";
 export const ComponentsCalendarBorder = "#484848";
 export const ComponentsCalendarHeaderText = "#f6f6f6";
-export const ComponentsCalendarWeeksBackground = "#1d1d1d";
-export const ComponentsCalendarWeeksBackgroundHover = "#252525";
-export const ComponentsCalendarWeeksText = "#f6f6f6";
-export const ComponentsCalendarWeeksTextHover = "#f6f6f6";
 export const ComponentsCalendarCellBackground = "#ffffff";
 export const ComponentsCalendarCellBackgroundSelected = "#eb7247";
 export const ComponentsCalendarCellBackgroundInRange = "#45190a";
@@ -472,7 +481,11 @@ export const ComponentsCalendarCellTextSelected = "#000000";
 export const ComponentsCalendarCellTextInRange = "#eb7247";
 export const ComponentsCalendarCellTextHover = "#bfbfbf";
 export const ComponentsCalendarCellTextOutsideMonth = "#6d6d6d";
-export const ComponentsCalendarCellTextToday = "#eb7247";
+export const ComponentsCalendarCellTextToday = "#f6f6f6";
+export const ComponentsCalendarWeeksBackground = "#1d1d1d";
+export const ComponentsCalendarWeeksBackgroundHover = "#252525";
+export const ComponentsCalendarWeeksText = "#f6f6f6";
+export const ComponentsCalendarWeeksTextHover = "#f6f6f6";
 export const ComponentsCalendarBackground = "#0e0e0e";
 export const ComponentsMenuContextualBackground = "#0e0e0e";
 export const ComponentsMenuContextualBorder = "#484848";
@@ -488,17 +501,17 @@ export const ComponentsNotificationInformationBorder = "#659fff";
 export const ComponentsNotificationContentDescription = "#bfbfbf";
 export const ComponentsNotificationContentTitle = "#f6f6f6";
 export const ComponentsNotificationWarningBackground = "#2b2b2b";
-export const ComponentsNotificationWarningBorder = "#f7d14c";
-export const ComponentsNotificationWarningIcon = "#f7d14c";
+export const ComponentsNotificationWarningBorder = "#e0a917";
+export const ComponentsNotificationWarningIcon = "#e0a917";
 export const ComponentsNotificationErrorBackground = "#2b2b2b";
-export const ComponentsNotificationErrorBorder = "#ff3d3d";
-export const ComponentsNotificationErrorIcon = "#ff3d3d";
+export const ComponentsNotificationErrorBorder = "#ff6161";
+export const ComponentsNotificationErrorIcon = "#ff6161";
 export const ComponentsNotificationSuccessBackground = "#2b2b2b";
-export const ComponentsNotificationSuccessBorder = "#6bde71";
-export const ComponentsNotificationSuccessIcon = "#6bde71";
+export const ComponentsNotificationSuccessBorder = "#45d24d";
+export const ComponentsNotificationSuccessIcon = "#45d24d";
 export const ComponentsNotificationNeutralBackground = "#2b2b2b";
-export const ComponentsNotificationNeutralBorder = "#919191";
-export const ComponentsNotificationNeutralIcon = "#919191";
+export const ComponentsNotificationNeutralBorder = "#a9a9a9";
+export const ComponentsNotificationNeutralIcon = "#a9a9a9";
 export const ComponentsPopoverBackground = "#0e0e0e";
 export const ComponentsPopoverBorder = "#484848";
 export const ComponentsPopoverText = "#bfbfbf";

package/dist/js/spark_light.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;
@@ -147,6 +159,7 @@ export const ColorFocusBrand : string;
 export const ColorFocusBackground : string;
 export const ColorFocusBackgroundInverted : string;
 export const ColorFocusDestructive : string;
+export const ColorFocusDestructiveInField : string;
 export const ColorFocusSuccess : string;
 export const ColorRainbow1Background : string;
 export const ColorRainbow1Border : string;
@@ -455,10 +468,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 +482,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;