npm - @sage/design-tokens - Versions diffs - 15.1.0 → 15.2.0 - Mend

@sage/design-tokens 15.1.0 → 15.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (157) hide show

package/js/umd/product/large/dark/components/form.js CHANGED Viewed

@@ -3485,6 +3485,21 @@
             attributes: {},
             path: ["form", "color", "dropdown", "label-hover"],
           },
+          "label-subtext": {
+            $type: "color",
+            $value: "#ffffff6b",
+            $description: "Option subtext.",
+            filePath: "data/tokens/components/form.json",
+            isSource: true,
+            original: {
+              $type: "color",
+              $value: "{modes.color.interactive.monochrome.defaultAlt3}",
+              $description: "Option subtext.",
+            },
+            name: "formColorDropdownLabelSubtext",
+            attributes: {},
+            path: ["form", "color", "dropdown", "label-subtext"],
+          },
         },
         labelset: {
           "label-required": {
@@ -4742,6 +4757,25 @@
             },
           },
           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: {
@@ -4862,6 +4896,25 @@
             },
           },
           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/umd/product/large/dark/mode.js CHANGED Viewed

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

package/js/umd/product/large/light/components/form.js CHANGED Viewed

@@ -3485,6 +3485,21 @@
             attributes: {},
             path: ["form", "color", "dropdown", "label-hover"],
           },
+          "label-subtext": {
+            $type: "color",
+            $value: "#0000006b",
+            $description: "Option subtext.",
+            filePath: "data/tokens/components/form.json",
+            isSource: true,
+            original: {
+              $type: "color",
+              $value: "{modes.color.interactive.monochrome.defaultAlt3}",
+              $description: "Option subtext.",
+            },
+            name: "formColorDropdownLabelSubtext",
+            attributes: {},
+            path: ["form", "color", "dropdown", "label-subtext"],
+          },
         },
         labelset: {
           "label-required": {
@@ -4742,6 +4757,25 @@
             },
           },
           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: {
@@ -4862,6 +4896,25 @@
             },
           },
           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/umd/product/large/light/mode.js CHANGED Viewed

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

package/js/umd/product/small/dark/components/form.js CHANGED Viewed

@@ -3485,6 +3485,21 @@
             attributes: {},
             path: ["form", "color", "dropdown", "label-hover"],
           },
+          "label-subtext": {
+            $type: "color",
+            $value: "#ffffff6b",
+            $description: "Option subtext.",
+            filePath: "data/tokens/components/form.json",
+            isSource: true,
+            original: {
+              $type: "color",
+              $value: "{modes.color.interactive.monochrome.defaultAlt3}",
+              $description: "Option subtext.",
+            },
+            name: "formColorDropdownLabelSubtext",
+            attributes: {},
+            path: ["form", "color", "dropdown", "label-subtext"],
+          },
         },
         labelset: {
           "label-required": {
@@ -4742,6 +4757,25 @@
             },
           },
           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: {
@@ -4862,6 +4896,25 @@
             },
           },
           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/umd/product/small/dark/mode.js CHANGED Viewed

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

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

@@ -3485,6 +3485,21 @@
             attributes: {},
             path: ["form", "color", "dropdown", "label-hover"],
           },
+          "label-subtext": {
+            $type: "color",
+            $value: "#0000006b",
+            $description: "Option subtext.",
+            filePath: "data/tokens/components/form.json",
+            isSource: true,
+            original: {
+              $type: "color",
+              $value: "{modes.color.interactive.monochrome.defaultAlt3}",
+              $description: "Option subtext.",
+            },
+            name: "formColorDropdownLabelSubtext",
+            attributes: {},
+            path: ["form", "color", "dropdown", "label-subtext"],
+          },
         },
         labelset: {
           "label-required": {
@@ -4742,6 +4757,25 @@
             },
           },
           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: {
@@ -4862,6 +4896,25 @@
             },
           },
           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/umd/product/small/light/mode.js CHANGED Viewed

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

package/json/flat/frozenproduct/large/dark/components/form.json CHANGED Viewed

@@ -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/frozenproduct/large/dark/mode.json CHANGED Viewed

@@ -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/frozenproduct/large/light/components/form.json CHANGED Viewed

@@ -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/large/light/mode.json CHANGED Viewed

@@ -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/frozenproduct/small/dark/components/form.json CHANGED Viewed

@@ -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/frozenproduct/small/dark/mode.json CHANGED Viewed

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