@sage/design-tokens 15.1.0 → 15.2.1

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

@@ -26,7 +26,7 @@ module.exports = {
         x: {
           M: {
             $type: "spacing",
-            $value: 19.2,
+            $value: 24,
             filePath: "data/tokens/components/form.json",
             isSource: true,
             original: {
@@ -41,7 +41,7 @@ module.exports = {
         y: {
           M: {
             $type: "spacing",
-            $value: 19.2,
+            $value: 24,
             filePath: "data/tokens/components/form.json",
             isSource: true,
             original: {
@@ -246,7 +246,7 @@ module.exports = {
           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,
@@ -261,7 +261,7 @@ module.exports = {
             },
             M: {
               $type: "spacing",
-              $value: 16,
+              $value: 20,
               $description: "DD only, left right padding on footer button.",
               filePath: "data/tokens/components/form.json",
               isSource: true,
@@ -276,7 +276,7 @@ module.exports = {
             },
             L: {
               $type: "spacing",
-              $value: 16,
+              $value: 20,
               $description: "DD only, left right padding on footer button.",
               filePath: "data/tokens/components/form.json",
               isSource: true,
@@ -389,7 +389,7 @@ module.exports = {
           pl: {
             S: {
               $type: "spacing",
-              $value: 16,
+              $value: 20,
               $description: "DD only, left padding.",
               filePath: "data/tokens/components/form.json",
               isSource: true,
@@ -404,7 +404,7 @@ module.exports = {
             },
             M: {
               $type: "spacing",
-              $value: 16,
+              $value: 20,
               $description: "DD only, left padding.",
               filePath: "data/tokens/components/form.json",
               isSource: true,
@@ -419,7 +419,7 @@ module.exports = {
             },
             L: {
               $type: "spacing",
-              $value: 16,
+              $value: 20,
               $description: "DD only, left padding.",
               filePath: "data/tokens/components/form.json",
               isSource: true,
@@ -438,7 +438,7 @@ module.exports = {
           y: {
             S: {
               $type: "spacing",
-              $value: 4.8,
+              $value: 6,
               $description: "REF POPOVER. Top and bottom padding on container",
               filePath: "data/tokens/components/form.json",
               isSource: true,
@@ -454,7 +454,7 @@ module.exports = {
             },
             M: {
               $type: "spacing",
-              $value: 6.4,
+              $value: 8,
               $description: "REF POPOVER. Top and bottom padding on container",
               filePath: "data/tokens/components/form.json",
               isSource: true,
@@ -470,7 +470,7 @@ module.exports = {
             },
             L: {
               $type: "spacing",
-              $value: 9.6,
+              $value: 12,
               $description: "REF POPOVER. Top and bottom padding on container",
               filePath: "data/tokens/components/form.json",
               isSource: true,
@@ -488,7 +488,7 @@ module.exports = {
           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",
@@ -505,7 +505,7 @@ module.exports = {
             },
             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",
@@ -522,7 +522,7 @@ module.exports = {
             },
             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",
@@ -764,7 +764,7 @@ module.exports = {
             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",
@@ -789,7 +789,7 @@ module.exports = {
               },
               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",
@@ -814,7 +814,7 @@ module.exports = {
               },
               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",
@@ -1027,7 +1027,7 @@ module.exports = {
           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",
@@ -1120,7 +1120,7 @@ module.exports = {
           x: {
             M: {
               $type: "spacing",
-              $value: 19.2,
+              $value: 24,
               $description:
                 "Right left padding in File input (preview container).",
               filePath: "data/tokens/components/form.json",
@@ -1139,7 +1139,7 @@ module.exports = {
           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,
@@ -1177,7 +1177,7 @@ module.exports = {
           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",
@@ -1194,7 +1194,7 @@ module.exports = {
             },
             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",
@@ -1211,7 +1211,7 @@ module.exports = {
             },
             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",
@@ -1231,7 +1231,7 @@ module.exports = {
         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",
@@ -1248,7 +1248,7 @@ module.exports = {
           },
           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",
@@ -1265,7 +1265,7 @@ module.exports = {
           },
           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",
@@ -1316,7 +1316,7 @@ module.exports = {
           },
           L: {
             $type: "spacing",
-            $value: 12.8,
+            $value: 16,
             $description: "Left right padding on input.",
             filePath: "data/tokens/components/form.json",
             isSource: true,
@@ -1333,7 +1333,7 @@ module.exports = {
         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",
@@ -1350,7 +1350,7 @@ module.exports = {
           },
           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",
@@ -1367,7 +1367,7 @@ module.exports = {
           },
           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",
@@ -1467,7 +1467,7 @@ module.exports = {
           },
           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",
@@ -1610,7 +1610,7 @@ module.exports = {
           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",
@@ -1627,7 +1627,7 @@ module.exports = {
             },
             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",
@@ -1644,7 +1644,7 @@ module.exports = {
             },
             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",
@@ -1806,7 +1806,7 @@ module.exports = {
         stack: {
           S: {
             $type: "spacing",
-            $value: 12.8,
+            $value: 16,
             $description:
               "Spacing between horizontal and vertical S form components",
             filePath: "data/tokens/components/form.json",
@@ -1823,7 +1823,7 @@ module.exports = {
           },
           M: {
             $type: "spacing",
-            $value: 16,
+            $value: 20,
             $description:
               "Spacing between horizontal and vertical M form components",
             filePath: "data/tokens/components/form.json",
@@ -1840,7 +1840,7 @@ module.exports = {
           },
           L: {
             $type: "spacing",
-            $value: 19.2,
+            $value: 24,
             $description:
               "Spacing between horizontal and vertical L form components",
             filePath: "data/tokens/components/form.json",
@@ -1991,7 +1991,7 @@ module.exports = {
           },
           L: {
             $type: "spacing",
-            $value: 12.8,
+            $value: 16,
             $description: "Left right padding on input.",
             filePath: "data/tokens/components/form.json",
             isSource: true,
@@ -2087,7 +2087,7 @@ module.exports = {
           },
           L: {
             $type: "spacing",
-            $value: 12.8,
+            $value: 16,
             $description: "Left right padding on input.",
             filePath: "data/tokens/components/form.json",
             isSource: true,
@@ -2105,7 +2105,7 @@ module.exports = {
           y: {
             S: {
               $type: "spacing",
-              $value: 19.2,
+              $value: 24,
               $description: "Left right padding on input.",
               filePath: "data/tokens/components/form.json",
               isSource: true,
@@ -2120,7 +2120,7 @@ module.exports = {
             },
             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",
@@ -2137,7 +2137,7 @@ module.exports = {
             },
             L: {
               $type: "spacing",
-              $value: 32,
+              $value: 40,
               $description: "Left right padding on input.",
               filePath: "data/tokens/components/form.json",
               isSource: true,
@@ -2169,7 +2169,7 @@ module.exports = {
             },
             M: {
               $type: "spacing",
-              $value: 12.8,
+              $value: 16,
               $description: "padding between cancel and loader",
               filePath: "data/tokens/components/form.json",
               isSource: true,
@@ -2184,7 +2184,7 @@ module.exports = {
             },
             L: {
               $type: "spacing",
-              $value: 19.2,
+              $value: 24,
               $description: "padding between cancel and loader",
               filePath: "data/tokens/components/form.json",
               isSource: true,
@@ -2201,7 +2201,7 @@ module.exports = {
           x: {
             S: {
               $type: "spacing",
-              $value: 19.2,
+              $value: 24,
               $description: "Left right padding on input.",
               filePath: "data/tokens/components/form.json",
               isSource: true,
@@ -2216,7 +2216,7 @@ module.exports = {
             },
             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",
@@ -2233,7 +2233,7 @@ module.exports = {
             },
             L: {
               $type: "spacing",
-              $value: 32,
+              $value: 40,
               $description: "Left right padding on input.",
               filePath: "data/tokens/components/form.json",
               isSource: true,
@@ -3467,6 +3467,21 @@ module.exports = {
           attributes: {},
           path: ["form", "color", "dropdown", "label-hover"],
         },
+        "label-subtext": {
+          $type: "color",
+          $value: "#0000008c",
+          $description: "Option subtext.",
+          filePath: "data/tokens/components/form.json",
+          isSource: true,
+          original: {
+            $type: "color",
+            $value: "{modes.color.interactive.monochrome.defaultAlt2}",
+            $description: "Option subtext.",
+          },
+          name: "formColorDropdownLabelSubtext",
+          attributes: {},
+          path: ["form", "color", "dropdown", "label-subtext"],
+        },
       },
       labelset: {
         "label-required": {
@@ -4723,6 +4738,25 @@ module.exports = {
           },
         },
         default: {
+          XS: {
+            $type: "typography",
+            $value: {
+              fontFamily: "Sage UI",
+              fontWeight: "400",
+              lineHeight: 1.5,
+              fontSize: "13px",
+              paragraphSpacing: "0",
+            },
+            filePath: "data/tokens/components/form.json",
+            isSource: true,
+            original: {
+              $type: "typography",
+              $value: "{global.typography.adaptive.component.moderate.XS}",
+            },
+            name: "formTypographyAdaptiveDefaultXs",
+            attributes: {},
+            path: ["form", "typography", "adaptive", "default", "XS"],
+          },
           S: {
             $type: "typography",
             $value: {
@@ -4843,6 +4877,25 @@ module.exports = {
           },
         },
         default: {
+          XS: {
+            $type: "typography",
+            $value: {
+              fontFamily: "Sage UI",
+              fontWeight: "400",
+              lineHeight: 1.5,
+              fontSize: "clamp(0.7675rem, 0.8048rem + -0.0465vw, 0.7955rem)",
+              paragraphSpacing: "0",
+            },
+            filePath: "data/tokens/components/form.json",
+            isSource: true,
+            original: {
+              $type: "typography",
+              $value: "{global.typography.responsive.component.moderate.XS}",
+            },
+            name: "formTypographyResponsiveDefaultXs",
+            attributes: {},
+            path: ["form", "typography", "responsive", "default", "XS"],
+          },
           S: {
             $type: "typography",
             $value: {

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

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