@sage/design-tokens 15.2.0 → 15.2.1

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

@@ -267,7 +267,7 @@
           x: {
             S: {
               $type: "spacing",
-              $value: 4.8,
+              $value: 6,
               $description:
                 "Left and right padding token used on small popover container consumed inside number input.",
               filePath: "data/tokens/components/popover.json",
@@ -284,7 +284,7 @@
             },
             M: {
               $type: "spacing",
-              $value: 6.4,
+              $value: 8,
               $description:
                 "Left and right padding token used on medium popover container consumed inside number input.",
               filePath: "data/tokens/components/popover.json",
@@ -301,7 +301,7 @@
             },
             L: {
               $type: "spacing",
-              $value: 9.6,
+              $value: 12,
               $description:
                 "Left and right padding token used on large popover container consumed inside number input.",
               filePath: "data/tokens/components/popover.json",
@@ -320,7 +320,7 @@
           y: {
             S: {
               $type: "spacing",
-              $value: 4.8,
+              $value: 6,
               $description:
                 "Top and bottom padding inside S size popover menu container",
               filePath: "data/tokens/components/popover.json",
@@ -337,7 +337,7 @@
             },
             M: {
               $type: "spacing",
-              $value: 6.4,
+              $value: 8,
               $description:
                 "Top and bottom padding inside M size popover menu container",
               filePath: "data/tokens/components/popover.json",
@@ -354,7 +354,7 @@
             },
             L: {
               $type: "spacing",
-              $value: 9.6,
+              $value: 12,
               $description:
                 "Top and bottom padding inside L size popover menu container",
               filePath: "data/tokens/components/popover.json",
@@ -373,7 +373,7 @@
           yg: {
             S: {
               $type: "spacing",
-              $value: 4.8,
+              $value: 6,
               $description:
                 "Gap spacing token used on small popover container consumed inside number input.",
               filePath: "data/tokens/components/popover.json",
@@ -390,7 +390,7 @@
             },
             M: {
               $type: "spacing",
-              $value: 6.4,
+              $value: 8,
               $description:
                 "Gap spacing token used on medium popover container consumed inside number input.",
               filePath: "data/tokens/components/popover.json",
@@ -407,7 +407,7 @@
             },
             L: {
               $type: "spacing",
-              $value: 9.6,
+              $value: 12,
               $description:
                 "Gap spacing token used on large popover container consumed inside number input.",
               filePath: "data/tokens/components/popover.json",
@@ -583,7 +583,7 @@
           x: {
             S: {
               $type: "spacing",
-              $value: 12.8,
+              $value: 16,
               $description:
                 "Right left padding on small screen submenu popover container.",
               filePath: "data/tokens/components/popover.json",
@@ -600,7 +600,7 @@
             },
             M: {
               $type: "spacing",
-              $value: 12.8,
+              $value: 16,
               $description:
                 "Right left padding on small screen submenu popover container.",
               filePath: "data/tokens/components/popover.json",
@@ -617,7 +617,7 @@
             },
             L: {
               $type: "spacing",
-              $value: 12.8,
+              $value: 16,
               $description:
                 "Right left padding on small screen submenu popover container.",
               filePath: "data/tokens/components/popover.json",

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

@@ -342,7 +342,7 @@
         x: {
           XS: {
             $type: "spacing",
-            $value: 6.4,
+            $value: 8,
             $description: "gap between avatar and name",
             filePath: "data/tokens/components/profile.json",
             isSource: true,
@@ -357,7 +357,7 @@
           },
           S: {
             $type: "spacing",
-            $value: 9.6,
+            $value: 12,
             $description: "gap between avatar and name",
             filePath: "data/tokens/components/profile.json",
             isSource: true,
@@ -372,7 +372,7 @@
           },
           M: {
             $type: "spacing",
-            $value: 12.8,
+            $value: 16,
             $description: "gap between avatar and name",
             filePath: "data/tokens/components/profile.json",
             isSource: true,
@@ -387,7 +387,7 @@
           },
           ML: {
             $type: "spacing",
-            $value: 12.8,
+            $value: 16,
             $description: "gap between avatar and name",
             filePath: "data/tokens/components/profile.json",
             isSource: true,
@@ -402,7 +402,7 @@
           },
           L: {
             $type: "spacing",
-            $value: 16,
+            $value: 20,
             $description: "gap between avatar and name",
             filePath: "data/tokens/components/profile.json",
             isSource: true,
@@ -417,7 +417,7 @@
           },
           XL: {
             $type: "spacing",
-            $value: 19.2,
+            $value: 24,
             $description: "gap between avatar and name",
             filePath: "data/tokens/components/profile.json",
             isSource: true,
@@ -432,7 +432,7 @@
           },
           XXL: {
             $type: "spacing",
-            $value: 25.6,
+            $value: 32,
             $description: "gap between avatar and name",
             filePath: "data/tokens/components/profile.json",
             isSource: true,

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

@@ -1340,7 +1340,7 @@
           y: {
             M: {
               $type: "spacing",
-              $value: 12.8,
+              $value: 16,
               $description: "Vertical padding on selector group.",
               filePath: "data/tokens/components/progress.json",
               isSource: true,
@@ -1453,7 +1453,7 @@
             },
             L: {
               $type: "spacing",
-              $value: 12.8,
+              $value: 16,
               $description: "Gap between loader graphic and label.",
               filePath: "data/tokens/components/progress.json",
               isSource: true,
@@ -1731,7 +1731,7 @@
               },
               XL: {
                 $type: "spacing",
-                $value: 12.8,
+                $value: 16,
                 $description: "horizontal gap between elements",
                 filePath: "data/tokens/components/progress.json",
                 isSource: true,
@@ -1793,7 +1793,7 @@
             xg: {
               M: {
                 $type: "spacing",
-                $value: 12.8,
+                $value: 16,
                 $description: "Gap between step indicators",
                 filePath: "data/tokens/components/progress.json",
                 isSource: true,
@@ -1921,7 +1921,7 @@
               },
               M: {
                 $type: "spacing",
-                $value: 12.8,
+                $value: 16,
                 $description: "gap between timeline visual and text",
                 filePath: "data/tokens/components/progress.json",
                 isSource: true,

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

@@ -3305,7 +3305,7 @@
           x: {
             S: {
               $type: "spacing",
-              $value: 6.4,
+              $value: 8,
               filePath: "data/tokens/components/status.json",
               isSource: true,
               original: {
@@ -3318,7 +3318,7 @@
             },
             M: {
               $type: "spacing",
-              $value: 6.4,
+              $value: 8,
               filePath: "data/tokens/components/status.json",
               isSource: true,
               original: {
@@ -3331,7 +3331,7 @@
             },
             L: {
               $type: "spacing",
-              $value: 6.4,
+              $value: 8,
               filePath: "data/tokens/components/status.json",
               isSource: true,
               original: {
@@ -3396,7 +3396,7 @@
               },
               L: {
                 $type: "spacing",
-                $value: 16,
+                $value: 20,
                 $description: "Left and right paddding on Large Message",
                 filePath: "data/tokens/components/status.json",
                 isSource: true,
@@ -3428,7 +3428,7 @@
               },
               L: {
                 $type: "spacing",
-                $value: 16,
+                $value: 20,
                 $description: "Top and bottom paddding on Large Message",
                 filePath: "data/tokens/components/status.json",
                 isSource: true,
@@ -3462,7 +3462,7 @@
               },
               L: {
                 $type: "spacing",
-                $value: 12.8,
+                $value: 16,
                 $description:
                   "Gap between icon and text in subtle message, and between text and action button in typical message",
                 filePath: "data/tokens/components/status.json",
@@ -3573,7 +3573,7 @@
             x: {
               M: {
                 $type: "spacing",
-                $value: 32,
+                $value: 40,
                 $description: "Left and right padding on global message",
                 filePath: "data/tokens/components/status.json",
                 isSource: true,
@@ -3607,7 +3607,7 @@
             xg: {
               M: {
                 $type: "spacing",
-                $value: 12.8,
+                $value: 16,
                 $description: "Space between icon wrapper and text wrapper",
                 filePath: "data/tokens/components/status.json",
                 isSource: true,
@@ -3642,7 +3642,7 @@
               Y: {
                 M: {
                   $type: "spacing",
-                  $value: 12.8,
+                  $value: 16,
                   $description:
                     "Top and bottom padding on global message for countdown",
                   filePath: "data/tokens/components/status.json",
@@ -3669,7 +3669,7 @@
               yg: {
                 M: {
                   $type: "spacing",
-                  $value: 19.2,
+                  $value: 24,
                   $description:
                     "Gap between countdown spacing for global message",
                   filePath: "data/tokens/components/status.json",

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

@@ -166,7 +166,7 @@
         x: {
           M: {
             $type: "spacing",
-            $value: 12.8,
+            $value: 16,
             $description: "Left and right padding on Tab.",
             filePath: "data/tokens/components/tab.json",
             isSource: true,
@@ -181,7 +181,7 @@
           },
           L: {
             $type: "spacing",
-            $value: 19.2,
+            $value: 24,
             $description: "Left and right padding on Tab.",
             filePath: "data/tokens/components/tab.json",
             isSource: true,

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

@@ -634,7 +634,7 @@
             },
             S: {
               $type: "spacing",
-              $value: 12.8,
+              $value: 16,
               $description: "Left and right padding inside S row cells",
               filePath: "data/tokens/components/table.json",
               isSource: true,
@@ -649,7 +649,7 @@
             },
             M: {
               $type: "spacing",
-              $value: 12.8,
+              $value: 16,
               $description: "Left and right padding inside M row cells",
               filePath: "data/tokens/components/table.json",
               isSource: true,
@@ -664,7 +664,7 @@
             },
             L: {
               $type: "spacing",
-              $value: 12.8,
+              $value: 16,
               $description: "Left and right padding inside L row cells",
               filePath: "data/tokens/components/table.json",
               isSource: true,
@@ -679,7 +679,7 @@
             },
             XL: {
               $type: "spacing",
-              $value: 12.8,
+              $value: 16,
               $description: "Left and right padding inside XL row cells",
               filePath: "data/tokens/components/table.json",
               isSource: true,
@@ -785,7 +785,7 @@
           x: {
             XS: {
               $type: "spacing",
-              $value: 29.6,
+              $value: 36,
               $description: "Left padding inside XS child row cells",
               filePath: "data/tokens/components/table.json",
               isSource: true,
@@ -800,7 +800,7 @@
             },
             S: {
               $type: "spacing",
-              $value: 36,
+              $value: 44,
               $description: "Left padding inside S child row cells",
               filePath: "data/tokens/components/table.json",
               isSource: true,
@@ -815,7 +815,7 @@
             },
             M: {
               $type: "spacing",
-              $value: 36,
+              $value: 44,
               $description: "Left padding inside M child row cells",
               filePath: "data/tokens/components/table.json",
               isSource: true,
@@ -830,7 +830,7 @@
             },
             L: {
               $type: "spacing",
-              $value: 36,
+              $value: 44,
               $description: "Left padding inside L child row cells",
               filePath: "data/tokens/components/table.json",
               isSource: true,
@@ -845,7 +845,7 @@
             },
             XL: {
               $type: "spacing",
-              $value: 36,
+              $value: 44,
               $description: "Left padding inside XL child row cells",
               filePath: "data/tokens/components/table.json",
               isSource: true,

package/json/flat/frozenproduct/large/dark/components/badge.json

@@ -1,8 +1,8 @@
 {
   "badgeColorNotificationBorderDefault": "#000000",
-  "badgeColorNotificationBgDefault": "#E13E53",
+  "badgeColorNotificationBgDefault": "#E04500",
   "badgeColorNotificationBgAlt": "#007ED9",
-  "badgeColorNotificationLabelDefault": "#000000",
+  "badgeColorNotificationLabelDefault": "#FFFFFF",
   "badgeColorNotificationLabelAlt": "#000000",
   "badgeColorNotificationInverseBorderDefault": "#FFFFFF",
   "badgeColorNotificationInverseBgDefault": "#CD384B",

package/json/flat/frozenproduct/large/dark/components/button.json

@@ -180,17 +180,17 @@
   "buttonColorTypicalPrimaryInverseLabelDisabled": "#FFFFFF",
   "buttonColorTypicalPrimaryInverseLabelEnabled": "#FFFFFF",
   "buttonColorTypicalPrimaryInverseLabelHover": "#FFFFFF",
-  "buttonColorTypicalSecondaryBgActive": "#00d6394d",
+  "buttonColorTypicalSecondaryBgActive": "#7ce47a",
   "buttonColorTypicalSecondaryBgEnabled": "#00d63908",
-  "buttonColorTypicalSecondaryBgHover": "#00d6391a",
+  "buttonColorTypicalSecondaryBgHover": "#55dd5b",
   "buttonColorTypicalSecondaryBorderActive": "#7ce47a",
   "buttonColorTypicalSecondaryBorderDisabled": "#4b4b4b",
-  "buttonColorTypicalSecondaryBorderEnabled": "#00d639cc",
+  "buttonColorTypicalSecondaryBorderEnabled": "#00D639",
   "buttonColorTypicalSecondaryBorderHover": "#55dd5b",
-  "buttonColorTypicalSecondaryLabelActive": "#FFFFFF",
+  "buttonColorTypicalSecondaryLabelActive": "#000000",
   "buttonColorTypicalSecondaryLabelDisabled": "#ffffff4d",
-  "buttonColorTypicalSecondaryLabelEnabled": "#ffffffe6",
-  "buttonColorTypicalSecondaryLabelHover": "#FFFFFF",
+  "buttonColorTypicalSecondaryLabelEnabled": "#00D639",
+  "buttonColorTypicalSecondaryLabelHover": "#000000",
   "buttonColorTypicalSecondaryInverseBgActive": "#00811f4d",
   "buttonColorTypicalSecondaryInverseBgEnabled": "#00811f08",
   "buttonColorTypicalSecondaryInverseBgHover": "#0c711d1a",
@@ -202,17 +202,17 @@
   "buttonColorTypicalSecondaryInverseLabelDisabled": "#0000006b",
   "buttonColorTypicalSecondaryInverseLabelEnabled": "#000000e6",
   "buttonColorTypicalSecondaryInverseLabelHover": "#000000",
-  "buttonColorTypicalTertiaryBgActive": "#00d6394d",
+  "buttonColorTypicalTertiaryBgActive": "#7ce47a",
   "buttonColorTypicalTertiaryBgEnabled": "#fff0",
-  "buttonColorTypicalTertiaryBgHover": "#00d6391a",
+  "buttonColorTypicalTertiaryBgHover": "#55dd5b",
   "buttonColorTypicalTertiaryBorderActive": "#7ce47a",
-  "buttonColorTypicalTertiaryBorderDisabled": "#4b4b4b",
-  "buttonColorTypicalTertiaryBorderEnabled": "#00d639cc",
-  "buttonColorTypicalTertiaryBorderHover": "#55dd5b",
-  "buttonColorTypicalTertiaryLabelActive": "#FFFFFF",
+  "buttonColorTypicalTertiaryBorderDisabled": "#fff0",
+  "buttonColorTypicalTertiaryBorderEnabled": "#fff0",
+  "buttonColorTypicalTertiaryBorderHover": "#fff0",
+  "buttonColorTypicalTertiaryLabelActive": "#000000",
   "buttonColorTypicalTertiaryLabelDisabled": "#ffffff4d",
-  "buttonColorTypicalTertiaryLabelEnabled": "#ffffffe6",
-  "buttonColorTypicalTertiaryLabelHover": "#FFFFFF",
+  "buttonColorTypicalTertiaryLabelEnabled": "#00D639",
+  "buttonColorTypicalTertiaryLabelHover": "#000000",
   "buttonColorTypicalTertiaryInverseBgActive": "#00811f4d",
   "buttonColorTypicalTertiaryInverseBgEnabled": "#fff0",
   "buttonColorTypicalTertiaryInverseBgHover": "#0c711d1a",
@@ -240,7 +240,7 @@
   "buttonColorTypicalToggleLabelActiveDisabled": "#000000",
   "buttonColorTypicalToggleBgActive": "#FFFFFF",
   "buttonColorTypicalToggleBgHover": "#ffffff1a",
-  "buttonColorTypicalToggleBorderEnabled": "#ffffffe6",
+  "buttonColorTypicalToggleBorderEnabled": "#777",
   "buttonColorTypicalToggleBorderDisabled": "#4b4b4b",
   "buttonColorTypicalToggleLabelActive": "#000000",
   "buttonColorTypicalToggleLabelDisabled": "#ffffff4d",

package/json/flat/frozenproduct/large/dark/components/container.json

@@ -117,15 +117,15 @@
   "containerRadiusScrollbar": "999",
   "containerRadiusTexteditor": 8,
   "containerRadiusBlockquoteBar": "999",
-  "containerRadiusCardModerate": 16,
-  "containerRadiusCardCurved": 24,
-  "containerRadiusCardSweeping": 32,
-  "containerRadiusTileModerate": 16,
-  "containerRadiusTileCurved": 24,
-  "containerRadiusTileSweeping": 32,
-  "containerRadiusTileselectModerate": 16,
-  "containerRadiusTileselectCurved": 24,
-  "containerRadiusTileselectSweeping": 32,
+  "containerRadiusCardModerate": 8,
+  "containerRadiusCardCurved": 16,
+  "containerRadiusCardSweeping": 24,
+  "containerRadiusTileModerate": 8,
+  "containerRadiusTileCurved": 16,
+  "containerRadiusTileSweeping": 24,
+  "containerRadiusTileselectModerate": 8,
+  "containerRadiusTileselectCurved": 16,
+  "containerRadiusTileselectSweeping": 24,
   "containerSpaceNone": 0,
   "containerSpaceAccordionsubtleYgM": 16,
   "containerSpaceFilepreviewPreviewXM": 8,

package/json/flat/frozenproduct/large/dark/components/form.json

@@ -189,7 +189,7 @@
   "formSizeRatingL": 32,
   "formColorCalendarBgActive": "#FFFFFF",
   "formColorCalendarBgDisabled": "#0e0e0e",
-  "formColorCalendarBgDuration": "#1b1b1b",
+  "formColorCalendarBgDuration": "#0e0e0e",
   "formColorCalendarBgHover": "#ffffff1a",
   "formColorCalendarBorderDuration": "#FFFFFF",
   "formColorCalendarTextActive": "#000000",
@@ -205,7 +205,7 @@
   "formColorDropdownLabelDisabled": "#ffffff4d",
   "formColorDropdownLabelEnabled": "#ffffffab",
   "formColorDropdownLabelHover": "#FFFFFF",
-  "formColorDropdownLabelSubtext": "#ffffff6b",
+  "formColorDropdownLabelSubtext": "#ffffff8c",
   "formColorLabelsetLabelRequired": "#E13E53",
   "formColorLabelsetLabelDefault": "#fffffff2",
   "formColorLabelsetLabelAlt": "#ffffff8c",
@@ -236,18 +236,18 @@
   "formColorTypicalTextEnabled": "#fffffff2",
   "formColorTypicalTextHover": "#FFFFFF",
   "formColorTypicalTextReadOnly": "#fffffff2",
-  "formColorSwitchBgActive": "#FFFFFF",
+  "formColorSwitchBgActive": "#ffffffe6",
   "formColorSwitchBgActivedisabled": "#4b4b4b",
   "formColorSwitchBgDisabled": "#0e0e0e",
   "formColorSwitchBgEnabled": "#000000",
   "formColorSwitchBorderActive": "transparent",
   "formColorSwitchBorderActivedisabled": "transparent",
   "formColorSwitchBorderDisabled": "#4b4b4b",
-  "formColorSwitchBorderEnabled": "#ffffff80",
+  "formColorSwitchBorderEnabled": "#777",
   "formColorSwitchFgActive": "#000000",
   "formColorSwitchFgActivedisabled": "#000000",
   "formColorSwitchFgDisabled": "#4b4b4b",
-  "formColorSwitchFgEnabled": "#ffffff80",
+  "formColorSwitchFgEnabled": "#777",
   "formColorSwitchLabelActive": "#fffffff2",
   "formColorSwitchLabelActivedisabled": "#4b4b4b",
   "formColorSwitchLabelDisabled": "#4b4b4b",
@@ -260,16 +260,16 @@
   "formColorValidationLabelSuccess": "#009023",
   "formColorValidationLabelWarning": "#e75b23",
   "formRadiusNone": "0",
-  "formRadiusCheckbox": 4,
+  "formRadiusCheckbox": 2,
   "formRadiusTexteditorfooter": 4,
-  "formRadiusColorpicker": "999",
+  "formRadiusColorpicker": 16,
   "formRadiusDropdown": 8,
-  "formRadiusFileupload": 8,
-  "formRadiusFileselector": 8,
-  "formRadiusInput": 8,
+  "formRadiusFileupload": 4,
+  "formRadiusFileselector": 4,
+  "formRadiusInput": 4,
   "formRadiusRadio": "999",
   "formRadiusSwitch": "999",
-  "formRadiusValidationbar": 2,
+  "formRadiusValidationbar": 1,
   "formRadiusProgressivebar": 2,
   "formRadiusCalendarNone": "0",
   "formRadiusCalendarDate": "999",

package/json/flat/frozenproduct/large/dark/components/nav.json

@@ -3,7 +3,7 @@
   "navColorItemBgActive": "#FFFFFF",
   "navColorItemBgActivealt": "#ffffff1a",
   "navColorItemBgEnabled": "#fff0",
-  "navColorItemBgHover": "#ffffff1a",
+  "navColorItemBgHover": "#008046",
   "navColorItemLabelActive": "#000000",
   "navColorItemLabelActivealt": "#FFFFFF",
   "navColorItemLabelEnabled": "#ffffffe6",
@@ -42,7 +42,7 @@
   "navColorTopnavItemLabelHover": "#FFFFFF",
   "navRadiusMenu": 8,
   "navRadiusMenuitem": 4,
-  "navRadiusMenumodal": 16,
+  "navRadiusMenumodal": 8,
   "navRadiusLeftnavMenuitem": 8,
   "navRadiusModalMenuitem": 8,
   "navRadiusTopnavMenuitem": 8,

package/json/flat/frozenproduct/large/dark/components/popover.json

@@ -41,8 +41,8 @@
   "popoverColorLabelActive": "#000000",
   "popoverColorLabelActivealt": "#FFFFFF",
   "popoverColorLabelDisabled": "#ffffff4d",
-  "popoverColorLabelHover": "#FFFFFF",
-  "popoverColorLabelEnabled": "#ffffffab",
+  "popoverColorLabelHover": "#ffffffe6",
+  "popoverColorLabelEnabled": "#ffffffe6",
   "popoverColorSubmenuBgDefault": "#0e0e0e",
   "popoverTypographyAdaptiveLabelS": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"14px","paragraphSpacing":"0"},
   "popoverTypographyAdaptiveLabelM": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"14px","paragraphSpacing":"0"},

package/json/flat/frozenproduct/large/dark/components/progress.json

@@ -32,14 +32,14 @@
   "progressColorFgAlt": "#009023",
   "progressColorFgAlt2": "#ffffffab",
   "progressColorFgCaution": "#E04500",
-  "progressColorFgDefault": "#FFFFFF",
+  "progressColorFgDefault": "#4b4b4b",
   "progressColorFgError": "#E13E53",
   "progressColorFgInfo": "#007ED9",
   "progressColorLabelAlt": "#ffffffab",
   "progressColorLabelDefault": "#fffffff2",
   "progressColorDatavisFgDefault": "#008A89",
   "progressColorLoaderBgDefault": "#ffffff14",
-  "progressColorLoaderFgDefault": "#FFFFFF",
+  "progressColorLoaderFgDefault": "#00D639",
   "progressColorLoaderFgError": "#E13E53",
   "progressColorLoaderFgComplete": "#009023",
   "progressColorLoaderInverseBgDefault": "#00000014",