@sage/design-tokens 15.1.0 → 15.2.0

package/json/flat/frozenproduct/small/light/components/form.json

@@ -205,6 +205,7 @@
   "formColorDropdownLabelDisabled": "#0000006b",
   "formColorDropdownLabelEnabled": "#000000ab",
   "formColorDropdownLabelHover": "#000000",
+  "formColorDropdownLabelSubtext": "#0000006b",
   "formColorLabelsetLabelRequired": "#CD384B",
   "formColorLabelsetLabelDefault": "#000000f2",
   "formColorLabelsetLabelAlt": "#0000008c",
@@ -290,12 +291,14 @@
   "formTypographyAdaptiveLabelS": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"14px","paragraphSpacing":"0"},
   "formTypographyAdaptiveLabelM": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"14px","paragraphSpacing":"0"},
   "formTypographyAdaptiveLabelL": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"16px","paragraphSpacing":"0"},
+  "formTypographyAdaptiveDefaultXs": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"13px","paragraphSpacing":"0"},
   "formTypographyAdaptiveDefaultS": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"14px","paragraphSpacing":"0"},
   "formTypographyAdaptiveDefaultM": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"14px","paragraphSpacing":"0"},
   "formTypographyAdaptiveDefaultL": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"16px","paragraphSpacing":"0"},
   "formTypographyResponsiveLabelS": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"clamp(0.875rem, 0.875rem + 0vw, 0.875rem)","paragraphSpacing":"0"},
   "formTypographyResponsiveLabelM": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"clamp(0.875rem, 0.875rem + 0vw, 0.875rem)","paragraphSpacing":"0"},
   "formTypographyResponsiveLabelL": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)","paragraphSpacing":"0"},
+  "formTypographyResponsiveDefaultXs": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"clamp(0.7675rem, 0.8048rem + -0.0465vw, 0.7955rem)","paragraphSpacing":"0"},
   "formTypographyResponsiveDefaultS": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"clamp(0.875rem, 0.875rem + 0vw, 0.875rem)","paragraphSpacing":"0"},
   "formTypographyResponsiveDefaultM": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"clamp(0.875rem, 0.875rem + 0vw, 0.875rem)","paragraphSpacing":"0"},
   "formTypographyResponsiveDefaultL": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)","paragraphSpacing":"0"}

package/json/flat/frozenproduct/small/light/mode.json

@@ -108,7 +108,8 @@
   "modesColorInteractiveMonochromeActiveAlt": "#00000026",
   "modesColorInteractiveMonochromeDefault": "#000000e6",
   "modesColorInteractiveMonochromeDefaultAlt": "#000000ab",
-  "modesColorInteractiveMonochromeDefaultAlt2": "#0000006b",
+  "modesColorInteractiveMonochromeDefaultAlt2": "#0000008c",
+  "modesColorInteractiveMonochromeDefaultAlt3": "#0000006b",
   "modesColorInteractiveMonochromeHoverAlt": "#0000001a",
   "modesColorInteractiveMonochromeHover": "#00000026",
   "modesColorInteractiveMonochromeWithActive": "#FFFFFF",

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

@@ -205,6 +205,7 @@
   "formColorDropdownLabelDisabled": "#ffffff4d",
   "formColorDropdownLabelEnabled": "#ffffffab",
   "formColorDropdownLabelHover": "#FFFFFF",
+  "formColorDropdownLabelSubtext": "#ffffff6b",
   "formColorLabelsetLabelRequired": "#E13E53",
   "formColorLabelsetLabelDefault": "#fffffff2",
   "formColorLabelsetLabelAlt": "#ffffff8c",
@@ -290,12 +291,14 @@
   "formTypographyAdaptiveLabelS": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"14px","paragraphSpacing":"0"},
   "formTypographyAdaptiveLabelM": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"14px","paragraphSpacing":"0"},
   "formTypographyAdaptiveLabelL": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"16px","paragraphSpacing":"0"},
+  "formTypographyAdaptiveDefaultXs": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"13px","paragraphSpacing":"0"},
   "formTypographyAdaptiveDefaultS": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"14px","paragraphSpacing":"0"},
   "formTypographyAdaptiveDefaultM": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"14px","paragraphSpacing":"0"},
   "formTypographyAdaptiveDefaultL": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"16px","paragraphSpacing":"0"},
   "formTypographyResponsiveLabelS": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"clamp(0.875rem, 0.875rem + 0vw, 0.875rem)","paragraphSpacing":"0"},
   "formTypographyResponsiveLabelM": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"clamp(0.875rem, 0.875rem + 0vw, 0.875rem)","paragraphSpacing":"0"},
   "formTypographyResponsiveLabelL": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)","paragraphSpacing":"0"},
+  "formTypographyResponsiveDefaultXs": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"clamp(0.7675rem, 0.8048rem + -0.0465vw, 0.7955rem)","paragraphSpacing":"0"},
   "formTypographyResponsiveDefaultS": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"clamp(0.875rem, 0.875rem + 0vw, 0.875rem)","paragraphSpacing":"0"},
   "formTypographyResponsiveDefaultM": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"clamp(0.875rem, 0.875rem + 0vw, 0.875rem)","paragraphSpacing":"0"},
   "formTypographyResponsiveDefaultL": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)","paragraphSpacing":"0"}

package/json/flat/product/large/dark/mode.json

@@ -108,7 +108,8 @@
   "modesColorInteractiveMonochromeActiveAlt": "#ffffff26",
   "modesColorInteractiveMonochromeDefault": "#ffffffe6",
   "modesColorInteractiveMonochromeDefaultAlt": "#ffffffab",
-  "modesColorInteractiveMonochromeDefaultAlt2": "#ffffff6b",
+  "modesColorInteractiveMonochromeDefaultAlt2": "#ffffff8c",
+  "modesColorInteractiveMonochromeDefaultAlt3": "#ffffff6b",
   "modesColorInteractiveMonochromeHoverAlt": "#ffffff1a",
   "modesColorInteractiveMonochromeHover": "#ffffff26",
   "modesColorInteractiveMonochromeWithActive": "#000000",

package/json/flat/product/large/light/components/form.json

@@ -205,6 +205,7 @@
   "formColorDropdownLabelDisabled": "#0000006b",
   "formColorDropdownLabelEnabled": "#000000ab",
   "formColorDropdownLabelHover": "#000000",
+  "formColorDropdownLabelSubtext": "#0000006b",
   "formColorLabelsetLabelRequired": "#CD384B",
   "formColorLabelsetLabelDefault": "#000000f2",
   "formColorLabelsetLabelAlt": "#0000008c",
@@ -290,12 +291,14 @@
   "formTypographyAdaptiveLabelS": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"14px","paragraphSpacing":"0"},
   "formTypographyAdaptiveLabelM": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"14px","paragraphSpacing":"0"},
   "formTypographyAdaptiveLabelL": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"16px","paragraphSpacing":"0"},
+  "formTypographyAdaptiveDefaultXs": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"13px","paragraphSpacing":"0"},
   "formTypographyAdaptiveDefaultS": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"14px","paragraphSpacing":"0"},
   "formTypographyAdaptiveDefaultM": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"14px","paragraphSpacing":"0"},
   "formTypographyAdaptiveDefaultL": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"16px","paragraphSpacing":"0"},
   "formTypographyResponsiveLabelS": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"clamp(0.875rem, 0.875rem + 0vw, 0.875rem)","paragraphSpacing":"0"},
   "formTypographyResponsiveLabelM": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"clamp(0.875rem, 0.875rem + 0vw, 0.875rem)","paragraphSpacing":"0"},
   "formTypographyResponsiveLabelL": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)","paragraphSpacing":"0"},
+  "formTypographyResponsiveDefaultXs": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"clamp(0.7675rem, 0.8048rem + -0.0465vw, 0.7955rem)","paragraphSpacing":"0"},
   "formTypographyResponsiveDefaultS": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"clamp(0.875rem, 0.875rem + 0vw, 0.875rem)","paragraphSpacing":"0"},
   "formTypographyResponsiveDefaultM": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"clamp(0.875rem, 0.875rem + 0vw, 0.875rem)","paragraphSpacing":"0"},
   "formTypographyResponsiveDefaultL": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)","paragraphSpacing":"0"}

package/json/flat/product/large/light/mode.json

@@ -108,7 +108,8 @@
   "modesColorInteractiveMonochromeActiveAlt": "#00000026",
   "modesColorInteractiveMonochromeDefault": "#000000e6",
   "modesColorInteractiveMonochromeDefaultAlt": "#000000ab",
-  "modesColorInteractiveMonochromeDefaultAlt2": "#0000006b",
+  "modesColorInteractiveMonochromeDefaultAlt2": "#0000008c",
+  "modesColorInteractiveMonochromeDefaultAlt3": "#0000006b",
   "modesColorInteractiveMonochromeHoverAlt": "#0000001a",
   "modesColorInteractiveMonochromeHover": "#00000026",
   "modesColorInteractiveMonochromeWithActive": "#FFFFFF",

package/json/flat/product/small/dark/components/form.json

@@ -205,6 +205,7 @@
   "formColorDropdownLabelDisabled": "#ffffff4d",
   "formColorDropdownLabelEnabled": "#ffffffab",
   "formColorDropdownLabelHover": "#FFFFFF",
+  "formColorDropdownLabelSubtext": "#ffffff6b",
   "formColorLabelsetLabelRequired": "#E13E53",
   "formColorLabelsetLabelDefault": "#fffffff2",
   "formColorLabelsetLabelAlt": "#ffffff8c",
@@ -290,12 +291,14 @@
   "formTypographyAdaptiveLabelS": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"14px","paragraphSpacing":"0"},
   "formTypographyAdaptiveLabelM": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"14px","paragraphSpacing":"0"},
   "formTypographyAdaptiveLabelL": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"16px","paragraphSpacing":"0"},
+  "formTypographyAdaptiveDefaultXs": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"13px","paragraphSpacing":"0"},
   "formTypographyAdaptiveDefaultS": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"14px","paragraphSpacing":"0"},
   "formTypographyAdaptiveDefaultM": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"14px","paragraphSpacing":"0"},
   "formTypographyAdaptiveDefaultL": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"16px","paragraphSpacing":"0"},
   "formTypographyResponsiveLabelS": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"clamp(0.875rem, 0.875rem + 0vw, 0.875rem)","paragraphSpacing":"0"},
   "formTypographyResponsiveLabelM": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"clamp(0.875rem, 0.875rem + 0vw, 0.875rem)","paragraphSpacing":"0"},
   "formTypographyResponsiveLabelL": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)","paragraphSpacing":"0"},
+  "formTypographyResponsiveDefaultXs": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"clamp(0.7675rem, 0.8048rem + -0.0465vw, 0.7955rem)","paragraphSpacing":"0"},
   "formTypographyResponsiveDefaultS": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"clamp(0.875rem, 0.875rem + 0vw, 0.875rem)","paragraphSpacing":"0"},
   "formTypographyResponsiveDefaultM": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"clamp(0.875rem, 0.875rem + 0vw, 0.875rem)","paragraphSpacing":"0"},
   "formTypographyResponsiveDefaultL": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)","paragraphSpacing":"0"}

package/json/flat/product/small/dark/mode.json

@@ -108,7 +108,8 @@
   "modesColorInteractiveMonochromeActiveAlt": "#ffffff26",
   "modesColorInteractiveMonochromeDefault": "#ffffffe6",
   "modesColorInteractiveMonochromeDefaultAlt": "#ffffffab",
-  "modesColorInteractiveMonochromeDefaultAlt2": "#ffffff6b",
+  "modesColorInteractiveMonochromeDefaultAlt2": "#ffffff8c",
+  "modesColorInteractiveMonochromeDefaultAlt3": "#ffffff6b",
   "modesColorInteractiveMonochromeHoverAlt": "#ffffff1a",
   "modesColorInteractiveMonochromeHover": "#ffffff26",
   "modesColorInteractiveMonochromeWithActive": "#000000",

package/json/flat/product/small/light/components/form.json

@@ -205,6 +205,7 @@
   "formColorDropdownLabelDisabled": "#0000006b",
   "formColorDropdownLabelEnabled": "#000000ab",
   "formColorDropdownLabelHover": "#000000",
+  "formColorDropdownLabelSubtext": "#0000006b",
   "formColorLabelsetLabelRequired": "#CD384B",
   "formColorLabelsetLabelDefault": "#000000f2",
   "formColorLabelsetLabelAlt": "#0000008c",
@@ -290,12 +291,14 @@
   "formTypographyAdaptiveLabelS": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"14px","paragraphSpacing":"0"},
   "formTypographyAdaptiveLabelM": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"14px","paragraphSpacing":"0"},
   "formTypographyAdaptiveLabelL": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"16px","paragraphSpacing":"0"},
+  "formTypographyAdaptiveDefaultXs": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"13px","paragraphSpacing":"0"},
   "formTypographyAdaptiveDefaultS": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"14px","paragraphSpacing":"0"},
   "formTypographyAdaptiveDefaultM": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"14px","paragraphSpacing":"0"},
   "formTypographyAdaptiveDefaultL": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"16px","paragraphSpacing":"0"},
   "formTypographyResponsiveLabelS": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"clamp(0.875rem, 0.875rem + 0vw, 0.875rem)","paragraphSpacing":"0"},
   "formTypographyResponsiveLabelM": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"clamp(0.875rem, 0.875rem + 0vw, 0.875rem)","paragraphSpacing":"0"},
   "formTypographyResponsiveLabelL": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)","paragraphSpacing":"0"},
+  "formTypographyResponsiveDefaultXs": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"clamp(0.7675rem, 0.8048rem + -0.0465vw, 0.7955rem)","paragraphSpacing":"0"},
   "formTypographyResponsiveDefaultS": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"clamp(0.875rem, 0.875rem + 0vw, 0.875rem)","paragraphSpacing":"0"},
   "formTypographyResponsiveDefaultM": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"clamp(0.875rem, 0.875rem + 0vw, 0.875rem)","paragraphSpacing":"0"},
   "formTypographyResponsiveDefaultL": {"fontFamily":"Sage UI","fontWeight":"400","lineHeight":1.5,"fontSize":"clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)","paragraphSpacing":"0"}

package/json/flat/product/small/light/mode.json

@@ -108,7 +108,8 @@
   "modesColorInteractiveMonochromeActiveAlt": "#00000026",
   "modesColorInteractiveMonochromeDefault": "#000000e6",
   "modesColorInteractiveMonochromeDefaultAlt": "#000000ab",
-  "modesColorInteractiveMonochromeDefaultAlt2": "#0000006b",
+  "modesColorInteractiveMonochromeDefaultAlt2": "#0000008c",
+  "modesColorInteractiveMonochromeDefaultAlt3": "#0000006b",
   "modesColorInteractiveMonochromeHoverAlt": "#0000001a",
   "modesColorInteractiveMonochromeHover": "#00000026",
   "modesColorInteractiveMonochromeWithActive": "#FFFFFF",

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

@@ -431,7 +431,8 @@
         "label-alt": "#ffffffe6",
         "label-disabled": "#ffffff4d",
         "label-enabled": "#ffffffab",
-        "label-hover": "#FFFFFF"
+        "label-hover": "#FFFFFF",
+        "label-subtext": "#ffffff6b"
       },
       "labelset": {
         "label-required": "#E13E53",
@@ -581,6 +582,13 @@
           }
         },
         "default": {
+          "XS": {
+            "fontFamily": "Sage UI",
+            "fontWeight": "400",
+            "lineHeight": 1.5,
+            "fontSize": "13px",
+            "paragraphSpacing": "0"
+          },
           "S": {
             "fontFamily": "Sage UI",
             "fontWeight": "400",
@@ -629,6 +637,13 @@
           }
         },
         "default": {
+          "XS": {
+            "fontFamily": "Sage UI",
+            "fontWeight": "400",
+            "lineHeight": 1.5,
+            "fontSize": "clamp(0.7675rem, 0.8048rem + -0.0465vw, 0.7955rem)",
+            "paragraphSpacing": "0"
+          },
           "S": {
             "fontFamily": "Sage UI",
             "fontWeight": "400",

package/json/nested/frozenproduct/large/dark/mode.json

@@ -180,7 +180,8 @@
           "activeAlt": "#ffffff26",
           "default": "#ffffffe6",
           "defaultAlt": "#ffffffab",
-          "defaultAlt2": "#ffffff6b",
+          "defaultAlt2": "#ffffff8c",
+          "defaultAlt3": "#ffffff6b",
           "hoverAlt": "#ffffff1a",
           "hover": "#ffffff26",
           "withActive": "#000000",

package/json/nested/frozenproduct/large/light/components/form.json

@@ -431,7 +431,8 @@
         "label-alt": "#000000e6",
         "label-disabled": "#0000006b",
         "label-enabled": "#000000ab",
-        "label-hover": "#000000"
+        "label-hover": "#000000",
+        "label-subtext": "#0000006b"
       },
       "labelset": {
         "label-required": "#CD384B",
@@ -581,6 +582,13 @@
           }
         },
         "default": {
+          "XS": {
+            "fontFamily": "Sage UI",
+            "fontWeight": "400",
+            "lineHeight": 1.5,
+            "fontSize": "13px",
+            "paragraphSpacing": "0"
+          },
           "S": {
             "fontFamily": "Sage UI",
             "fontWeight": "400",
@@ -629,6 +637,13 @@
           }
         },
         "default": {
+          "XS": {
+            "fontFamily": "Sage UI",
+            "fontWeight": "400",
+            "lineHeight": 1.5,
+            "fontSize": "clamp(0.7675rem, 0.8048rem + -0.0465vw, 0.7955rem)",
+            "paragraphSpacing": "0"
+          },
           "S": {
             "fontFamily": "Sage UI",
             "fontWeight": "400",

package/json/nested/frozenproduct/large/light/mode.json

@@ -180,7 +180,8 @@
           "activeAlt": "#00000026",
           "default": "#000000e6",
           "defaultAlt": "#000000ab",
-          "defaultAlt2": "#0000006b",
+          "defaultAlt2": "#0000008c",
+          "defaultAlt3": "#0000006b",
           "hoverAlt": "#0000001a",
           "hover": "#00000026",
           "withActive": "#FFFFFF",

package/json/nested/frozenproduct/small/dark/components/form.json

@@ -431,7 +431,8 @@
         "label-alt": "#ffffffe6",
         "label-disabled": "#ffffff4d",
         "label-enabled": "#ffffffab",
-        "label-hover": "#FFFFFF"
+        "label-hover": "#FFFFFF",
+        "label-subtext": "#ffffff6b"
       },
       "labelset": {
         "label-required": "#E13E53",
@@ -581,6 +582,13 @@
           }
         },
         "default": {
+          "XS": {
+            "fontFamily": "Sage UI",
+            "fontWeight": "400",
+            "lineHeight": 1.5,
+            "fontSize": "13px",
+            "paragraphSpacing": "0"
+          },
           "S": {
             "fontFamily": "Sage UI",
             "fontWeight": "400",
@@ -629,6 +637,13 @@
           }
         },
         "default": {
+          "XS": {
+            "fontFamily": "Sage UI",
+            "fontWeight": "400",
+            "lineHeight": 1.5,
+            "fontSize": "clamp(0.7675rem, 0.8048rem + -0.0465vw, 0.7955rem)",
+            "paragraphSpacing": "0"
+          },
           "S": {
             "fontFamily": "Sage UI",
             "fontWeight": "400",

package/json/nested/frozenproduct/small/dark/mode.json

@@ -180,7 +180,8 @@
           "activeAlt": "#ffffff26",
           "default": "#ffffffe6",
           "defaultAlt": "#ffffffab",
-          "defaultAlt2": "#ffffff6b",
+          "defaultAlt2": "#ffffff8c",
+          "defaultAlt3": "#ffffff6b",
           "hoverAlt": "#ffffff1a",
           "hover": "#ffffff26",
           "withActive": "#000000",

package/json/nested/frozenproduct/small/light/components/form.json

@@ -431,7 +431,8 @@
         "label-alt": "#000000e6",
         "label-disabled": "#0000006b",
         "label-enabled": "#000000ab",
-        "label-hover": "#000000"
+        "label-hover": "#000000",
+        "label-subtext": "#0000006b"
       },
       "labelset": {
         "label-required": "#CD384B",
@@ -581,6 +582,13 @@
           }
         },
         "default": {
+          "XS": {
+            "fontFamily": "Sage UI",
+            "fontWeight": "400",
+            "lineHeight": 1.5,
+            "fontSize": "13px",
+            "paragraphSpacing": "0"
+          },
           "S": {
             "fontFamily": "Sage UI",
             "fontWeight": "400",
@@ -629,6 +637,13 @@
           }
         },
         "default": {
+          "XS": {
+            "fontFamily": "Sage UI",
+            "fontWeight": "400",
+            "lineHeight": 1.5,
+            "fontSize": "clamp(0.7675rem, 0.8048rem + -0.0465vw, 0.7955rem)",
+            "paragraphSpacing": "0"
+          },
           "S": {
             "fontFamily": "Sage UI",
             "fontWeight": "400",

package/json/nested/frozenproduct/small/light/mode.json

@@ -180,7 +180,8 @@
           "activeAlt": "#00000026",
           "default": "#000000e6",
           "defaultAlt": "#000000ab",
-          "defaultAlt2": "#0000006b",
+          "defaultAlt2": "#0000008c",
+          "defaultAlt3": "#0000006b",
           "hoverAlt": "#0000001a",
           "hover": "#00000026",
           "withActive": "#FFFFFF",

package/json/nested/product/large/dark/components/form.json

@@ -431,7 +431,8 @@
         "label-alt": "#ffffffe6",
         "label-disabled": "#ffffff4d",
         "label-enabled": "#ffffffab",
-        "label-hover": "#FFFFFF"
+        "label-hover": "#FFFFFF",
+        "label-subtext": "#ffffff6b"
       },
       "labelset": {
         "label-required": "#E13E53",
@@ -581,6 +582,13 @@
           }
         },
         "default": {
+          "XS": {
+            "fontFamily": "Sage UI",
+            "fontWeight": "400",
+            "lineHeight": 1.5,
+            "fontSize": "13px",
+            "paragraphSpacing": "0"
+          },
           "S": {
             "fontFamily": "Sage UI",
             "fontWeight": "400",
@@ -629,6 +637,13 @@
           }
         },
         "default": {
+          "XS": {
+            "fontFamily": "Sage UI",
+            "fontWeight": "400",
+            "lineHeight": 1.5,
+            "fontSize": "clamp(0.7675rem, 0.8048rem + -0.0465vw, 0.7955rem)",
+            "paragraphSpacing": "0"
+          },
           "S": {
             "fontFamily": "Sage UI",
             "fontWeight": "400",

package/json/nested/product/large/dark/mode.json

@@ -180,7 +180,8 @@
           "activeAlt": "#ffffff26",
           "default": "#ffffffe6",
           "defaultAlt": "#ffffffab",
-          "defaultAlt2": "#ffffff6b",
+          "defaultAlt2": "#ffffff8c",
+          "defaultAlt3": "#ffffff6b",
           "hoverAlt": "#ffffff1a",
           "hover": "#ffffff26",
           "withActive": "#000000",

package/json/nested/product/large/light/components/form.json

@@ -431,7 +431,8 @@
         "label-alt": "#000000e6",
         "label-disabled": "#0000006b",
         "label-enabled": "#000000ab",
-        "label-hover": "#000000"
+        "label-hover": "#000000",
+        "label-subtext": "#0000006b"
       },
       "labelset": {
         "label-required": "#CD384B",
@@ -581,6 +582,13 @@
           }
         },
         "default": {
+          "XS": {
+            "fontFamily": "Sage UI",
+            "fontWeight": "400",
+            "lineHeight": 1.5,
+            "fontSize": "13px",
+            "paragraphSpacing": "0"
+          },
           "S": {
             "fontFamily": "Sage UI",
             "fontWeight": "400",
@@ -629,6 +637,13 @@
           }
         },
         "default": {
+          "XS": {
+            "fontFamily": "Sage UI",
+            "fontWeight": "400",
+            "lineHeight": 1.5,
+            "fontSize": "clamp(0.7675rem, 0.8048rem + -0.0465vw, 0.7955rem)",
+            "paragraphSpacing": "0"
+          },
           "S": {
             "fontFamily": "Sage UI",
             "fontWeight": "400",

package/json/nested/product/large/light/mode.json

@@ -180,7 +180,8 @@
           "activeAlt": "#00000026",
           "default": "#000000e6",
           "defaultAlt": "#000000ab",
-          "defaultAlt2": "#0000006b",
+          "defaultAlt2": "#0000008c",
+          "defaultAlt3": "#0000006b",
           "hoverAlt": "#0000001a",
           "hover": "#00000026",
           "withActive": "#FFFFFF",

package/json/nested/product/small/dark/components/form.json

@@ -431,7 +431,8 @@
         "label-alt": "#ffffffe6",
         "label-disabled": "#ffffff4d",
         "label-enabled": "#ffffffab",
-        "label-hover": "#FFFFFF"
+        "label-hover": "#FFFFFF",
+        "label-subtext": "#ffffff6b"
       },
       "labelset": {
         "label-required": "#E13E53",
@@ -581,6 +582,13 @@
           }
         },
         "default": {
+          "XS": {
+            "fontFamily": "Sage UI",
+            "fontWeight": "400",
+            "lineHeight": 1.5,
+            "fontSize": "13px",
+            "paragraphSpacing": "0"
+          },
           "S": {
             "fontFamily": "Sage UI",
             "fontWeight": "400",
@@ -629,6 +637,13 @@
           }
         },
         "default": {
+          "XS": {
+            "fontFamily": "Sage UI",
+            "fontWeight": "400",
+            "lineHeight": 1.5,
+            "fontSize": "clamp(0.7675rem, 0.8048rem + -0.0465vw, 0.7955rem)",
+            "paragraphSpacing": "0"
+          },
           "S": {
             "fontFamily": "Sage UI",
             "fontWeight": "400",

package/json/nested/product/small/dark/mode.json

@@ -180,7 +180,8 @@
           "activeAlt": "#ffffff26",
           "default": "#ffffffe6",
           "defaultAlt": "#ffffffab",
-          "defaultAlt2": "#ffffff6b",
+          "defaultAlt2": "#ffffff8c",
+          "defaultAlt3": "#ffffff6b",
           "hoverAlt": "#ffffff1a",
           "hover": "#ffffff26",
           "withActive": "#000000",

package/json/nested/product/small/light/components/form.json

@@ -431,7 +431,8 @@
         "label-alt": "#000000e6",
         "label-disabled": "#0000006b",
         "label-enabled": "#000000ab",
-        "label-hover": "#000000"
+        "label-hover": "#000000",
+        "label-subtext": "#0000006b"
       },
       "labelset": {
         "label-required": "#CD384B",
@@ -581,6 +582,13 @@
           }
         },
         "default": {
+          "XS": {
+            "fontFamily": "Sage UI",
+            "fontWeight": "400",
+            "lineHeight": 1.5,
+            "fontSize": "13px",
+            "paragraphSpacing": "0"
+          },
           "S": {
             "fontFamily": "Sage UI",
             "fontWeight": "400",
@@ -629,6 +637,13 @@
           }
         },
         "default": {
+          "XS": {
+            "fontFamily": "Sage UI",
+            "fontWeight": "400",
+            "lineHeight": 1.5,
+            "fontSize": "clamp(0.7675rem, 0.8048rem + -0.0465vw, 0.7955rem)",
+            "paragraphSpacing": "0"
+          },
           "S": {
             "fontFamily": "Sage UI",
             "fontWeight": "400",

package/json/nested/product/small/light/mode.json

@@ -180,7 +180,8 @@
           "activeAlt": "#00000026",
           "default": "#000000e6",
           "defaultAlt": "#000000ab",
-          "defaultAlt2": "#0000006b",
+          "defaultAlt2": "#0000008c",
+          "defaultAlt3": "#0000006b",
           "hoverAlt": "#0000001a",
           "hover": "#00000026",
           "withActive": "#FFFFFF",

package/package.json

@@ -6,7 +6,7 @@
   },
   "description": "Design tokens for the Sage Design System.",
   "author": "The Sage Group plc",
-  "version": "15.1.0",
+  "version": "15.2.0",
   "license": "SEE LICENSE IN https://github.com/Sage/design-tokens/blob/master/license",
   "tags": [
     "design tokens",

package/scss/frozenproduct/large/components/form.scss

@@ -29,12 +29,14 @@ $form-color-validation-label-warning: $modes-color-status-caution-text;
 $form-typography-adaptive-label-s: $global-typography-adaptive-component-firm-s;
 $form-typography-adaptive-label-m: $global-typography-adaptive-component-firm-m;
 $form-typography-adaptive-label-l: $global-typography-adaptive-component-firm-l;
+$form-typography-adaptive-default-xs: $global-typography-adaptive-component-moderate-xs;
 $form-typography-adaptive-default-s: $global-typography-adaptive-component-moderate-s;
 $form-typography-adaptive-default-m: $global-typography-adaptive-component-moderate-m;
 $form-typography-adaptive-default-l: $global-typography-adaptive-component-moderate-l;
 $form-typography-responsive-label-s: $global-typography-responsive-component-firm-s;
 $form-typography-responsive-label-m: $global-typography-responsive-component-firm-m;
 $form-typography-responsive-label-l: $global-typography-responsive-component-firm-l;
+$form-typography-responsive-default-xs: $global-typography-responsive-component-moderate-xs;
 $form-typography-responsive-default-s: $global-typography-responsive-component-moderate-s;
 $form-typography-responsive-default-m: $global-typography-responsive-component-moderate-m;
 $form-typography-responsive-default-l: $global-typography-responsive-component-moderate-l;
@@ -43,6 +45,7 @@ $form-color-calendar-text-hover: $modes-color-interactive-monochrome-with-hover;
 $form-color-dropdown-label-alt: $modes-color-interactive-monochrome-default;
 $form-color-dropdown-label-enabled: $modes-color-interactive-monochrome-default-alt;
 $form-color-dropdown-label-hover: $modes-color-interactive-monochrome-with-hover;
+$form-color-dropdown-label-subtext: $modes-color-interactive-monochrome-default-alt3; // Option subtext.
 $form-color-typical-bg-default: $modes-color-interactive-data-entry-default;
 $form-color-typical-bg-enabled: $modes-color-interactive-data-entry-default;
 $form-color-typical-border-hover: $modes-color-interactive-data-entry-with-hover; // File input draggable border state