@sage/design-tokens 15.2.0 → 15.2.2

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

@@ -37,7 +37,7 @@
           x: {
             M: {
               $type: "spacing",
-              $value: 19.2,
+              $value: 24,
               filePath: "data/tokens/components/form.json",
               isSource: true,
               original: {
@@ -52,7 +52,7 @@
           y: {
             M: {
               $type: "spacing",
-              $value: 19.2,
+              $value: 24,
               filePath: "data/tokens/components/form.json",
               isSource: true,
               original: {
@@ -257,7 +257,7 @@
             x: {
               S: {
                 $type: "spacing",
-                $value: 16,
+                $value: 20,
                 $description: "DD only, left right padding on footer button.",
                 filePath: "data/tokens/components/form.json",
                 isSource: true,
@@ -272,7 +272,7 @@
               },
               M: {
                 $type: "spacing",
-                $value: 16,
+                $value: 20,
                 $description: "DD only, left right padding on footer button.",
                 filePath: "data/tokens/components/form.json",
                 isSource: true,
@@ -287,7 +287,7 @@
               },
               L: {
                 $type: "spacing",
-                $value: 16,
+                $value: 20,
                 $description: "DD only, left right padding on footer button.",
                 filePath: "data/tokens/components/form.json",
                 isSource: true,
@@ -400,7 +400,7 @@
             pl: {
               S: {
                 $type: "spacing",
-                $value: 16,
+                $value: 20,
                 $description: "DD only, left padding.",
                 filePath: "data/tokens/components/form.json",
                 isSource: true,
@@ -415,7 +415,7 @@
               },
               M: {
                 $type: "spacing",
-                $value: 16,
+                $value: 20,
                 $description: "DD only, left padding.",
                 filePath: "data/tokens/components/form.json",
                 isSource: true,
@@ -430,7 +430,7 @@
               },
               L: {
                 $type: "spacing",
-                $value: 16,
+                $value: 20,
                 $description: "DD only, left padding.",
                 filePath: "data/tokens/components/form.json",
                 isSource: true,
@@ -449,7 +449,7 @@
             y: {
               S: {
                 $type: "spacing",
-                $value: 4.8,
+                $value: 6,
                 $description:
                   "REF POPOVER. Top and bottom padding on container",
                 filePath: "data/tokens/components/form.json",
@@ -466,7 +466,7 @@
               },
               M: {
                 $type: "spacing",
-                $value: 6.4,
+                $value: 8,
                 $description:
                   "REF POPOVER. Top and bottom padding on container",
                 filePath: "data/tokens/components/form.json",
@@ -483,7 +483,7 @@
               },
               L: {
                 $type: "spacing",
-                $value: 9.6,
+                $value: 12,
                 $description:
                   "REF POPOVER. Top and bottom padding on container",
                 filePath: "data/tokens/components/form.json",
@@ -502,7 +502,7 @@
             x: {
               S: {
                 $type: "spacing",
-                $value: 16,
+                $value: 20,
                 $description:
                   "left and right padding of menu parent container to make message content align with the option text",
                 filePath: "data/tokens/components/form.json",
@@ -519,7 +519,7 @@
               },
               M: {
                 $type: "spacing",
-                $value: 16,
+                $value: 20,
                 $description:
                   "left and right padding of menu parent container to make message content align with the option text",
                 filePath: "data/tokens/components/form.json",
@@ -536,7 +536,7 @@
               },
               L: {
                 $type: "spacing",
-                $value: 16,
+                $value: 20,
                 $description:
                   "left and right padding of menu parent container to make message content align with the option text",
                 filePath: "data/tokens/components/form.json",
@@ -778,7 +778,7 @@
               x: {
                 S: {
                   $type: "spacing",
-                  $value: 16,
+                  $value: 20,
                   $description:
                     "used for left indentation on descriptive hint text underneath main option text",
                   filePath: "data/tokens/components/form.json",
@@ -803,7 +803,7 @@
                 },
                 M: {
                   $type: "spacing",
-                  $value: 16,
+                  $value: 20,
                   $description:
                     "used for left indentation on descriptive hint text underneath main option text",
                   filePath: "data/tokens/components/form.json",
@@ -828,7 +828,7 @@
                 },
                 L: {
                   $type: "spacing",
-                  $value: 16,
+                  $value: 20,
                   $description:
                     "used for left indentation on descriptive hint text underneath main option text",
                   filePath: "data/tokens/components/form.json",
@@ -1041,7 +1041,7 @@
             xl: {
               M: {
                 $type: "spacing",
-                $value: 22.4,
+                $value: 28,
                 $description:
                   "Left padding in File input (no-thumbnail variant), status text.",
                 filePath: "data/tokens/components/form.json",
@@ -1136,7 +1136,7 @@
             x: {
               M: {
                 $type: "spacing",
-                $value: 19.2,
+                $value: 24,
                 $description:
                   "Right left padding in File input (preview container).",
                 filePath: "data/tokens/components/form.json",
@@ -1155,7 +1155,7 @@
             y: {
               M: {
                 $type: "spacing",
-                $value: 19.2,
+                $value: 24,
                 $description: "Top padding in file input (preview container).",
                 filePath: "data/tokens/components/form.json",
                 isSource: true,
@@ -1194,7 +1194,7 @@
             x: {
               S: {
                 $type: "spacing",
-                $value: 6.4,
+                $value: 8,
                 $description:
                   "left and right padding used on small buttons inside small inputs",
                 filePath: "data/tokens/components/form.json",
@@ -1211,7 +1211,7 @@
               },
               M: {
                 $type: "spacing",
-                $value: 9.6,
+                $value: 12,
                 $description:
                   "left and right padding used on medium buttons inside medium inputs",
                 filePath: "data/tokens/components/form.json",
@@ -1228,7 +1228,7 @@
               },
               L: {
                 $type: "spacing",
-                $value: 12.8,
+                $value: 16,
                 $description:
                   "left and right padding used on large buttons inside large inputs",
                 filePath: "data/tokens/components/form.json",
@@ -1248,7 +1248,7 @@
           stack: {
             S: {
               $type: "spacing",
-              $value: 12.8,
+              $value: 16,
               $description:
                 "Vertical gap on custom date range between the 2 inputs.",
               filePath: "data/tokens/components/form.json",
@@ -1265,7 +1265,7 @@
             },
             M: {
               $type: "spacing",
-              $value: 16,
+              $value: 20,
               $description:
                 "Vertical gap on custom date range between the 2 inputs. Horizontal gap between start and end date inputs in Date range.",
               filePath: "data/tokens/components/form.json",
@@ -1282,7 +1282,7 @@
             },
             L: {
               $type: "spacing",
-              $value: 19.2,
+              $value: 24,
               $description:
                 "Vertical gap on custom date range between the 2 inputs.",
               filePath: "data/tokens/components/form.json",
@@ -1333,7 +1333,7 @@
             },
             L: {
               $type: "spacing",
-              $value: 12.8,
+              $value: 16,
               $description: "Left right padding on input.",
               filePath: "data/tokens/components/form.json",
               isSource: true,
@@ -1350,7 +1350,7 @@
           xg: {
             S: {
               $type: "spacing",
-              $value: 12.8,
+              $value: 16,
               $description:
                 "Horizontal gap between checkboxes and radios within a group, and between date or time inputs within a group.",
               filePath: "data/tokens/components/form.json",
@@ -1367,7 +1367,7 @@
             },
             M: {
               $type: "spacing",
-              $value: 16,
+              $value: 20,
               $description:
                 "Horizontal gap between checkboxes and radios within a group, and between date or time inputs within a group, and between elements in Pagination.",
               filePath: "data/tokens/components/form.json",
@@ -1384,7 +1384,7 @@
             },
             L: {
               $type: "spacing",
-              $value: 19.2,
+              $value: 24,
               $description:
                 "Horizontal gap between checkboxes and radios within a group, and between date or time inputs within a group.",
               filePath: "data/tokens/components/form.json",
@@ -1484,7 +1484,7 @@
             },
             L: {
               $type: "spacing",
-              $value: 12.8,
+              $value: 16,
               $description:
                 "Gap between rows of checkboxes or radios within a group.",
               filePath: "data/tokens/components/form.json",
@@ -1627,7 +1627,7 @@
             x: {
               S: {
                 $type: "spacing",
-                $value: 17.2,
+                $value: 22,
                 $description:
                   "Left padding on progressively shown form inputs on radio and checkbox",
                 filePath: "data/tokens/components/form.json",
@@ -1644,7 +1644,7 @@
               },
               M: {
                 $type: "spacing",
-                $value: 25.6,
+                $value: 32,
                 $description:
                   "Left padding on progressively shown form inputs on radio and checkbox",
                 filePath: "data/tokens/components/form.json",
@@ -1661,7 +1661,7 @@
               },
               L: {
                 $type: "spacing",
-                $value: 34,
+                $value: 42,
                 $description:
                   "Left padding on progressively shown form inputs on radio and checkbox",
                 filePath: "data/tokens/components/form.json",
@@ -1823,7 +1823,7 @@
           stack: {
             S: {
               $type: "spacing",
-              $value: 12.8,
+              $value: 16,
               $description:
                 "Spacing between horizontal and vertical S form components",
               filePath: "data/tokens/components/form.json",
@@ -1840,7 +1840,7 @@
             },
             M: {
               $type: "spacing",
-              $value: 16,
+              $value: 20,
               $description:
                 "Spacing between horizontal and vertical M form components",
               filePath: "data/tokens/components/form.json",
@@ -1857,7 +1857,7 @@
             },
             L: {
               $type: "spacing",
-              $value: 19.2,
+              $value: 24,
               $description:
                 "Spacing between horizontal and vertical L form components",
               filePath: "data/tokens/components/form.json",
@@ -2008,7 +2008,7 @@
             },
             L: {
               $type: "spacing",
-              $value: 12.8,
+              $value: 16,
               $description: "Left right padding on input.",
               filePath: "data/tokens/components/form.json",
               isSource: true,
@@ -2104,7 +2104,7 @@
             },
             L: {
               $type: "spacing",
-              $value: 12.8,
+              $value: 16,
               $description: "Left right padding on input.",
               filePath: "data/tokens/components/form.json",
               isSource: true,
@@ -2122,7 +2122,7 @@
             y: {
               S: {
                 $type: "spacing",
-                $value: 19.2,
+                $value: 24,
                 $description: "Left right padding on input.",
                 filePath: "data/tokens/components/form.json",
                 isSource: true,
@@ -2137,7 +2137,7 @@
               },
               M: {
                 $type: "spacing",
-                $value: 25.6,
+                $value: 32,
                 $description:
                   "Left right padding on input. Right padding on dropdown option.",
                 filePath: "data/tokens/components/form.json",
@@ -2154,7 +2154,7 @@
               },
               L: {
                 $type: "spacing",
-                $value: 32,
+                $value: 40,
                 $description: "Left right padding on input.",
                 filePath: "data/tokens/components/form.json",
                 isSource: true,
@@ -2186,7 +2186,7 @@
               },
               M: {
                 $type: "spacing",
-                $value: 12.8,
+                $value: 16,
                 $description: "padding between cancel and loader",
                 filePath: "data/tokens/components/form.json",
                 isSource: true,
@@ -2201,7 +2201,7 @@
               },
               L: {
                 $type: "spacing",
-                $value: 19.2,
+                $value: 24,
                 $description: "padding between cancel and loader",
                 filePath: "data/tokens/components/form.json",
                 isSource: true,
@@ -2218,7 +2218,7 @@
             x: {
               S: {
                 $type: "spacing",
-                $value: 19.2,
+                $value: 24,
                 $description: "Left right padding on input.",
                 filePath: "data/tokens/components/form.json",
                 isSource: true,
@@ -2233,7 +2233,7 @@
               },
               M: {
                 $type: "spacing",
-                $value: 25.6,
+                $value: 32,
                 $description:
                   "Left right padding on input. Right padding on dropdown option.",
                 filePath: "data/tokens/components/form.json",
@@ -2250,7 +2250,7 @@
               },
               L: {
                 $type: "spacing",
-                $value: 32,
+                $value: 40,
                 $description: "Left right padding on input.",
                 filePath: "data/tokens/components/form.json",
                 isSource: true,
@@ -3487,13 +3487,13 @@
           },
           "label-subtext": {
             $type: "color",
-            $value: "#0000006b",
+            $value: "#0000008c",
             $description: "Option subtext.",
             filePath: "data/tokens/components/form.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.interactive.monochrome.defaultAlt3}",
+              $value: "{modes.color.interactive.monochrome.defaultAlt2}",
               $description: "Option subtext.",
             },
             name: "formColorDropdownLabelSubtext",

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

@@ -302,7 +302,7 @@
         skiplink: {
           x: {
             $type: "spacing",
-            $value: 19.2,
+            $value: 24,
             $description: "Skiplink container",
             filePath: "data/tokens/components/link.json",
             isSource: true,