@sage/design-tokens 15.1.0 → 15.2.1

package/js/es6/product/small/light/components/form.js

@@ -7,8 +7,8 @@
  */
 
 export const formSpaceNone = 0;
-export const formSpaceCalendarXM = 19.2;
-export const formSpaceCalendarYM = 19.2;
+export const formSpaceCalendarXM = 24;
+export const formSpaceCalendarYM = 24;
 export const formSpaceCalendarYgM = 8;
 export const formSpaceChipXgM = 8;
 export const formSpaceChipXgL = 12;
@@ -20,24 +20,24 @@ export const formSpaceCheckradioYL = 4;
 export const formSpaceDatepickerPrS = "0";
 export const formSpaceDatepickerPrM = "0";
 export const formSpaceDatepickerPrL = "0";
-export const formSpaceDropdownButtonXS = 16;
-export const formSpaceDropdownButtonXM = 16;
-export const formSpaceDropdownButtonXL = 16;
+export const formSpaceDropdownButtonXS = 20;
+export const formSpaceDropdownButtonXM = 20;
+export const formSpaceDropdownButtonXL = 20;
 export const formSpaceDropdownHeadingPrS = 12;
 export const formSpaceDropdownHeadingPrM = 12;
 export const formSpaceDropdownHeadingPrL = 12;
 export const formSpaceDropdownHeadingPtS = 12;
 export const formSpaceDropdownHeadingPtM = 12;
 export const formSpaceDropdownHeadingPtL = 12;
-export const formSpaceDropdownHeadingPlS = 16;
-export const formSpaceDropdownHeadingPlM = 16;
-export const formSpaceDropdownHeadingPlL = 16;
-export const formSpaceDropdownMenuYS = 4.8;
-export const formSpaceDropdownMenuYM = 6.4;
-export const formSpaceDropdownMenuYL = 9.6;
-export const formSpaceDropdownMenuXS = 16;
-export const formSpaceDropdownMenuXM = 16;
-export const formSpaceDropdownMenuXL = 16;
+export const formSpaceDropdownHeadingPlS = 20;
+export const formSpaceDropdownHeadingPlM = 20;
+export const formSpaceDropdownHeadingPlL = 20;
+export const formSpaceDropdownMenuYS = 6;
+export const formSpaceDropdownMenuYM = 8;
+export const formSpaceDropdownMenuYL = 12;
+export const formSpaceDropdownMenuXS = 20;
+export const formSpaceDropdownMenuXM = 20;
+export const formSpaceDropdownMenuXL = 20;
 export const formSpaceDropdownOptionXS = 12;
 export const formSpaceDropdownOptionXM = 12;
 export const formSpaceDropdownOptionXL = 12;
@@ -50,9 +50,9 @@ export const formSpaceDropdownOptionYL = 10;
 export const formSpaceDropdownOptionColorpickerXgS = 4;
 export const formSpaceDropdownOptionColorpickerXgM = 8;
 export const formSpaceDropdownOptionColorpickerXgL = 12;
-export const formSpaceDropdownOptionSubtextXS = 16;
-export const formSpaceDropdownOptionSubtextXM = 16;
-export const formSpaceDropdownOptionSubtextXL = 16;
+export const formSpaceDropdownOptionSubtextXS = 20;
+export const formSpaceDropdownOptionSubtextXM = 20;
+export const formSpaceDropdownOptionSubtextXL = 20;
 export const formSpaceDropdownOptionSubtextYS = 2;
 export const formSpaceDropdownOptionSubtextYM = 4;
 export const formSpaceDropdownOptionSubtextYL = 4;
@@ -62,32 +62,32 @@ export const formSpaceDropdownPillXgL = 4;
 export const formSpaceDropdownTriggerSubtleS = 4;
 export const formSpaceDropdownTriggerSubtleM = 4;
 export const formSpaceDropdownTriggerSubtleL = 4;
-export const formSpaceFileinputStatusXlM = 22.4;
+export const formSpaceFileinputStatusXlM = 28;
 export const formSpaceFileinputStatusYM = 4;
 export const formSpaceFileinputThumbnailM = 4;
 export const formSpaceFileinputPreviewXM = 12;
 export const formSpaceFileinputPreviewYM = 8;
-export const formSpaceFileinputDropzoneXM = 19.2;
-export const formSpaceFileinputDropzoneYM = 19.2;
+export const formSpaceFileinputDropzoneXM = 24;
+export const formSpaceFileinputDropzoneYM = 24;
 export const formSpaceFileinputDropzoneYgM = 12;
-export const formSpaceInputButtonXS = 6.4;
-export const formSpaceInputButtonXM = 9.6;
-export const formSpaceInputButtonXL = 12.8;
-export const formSpaceInputStackS = 12.8;
-export const formSpaceInputStackM = 16;
-export const formSpaceInputStackL = 19.2;
+export const formSpaceInputButtonXS = 8;
+export const formSpaceInputButtonXM = 12;
+export const formSpaceInputButtonXL = 16;
+export const formSpaceInputStackS = 16;
+export const formSpaceInputStackM = 20;
+export const formSpaceInputStackL = 24;
 export const formSpaceInputXS = 8;
 export const formSpaceInputXM = 12;
-export const formSpaceInputXL = 12.8;
-export const formSpaceInputXgS = 12.8;
-export const formSpaceInputXgM = 16;
-export const formSpaceInputXgL = 19.2;
+export const formSpaceInputXL = 16;
+export const formSpaceInputXgS = 16;
+export const formSpaceInputXgM = 20;
+export const formSpaceInputXgL = 24;
 export const formSpaceInputYS = 4;
 export const formSpaceInputYM = 8;
 export const formSpaceInputYL = 10;
 export const formSpaceInputYgS = 8;
 export const formSpaceInputYgM = 12;
-export const formSpaceInputYgL = 12.8;
+export const formSpaceInputYgL = 16;
 export const formSpaceIntegralSecondarylabel = 4;
 export const formSpaceIntegralXgS = 6;
 export const formSpaceIntegralXgM = 8;
@@ -95,9 +95,9 @@ export const formSpaceIntegralXgL = 10;
 export const formSpaceIntegralYgS = 6;
 export const formSpaceIntegralYgM = 8;
 export const formSpaceIntegralYgL = 10;
-export const formSpaceIntegralProgressiveXS = 17.2;
-export const formSpaceIntegralProgressiveXM = 25.6;
-export const formSpaceIntegralProgressiveXL = 34;
+export const formSpaceIntegralProgressiveXS = 22;
+export const formSpaceIntegralProgressiveXM = 32;
+export const formSpaceIntegralProgressiveXL = 42;
 export const formSpaceIntegralProgressiveYS = 8;
 export const formSpaceIntegralProgressiveYM = 12;
 export const formSpaceIntegralProgressiveYL = 16;
@@ -106,9 +106,9 @@ export const formSpaceIntegralProgressiveYgM = 12;
 export const formSpaceIntegralProgressiveYgL = 16;
 export const formSpaceRatingXgM = 8;
 export const formSpaceRatingXgL = 12;
-export const formSpaceLayoutStackS = 12.8;
-export const formSpaceLayoutStackM = 16;
-export const formSpaceLayoutStackL = 19.2;
+export const formSpaceLayoutStackS = 16;
+export const formSpaceLayoutStackM = 20;
+export const formSpaceLayoutStackL = 24;
 export const formSpaceSwitchXgM = 4;
 export const formSpaceSwitchXgL = 6;
 export const formSpaceSwitchHandlesideM = 4;
@@ -117,22 +117,22 @@ export const formSpaceSwitchLabelsideM = 8;
 export const formSpaceSwitchLabelsideL = 12;
 export const formSpaceTexteditorYS = 8;
 export const formSpaceTexteditorYM = 12;
-export const formSpaceTexteditorYL = 12.8;
+export const formSpaceTexteditorYL = 16;
 export const formSpaceTexteditorYgS = 4;
 export const formSpaceTexteditorYgM = 8;
 export const formSpaceTexteditorYgL = 10;
 export const formSpaceTexteditorXS = 8;
 export const formSpaceTexteditorXM = 12;
-export const formSpaceTexteditorXL = 12.8;
-export const formSpaceTexteditorProcessingYS = 19.2;
-export const formSpaceTexteditorProcessingYM = 25.6;
-export const formSpaceTexteditorProcessingYL = 32;
+export const formSpaceTexteditorXL = 16;
+export const formSpaceTexteditorProcessingYS = 24;
+export const formSpaceTexteditorProcessingYM = 32;
+export const formSpaceTexteditorProcessingYL = 40;
 export const formSpaceTexteditorProcessingYgS = 12;
-export const formSpaceTexteditorProcessingYgM = 12.8;
-export const formSpaceTexteditorProcessingYgL = 19.2;
-export const formSpaceTexteditorProcessingXS = 19.2;
-export const formSpaceTexteditorProcessingXM = 25.6;
-export const formSpaceTexteditorProcessingXL = 32;
+export const formSpaceTexteditorProcessingYgM = 16;
+export const formSpaceTexteditorProcessingYgL = 24;
+export const formSpaceTexteditorProcessingXS = 24;
+export const formSpaceTexteditorProcessingXM = 32;
+export const formSpaceTexteditorProcessingXL = 40;
 export const formSpacePasswordRequirementXgS = 6;
 export const formSpacePasswordRequirementXgM = 8;
 export const formSpacePasswordRequirementXgL = 10;
@@ -212,6 +212,7 @@ export const formColorDropdownLabelAlt = "#000000e6";
 export const formColorDropdownLabelDisabled = "#0000006b";
 export const formColorDropdownLabelEnabled = "#000000ab";
 export const formColorDropdownLabelHover = "#000000";
+export const formColorDropdownLabelSubtext = "#0000008c";
 export const formColorLabelsetLabelRequired = "#CD384B";
 export const formColorLabelsetLabelDefault = "#000000f2";
 export const formColorLabelsetLabelAlt = "#0000008c";
@@ -332,6 +333,13 @@ export const formTypographyAdaptiveLabelL = {
   fontSize: "16px",
   paragraphSpacing: "0",
 };
+export const formTypographyAdaptiveDefaultXs = {
+  fontFamily: "Sage UI",
+  fontWeight: "400",
+  lineHeight: 1.5,
+  fontSize: "13px",
+  paragraphSpacing: "0",
+};
 export const formTypographyAdaptiveDefaultS = {
   fontFamily: "Sage UI",
   fontWeight: "400",
@@ -374,6 +382,13 @@ export const formTypographyResponsiveLabelL = {
   fontSize: "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)",
   paragraphSpacing: "0",
 };
+export const formTypographyResponsiveDefaultXs = {
+  fontFamily: "Sage UI",
+  fontWeight: "400",
+  lineHeight: 1.5,
+  fontSize: "clamp(0.7675rem, 0.8048rem + -0.0465vw, 0.7955rem)",
+  paragraphSpacing: "0",
+};
 export const formTypographyResponsiveDefaultS = {
   fontFamily: "Sage UI",
   fontWeight: "400",

package/js/es6/product/small/light/components/link.js

@@ -24,7 +24,7 @@ export const linkRadiusLink = 2;
 export const linkRadiusSkiplink = 8;
 export const linkSpaceIntegralXgM = 8;
 export const linkSpaceIntegralXgL = 8;
-export const linkSpaceSkiplinkX = 19.2;
+export const linkSpaceSkiplinkX = 24;
 export const linkSpaceSkiplinkY = 12;
 export const linkBoxshadowSkiplink = [
   {

package/js/es6/product/small/light/components/nav.js

@@ -119,68 +119,68 @@ export const navSizeTopnavContainerMinheight = 40;
 export const navSpaceMenuContainerXM = 4;
 export const navSpaceMenuContainerYM = 8;
 export const navSpaceMenuContentXM = 8;
-export const navSpaceMenuContentXL = 12.8;
+export const navSpaceMenuContentXL = 16;
 export const navSpaceMenuContentXgM = 8;
 export const navSpaceMenuContentYM = 4;
 export const navSpaceMenuItemXS = 4;
 export const navSpaceMenuItemXM = 8;
 export const navSpaceMenuItemYM = 4;
 export const navSpaceMenuItemYgM = 4;
-export const navSpaceNavbarXM = 19.2;
+export const navSpaceNavbarXM = 24;
 export const navSpaceNavbarYM = 2;
 export const navSpaceNavbarContentXM = 8;
 export const navSpaceNavbarContentXgM = 8;
 export const navSpaceNavbarContentYM = 4;
 export const navSpaceNavbarItemXM = 8;
 export const navSpaceNavbarItemYM = 4;
-export const navSpaceNavbarLogoXM = 12.8;
-export const navSpaceNavbarLogoXgM = 12.8;
+export const navSpaceNavbarLogoXM = 16;
+export const navSpaceNavbarLogoXgM = 16;
 export const navSpaceNavbarLogoYM = 4;
-export const navSpaceLeftnavContainerXM = 6.4;
-export const navSpaceLeftnavContainerYS = 9.6;
-export const navSpaceLeftnavContainerYM = 12.8;
-export const navSpaceLeftnavContainerYgS = 6.4;
-export const navSpaceLeftnavContainerYgM = 12.8;
-export const navSpaceLeftnavContainerOuterYM = 44.8;
+export const navSpaceLeftnavContainerXM = 8;
+export const navSpaceLeftnavContainerYS = 12;
+export const navSpaceLeftnavContainerYM = 16;
+export const navSpaceLeftnavContainerYgS = 8;
+export const navSpaceLeftnavContainerYgM = 16;
+export const navSpaceLeftnavContainerOuterYM = 56;
 export const navSpaceLeftnavParentitemVerticalXM = 4;
 export const navSpaceLeftnavParentitemVerticalYM = 4;
 export const navSpaceLeftnavParentitemVerticalYgM = 4;
-export const navSpaceLeftnavParentitemHorizontalXM = 6.4;
+export const navSpaceLeftnavParentitemHorizontalXM = 8;
 export const navSpaceLeftnavParentitemHorizontalXgM = 4;
-export const navSpaceLeftnavParentitemHorizontalYM = 6.4;
+export const navSpaceLeftnavParentitemHorizontalYM = 8;
 export const navSpaceLeftnavParentitemHorizontalYgM = 4;
-export const navSpaceLeftnavChilditemYgM = 3.2;
-export const navSpaceLeftnavChilditemXM = 6.4;
-export const navSpaceLeftnavChilditemXgM = 6.4;
-export const navSpaceLeftnavChilditemYM = 6.4;
-export const navSpaceLeftnavGrandchilditemXM = 6.4;
+export const navSpaceLeftnavChilditemYgM = 4;
+export const navSpaceLeftnavChilditemXM = 8;
+export const navSpaceLeftnavChilditemXgM = 8;
+export const navSpaceLeftnavChilditemYM = 8;
+export const navSpaceLeftnavGrandchilditemXM = 8;
 export const navSpaceLeftnavGrandchilditemXIndent = "33";
-export const navSpaceLeftnavGrandchilditemXgM = 6.4;
-export const navSpaceLeftnavGrandchilditemYM = 6.4;
-export const navSpaceLeftnavGrandchilditemYgM = 3.2;
-export const navSpaceModalContainerXM = 6.4;
-export const navSpaceModalContainerYM = 12.8;
-export const navSpaceModalContainerYgM = 4.4;
-export const navSpaceModalContainerOuterYM = 44.8;
-export const navSpaceModalParentitemXM = 6.4;
-export const navSpaceModalParentitemXgM = 6.4;
-export const navSpaceModalParentitemYM = 6.4;
-export const navSpaceModalParentitemYgM = 3.2;
-export const navSpaceModalChilditemXM = 6.4;
-export const navSpaceModalChilditemXgM = 3.2;
-export const navSpaceModalChilditemYM = 3.2;
-export const navSpaceModalHeaderitemXM = 6.4;
-export const navSpaceModalHeaderitemXgM = 6.4;
-export const navSpaceModalHeaderitemYM = 6.4;
-export const navSpaceModalHeaderitemYL = 12.8;
-export const navSpaceTopnavContainerXS = 6.4;
-export const navSpaceTopnavContainerXM = 25.6;
-export const navSpaceTopnavContainerXgM = 3.2;
-export const navSpaceTopnavContainerYS = 3.2;
-export const navSpaceTopnavContainerYM = 3.2;
-export const navSpaceTopnavParentitemXM = 6.4;
+export const navSpaceLeftnavGrandchilditemXgM = 8;
+export const navSpaceLeftnavGrandchilditemYM = 8;
+export const navSpaceLeftnavGrandchilditemYgM = 4;
+export const navSpaceModalContainerXM = 8;
+export const navSpaceModalContainerYM = 16;
+export const navSpaceModalContainerYgM = 6;
+export const navSpaceModalContainerOuterYM = 56;
+export const navSpaceModalParentitemXM = 8;
+export const navSpaceModalParentitemXgM = 8;
+export const navSpaceModalParentitemYM = 8;
+export const navSpaceModalParentitemYgM = 4;
+export const navSpaceModalChilditemXM = 8;
+export const navSpaceModalChilditemXgM = 4;
+export const navSpaceModalChilditemYM = 4;
+export const navSpaceModalHeaderitemXM = 8;
+export const navSpaceModalHeaderitemXgM = 8;
+export const navSpaceModalHeaderitemYM = 8;
+export const navSpaceModalHeaderitemYL = 16;
+export const navSpaceTopnavContainerXS = 8;
+export const navSpaceTopnavContainerXM = 32;
+export const navSpaceTopnavContainerXgM = 4;
+export const navSpaceTopnavContainerYS = 4;
+export const navSpaceTopnavContainerYM = 4;
+export const navSpaceTopnavParentitemXM = 8;
 export const navSpaceTopnavParentitemXgM = 4;
-export const navSpaceTopnavParentitemYM = 3.2;
+export const navSpaceTopnavParentitemYM = 4;
 export const navTypographyAdaptiveLabelS = {
   fontFamily: "Sage UI",
   fontWeight: "500",

package/js/es6/product/small/light/components/page.js

@@ -6,35 +6,35 @@
  * Do not edit directly, this file was auto-generated.
  */
 
-export const pageSpaceXL = 32;
-export const pageSpaceXXxxs = 3.2;
-export const pageSpaceXXxs = 6.4;
-export const pageSpaceXXs = 12.8;
-export const pageSpaceXS = 19.2;
-export const pageSpaceXM = 25.6;
-export const pageSpaceXXl = 64;
-export const pageSpaceYL = 32;
-export const pageSpaceYXxxs = 3.2;
-export const pageSpaceYXxs = 6.4;
-export const pageSpaceYXs = 12.8;
-export const pageSpaceYS = 19.2;
-export const pageSpaceYM = 25.6;
-export const pageSpaceYXl = 64;
+export const pageSpaceXL = 40;
+export const pageSpaceXXxxs = 4;
+export const pageSpaceXXxs = 8;
+export const pageSpaceXXs = 16;
+export const pageSpaceXS = 24;
+export const pageSpaceXM = 32;
+export const pageSpaceXXl = 80;
+export const pageSpaceYL = 40;
+export const pageSpaceYXxxs = 4;
+export const pageSpaceYXxs = 8;
+export const pageSpaceYXs = 16;
+export const pageSpaceYS = 24;
+export const pageSpaceYM = 32;
+export const pageSpaceYXl = 80;
 export const pageSpaceNone = 0;
-export const pageSpaceXgXxxs = 3.2;
-export const pageSpaceXgXxs = 6.4;
-export const pageSpaceXgXs = 12.8;
-export const pageSpaceXgS = 19.2;
-export const pageSpaceXgM = 25.6;
-export const pageSpaceXgL = 32;
-export const pageSpaceXgXl = 64;
-export const pageSpaceYgXxxs = 3.2;
-export const pageSpaceYgXxs = 6.4;
-export const pageSpaceYgXs = 12.8;
-export const pageSpaceYgS = 19.2;
-export const pageSpaceYgM = 25.6;
-export const pageSpaceYgL = 32;
-export const pageSpaceYgXl = 64;
+export const pageSpaceXgXxxs = 4;
+export const pageSpaceXgXxs = 8;
+export const pageSpaceXgXs = 16;
+export const pageSpaceXgS = 24;
+export const pageSpaceXgM = 32;
+export const pageSpaceXgL = 40;
+export const pageSpaceXgXl = 80;
+export const pageSpaceYgXxxs = 4;
+export const pageSpaceYgXxs = 8;
+export const pageSpaceYgXs = 16;
+export const pageSpaceYgS = 24;
+export const pageSpaceYgM = 32;
+export const pageSpaceYgL = 40;
+export const pageSpaceYgXl = 80;
 export const pageColorBgDefault = "#FFFFFF";
 export const pageColorBgAlt = "#f6f8f9";
 export const pageColorTextAlt = "#0000008c";

package/js/es6/product/small/light/components/popover.js

@@ -37,15 +37,15 @@ export const popoverBoxshadowContainer = [
     type: "dropShadow",
   },
 ];
-export const popoverSpaceMenuXS = 4.8;
-export const popoverSpaceMenuXM = 6.4;
-export const popoverSpaceMenuXL = 9.6;
-export const popoverSpaceMenuYS = 4.8;
-export const popoverSpaceMenuYM = 6.4;
-export const popoverSpaceMenuYL = 9.6;
-export const popoverSpaceMenuYgS = 4.8;
-export const popoverSpaceMenuYgM = 6.4;
-export const popoverSpaceMenuYgL = 9.6;
+export const popoverSpaceMenuXS = 6;
+export const popoverSpaceMenuXM = 8;
+export const popoverSpaceMenuXL = 12;
+export const popoverSpaceMenuYS = 6;
+export const popoverSpaceMenuYM = 8;
+export const popoverSpaceMenuYL = 12;
+export const popoverSpaceMenuYgS = 6;
+export const popoverSpaceMenuYgM = 8;
+export const popoverSpaceMenuYgL = 12;
 export const popoverSpaceOptionXS = 12;
 export const popoverSpaceOptionXM = 12;
 export const popoverSpaceOptionXL = 12;
@@ -55,9 +55,9 @@ export const popoverSpaceOptionXgL = 8;
 export const popoverSpaceOptionYS = 4;
 export const popoverSpaceOptionYM = 8;
 export const popoverSpaceOptionYL = 10;
-export const popoverSpaceSubmenuXS = 12.8;
-export const popoverSpaceSubmenuXM = 12.8;
-export const popoverSpaceSubmenuXL = 12.8;
+export const popoverSpaceSubmenuXS = 16;
+export const popoverSpaceSubmenuXM = 16;
+export const popoverSpaceSubmenuXL = 16;
 export const popoverColorBgActive = "#000000";
 export const popoverColorBgActivealt = "#0000001a";
 export const popoverColorBgDefault = "#FFFFFF";

package/js/es6/product/small/light/components/profile.js

@@ -27,13 +27,13 @@ export const profileColorBorderDefault = "#d1d1d1";
 export const profileColorLabelDefault = "#000000f2";
 export const profileRadiusPortrait = "999";
 export const profileSpaceNone = 0;
-export const profileSpaceXXs = 6.4;
-export const profileSpaceXS = 9.6;
-export const profileSpaceXM = 12.8;
-export const profileSpaceXMl = 12.8;
-export const profileSpaceXL = 16;
-export const profileSpaceXXl = 19.2;
-export const profileSpaceXXxl = 25.6;
+export const profileSpaceXXs = 8;
+export const profileSpaceXS = 12;
+export const profileSpaceXM = 16;
+export const profileSpaceXMl = 16;
+export const profileSpaceXL = 20;
+export const profileSpaceXXl = 24;
+export const profileSpaceXXxl = 32;
 export const profileBorderwidthPortrait = 1;
 export const profileTypographyAdaptiveInitialsXs = {
   fontFamily: "Sage UI",

package/js/es6/product/small/light/components/progress.js

@@ -97,14 +97,14 @@ export const progressBorderwidthStepindicatorSDefault = 2;
 export const progressBorderwidthStepindicatorMActive = 3;
 export const progressBorderwidthStepindicatorMDefault = 3;
 export const progressSpaceCarouselselectorXgM = 8;
-export const progressSpaceCarouselselectorYM = 12.8;
+export const progressSpaceCarouselselectorYM = 16;
 export const progressSpaceIntegralX = 4;
 export const progressSpaceLoaderYgS = 6;
 export const progressSpaceLoaderYgM = 8;
 export const progressSpaceLoaderYgL = 10;
 export const progressSpaceLoaderXgS = 8;
 export const progressSpaceLoaderXgM = 12;
-export const progressSpaceLoaderXgL = 12.8;
+export const progressSpaceLoaderXgL = 16;
 export const progressSpaceSkeletonMultilineYgXs = 8;
 export const progressSpaceSkeletonMultilineYgS = 10;
 export const progressSpaceSkeletonMultilineYgM = 6;
@@ -119,17 +119,17 @@ export const progressSpaceSkeletonSinglelineXgXs = 8;
 export const progressSpaceSkeletonSinglelineXgS = 8;
 export const progressSpaceSkeletonSinglelineXgM = 12;
 export const progressSpaceSkeletonSinglelineXgL = 12;
-export const progressSpaceSkeletonSinglelineXgXl = 12.8;
+export const progressSpaceSkeletonSinglelineXgXl = 16;
 export const progressSpaceStepflowYM = 4;
 export const progressSpaceStepflowYgM = 8;
-export const progressSpaceStepflowStepsXgM = 12.8;
+export const progressSpaceStepflowStepsXgM = 16;
 export const progressSpaceStepflowStepsYgM = 4;
 export const progressSpaceTrackerYgS = 6;
 export const progressSpaceTrackerYgM = 8;
 export const progressSpaceTrackerYgL = 12;
 export const progressSpaceTrackerXgM = 8;
 export const progressSpaceStepindicatorGenericGS = 12;
-export const progressSpaceStepindicatorGenericGM = 12.8;
+export const progressSpaceStepindicatorGenericGM = 16;
 export const progressSpaceStepindicatorGenericTextYgS = 4;
 export const progressSpaceStepindicatorGenericTextYgM = 4;
 export const progressSpaceStepindicatorGenericVisualGS = 8;

package/js/es6/product/small/light/components/status.js

@@ -184,27 +184,27 @@ export const statusBorderwidthPill = 2;
 export const statusBorderwidthMessage = 1;
 export const statusSpaceNone = 0;
 export const statusSpaceIntegralX = 4;
-export const statusSpacePillXS = 6.4;
-export const statusSpacePillXM = 6.4;
-export const statusSpacePillXL = 6.4;
+export const statusSpacePillXS = 8;
+export const statusSpacePillXM = 8;
+export const statusSpacePillXL = 8;
 export const statusSpaceTooltipX = 12;
 export const statusSpaceTooltipY = 8;
 export const statusSpaceMessageContextualXM = 12;
-export const statusSpaceMessageContextualXL = 16;
+export const statusSpaceMessageContextualXL = 20;
 export const statusSpaceMessageContextualYM = 12;
-export const statusSpaceMessageContextualYL = 16;
+export const statusSpaceMessageContextualYL = 20;
 export const statusSpaceMessageContextualXgM = 8;
-export const statusSpaceMessageContextualXgL = 12.8;
+export const statusSpaceMessageContextualXgL = 16;
 export const statusSpaceMessageContextualYgM = 2;
 export const statusSpaceMessageContextualYgL = 4;
 export const statusSpaceMessageContextualSubtleIconwrapperYM = 2;
 export const statusSpaceMessageContextualSubtleIconwrapperYL = 4;
-export const statusSpaceMessageGlobalXM = 32;
+export const statusSpaceMessageGlobalXM = 40;
 export const statusSpaceMessageGlobalYM = 8;
-export const statusSpaceMessageGlobalXgM = 12.8;
+export const statusSpaceMessageGlobalXgM = 16;
 export const statusSpaceMessageGlobalYgM = 4;
-export const statusSpaceMessageGlobalCtaYM = 12.8;
-export const statusSpaceMessageGlobalCtaYgM = 19.2;
+export const statusSpaceMessageGlobalCtaYM = 16;
+export const statusSpaceMessageGlobalCtaYgM = 24;
 export const statusSpaceMessageGlobalIconwrapperYM = 12;
 export const statusTypographyAdaptiveLabelS = {
   fontFamily: "Sage UI",

package/js/es6/product/small/light/components/tab.js

@@ -15,8 +15,8 @@ export const tabSizeIconM = 20;
 export const tabSizeIconL = 20;
 export const tabSizeIndicatorM = 4;
 export const tabSizeIndicatorL = 4;
-export const tabSpaceXM = 12.8;
-export const tabSpaceXL = 19.2;
+export const tabSpaceXM = 16;
+export const tabSpaceXL = 24;
 export const tabSpaceXgM = 8;
 export const tabSpaceXgL = 8;
 export const tabSpaceYM = 8;

package/js/es6/product/small/light/components/table.js

@@ -104,20 +104,20 @@ export const tableBorderwidthThick = 3;
 export const tableSpaceNone = 0;
 export const tableSpaceYg = 4;
 export const tableSpaceRowXXs = 8;
-export const tableSpaceRowXS = 12.8;
-export const tableSpaceRowXM = 12.8;
-export const tableSpaceRowXL = 12.8;
-export const tableSpaceRowXXl = 12.8;
+export const tableSpaceRowXS = 16;
+export const tableSpaceRowXM = 16;
+export const tableSpaceRowXL = 16;
+export const tableSpaceRowXXl = 16;
 export const tableSpaceRowXgXs = 8;
 export const tableSpaceRowXgS = 8;
 export const tableSpaceRowXgM = 8;
 export const tableSpaceRowXgL = 8;
 export const tableSpaceRowXgXl = 8;
-export const tableSpaceRowchildXXs = 29.6;
-export const tableSpaceRowchildXS = 36;
-export const tableSpaceRowchildXM = 36;
-export const tableSpaceRowchildXL = 36;
-export const tableSpaceRowchildXXl = 36;
+export const tableSpaceRowchildXXs = 36;
+export const tableSpaceRowchildXS = 44;
+export const tableSpaceRowchildXM = 44;
+export const tableSpaceRowchildXL = 44;
+export const tableSpaceRowchildXXl = 44;
 export const tableSizeRowStandardXs = 24;
 export const tableSizeRowStandardS = 32;
 export const tableSizeRowStandardM = 40;

package/js/es6/product/small/light/mode.d.ts

@@ -116,6 +116,7 @@ export const modesColorInteractiveMonochromeActiveAlt: string;
 export const modesColorInteractiveMonochromeDefault: string;
 export const modesColorInteractiveMonochromeDefaultAlt: string;
 export const modesColorInteractiveMonochromeDefaultAlt2: string;
+export const modesColorInteractiveMonochromeDefaultAlt3: string;
 export const modesColorInteractiveMonochromeHoverAlt: string;
 export const modesColorInteractiveMonochromeHover: string;
 export const modesColorInteractiveMonochromeWithActive: string;

package/js/es6/product/small/light/mode.js

@@ -119,7 +119,8 @@ export const modesColorInteractiveMonochromeActive = "#000000";
 export const modesColorInteractiveMonochromeActiveAlt = "#00000026";
 export const modesColorInteractiveMonochromeDefault = "#000000e6";
 export const modesColorInteractiveMonochromeDefaultAlt = "#000000ab";
-export const modesColorInteractiveMonochromeDefaultAlt2 = "#0000006b";
+export const modesColorInteractiveMonochromeDefaultAlt2 = "#0000008c";
+export const modesColorInteractiveMonochromeDefaultAlt3 = "#0000006b";
 export const modesColorInteractiveMonochromeHoverAlt = "#0000001a";
 export const modesColorInteractiveMonochromeHover = "#00000026";
 export const modesColorInteractiveMonochromeWithActive = "#FFFFFF";

package/js/umd/frozenproduct/large/dark/components/badge.js

@@ -36,14 +36,12 @@
           },
           "bg-default": {
             $type: "color",
-            $value: "#E13E53",
-            $description: "Used in global nav notification badges",
-            filePath: "data/tokens/components/badge.json",
+            $value: "#E04500",
+            filePath: "data/tokens/context/frozenproduct.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.status.negative.default}",
-              $description: "Used in global nav notification badges",
+              $value: "{modes.color.status.caution.frozenglobal.default}",
             },
             name: "badgeColorNotificationBgDefault",
             attributes: {},
@@ -64,12 +62,12 @@
           },
           "label-default": {
             $type: "color",
-            $value: "#000000",
-            filePath: "data/tokens/components/badge.json",
+            $value: "#FFFFFF",
+            filePath: "data/tokens/context/frozenproduct.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.generic.content.nought}",
+              $value: "{modes.color.generic.content.extreme}",
             },
             name: "badgeColorNotificationLabelDefault",
             attributes: {},
@@ -78,11 +76,11 @@
           "label-alt": {
             $type: "color",
             $value: "#000000",
-            filePath: "data/tokens/components/badge.json",
+            filePath: "data/tokens/context/frozenproduct.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.generic.content.nought}",
+              $value: "{modes.color.generic.fg.nought}",
             },
             name: "badgeColorNotificationLabelAlt",
             attributes: {},