@nova-design-system/nova-base 3.9.0 → 3.10.0

package/dist/js/ocean_light.d.ts

@@ -2,30 +2,6 @@
  * Do not edit directly, this file was auto-generated.
  */
 
-export const ColorInteractionContainerBrandedLowBackground : string;
-export const ColorInteractionContainerBrandedLowBackgroundActive : string;
-export const ColorInteractionContainerBrandedLowBackgroundHover : string;
-export const ColorInteractionContainerBrandedLowBorder : string;
-export const ColorInteractionContainerBrandedLowBorderActive : string;
-export const ColorInteractionContainerBrandedLowBorderHover : string;
-export const ColorInteractionContainerBrandedLowIcon : string;
-export const ColorInteractionContainerBrandedLowIconActive : string;
-export const ColorInteractionContainerBrandedLowIconHover : string;
-export const ColorInteractionContainerBrandedLowText : string;
-export const ColorInteractionContainerBrandedLowTextActive : string;
-export const ColorInteractionContainerBrandedLowTextHover : string;
-export const ColorInteractionContainerBrandedHighBackground : string;
-export const ColorInteractionContainerBrandedHighBackgroundActive : string;
-export const ColorInteractionContainerBrandedHighBackgroundHover : string;
-export const ColorInteractionContainerBrandedHighBorder : string;
-export const ColorInteractionContainerBrandedHighBorderActive : string;
-export const ColorInteractionContainerBrandedHighBorderHover : string;
-export const ColorInteractionContainerBrandedHighIcon : string;
-export const ColorInteractionContainerBrandedHighIconActive : string;
-export const ColorInteractionContainerBrandedHighIconHover : string;
-export const ColorInteractionContainerBrandedHighText : string;
-export const ColorInteractionContainerBrandedHighTextActive : string;
-export const ColorInteractionContainerBrandedHighTextHover : string;
 export const ColorInteractionContainerNeutralBackground : string;
 export const ColorInteractionContainerNeutralBackgroundHover : string;
 export const ColorInteractionContainerNeutralBackgroundActive : string;
@@ -38,6 +14,30 @@ export const ColorInteractionContainerNeutralIconHover : string;
 export const ColorInteractionContainerNeutralText : string;
 export const ColorInteractionContainerNeutralTextActive : string;
 export const ColorInteractionContainerNeutralTextHover : string;
+export const ColorInteractionContainerBrandedHighBackground : string;
+export const ColorInteractionContainerBrandedHighBackgroundActive : string;
+export const ColorInteractionContainerBrandedHighBackgroundHover : string;
+export const ColorInteractionContainerBrandedHighBorder : string;
+export const ColorInteractionContainerBrandedHighBorderActive : string;
+export const ColorInteractionContainerBrandedHighBorderHover : string;
+export const ColorInteractionContainerBrandedHighIcon : string;
+export const ColorInteractionContainerBrandedHighIconActive : string;
+export const ColorInteractionContainerBrandedHighIconHover : string;
+export const ColorInteractionContainerBrandedHighText : string;
+export const ColorInteractionContainerBrandedHighTextActive : string;
+export const ColorInteractionContainerBrandedHighTextHover : string;
+export const ColorInteractionContainerBrandedLowBackground : string;
+export const ColorInteractionContainerBrandedLowBackgroundActive : string;
+export const ColorInteractionContainerBrandedLowBackgroundHover : string;
+export const ColorInteractionContainerBrandedLowBorder : string;
+export const ColorInteractionContainerBrandedLowBorderActive : string;
+export const ColorInteractionContainerBrandedLowBorderHover : string;
+export const ColorInteractionContainerBrandedLowIcon : string;
+export const ColorInteractionContainerBrandedLowIconActive : string;
+export const ColorInteractionContainerBrandedLowIconHover : string;
+export const ColorInteractionContainerBrandedLowText : string;
+export const ColorInteractionContainerBrandedLowTextActive : string;
+export const ColorInteractionContainerBrandedLowTextHover : string;
 export const ColorInteractionLinkHighIcon : string;
 export const ColorInteractionLinkHighIconHover : string;
 export const ColorInteractionLinkHighIconInactive : string;
@@ -247,18 +247,6 @@ export const ComponentsButtonHighTextHover : string;
 export const ComponentsButtonHighIcon : string;
 export const ComponentsButtonHighIconActive : string;
 export const ComponentsButtonHighIconHover : string;
-export const ComponentsButtonMediumBackground : string;
-export const ComponentsButtonMediumBackgroundActive : string;
-export const ComponentsButtonMediumBackgroundHover : string;
-export const ComponentsButtonMediumBorder : string;
-export const ComponentsButtonMediumBorderActive : string;
-export const ComponentsButtonMediumBorderHover : string;
-export const ComponentsButtonMediumIcon : string;
-export const ComponentsButtonMediumIconActive : string;
-export const ComponentsButtonMediumIconHover : string;
-export const ComponentsButtonMediumText : string;
-export const ComponentsButtonMediumTextActive : string;
-export const ComponentsButtonMediumTextHover : string;
 export const ComponentsButtonLowBackground : string;
 export const ComponentsButtonLowBorder : string;
 export const ComponentsButtonLowBorderActive : string;
@@ -293,6 +281,30 @@ export const ComponentsButtonGrAsComplementaryText : string;
 export const ComponentsButtonGrAsComplementaryTextHover : string;
 export const ComponentsButtonGrAsComplementaryIcon : string;
 export const ComponentsButtonGrAsComplementaryIconHover : string;
+export const ComponentsButtonMediumBackground : string;
+export const ComponentsButtonMediumBackgroundActive : string;
+export const ComponentsButtonMediumBackgroundHover : string;
+export const ComponentsButtonMediumBorder : string;
+export const ComponentsButtonMediumBorderActive : string;
+export const ComponentsButtonMediumBorderHover : string;
+export const ComponentsButtonMediumIcon : string;
+export const ComponentsButtonMediumIconActive : string;
+export const ComponentsButtonMediumIconHover : string;
+export const ComponentsButtonMediumText : string;
+export const ComponentsButtonMediumTextActive : string;
+export const ComponentsButtonMediumTextHover : string;
+export const ComponentsDatagridHeaderText : string;
+export const ComponentsDatagridHeaderBorder : string;
+export const ComponentsDatagridHeaderBackground : string;
+export const ComponentsDatagridBodyText : string;
+export const ComponentsDatagridBodySubtext : string;
+export const ComponentsDatagridBodyBorder : string;
+export const ComponentsDatagridBodyBackgroundDefault : string;
+export const ComponentsDatagridBodyBackgroundActive : string;
+export const ComponentsDatagridBodyBackgroundHover : string;
+export const ComponentsDatagridExpanderContentBackground : string;
+export const ComponentsDatagridExpanderBorder : string;
+export const ComponentsDatagridExpanderExpanderBackground : string;
 export const ComponentsFormOpacityDefault : string;
 export const ComponentsFormOpacityDisabled : string;
 export const ComponentsFormTextRequired : string;
@@ -450,15 +462,14 @@ export const ComponentsAvatarContent10 : string;
 export const ComponentsBreadcrumbText : string;
 export const ComponentsBreadcrumbTextActive : string;
 export const ComponentsBreadcrumbTextHover : 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 ComponentsButtongroupHighBorder : string;
+export const ComponentsButtongroupHighBackground : string;
+export const ComponentsButtongroupMediumBorder : string;
+export const ComponentsButtongroupMediumBackground : string;
+export const ComponentsButtongroupLowBorder : string;
+export const ComponentsButtongroupLowBackground : string;
+export const ComponentsButtongroupLowerBorder : string;
+export const ComponentsButtongroupLowerBackground : string;
 export const ComponentsFieldTimeBackgroundDefault : string;
 export const ComponentsFieldTimeBackgroundHover : string;
 export const ComponentsFieldTimeBackgroundActive : string;
@@ -539,3 +550,7 @@ export const ComponentsTooltipBackground : string;
 export const ComponentsTooltipBorder : string;
 export const ComponentsTooltipText : string;
 export const ComponentsTooltipSupportingText : string;
+export const ComponentsTogglegroupHighBorder : string;
+export const ComponentsTogglegroupHighBackground : string;
+export const ComponentsTogglegroupLowBorder : string;
+export const ComponentsTogglegroupLowBackground : string;

package/dist/js/ocean_light.js

@@ -2,18 +2,18 @@
  * Do not edit directly, this file was auto-generated.
  */
 
-export const ColorInteractionContainerBrandedLowBackground = "#ffffff";
-export const ColorInteractionContainerBrandedLowBackgroundActive = "#e4f0f2";
-export const ColorInteractionContainerBrandedLowBackgroundHover = "#e4f0f2";
-export const ColorInteractionContainerBrandedLowBorder = "#1f717d";
-export const ColorInteractionContainerBrandedLowBorderActive = "#185963";
-export const ColorInteractionContainerBrandedLowBorderHover = "#185963";
-export const ColorInteractionContainerBrandedLowIcon = "#1f717d";
-export const ColorInteractionContainerBrandedLowIconActive = "#185963";
-export const ColorInteractionContainerBrandedLowIconHover = "#185963";
-export const ColorInteractionContainerBrandedLowText = "#1f717d";
-export const ColorInteractionContainerBrandedLowTextActive = "#185963";
-export const ColorInteractionContainerBrandedLowTextHover = "#185963";
+export const ColorInteractionContainerNeutralBackground = "#ffffff";
+export const ColorInteractionContainerNeutralBackgroundHover = "#f5f6f7";
+export const ColorInteractionContainerNeutralBackgroundActive = "#e4f0f2";
+export const ColorInteractionContainerNeutralBorder = "#617177";
+export const ColorInteractionContainerNeutralBorderActive = "#185963";
+export const ColorInteractionContainerNeutralBorderHover = "#34464d";
+export const ColorInteractionContainerNeutralIcon = "#617177";
+export const ColorInteractionContainerNeutralIconActive = "#185963";
+export const ColorInteractionContainerNeutralIconHover = "#34464d";
+export const ColorInteractionContainerNeutralText = "#617177";
+export const ColorInteractionContainerNeutralTextActive = "#185963";
+export const ColorInteractionContainerNeutralTextHover = "#34464d";
 export const ColorInteractionContainerBrandedHighBackground = "#1f717d";
 export const ColorInteractionContainerBrandedHighBackgroundActive = "#185963";
 export const ColorInteractionContainerBrandedHighBackgroundHover = "#185963";
@@ -26,18 +26,18 @@ export const ColorInteractionContainerBrandedHighIconHover = "#ffffff";
 export const ColorInteractionContainerBrandedHighText = "#ffffff";
 export const ColorInteractionContainerBrandedHighTextActive = "#ffffff";
 export const ColorInteractionContainerBrandedHighTextHover = "#ffffff";
-export const ColorInteractionContainerNeutralBackground = "#ffffff";
-export const ColorInteractionContainerNeutralBackgroundHover = "#a5a6a7";
-export const ColorInteractionContainerNeutralBackgroundActive = "#e4f0f2";
-export const ColorInteractionContainerNeutralBorder = "#617177";
-export const ColorInteractionContainerNeutralBorderActive = "#185963";
-export const ColorInteractionContainerNeutralBorderHover = "#34464d";
-export const ColorInteractionContainerNeutralIcon = "#617177";
-export const ColorInteractionContainerNeutralIconActive = "#185963";
-export const ColorInteractionContainerNeutralIconHover = "#34464d";
-export const ColorInteractionContainerNeutralText = "#617177";
-export const ColorInteractionContainerNeutralTextActive = "#185963";
-export const ColorInteractionContainerNeutralTextHover = "#34464d";
+export const ColorInteractionContainerBrandedLowBackground = "#ffffff";
+export const ColorInteractionContainerBrandedLowBackgroundActive = "#e4f0f2";
+export const ColorInteractionContainerBrandedLowBackgroundHover = "#e4f0f2";
+export const ColorInteractionContainerBrandedLowBorder = "#1f717d";
+export const ColorInteractionContainerBrandedLowBorderActive = "#185963";
+export const ColorInteractionContainerBrandedLowBorderHover = "#185963";
+export const ColorInteractionContainerBrandedLowIcon = "#1f717d";
+export const ColorInteractionContainerBrandedLowIconActive = "#185963";
+export const ColorInteractionContainerBrandedLowIconHover = "#185963";
+export const ColorInteractionContainerBrandedLowText = "#1f717d";
+export const ColorInteractionContainerBrandedLowTextActive = "#185963";
+export const ColorInteractionContainerBrandedLowTextHover = "#185963";
 export const ColorInteractionLinkHighIcon = "#1f717d";
 export const ColorInteractionLinkHighIconHover = "#185963";
 export const ColorInteractionLinkHighIconInactive = "#617177";
@@ -247,18 +247,6 @@ export const ComponentsButtonHighTextHover = "#ffffff";
 export const ComponentsButtonHighIcon = "#ffffff";
 export const ComponentsButtonHighIconActive = "#ffffff";
 export const ComponentsButtonHighIconHover = "#ffffff";
-export const ComponentsButtonMediumBackground = "#ffffff";
-export const ComponentsButtonMediumBackgroundActive = "#e4f0f2";
-export const ComponentsButtonMediumBackgroundHover = "#e4f0f2";
-export const ComponentsButtonMediumBorder = "#1f717d";
-export const ComponentsButtonMediumBorderActive = "#185963";
-export const ComponentsButtonMediumBorderHover = "#185963";
-export const ComponentsButtonMediumIcon = "#1f717d";
-export const ComponentsButtonMediumIconActive = "#185963";
-export const ComponentsButtonMediumIconHover = "#185963";
-export const ComponentsButtonMediumText = "#1f717d";
-export const ComponentsButtonMediumTextActive = "#185963";
-export const ComponentsButtonMediumTextHover = "#185963";
 export const ComponentsButtonLowBackground = "#ffffff";
 export const ComponentsButtonLowBorder = "#ffffff";
 export const ComponentsButtonLowBorderActive = "#ffffff";
@@ -278,7 +266,7 @@ export const ComponentsButtonLowerBorder2 = "#ffffff";
 export const ComponentsButtonLowerBorderHover2 = "#ffffff";
 export const ComponentsButtonLowerBackground = "#ffffff";
 export const ComponentsButtonLowerBackgroundActive = "#e4f0f2";
-export const ComponentsButtonLowerBackgroundHover = "#a5a6a7";
+export const ComponentsButtonLowerBackgroundHover = "#f5f6f7";
 export const ComponentsButtonLowerIcon = "#617177";
 export const ComponentsButtonLowerIconActive = "#185963";
 export const ComponentsButtonLowerIconHover = "#34464d";
@@ -293,6 +281,30 @@ export const ComponentsButtonGrAsComplementaryText = "#000000";
 export const ComponentsButtonGrAsComplementaryTextHover = "#000000";
 export const ComponentsButtonGrAsComplementaryIcon = "#000000";
 export const ComponentsButtonGrAsComplementaryIconHover = "#000000";
+export const ComponentsButtonMediumBackground = "#ffffff";
+export const ComponentsButtonMediumBackgroundActive = "#e4f0f2";
+export const ComponentsButtonMediumBackgroundHover = "#e4f0f2";
+export const ComponentsButtonMediumBorder = "#1f717d";
+export const ComponentsButtonMediumBorderActive = "#185963";
+export const ComponentsButtonMediumBorderHover = "#185963";
+export const ComponentsButtonMediumIcon = "#1f717d";
+export const ComponentsButtonMediumIconActive = "#185963";
+export const ComponentsButtonMediumIconHover = "#185963";
+export const ComponentsButtonMediumText = "#1f717d";
+export const ComponentsButtonMediumTextActive = "#185963";
+export const ComponentsButtonMediumTextHover = "#185963";
+export const ComponentsDatagridHeaderText = "#ff0000";
+export const ComponentsDatagridHeaderBorder = "#bac1c4";
+export const ComponentsDatagridHeaderBackground = "#ffffff";
+export const ComponentsDatagridBodyText = "#ff0000";
+export const ComponentsDatagridBodySubtext = "#0000ff";
+export const ComponentsDatagridBodyBorder = "#e1e4e6";
+export const ComponentsDatagridBodyBackgroundDefault = "#ffffff";
+export const ComponentsDatagridBodyBackgroundActive = "#e4f0f2";
+export const ComponentsDatagridBodyBackgroundHover = "#f5f6f7";
+export const ComponentsDatagridExpanderContentBackground = "#ffffff";
+export const ComponentsDatagridExpanderBorder = "#e1e4e6";
+export const ComponentsDatagridExpanderExpanderBackground = "#f5f6f7";
 export const ComponentsFormOpacityDefault = "100%";
 export const ComponentsFormOpacityDisabled = "50%";
 export const ComponentsFormTextRequired = "#bb1919";
@@ -357,7 +369,7 @@ export const ComponentsListDropdownItemDescriptionDefault = "#617177";
 export const ComponentsListDropdownItemDescriptionHover = "#34464d";
 export const ComponentsListDropdownItemDescriptionDisabled = "#9fadb2";
 export const ComponentsListDropdownItemBackgroundDefault = "#ffffff";
-export const ComponentsListDropdownItemBackgroundHover = "#a5a6a7";
+export const ComponentsListDropdownItemBackgroundHover = "#f5f6f7";
 export const ComponentsListDropdownItemBackgroundDisabled = "#ffffff";
 export const ComponentsListDropdownItemBackgroundActive = "#e4f0f2";
 export const ComponentsListDropdownGroupTitleContent = "#34464d";
@@ -447,20 +459,19 @@ export const ComponentsAvatarContent7 = "#106f15";
 export const ComponentsAvatarContent8 = "#1f717d";
 export const ComponentsAvatarContent9 = "#5c6e1f";
 export const ComponentsAvatarContent10 = "#394d55";
-export const ComponentsBreadcrumbText = "#617177";
-export const ComponentsBreadcrumbTextActive = "#34464d";
+export const ComponentsBreadcrumbText = "#171f22";
+export const ComponentsBreadcrumbTextActive = "#171f22";
 export const ComponentsBreadcrumbTextHover = "#185963";
-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 ComponentsButtongroupHighBorder = "#1f717d";
+export const ComponentsButtongroupHighBackground = "#1f717d";
+export const ComponentsButtongroupMediumBorder = "#1f717d";
+export const ComponentsButtongroupMediumBackground = "#ffffff";
+export const ComponentsButtongroupLowBorder = "#1f717d";
+export const ComponentsButtongroupLowBackground = "#ffffff";
+export const ComponentsButtongroupLowerBorder = "#617177";
+export const ComponentsButtongroupLowerBackground = "#ffffff";
 export const ComponentsFieldTimeBackgroundDefault = "#ffffff";
-export const ComponentsFieldTimeBackgroundHover = "#a5a6a7";
+export const ComponentsFieldTimeBackgroundHover = "#f5f6f7";
 export const ComponentsFieldTimeBackgroundActive = "#e4f0f2";
 export const ComponentsFieldTimeTextDefault = "#617177";
 export const ComponentsFieldTimeTextHover = "#34464d";
@@ -490,7 +501,7 @@ export const ComponentsCalendarBackground = "#ffffff";
 export const ComponentsMenuContextualBackground = "#ffffff";
 export const ComponentsMenuContextualBorder = "#e1e4e6";
 export const ComponentsMenuContextualItemBackground = "#ffffff";
-export const ComponentsMenuContextualItemBackgroundHover = "#a5a6a7";
+export const ComponentsMenuContextualItemBackgroundHover = "#f5f6f7";
 export const ComponentsMenuContextualItemShortcut = "#9fadb2";
 export const ComponentsMenuContextualItemContent = "#617177";
 export const ComponentsMenuContextualItemContentDisabled = "#9fadb2";
@@ -539,3 +550,7 @@ export const ComponentsTooltipBackground = "#0b0f11";
 export const ComponentsTooltipBorder = "#0b0f11";
 export const ComponentsTooltipText = "#f5f6f7";
 export const ComponentsTooltipSupportingText = "#889499";
+export const ComponentsTogglegroupHighBorder = "#1f717d";
+export const ComponentsTogglegroupHighBackground = "#ffffff";
+export const ComponentsTogglegroupLowBorder = "#617177";
+export const ComponentsTogglegroupLowBackground = "#ffffff";

package/dist/js/spacings.d.ts

@@ -2,6 +2,30 @@
  * Do not edit directly, this file was auto-generated.
  */
 
+export const ButtongroupXsPadding : string;
+export const ButtongroupXsButtonRadius : string;
+export const ButtongroupXsButtonPaddingY : string;
+export const ButtongroupXsRadius : string;
+export const ButtongroupXsGap : string;
+export const ButtongroupXsHeight : string;
+export const ButtongroupSmButtonPaddingY : string;
+export const ButtongroupSmButtonRadius : string;
+export const ButtongroupSmPadding : string;
+export const ButtongroupSmRadius : string;
+export const ButtongroupSmGap : string;
+export const ButtongroupSmHeight : string;
+export const ButtongroupLgPadding : string;
+export const ButtongroupLgButtonPaddingY : string;
+export const ButtongroupLgButtonRadius : string;
+export const ButtongroupLgRadius : string;
+export const ButtongroupLgGap : string;
+export const ButtongroupLgHeight : string;
+export const ButtongroupMdPadding : string;
+export const ButtongroupMdButtonPaddingY : string;
+export const ButtongroupMdButtonRadius : string;
+export const ButtongroupMdRadius : string;
+export const ButtongroupMdGap : string;
+export const ButtongroupMdHeight : string;
 export const ButtonXsRingRadius : string;
 export const ButtonXsBorderRadius : string;
 export const ButtonXsFontSize : string;
@@ -62,6 +86,16 @@ export const CalendarWeeksSize : string;
 export const CalendarControlsMarginTop : string;
 export const CalendarControlsPaddingTop : string;
 export const CalendarNavigationButtonsGap : string;
+export const IconStrokeXs : string;
+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 ListNativeSeparatorPaddingX : string;
 export const ListNativeSeparatorPaddingY : string;
 export const ListNativeIconSize : string;
@@ -227,6 +261,34 @@ 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;
@@ -268,9 +330,14 @@ export const DatagridCellBodyAvatarGapX : string;
 export const DatagridCellBodyActionsGapX : string;
 export const DatagridCellBodyPaddingY : string;
 export const DatagridCellBodyActionsPaddingY : string;
+export const DatagridCellBodyChevronPaddingX : string;
 export const DatagridCellHeaderPaddingX : string;
 export const DatagridCellHeaderPaddingRight : string;
 export const DatagridCellHeaderPaddingY : string;
+export const DatagridCellHeaderChevronPaddingX : string;
+export const DatagridExpandedPaddingRight : string;
+export const DatagridExpandedPaddingY : string;
+export const DatagridExpandedPaddingLeft : string;
 export const DialogDismissiblePositionTop : string;
 export const DialogDismissiblePositionRight : string;
 export const DialogHeaderGapY : string;
@@ -291,11 +358,6 @@ export const LoaderSizeSm : string;
 export const LoaderSizeMd : string;
 export const LoaderSizeLg : string;
 export const LoaderSizeXl : string;
-export const IconXs : string;
-export const IconSm : string;
-export const IconMd : string;
-export const IconLg : string;
-export const IconXl : string;
 export const NavigationPrimaryItemGapX : string;
 export const NavigationPrimaryItemPaddingX : string;
 export const NavigationPrimaryItemPaddingY : string;

package/dist/js/spacings.js

@@ -2,6 +2,30 @@
  * Do not edit directly, this file was auto-generated.
  */
 
+export const ButtongroupXsPadding = "2px";
+export const ButtongroupXsButtonRadius = "1px";
+export const ButtongroupXsButtonPaddingY = "2px";
+export const ButtongroupXsRadius = "2px";
+export const ButtongroupXsGap = "1px";
+export const ButtongroupXsHeight = "24px";
+export const ButtongroupSmButtonPaddingY = "4px";
+export const ButtongroupSmButtonRadius = "2px";
+export const ButtongroupSmPadding = "2px";
+export const ButtongroupSmRadius = "4px";
+export const ButtongroupSmGap = "1px";
+export const ButtongroupSmHeight = "32px";
+export const ButtongroupLgPadding = "4px";
+export const ButtongroupLgButtonPaddingY = "6px";
+export const ButtongroupLgButtonRadius = "4px";
+export const ButtongroupLgRadius = "8px";
+export const ButtongroupLgGap = "1px";
+export const ButtongroupLgHeight = "48px";
+export const ButtongroupMdPadding = "3px";
+export const ButtongroupMdButtonPaddingY = "5px";
+export const ButtongroupMdButtonRadius = "3px";
+export const ButtongroupMdRadius = "6px";
+export const ButtongroupMdGap = "1px";
+export const ButtongroupMdHeight = "40px";
 export const ButtonXsRingRadius = "3px";
 export const ButtonXsBorderRadius = "2px";
 export const ButtonXsFontSize = "12px";
@@ -62,6 +86,16 @@ export const CalendarWeeksSize = "40px";
 export const CalendarControlsMarginTop = "4px";
 export const CalendarControlsPaddingTop = "8px";
 export const CalendarNavigationButtonsGap = "4px";
+export const IconStrokeXs = "1.2000000476837158px";
+export const IconStrokeSm = "1.399999976158142px";
+export const IconStrokeMd = "1.600000023841858px";
+export const IconStrokeLg = "1.7999999523162842px";
+export const IconStrokeXl = "1.899999976158142px";
+export const IconXs = "12px";
+export const IconSm = "16px";
+export const IconMd = "20px";
+export const IconLg = "24px";
+export const IconXl = "28px";
 export const ListNativeSeparatorPaddingX = "9px";
 export const ListNativeSeparatorPaddingY = "3px";
 export const ListNativeIconSize = "20px";
@@ -227,6 +261,34 @@ export const SliderHandlerStroke = "2px";
 export const SliderTrackHeight = "4px";
 export const SliderTrackPaddingX = "12px";
 export const SliderTrackRadius = "2px";
+export const TogglegroupXsPadding = "3px";
+export const TogglegroupXsButtonPaddingY = "1px";
+export const TogglegroupXsButtonRadius = "1px";
+export const TogglegroupXsIconbuttonPaddingY = "3px";
+export const TogglegroupXsRadius = "2px";
+export const TogglegroupXsGap = "2px";
+export const TogglegroupXsHeight = "24px";
+export const TogglegroupSmButtonPaddingY = "3px";
+export const TogglegroupSmButtonRadius = "2px";
+export const TogglegroupSmIconbuttonPaddingY = "5px";
+export const TogglegroupSmPadding = "3px";
+export const TogglegroupSmRadius = "4px";
+export const TogglegroupSmGap = "2px";
+export const TogglegroupSmHeight = "32px";
+export const TogglegroupLgPadding = "3px";
+export const TogglegroupLgButtonPaddingY = "7px";
+export const TogglegroupLgButtonRadius = "5px";
+export const TogglegroupLgIconbuttonPaddingY = "9px";
+export const TogglegroupLgRadius = "8px";
+export const TogglegroupLgGap = "2px";
+export const TogglegroupLgHeight = "48px";
+export const TogglegroupMdPadding = "3px";
+export const TogglegroupMdButtonPaddingY = "5px";
+export const TogglegroupMdButtonRadius = "3px";
+export const TogglegroupMdIconbuttonPaddingY = "7px";
+export const TogglegroupMdRadius = "6px";
+export const TogglegroupMdGap = "2px";
+export const TogglegroupMdHeight = "40px";
 export const AlertIconSize = "20px";
 export const AlertGapX = "12px";
 export const AlertIconPositionX = "16px";
@@ -268,9 +330,14 @@ export const DatagridCellBodyAvatarGapX = "12px";
 export const DatagridCellBodyActionsGapX = "8px";
 export const DatagridCellBodyPaddingY = "8px";
 export const DatagridCellBodyActionsPaddingY = "4px";
+export const DatagridCellBodyChevronPaddingX = "0px";
 export const DatagridCellHeaderPaddingX = "16px";
 export const DatagridCellHeaderPaddingRight = "8px";
 export const DatagridCellHeaderPaddingY = "12px";
+export const DatagridCellHeaderChevronPaddingX = "0px";
+export const DatagridExpandedPaddingRight = "16px";
+export const DatagridExpandedPaddingY = "16px";
+export const DatagridExpandedPaddingLeft = "56px";
 export const DialogDismissiblePositionTop = "20px";
 export const DialogDismissiblePositionRight = "12px";
 export const DialogHeaderGapY = "0px";
@@ -291,11 +358,6 @@ export const LoaderSizeSm = "20px";
 export const LoaderSizeMd = "24px";
 export const LoaderSizeLg = "28px";
 export const LoaderSizeXl = "32px";
-export const IconXs = "12px";
-export const IconSm = "16px";
-export const IconMd = "20px";
-export const IconLg = "24px";
-export const IconXl = "28px";
 export const NavigationPrimaryItemGapX = "8px";
 export const NavigationPrimaryItemPaddingX = "12px";
 export const NavigationPrimaryItemPaddingY = "8px";

package/dist/js/spark_dark.d.ts

@@ -2,30 +2,6 @@
  * Do not edit directly, this file was auto-generated.
  */
 
-export const ColorInteractionContainerBrandedLowBackground : string;
-export const ColorInteractionContainerBrandedLowBackgroundActive : string;
-export const ColorInteractionContainerBrandedLowBackgroundHover : string;
-export const ColorInteractionContainerBrandedLowBorder : string;
-export const ColorInteractionContainerBrandedLowBorderActive : string;
-export const ColorInteractionContainerBrandedLowBorderHover : string;
-export const ColorInteractionContainerBrandedLowIcon : string;
-export const ColorInteractionContainerBrandedLowIconActive : string;
-export const ColorInteractionContainerBrandedLowIconHover : string;
-export const ColorInteractionContainerBrandedLowText : string;
-export const ColorInteractionContainerBrandedLowTextActive : string;
-export const ColorInteractionContainerBrandedLowTextHover : string;
-export const ColorInteractionContainerBrandedHighBackground : string;
-export const ColorInteractionContainerBrandedHighBackgroundActive : string;
-export const ColorInteractionContainerBrandedHighBackgroundHover : string;
-export const ColorInteractionContainerBrandedHighBorder : string;
-export const ColorInteractionContainerBrandedHighBorderActive : string;
-export const ColorInteractionContainerBrandedHighBorderHover : string;
-export const ColorInteractionContainerBrandedHighIcon : string;
-export const ColorInteractionContainerBrandedHighIconActive : string;
-export const ColorInteractionContainerBrandedHighIconHover : string;
-export const ColorInteractionContainerBrandedHighText : string;
-export const ColorInteractionContainerBrandedHighTextActive : string;
-export const ColorInteractionContainerBrandedHighTextHover : string;
 export const ColorInteractionContainerNeutralBackground : string;
 export const ColorInteractionContainerNeutralBackgroundHover : string;
 export const ColorInteractionContainerNeutralBackgroundActive : string;
@@ -38,6 +14,30 @@ export const ColorInteractionContainerNeutralIconHover : string;
 export const ColorInteractionContainerNeutralText : string;
 export const ColorInteractionContainerNeutralTextActive : string;
 export const ColorInteractionContainerNeutralTextHover : string;
+export const ColorInteractionContainerBrandedHighBackground : string;
+export const ColorInteractionContainerBrandedHighBackgroundActive : string;
+export const ColorInteractionContainerBrandedHighBackgroundHover : string;
+export const ColorInteractionContainerBrandedHighBorder : string;
+export const ColorInteractionContainerBrandedHighBorderActive : string;
+export const ColorInteractionContainerBrandedHighBorderHover : string;
+export const ColorInteractionContainerBrandedHighIcon : string;
+export const ColorInteractionContainerBrandedHighIconActive : string;
+export const ColorInteractionContainerBrandedHighIconHover : string;
+export const ColorInteractionContainerBrandedHighText : string;
+export const ColorInteractionContainerBrandedHighTextActive : string;
+export const ColorInteractionContainerBrandedHighTextHover : string;
+export const ColorInteractionContainerBrandedLowBackground : string;
+export const ColorInteractionContainerBrandedLowBackgroundActive : string;
+export const ColorInteractionContainerBrandedLowBackgroundHover : string;
+export const ColorInteractionContainerBrandedLowBorder : string;
+export const ColorInteractionContainerBrandedLowBorderActive : string;
+export const ColorInteractionContainerBrandedLowBorderHover : string;
+export const ColorInteractionContainerBrandedLowIcon : string;
+export const ColorInteractionContainerBrandedLowIconActive : string;
+export const ColorInteractionContainerBrandedLowIconHover : string;
+export const ColorInteractionContainerBrandedLowText : string;
+export const ColorInteractionContainerBrandedLowTextActive : string;
+export const ColorInteractionContainerBrandedLowTextHover : string;
 export const ColorInteractionLinkHighIcon : string;
 export const ColorInteractionLinkHighIconHover : string;
 export const ColorInteractionLinkHighIconInactive : string;
@@ -293,6 +293,18 @@ export const ComponentsButtonMediumIconHover : string;
 export const ComponentsButtonMediumText : string;
 export const ComponentsButtonMediumTextActive : string;
 export const ComponentsButtonMediumTextHover : string;
+export const ComponentsDatagridHeaderText : string;
+export const ComponentsDatagridHeaderBorder : string;
+export const ComponentsDatagridHeaderBackground : string;
+export const ComponentsDatagridBodyText : string;
+export const ComponentsDatagridBodySubtext : string;
+export const ComponentsDatagridBodyBorder : string;
+export const ComponentsDatagridBodyBackgroundDefault : string;
+export const ComponentsDatagridBodyBackgroundActive : string;
+export const ComponentsDatagridBodyBackgroundHover : string;
+export const ComponentsDatagridExpanderContentBackground : string;
+export const ComponentsDatagridExpanderBorder : string;
+export const ComponentsDatagridExpanderExpanderBackground : string;
 export const ComponentsFormOpacityDefault : string;
 export const ComponentsFormOpacityDisabled : string;
 export const ComponentsFormTextRequired : string;
@@ -450,15 +462,14 @@ export const ComponentsAvatarContent10 : string;
 export const ComponentsBreadcrumbText : string;
 export const ComponentsBreadcrumbTextActive : string;
 export const ComponentsBreadcrumbTextHover : 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 ComponentsButtongroupHighBorder : string;
+export const ComponentsButtongroupHighBackground : string;
+export const ComponentsButtongroupMediumBorder : string;
+export const ComponentsButtongroupMediumBackground : string;
+export const ComponentsButtongroupLowBorder : string;
+export const ComponentsButtongroupLowBackground : string;
+export const ComponentsButtongroupLowerBorder : string;
+export const ComponentsButtongroupLowerBackground : string;
 export const ComponentsFieldTimeBackgroundDefault : string;
 export const ComponentsFieldTimeBackgroundHover : string;
 export const ComponentsFieldTimeBackgroundActive : string;
@@ -539,3 +550,7 @@ export const ComponentsTooltipBackground : string;
 export const ComponentsTooltipBorder : string;
 export const ComponentsTooltipText : string;
 export const ComponentsTooltipSupportingText : string;
+export const ComponentsTogglegroupHighBorder : string;
+export const ComponentsTogglegroupHighBackground : string;
+export const ComponentsTogglegroupLowBorder : string;
+export const ComponentsTogglegroupLowBackground : string;