@sage/design-tokens 15.0.0 → 15.2.0

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/components/nav.json

@@ -67,7 +67,7 @@
   "navSizeLeftnavParentMinheight": 48,
   "navSizeLeftnavChildMinheight": 40,
   "navSizeLeftnavGrandchildMinheight": 32,
-  "navSizeLeftnavParentContainerFixedWidth": "140",
+  "navSizeLeftnavParentContainerFixedWidth": "146",
   "navSizeLeftnavChildContainerFixedWidth": "250",
   "navSizeModalParentitemMinheight": 40,
   "navSizeModalChilditemMinheight": 32,

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/components/nav.json

@@ -67,7 +67,7 @@
   "navSizeLeftnavParentMinheight": 48,
   "navSizeLeftnavChildMinheight": 40,
   "navSizeLeftnavGrandchildMinheight": 32,
-  "navSizeLeftnavParentContainerFixedWidth": "140",
+  "navSizeLeftnavParentContainerFixedWidth": "146",
   "navSizeLeftnavChildContainerFixedWidth": "250",
   "navSizeModalParentitemMinheight": 40,
   "navSizeModalChilditemMinheight": 32,

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/components/nav.json

@@ -187,7 +187,7 @@
           "minheight": 32
         },
         "parentContainer": {
-          "fixedWidth": "140"
+          "fixedWidth": "146"
         },
         "childContainer": {
           "fixedWidth": "250"

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/components/nav.json

@@ -187,7 +187,7 @@
           "minheight": 32
         },
         "parentContainer": {
-          "fixedWidth": "140"
+          "fixedWidth": "146"
         },
         "childContainer": {
           "fixedWidth": "250"

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/components/nav.json

@@ -187,7 +187,7 @@
           "minheight": 32
         },
         "parentContainer": {
-          "fixedWidth": "140"
+          "fixedWidth": "146"
         },
         "childContainer": {
           "fixedWidth": "250"

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/components/nav.json

@@ -187,7 +187,7 @@
           "minheight": 32
         },
         "parentContainer": {
-          "fixedWidth": "140"
+          "fixedWidth": "146"
         },
         "childContainer": {
           "fixedWidth": "250"

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/components/nav.json

@@ -187,7 +187,7 @@
           "minheight": 32
         },
         "parentContainer": {
-          "fixedWidth": "140"
+          "fixedWidth": "146"
         },
         "childContainer": {
           "fixedWidth": "250"

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/components/nav.json

@@ -187,7 +187,7 @@
           "minheight": 32
         },
         "parentContainer": {
-          "fixedWidth": "140"
+          "fixedWidth": "146"
         },
         "childContainer": {
           "fixedWidth": "250"

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/components/nav.json

@@ -187,7 +187,7 @@
           "minheight": 32
         },
         "parentContainer": {
-          "fixedWidth": "140"
+          "fixedWidth": "146"
         },
         "childContainer": {
           "fixedWidth": "250"

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/components/nav.json

@@ -187,7 +187,7 @@
           "minheight": 32
         },
         "parentContainer": {
-          "fixedWidth": "140"
+          "fixedWidth": "146"
         },
         "childContainer": {
           "fixedWidth": "250"

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.0.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

package/scss/frozenproduct/large/components/nav.scss

@@ -5,7 +5,7 @@
 
 // Do not edit directly, this file was auto-generated.
 
-$nav-size-leftnav-parent-container-fixed-width: 140; // fixed width of parent container
+$nav-size-leftnav-parent-container-fixed-width: 146; // fixed width of parent container
 $nav-size-leftnav-child-container-fixed-width: 250; // fixed width of parent container
 $nav-space-leftnav-grandchilditem-x-indent: 33; // indent on grandchild items
 $nav-color-bg-default: $modes-color-generic-bg-nought; // nav bar bg

package/scss/frozenproduct/large/dark.scss

@@ -114,7 +114,8 @@ $modes-color-interactive-monochrome-active: #FFFFFF;
 $modes-color-interactive-monochrome-active-alt: #ffffff26;
 $modes-color-interactive-monochrome-default: #ffffffe6;
 $modes-color-interactive-monochrome-default-alt: #ffffffab; // subtle and toggle button text
-$modes-color-interactive-monochrome-default-alt2: #ffffff6b; // Tertiary border color
+$modes-color-interactive-monochrome-default-alt2: #ffffff8c; // Dropdown option subtext.
+$modes-color-interactive-monochrome-default-alt3: #ffffff6b; // Tertiary border color
 $modes-color-interactive-monochrome-hover-alt: #ffffff1a; // Accordion, secondary, tertiary, menu bg on hover
 $modes-color-interactive-monochrome-hover: #ffffff26; // subtle table header hover
 $modes-color-interactive-monochrome-with-active: #000000;