@sage/design-tokens 15.1.0 → 15.2.1

package/js/umd/product/small/dark/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/dark/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/dark/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/dark/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/dark/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/dark/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/js/umd/product/small/dark/mode.js

@@ -2602,6 +2602,46 @@
               ],
             },
             defaultAlt2: {
+              $extensions: {
+                "studio.tokens": {
+                  modify: {
+                    type: "alpha",
+                    value: "0.55",
+                    space: "lch",
+                    format: "hex",
+                  },
+                },
+              },
+              $type: "color",
+              $value: "#ffffff8c",
+              $description: "Dropdown option subtext.",
+              filePath: "data/tokens/modes/dark.json",
+              isSource: true,
+              original: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "alpha",
+                      value: "0.55",
+                      space: "lch",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "{modes.color.interactive.monochrome.active}",
+                $description: "Dropdown option subtext.",
+              },
+              name: "modesColorInteractiveMonochromeDefaultAlt2",
+              attributes: {},
+              path: [
+                "modes",
+                "color",
+                "interactive",
+                "monochrome",
+                "defaultAlt2",
+              ],
+            },
+            defaultAlt3: {
               $extensions: {
                 "studio.tokens": {
                   modify: {
@@ -2631,14 +2671,14 @@
                 $value: "{modes.color.interactive.monochrome.active}",
                 $description: "Tertiary border color",
               },
-              name: "modesColorInteractiveMonochromeDefaultAlt2",
+              name: "modesColorInteractiveMonochromeDefaultAlt3",
               attributes: {},
               path: [
                 "modes",
                 "color",
                 "interactive",
                 "monochrome",
-                "defaultAlt2",
+                "defaultAlt3",
               ],
             },
             hoverAlt: {