@nova-design-system/nova-base 3.0.0-beta.41 → 3.0.0-beta.43

package/dist/js/ocean_dark.d.ts

@@ -144,6 +144,8 @@ export const ColorFeedbackSuccessLowBorder : string;
 export const ColorFeedbackSuccessLowIcon : string;
 export const ColorFeedbackSuccessLowText : string;
 export const ColorFocusBrand : string;
+export const ColorFocusBackground : string;
+export const ColorFocusBackgroundInverted : string;
 export const ColorFocusDestructive : string;
 export const ColorFocusSuccess : string;
 export const ColorRainbow1Background : string;
@@ -204,12 +206,15 @@ export const ShadowBlurLg2 : string;
 export const ShadowBlurXl1 : string;
 export const ShadowBlurXl2 : string;
 export const ShadowBlur2xl : string;
+export const ShadowSpreadBase : string;
+export const ShadowSpreadMd : string;
 export const ShadowSpreadLg1 : string;
 export const ShadowSpreadLg2 : string;
 export const ShadowSpreadXl : string;
 export const ShadowSpread2xl : string;
 export const ShadowYAxisNone : string;
-export const ShadowYAxisBase : string;
+export const ShadowYAxisBase1 : string;
+export const ShadowYAxisBase2 : string;
 export const ShadowYAxisMd1 : string;
 export const ShadowYAxisMd2 : string;
 export const ShadowYAxisLg1 : string;
@@ -217,13 +222,6 @@ export const ShadowYAxisLg2 : string;
 export const ShadowYAxisXl1 : string;
 export const ShadowYAxisXl2 : string;
 export const ShadowYAxis2xl : string;
-export const ComponentsWpfComponents2 : string;
-export const ComponentsDatagridBackground : string;
-export const ComponentsDatagridContentHeader : string;
-export const ComponentsDatagridContentText : string;
-export const ComponentsDatagridContentSubtext : string;
-export const ComponentsDatagridBorderBody : string;
-export const ComponentsDatagridBorderHeader : string;
 export const ComponentsButtonHighBorder : string;
 export const ComponentsButtonHighBorderHover : string;
 export const ComponentsButtonHighBorderActive : string;
@@ -406,6 +404,15 @@ export const ComponentsAlertSuccessIcon : string;
 export const ComponentsAlertNeutralBackground : string;
 export const ComponentsAlertNeutralBorder : string;
 export const ComponentsAlertNeutralIcon : string;
+export const ComponentsDatagridHeaderBorder : string;
+export const ComponentsDatagridHeaderText : string;
+export const ComponentsDatagridHeaderBackground : string;
+export const ComponentsDatagridBodyBorder : string;
+export const ComponentsDatagridBodyText : string;
+export const ComponentsDatagridBodySubtext : string;
+export const ComponentsDatagridBodyBackgroundDefault : string;
+export const ComponentsDatagridBodyBackgroundActive : string;
+export const ComponentsDatagridBodyBackgroundHover : string;
 export const ComponentsAvatarBackground1 : string;
 export const ComponentsAvatarBackground2 : string;
 export const ComponentsAvatarBackground3 : string;
@@ -446,6 +453,27 @@ export const ComponentsFieldTimeTextDefault : string;
 export const ComponentsFieldTimeTextHover : string;
 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;
+export const ComponentsCalendarCellBackgroundHover : string;
+export const ComponentsCalendarCellBackgroundToday : string;
+export const ComponentsCalendarCellDot : string;
+export const ComponentsCalendarCellDotSelected : string;
+export const ComponentsCalendarCellDotHover : string;
+export const ComponentsCalendarCellText : string;
+export const ComponentsCalendarCellTextSelected : string;
+export const ComponentsCalendarCellTextInRange : string;
+export const ComponentsCalendarCellTextHover : string;
+export const ComponentsCalendarCellTextOutsideMonth : string;
+export const ComponentsCalendarCellTextToday : string;
+export const ComponentsCalendarBackground : string;
 export const ComponentsMenuContextualBackground : string;
 export const ComponentsMenuContextualBorder : string;
 export const ComponentsMenuContextualItemBackground : string;

package/dist/js/ocean_dark.js

@@ -144,6 +144,8 @@ export const ColorFeedbackSuccessLowBorder = "#6bde71";
 export const ColorFeedbackSuccessLowIcon = "#6bde71";
 export const ColorFeedbackSuccessLowText = "#6bde71";
 export const ColorFocusBrand = "#258998";
+export const ColorFocusBackground = "#0b0f11";
+export const ColorFocusBackgroundInverted = "#ffffff";
 export const ColorFocusDestructive = "#ff3d3d";
 export const ColorFocusSuccess = "#6bde71";
 export const ColorRainbow1Background = "#482608";
@@ -204,12 +206,15 @@ export const ShadowBlurLg2 = "15px";
 export const ShadowBlurXl1 = "10px";
 export const ShadowBlurXl2 = "0px";
 export const ShadowBlur2xl = "50px";
+export const ShadowSpreadBase = "0px";
+export const ShadowSpreadMd = "0px";
 export const ShadowSpreadLg1 = "0px";
 export const ShadowSpreadLg2 = "0px";
 export const ShadowSpreadXl = "-2px";
 export const ShadowSpread2xl = "-6px";
 export const ShadowYAxisNone = "0px";
-export const ShadowYAxisBase = "1px";
+export const ShadowYAxisBase1 = "1px";
+export const ShadowYAxisBase2 = "1px";
 export const ShadowYAxisMd1 = "2px";
 export const ShadowYAxisMd2 = "4px";
 export const ShadowYAxisLg1 = "4px";
@@ -217,13 +222,6 @@ export const ShadowYAxisLg2 = "10px";
 export const ShadowYAxisXl1 = "10px";
 export const ShadowYAxisXl2 = "20px";
 export const ShadowYAxis2xl = "25px";
-export const ComponentsWpfComponents2 = "#ffffff";
-export const ComponentsDatagridBackground = "#000000";
-export const ComponentsDatagridContentHeader = "#889499";
-export const ComponentsDatagridContentText = "#f5f6f7";
-export const ComponentsDatagridContentSubtext = "#889499";
-export const ComponentsDatagridBorderBody = "#394d55";
-export const ComponentsDatagridBorderHeader = "#617177";
 export const ComponentsButtonHighBorder = "#ffffff";
 export const ComponentsButtonHighBorderHover = "#ffffff";
 export const ComponentsButtonHighBorderActive = "#ffffff";
@@ -406,6 +404,15 @@ export const ComponentsAlertSuccessIcon = "#6bde71";
 export const ComponentsAlertNeutralBackground = "#27353b";
 export const ComponentsAlertNeutralBorder = "#889499";
 export const ComponentsAlertNeutralIcon = "#889499";
+export const ComponentsDatagridHeaderBorder = "#617177";
+export const ComponentsDatagridHeaderText = "#889499";
+export const ComponentsDatagridHeaderBackground = "#ffffff";
+export const ComponentsDatagridBodyBorder = "#394d55";
+export const ComponentsDatagridBodyText = "#f5f6f7";
+export const ComponentsDatagridBodySubtext = "#889499";
+export const ComponentsDatagridBodyBackgroundDefault = "#ffffff";
+export const ComponentsDatagridBodyBackgroundActive = "#0b292e";
+export const ComponentsDatagridBodyBackgroundHover = "#ffffff";
 export const ComponentsAvatarBackground1 = "#482608";
 export const ComponentsAvatarBackground2 = "#45190a";
 export const ComponentsAvatarBackground3 = "#4d3a00";
@@ -446,6 +453,27 @@ export const ComponentsFieldTimeTextDefault = "#889499";
 export const ComponentsFieldTimeTextHover = "#bac1c4";
 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 = "#ffffff";
+export const ComponentsCalendarCellBackgroundSelected = "#4b9eaa";
+export const ComponentsCalendarCellBackgroundInRange = "#0b292e";
+export const ComponentsCalendarCellBackgroundHover = "#0b292e";
+export const ComponentsCalendarCellBackgroundToday = "#ffffff";
+export const ComponentsCalendarCellDot = "#f5f6f7";
+export const ComponentsCalendarCellDotSelected = "#000000";
+export const ComponentsCalendarCellDotHover = "#000000";
+export const ComponentsCalendarCellText = "#889499";
+export const ComponentsCalendarCellTextSelected = "#000000";
+export const ComponentsCalendarCellTextInRange = "#4b9eaa";
+export const ComponentsCalendarCellTextHover = "#bac1c4";
+export const ComponentsCalendarCellTextOutsideMonth = "#617177";
+export const ComponentsCalendarCellTextToday = "#4b9eaa";
+export const ComponentsCalendarBackground = "#0b0f11";
 export const ComponentsMenuContextualBackground = "#0b0f11";
 export const ComponentsMenuContextualBorder = "#394d55";
 export const ComponentsMenuContextualItemBackground = "#ffffff";

package/dist/js/ocean_light.d.ts

@@ -144,6 +144,8 @@ export const ColorFeedbackSuccessLowBorder : string;
 export const ColorFeedbackSuccessLowIcon : string;
 export const ColorFeedbackSuccessLowText : string;
 export const ColorFocusBrand : string;
+export const ColorFocusBackground : string;
+export const ColorFocusBackgroundInverted : string;
 export const ColorFocusDestructive : string;
 export const ColorFocusSuccess : string;
 export const ColorRainbow1Background : string;
@@ -204,12 +206,15 @@ export const ShadowBlurLg2 : string;
 export const ShadowBlurXl1 : string;
 export const ShadowBlurXl2 : string;
 export const ShadowBlur2xl : string;
+export const ShadowSpreadBase : string;
+export const ShadowSpreadMd : string;
 export const ShadowSpreadLg1 : string;
 export const ShadowSpreadLg2 : string;
 export const ShadowSpreadXl : string;
 export const ShadowSpread2xl : string;
 export const ShadowYAxisNone : string;
-export const ShadowYAxisBase : string;
+export const ShadowYAxisBase1 : string;
+export const ShadowYAxisBase2 : string;
 export const ShadowYAxisMd1 : string;
 export const ShadowYAxisMd2 : string;
 export const ShadowYAxisLg1 : string;
@@ -217,13 +222,6 @@ export const ShadowYAxisLg2 : string;
 export const ShadowYAxisXl1 : string;
 export const ShadowYAxisXl2 : string;
 export const ShadowYAxis2xl : string;
-export const ComponentsWpfComponents2 : string;
-export const ComponentsDatagridBackground : string;
-export const ComponentsDatagridContentHeader : string;
-export const ComponentsDatagridContentText : string;
-export const ComponentsDatagridContentSubtext : string;
-export const ComponentsDatagridBorderBody : string;
-export const ComponentsDatagridBorderHeader : string;
 export const ComponentsButtonHighBorder : string;
 export const ComponentsButtonHighBorderHover : string;
 export const ComponentsButtonHighBorderActive : string;
@@ -406,6 +404,15 @@ export const ComponentsAlertSuccessIcon : string;
 export const ComponentsAlertNeutralBackground : string;
 export const ComponentsAlertNeutralBorder : string;
 export const ComponentsAlertNeutralIcon : string;
+export const ComponentsDatagridHeaderBorder : string;
+export const ComponentsDatagridHeaderText : string;
+export const ComponentsDatagridHeaderBackground : string;
+export const ComponentsDatagridBodyBorder : string;
+export const ComponentsDatagridBodyText : string;
+export const ComponentsDatagridBodySubtext : string;
+export const ComponentsDatagridBodyBackgroundDefault : string;
+export const ComponentsDatagridBodyBackgroundActive : string;
+export const ComponentsDatagridBodyBackgroundHover : string;
 export const ComponentsAvatarBackground1 : string;
 export const ComponentsAvatarBackground2 : string;
 export const ComponentsAvatarBackground3 : string;
@@ -446,6 +453,27 @@ export const ComponentsFieldTimeTextDefault : string;
 export const ComponentsFieldTimeTextHover : string;
 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;
+export const ComponentsCalendarCellBackgroundHover : string;
+export const ComponentsCalendarCellBackgroundToday : string;
+export const ComponentsCalendarCellDot : string;
+export const ComponentsCalendarCellDotSelected : string;
+export const ComponentsCalendarCellDotHover : string;
+export const ComponentsCalendarCellText : string;
+export const ComponentsCalendarCellTextSelected : string;
+export const ComponentsCalendarCellTextInRange : string;
+export const ComponentsCalendarCellTextHover : string;
+export const ComponentsCalendarCellTextOutsideMonth : string;
+export const ComponentsCalendarCellTextToday : string;
+export const ComponentsCalendarBackground : string;
 export const ComponentsMenuContextualBackground : string;
 export const ComponentsMenuContextualBorder : string;
 export const ComponentsMenuContextualItemBackground : string;

package/dist/js/ocean_light.js

@@ -144,6 +144,8 @@ export const ColorFeedbackSuccessLowBorder = "#34ae3b";
 export const ColorFeedbackSuccessLowIcon = "#34ae3b";
 export const ColorFeedbackSuccessLowText = "#34ae3b";
 export const ColorFocusBrand = "#1f717d";
+export const ColorFocusBackground = "#ffffff";
+export const ColorFocusBackgroundInverted = "#0b0f11";
 export const ColorFocusDestructive = "#da2424";
 export const ColorFocusSuccess = "#34ae3b";
 export const ColorRainbow1Background = "#fdefe2";
@@ -204,12 +206,15 @@ export const ShadowBlurLg2 = "15px";
 export const ShadowBlurXl1 = "10px";
 export const ShadowBlurXl2 = "25px";
 export const ShadowBlur2xl = "50px";
+export const ShadowSpreadBase = "0px";
+export const ShadowSpreadMd = "0px";
 export const ShadowSpreadLg1 = "-2px";
 export const ShadowSpreadLg2 = "-3px";
 export const ShadowSpreadXl = "-5px";
 export const ShadowSpread2xl = "-12px";
 export const ShadowYAxisNone = "0px";
-export const ShadowYAxisBase = "1px";
+export const ShadowYAxisBase1 = "1px";
+export const ShadowYAxisBase2 = "1px";
 export const ShadowYAxisMd1 = "2px";
 export const ShadowYAxisMd2 = "4px";
 export const ShadowYAxisLg1 = "4px";
@@ -217,13 +222,6 @@ export const ShadowYAxisLg2 = "10px";
 export const ShadowYAxisXl1 = "10px";
 export const ShadowYAxisXl2 = "20px";
 export const ShadowYAxis2xl = "25px";
-export const ComponentsWpfComponents2 = "#ffffff";
-export const ComponentsDatagridBackground = "#ffffff";
-export const ComponentsDatagridContentHeader = "#617177";
-export const ComponentsDatagridContentText = "#171f22";
-export const ComponentsDatagridContentSubtext = "#617177";
-export const ComponentsDatagridBorderBody = "#e1e4e6";
-export const ComponentsDatagridBorderHeader = "#bac1c4";
 export const ComponentsButtonHighBorder = "#ffffff";
 export const ComponentsButtonHighBorderHover = "#ffffff";
 export const ComponentsButtonHighBorderActive = "#ffffff";
@@ -406,6 +404,15 @@ export const ComponentsAlertSuccessIcon = "#34ae3b";
 export const ComponentsAlertNeutralBackground = "#eaeef0";
 export const ComponentsAlertNeutralBorder = "#617177";
 export const ComponentsAlertNeutralIcon = "#617177";
+export const ComponentsDatagridHeaderBorder = "#bac1c4";
+export const ComponentsDatagridHeaderText = "#617177";
+export const ComponentsDatagridHeaderBackground = "#ffffff";
+export const ComponentsDatagridBodyBorder = "#e1e4e6";
+export const ComponentsDatagridBodyText = "#171f22";
+export const ComponentsDatagridBodySubtext = "#617177";
+export const ComponentsDatagridBodyBackgroundDefault = "#ffffff";
+export const ComponentsDatagridBodyBackgroundActive = "#e4f0f2";
+export const ComponentsDatagridBodyBackgroundHover = "#a5a6a7";
 export const ComponentsAvatarBackground1 = "#fdefe2";
 export const ComponentsAvatarBackground2 = "#fceae3";
 export const ComponentsAvatarBackground3 = "#ffecb3";
@@ -446,6 +453,27 @@ export const ComponentsFieldTimeTextDefault = "#617177";
 export const ComponentsFieldTimeTextHover = "#34464d";
 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";
+export const ComponentsCalendarCellBackgroundHover = "#e4f0f2";
+export const ComponentsCalendarCellBackgroundToday = "#ffffff";
+export const ComponentsCalendarCellDot = "#171f22";
+export const ComponentsCalendarCellDotSelected = "#ffffff";
+export const ComponentsCalendarCellDotHover = "#ffffff";
+export const ComponentsCalendarCellText = "#617177";
+export const ComponentsCalendarCellTextSelected = "#ffffff";
+export const ComponentsCalendarCellTextInRange = "#185963";
+export const ComponentsCalendarCellTextHover = "#34464d";
+export const ComponentsCalendarCellTextOutsideMonth = "#9fadb2";
+export const ComponentsCalendarCellTextToday = "#185963";
+export const ComponentsCalendarBackground = "#ffffff";
 export const ComponentsMenuContextualBackground = "#ffffff";
 export const ComponentsMenuContextualBorder = "#e1e4e6";
 export const ComponentsMenuContextualItemBackground = "#ffffff";

package/dist/js/primitives.d.ts

@@ -160,12 +160,6 @@ export const ColorRed600 : string;
 export const ColorRed700 : string;
 export const ColorRed800 : string;
 export const ColorRed900 : string;
-export const ColorRedMccs100 : string;
-export const ColorRedMccs200 : string;
-export const ColorRedMccs300 : string;
-export const ColorRedMccs400 : string;
-export const ColorRedMccs500 : string;
-export const ColorRedMccs00 : string;
 export const ColorTurquoise50 : string;
 export const ColorTurquoise100 : string;
 export const ColorTurquoise200 : string;

package/dist/js/primitives.js

@@ -160,12 +160,6 @@ export const ColorRed600 = "#a81818";
 export const ColorRed700 = "#851313";
 export const ColorRed800 = "#610e0e";
 export const ColorRed900 = "#3d0909";
-export const ColorRedMccs100 = "#ff3838";
-export const ColorRedMccs200 = "#d00202";
-export const ColorRedMccs300 = "#ae0303";
-export const ColorRedMccs400 = "#7d0000";
-export const ColorRedMccs500 = "#450000";
-export const ColorRedMccs00 = "#ff6161";
 export const ColorTurquoise50 = "#ecf4f3";
 export const ColorTurquoise100 = "#d2e5e3";
 export const ColorTurquoise200 = "#b8d6d2";

package/dist/js/spacings.d.ts

@@ -38,6 +38,30 @@ export const ButtonLgIconSize : string;
 export const ButtonLgLineHeight : string;
 export const ButtonLgPaddingX : string;
 export const ButtonLgPaddingY : string;
+export const CalendarCellDotSize : string;
+export const CalendarCellFontSize : string;
+export const CalendarCellFontWeight : string;
+export const CalendarCellLineHeight : string;
+export const CalendarCellSize : string;
+export const CalendarCellRadius : string;
+export const CalendarPadding : string;
+export const CalendarDoubleGapX : string;
+export const CalendarGapX : string;
+export const CalendarGapY : string;
+export const CalendarWeeksCalendarGapX : string;
+export const CalendarRadius : string;
+export const CalendarGridGapX : string;
+export const CalendarGridGapY : string;
+export const CalendarHeaderFontSize : string;
+export const CalendarHeaderFontWeight : string;
+export const CalendarHeaderLineHeight : string;
+export const CalendarHeaderMarginBottom : string;
+export const CalendarHeaderButtonSize : string;
+export const CalendarWeeksRadius : string;
+export const CalendarWeeksSize : string;
+export const CalendarControlsMarginTop : string;
+export const CalendarControlsPaddingTop : string;
+export const CalendarNavigationButtonsGap : string;
 export const ListNativeSeparatorPaddingX : string;
 export const ListNativeSeparatorPaddingY : string;
 export const ListNativeIconSize : string;
@@ -225,6 +249,14 @@ export const BadgePaddingX : string;
 export const BadgePaddingY : string;
 export const BadgeRadius : string;
 export const BreadcrumbPaddingY : string;
+export const DatagridCellBodyPaddingX : string;
+export const DatagridCellBodyAvatarGapX : string;
+export const DatagridCellBodyActionsGapX : string;
+export const DatagridCellBodyPaddingY : string;
+export const DatagridCellBodyActionsPaddingY : string;
+export const DatagridCellHeaderPaddingX : string;
+export const DatagridCellHeaderPaddingRight : string;
+export const DatagridCellHeaderPaddingY : string;
 export const DialogDismissiblePositionTop : string;
 export const DialogDismissiblePositionRight : string;
 export const DialogHeaderGapY : string;

package/dist/js/spacings.js

@@ -38,6 +38,30 @@ export const ButtonLgIconSize = "24px";
 export const ButtonLgLineHeight = "28px";
 export const ButtonLgPaddingX = "16px";
 export const ButtonLgPaddingY = "10px";
+export const CalendarCellDotSize = "3px";
+export const CalendarCellFontSize = "14px";
+export const CalendarCellFontWeight = "400";
+export const CalendarCellLineHeight = "20px";
+export const CalendarCellSize = "32px";
+export const CalendarCellRadius = "16px";
+export const CalendarPadding = "4px";
+export const CalendarDoubleGapX = "12px";
+export const CalendarGapX = "4px";
+export const CalendarGapY = "4px";
+export const CalendarWeeksCalendarGapX = "8px";
+export const CalendarRadius = "6px";
+export const CalendarGridGapX = "0px";
+export const CalendarGridGapY = "2px";
+export const CalendarHeaderFontSize = "14px";
+export const CalendarHeaderFontWeight = "500";
+export const CalendarHeaderLineHeight = "20px";
+export const CalendarHeaderMarginBottom = "4px";
+export const CalendarHeaderButtonSize = "32px";
+export const CalendarWeeksRadius = "4px";
+export const CalendarWeeksSize = "40px";
+export const CalendarControlsMarginTop = "4px";
+export const CalendarControlsPaddingTop = "8px";
+export const CalendarNavigationButtonsGap = "4px";
 export const ListNativeSeparatorPaddingX = "9px";
 export const ListNativeSeparatorPaddingY = "3px";
 export const ListNativeIconSize = "20px";
@@ -225,6 +249,14 @@ export const BadgePaddingX = "8px";
 export const BadgePaddingY = "4px";
 export const BadgeRadius = "9999px";
 export const BreadcrumbPaddingY = "4px";
+export const DatagridCellBodyPaddingX = "16px";
+export const DatagridCellBodyAvatarGapX = "12px";
+export const DatagridCellBodyActionsGapX = "8px";
+export const DatagridCellBodyPaddingY = "8px";
+export const DatagridCellBodyActionsPaddingY = "4px";
+export const DatagridCellHeaderPaddingX = "16px";
+export const DatagridCellHeaderPaddingRight = "8px";
+export const DatagridCellHeaderPaddingY = "12px";
 export const DialogDismissiblePositionTop = "20px";
 export const DialogDismissiblePositionRight = "12px";
 export const DialogHeaderGapY = "0px";

package/dist/js/spark_dark.d.ts

@@ -144,6 +144,8 @@ export const ColorFeedbackSuccessLowBorder : string;
 export const ColorFeedbackSuccessLowIcon : string;
 export const ColorFeedbackSuccessLowText : string;
 export const ColorFocusBrand : string;
+export const ColorFocusBackground : string;
+export const ColorFocusBackgroundInverted : string;
 export const ColorFocusDestructive : string;
 export const ColorFocusSuccess : string;
 export const ColorRainbow1Background : string;
@@ -204,12 +206,15 @@ export const ShadowBlurLg2 : string;
 export const ShadowBlurXl1 : string;
 export const ShadowBlurXl2 : string;
 export const ShadowBlur2xl : string;
+export const ShadowSpreadBase : string;
+export const ShadowSpreadMd : string;
 export const ShadowSpreadLg1 : string;
 export const ShadowSpreadLg2 : string;
 export const ShadowSpreadXl : string;
 export const ShadowSpread2xl : string;
 export const ShadowYAxisNone : string;
-export const ShadowYAxisBase : string;
+export const ShadowYAxisBase1 : string;
+export const ShadowYAxisBase2 : string;
 export const ShadowYAxisMd1 : string;
 export const ShadowYAxisMd2 : string;
 export const ShadowYAxisLg1 : string;
@@ -217,13 +222,6 @@ export const ShadowYAxisLg2 : string;
 export const ShadowYAxisXl1 : string;
 export const ShadowYAxisXl2 : string;
 export const ShadowYAxis2xl : string;
-export const ComponentsWpfComponents2 : string;
-export const ComponentsDatagridBackground : string;
-export const ComponentsDatagridContentHeader : string;
-export const ComponentsDatagridContentText : string;
-export const ComponentsDatagridContentSubtext : string;
-export const ComponentsDatagridBorderBody : string;
-export const ComponentsDatagridBorderHeader : string;
 export const ComponentsButtonHighBorder : string;
 export const ComponentsButtonHighBorderHover : string;
 export const ComponentsButtonHighBorderActive : string;
@@ -406,6 +404,15 @@ export const ComponentsAlertSuccessIcon : string;
 export const ComponentsAlertNeutralBackground : string;
 export const ComponentsAlertNeutralBorder : string;
 export const ComponentsAlertNeutralIcon : string;
+export const ComponentsDatagridHeaderBorder : string;
+export const ComponentsDatagridHeaderText : string;
+export const ComponentsDatagridHeaderBackground : string;
+export const ComponentsDatagridBodyBorder : string;
+export const ComponentsDatagridBodyText : string;
+export const ComponentsDatagridBodySubtext : string;
+export const ComponentsDatagridBodyBackgroundDefault : string;
+export const ComponentsDatagridBodyBackgroundActive : string;
+export const ComponentsDatagridBodyBackgroundHover : string;
 export const ComponentsAvatarBackground1 : string;
 export const ComponentsAvatarBackground2 : string;
 export const ComponentsAvatarBackground3 : string;
@@ -446,6 +453,27 @@ export const ComponentsFieldTimeTextDefault : string;
 export const ComponentsFieldTimeTextHover : string;
 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;
+export const ComponentsCalendarCellBackgroundHover : string;
+export const ComponentsCalendarCellBackgroundToday : string;
+export const ComponentsCalendarCellDot : string;
+export const ComponentsCalendarCellDotSelected : string;
+export const ComponentsCalendarCellDotHover : string;
+export const ComponentsCalendarCellText : string;
+export const ComponentsCalendarCellTextSelected : string;
+export const ComponentsCalendarCellTextInRange : string;
+export const ComponentsCalendarCellTextHover : string;
+export const ComponentsCalendarCellTextOutsideMonth : string;
+export const ComponentsCalendarCellTextToday : string;
+export const ComponentsCalendarBackground : string;
 export const ComponentsMenuContextualBackground : string;
 export const ComponentsMenuContextualBorder : string;
 export const ComponentsMenuContextualItemBackground : string;

package/dist/js/spark_dark.js

@@ -144,6 +144,8 @@ export const ColorFeedbackSuccessLowBorder = "#6bde71";
 export const ColorFeedbackSuccessLowIcon = "#6bde71";
 export const ColorFeedbackSuccessLowText = "#6bde71";
 export const ColorFocusBrand = "#e75420";
+export const ColorFocusBackground = "#0e0e0e";
+export const ColorFocusBackgroundInverted = "#ffffff";
 export const ColorFocusDestructive = "#ff3d3d";
 export const ColorFocusSuccess = "#6bde71";
 export const ColorRainbow1Background = "#482608";
@@ -204,12 +206,15 @@ export const ShadowBlurLg2 = "15px";
 export const ShadowBlurXl1 = "10px";
 export const ShadowBlurXl2 = "25px";
 export const ShadowBlur2xl = "50px";
+export const ShadowSpreadBase = "0px";
+export const ShadowSpreadMd = "0px";
 export const ShadowSpreadLg1 = "0px";
 export const ShadowSpreadLg2 = "0px";
 export const ShadowSpreadXl = "-2px";
 export const ShadowSpread2xl = "-6px";
 export const ShadowYAxisNone = "0px";
-export const ShadowYAxisBase = "1px";
+export const ShadowYAxisBase1 = "1px";
+export const ShadowYAxisBase2 = "1px";
 export const ShadowYAxisMd1 = "2px";
 export const ShadowYAxisMd2 = "4px";
 export const ShadowYAxisLg1 = "4px";
@@ -217,13 +222,6 @@ export const ShadowYAxisLg2 = "10px";
 export const ShadowYAxisXl1 = "10px";
 export const ShadowYAxisXl2 = "20px";
 export const ShadowYAxis2xl = "25px";
-export const ComponentsWpfComponents2 = "#ffffff";
-export const ComponentsDatagridBackground = "#000000";
-export const ComponentsDatagridContentHeader = "#808080";
-export const ComponentsDatagridContentText = "#f6f6f6";
-export const ComponentsDatagridContentSubtext = "#808080";
-export const ComponentsDatagridBorderBody = "#484848";
-export const ComponentsDatagridBorderHeader = "#6d6d6d";
 export const ComponentsButtonHighBorder = "#ffffff";
 export const ComponentsButtonHighBorderHover = "#ffffff";
 export const ComponentsButtonHighBorderActive = "#ffffff";
@@ -406,6 +404,15 @@ export const ComponentsAlertSuccessIcon = "#6bde71";
 export const ComponentsAlertNeutralBackground = "#313131";
 export const ComponentsAlertNeutralBorder = "#919191";
 export const ComponentsAlertNeutralIcon = "#919191";
+export const ComponentsDatagridHeaderBorder = "#6d6d6d";
+export const ComponentsDatagridHeaderText = "#808080";
+export const ComponentsDatagridHeaderBackground = "#ffffff";
+export const ComponentsDatagridBodyBorder = "#484848";
+export const ComponentsDatagridBodyText = "#f6f6f6";
+export const ComponentsDatagridBodySubtext = "#808080";
+export const ComponentsDatagridBodyBackgroundDefault = "#ffffff";
+export const ComponentsDatagridBodyBackgroundActive = "#45190a";
+export const ComponentsDatagridBodyBackgroundHover = "#ffffff";
 export const ComponentsAvatarBackground1 = "#482608";
 export const ComponentsAvatarBackground2 = "#45190a";
 export const ComponentsAvatarBackground3 = "#4d3a00";
@@ -446,6 +453,27 @@ export const ComponentsFieldTimeTextDefault = "#808080";
 export const ComponentsFieldTimeTextHover = "#bfbfbf";
 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";
+export const ComponentsCalendarCellBackgroundHover = "#45190a";
+export const ComponentsCalendarCellBackgroundToday = "#ffffff";
+export const ComponentsCalendarCellDot = "#f6f6f6";
+export const ComponentsCalendarCellDotSelected = "#000000";
+export const ComponentsCalendarCellDotHover = "#000000";
+export const ComponentsCalendarCellText = "#808080";
+export const ComponentsCalendarCellTextSelected = "#000000";
+export const ComponentsCalendarCellTextInRange = "#eb7247";
+export const ComponentsCalendarCellTextHover = "#bfbfbf";
+export const ComponentsCalendarCellTextOutsideMonth = "#6d6d6d";
+export const ComponentsCalendarCellTextToday = "#eb7247";
+export const ComponentsCalendarBackground = "#0e0e0e";
 export const ComponentsMenuContextualBackground = "#0e0e0e";
 export const ComponentsMenuContextualBorder = "#484848";
 export const ComponentsMenuContextualItemBackground = "#ffffff";