npm - @sage/design-tokens - Versions diffs - 14.9.0 → 14.9.1 - Mend

@sage/design-tokens 14.9.0 → 14.9.1

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 (315) hide show

package/js/umd/frozenproduct/large/dark/components/container.js CHANGED Viewed

@@ -991,12 +991,12 @@
             },
             M: {
               $type: "sizing",
-              $value: "750",
+              $value: "850",
               filePath: "data/tokens/components/container.json",
               isSource: true,
               original: {
                 $type: "sizing",
-                $value: "750",
+                $value: "850",
               },
               name: "containerSizeDialogMaxWidthM",
               attributes: {},
@@ -1004,12 +1004,12 @@
             },
             L: {
               $type: "sizing",
-              $value: "850",
+              $value: "1080",
               filePath: "data/tokens/components/container.json",
               isSource: true,
               original: {
                 $type: "sizing",
-                $value: "850",
+                $value: "1080",
               },
               name: "containerSizeDialogMaxWidthL",
               attributes: {},
@@ -1042,6 +1042,47 @@
               path: ["container", "size", "dialog", "maxWidth", "XXL"],
             },
           },
+          minWidth: {
+            S: {
+              $type: "sizing",
+              $value: "288",
+              filePath: "data/tokens/components/container.json",
+              isSource: true,
+              original: {
+                $type: "sizing",
+                $value: "288",
+              },
+              name: "containerSizeDialogMinWidthS",
+              attributes: {},
+              path: ["container", "size", "dialog", "minWidth", "S"],
+            },
+            M: {
+              $type: "sizing",
+              $value: "288",
+              filePath: "data/tokens/components/container.json",
+              isSource: true,
+              original: {
+                $type: "sizing",
+                $value: "288",
+              },
+              name: "containerSizeDialogMinWidthM",
+              attributes: {},
+              path: ["container", "size", "dialog", "minWidth", "M"],
+            },
+            L: {
+              $type: "sizing",
+              $value: "288",
+              filePath: "data/tokens/components/container.json",
+              isSource: true,
+              original: {
+                $type: "sizing",
+                $value: "288",
+              },
+              name: "containerSizeDialogMinWidthL",
+              attributes: {},
+              path: ["container", "size", "dialog", "minWidth", "L"],
+            },
+          },
         },
         drag: {
           droptarget: {

package/js/umd/frozenproduct/large/dark/components/nav.js CHANGED Viewed

@@ -1121,6 +1121,40 @@
               path: ["nav", "size", "leftnav", "grandchild", "minheight"],
             },
           },
+          parentContainer: {
+            fixedWidth: {
+              $type: "sizing",
+              $value: "140",
+              $description: "fixed width of parent container",
+              filePath: "data/tokens/components/nav.json",
+              isSource: true,
+              original: {
+                $type: "sizing",
+                $value: "140",
+                $description: "fixed width of parent container",
+              },
+              name: "navSizeLeftnavParentContainerFixedWidth",
+              attributes: {},
+              path: ["nav", "size", "leftnav", "parentContainer", "fixedWidth"],
+            },
+          },
+          childContainer: {
+            fixedWidth: {
+              $type: "sizing",
+              $value: "250",
+              $description: "fixed width of parent container",
+              filePath: "data/tokens/components/nav.json",
+              isSource: true,
+              original: {
+                $type: "sizing",
+                $value: "250",
+                $description: "fixed width of parent container",
+              },
+              name: "navSizeLeftnavChildContainerFixedWidth",
+              attributes: {},
+              path: ["nav", "size", "leftnav", "childContainer", "fixedWidth"],
+            },
+          },
         },
         modal: {
           parentitem: {
@@ -2498,14 +2532,14 @@
                 fontFamily: "Sage UI",
                 fontWeight: "500",
                 lineHeight: 1.5,
-                fontSize: "14px",
+                fontSize: "13px",
                 paragraphSpacing: "0",
               },
               filePath: "data/tokens/components/nav.json",
               isSource: true,
               original: {
                 $type: "typography",
-                $value: "{global.typography.adaptive.component.firm.S}",
+                $value: "{global.typography.adaptive.component.firm.XS}",
               },
               name: "navTypographyAdaptiveLabelS",
               attributes: {},
@@ -2557,14 +2591,14 @@
                 fontFamily: "Sage UI",
                 fontWeight: "400",
                 lineHeight: 1.5,
-                fontSize: "14px",
+                fontSize: "13px",
                 paragraphSpacing: "0",
               },
               filePath: "data/tokens/components/nav.json",
               isSource: true,
               original: {
                 $type: "typography",
-                $value: "{global.typography.adaptive.component.moderate.S}",
+                $value: "{global.typography.adaptive.component.moderate.XS}",
               },
               name: "navTypographyAdaptiveDefaultS",
               attributes: {},
@@ -2618,14 +2652,14 @@
                 fontFamily: "Sage UI",
                 fontWeight: "500",
                 lineHeight: 1.5,
-                fontSize: "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
+                fontSize: "clamp(0.7675rem, 0.8048rem + -0.0465vw, 0.7955rem)",
                 paragraphSpacing: "0",
               },
               filePath: "data/tokens/components/nav.json",
               isSource: true,
               original: {
                 $type: "typography",
-                $value: "{global.typography.responsive.component.firm.S}",
+                $value: "{global.typography.responsive.component.firm.XS}",
               },
               name: "navTypographyResponsiveLabelS",
               attributes: {},
@@ -2677,14 +2711,14 @@
                 fontFamily: "Sage UI",
                 fontWeight: "400",
                 lineHeight: 1.5,
-                fontSize: "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
+                fontSize: "clamp(0.7675rem, 0.8048rem + -0.0465vw, 0.7955rem)",
                 paragraphSpacing: "0",
               },
               filePath: "data/tokens/components/nav.json",
               isSource: true,
               original: {
                 $type: "typography",
-                $value: "{global.typography.responsive.component.moderate.S}",
+                $value: "{global.typography.responsive.component.moderate.XS}",
               },
               name: "navTypographyResponsiveDefaultS",
               attributes: {},

package/js/umd/frozenproduct/large/dark/components/profile.js CHANGED Viewed

@@ -473,7 +473,7 @@
                 fontFamily: "Sage UI",
                 fontWeight: "500",
                 lineHeight: 1.5,
-                fontSize: "11px",
+                fontSize: "12px",
                 paragraphSpacing: "0",
               },
               filePath: "data/tokens/components/profile.json",

package/js/umd/frozenproduct/large/global.js CHANGED Viewed

@@ -4172,7 +4172,7 @@
                   fontFamily: "Sage UI",
                   fontWeight: "500",
                   lineHeight: 1.5,
-                  fontSize: "12px",
+                  fontSize: "13px",
                   paragraphSpacing: "0",
                 },
                 filePath: "data/tokens/global/typography.json",
@@ -4302,7 +4302,7 @@
                   fontFamily: "Sage UI",
                   fontWeight: "400",
                   lineHeight: 1.5,
-                  fontSize: "12px",
+                  fontSize: "13px",
                   paragraphSpacing: "0",
                 },
                 filePath: "data/tokens/global/typography.json",
@@ -4734,7 +4734,7 @@
                   fontFamily: "Sage UI",
                   fontWeight: "500",
                   lineHeight: 1.5,
-                  fontSize: "11px",
+                  fontSize: "12px",
                   paragraphSpacing: "0",
                 },
                 filePath: "data/tokens/global/typography.json",
@@ -4960,7 +4960,7 @@
                   fontFamily: "Sage UI",
                   fontWeight: "500",
                   lineHeight: 1,
-                  fontSize: "12px",
+                  fontSize: "13px",
                   paragraphSpacing: "0",
                 },
                 $description:
@@ -4998,7 +4998,7 @@
         adaptive: {
           stepMinus2: {
             $type: "fontSize",
-            $value: "11px",
+            $value: "12px",
             filePath: "data/tokens/global/typography.json",
             isSource: true,
             $extensions: {
@@ -5008,7 +5008,7 @@
             },
             original: {
               $type: "fontSize",
-              $value: "11",
+              $value: "12",
               $extensions: {
                 "studio.tokens": {
                   originalType: "fontSizes",
@@ -5021,7 +5021,7 @@
           },
           stepMinus1: {
             $type: "fontSize",
-            $value: "12px",
+            $value: "13px",
             filePath: "data/tokens/global/typography.json",
             isSource: true,
             $extensions: {
@@ -5031,7 +5031,7 @@
             },
             original: {
               $type: "fontSize",
-              $value: "12",
+              $value: "13",
               $extensions: {
                 "studio.tokens": {
                   originalType: "fontSizes",

package/js/umd/frozenproduct/large/light/components/badge.js CHANGED Viewed

@@ -383,7 +383,7 @@
               fontFamily: "Sage UI",
               fontWeight: "500",
               lineHeight: 1,
-              fontSize: "12px",
+              fontSize: "13px",
               paragraphSpacing: "0",
             },
             filePath: "data/tokens/components/badge.json",

package/js/umd/frozenproduct/large/light/components/container.js CHANGED Viewed

@@ -991,12 +991,12 @@
             },
             M: {
               $type: "sizing",
-              $value: "750",
+              $value: "850",
               filePath: "data/tokens/components/container.json",
               isSource: true,
               original: {
                 $type: "sizing",
-                $value: "750",
+                $value: "850",
               },
               name: "containerSizeDialogMaxWidthM",
               attributes: {},
@@ -1004,12 +1004,12 @@
             },
             L: {
               $type: "sizing",
-              $value: "850",
+              $value: "1080",
               filePath: "data/tokens/components/container.json",
               isSource: true,
               original: {
                 $type: "sizing",
-                $value: "850",
+                $value: "1080",
               },
               name: "containerSizeDialogMaxWidthL",
               attributes: {},
@@ -1042,6 +1042,47 @@
               path: ["container", "size", "dialog", "maxWidth", "XXL"],
             },
           },
+          minWidth: {
+            S: {
+              $type: "sizing",
+              $value: "288",
+              filePath: "data/tokens/components/container.json",
+              isSource: true,
+              original: {
+                $type: "sizing",
+                $value: "288",
+              },
+              name: "containerSizeDialogMinWidthS",
+              attributes: {},
+              path: ["container", "size", "dialog", "minWidth", "S"],
+            },
+            M: {
+              $type: "sizing",
+              $value: "288",
+              filePath: "data/tokens/components/container.json",
+              isSource: true,
+              original: {
+                $type: "sizing",
+                $value: "288",
+              },
+              name: "containerSizeDialogMinWidthM",
+              attributes: {},
+              path: ["container", "size", "dialog", "minWidth", "M"],
+            },
+            L: {
+              $type: "sizing",
+              $value: "288",
+              filePath: "data/tokens/components/container.json",
+              isSource: true,
+              original: {
+                $type: "sizing",
+                $value: "288",
+              },
+              name: "containerSizeDialogMinWidthL",
+              attributes: {},
+              path: ["container", "size", "dialog", "minWidth", "L"],
+            },
+          },
         },
         drag: {
           droptarget: {

package/js/umd/frozenproduct/large/light/components/nav.js CHANGED Viewed

@@ -1121,6 +1121,40 @@
               path: ["nav", "size", "leftnav", "grandchild", "minheight"],
             },
           },
+          parentContainer: {
+            fixedWidth: {
+              $type: "sizing",
+              $value: "140",
+              $description: "fixed width of parent container",
+              filePath: "data/tokens/components/nav.json",
+              isSource: true,
+              original: {
+                $type: "sizing",
+                $value: "140",
+                $description: "fixed width of parent container",
+              },
+              name: "navSizeLeftnavParentContainerFixedWidth",
+              attributes: {},
+              path: ["nav", "size", "leftnav", "parentContainer", "fixedWidth"],
+            },
+          },
+          childContainer: {
+            fixedWidth: {
+              $type: "sizing",
+              $value: "250",
+              $description: "fixed width of parent container",
+              filePath: "data/tokens/components/nav.json",
+              isSource: true,
+              original: {
+                $type: "sizing",
+                $value: "250",
+                $description: "fixed width of parent container",
+              },
+              name: "navSizeLeftnavChildContainerFixedWidth",
+              attributes: {},
+              path: ["nav", "size", "leftnav", "childContainer", "fixedWidth"],
+            },
+          },
         },
         modal: {
           parentitem: {
@@ -2498,14 +2532,14 @@
                 fontFamily: "Sage UI",
                 fontWeight: "500",
                 lineHeight: 1.5,
-                fontSize: "14px",
+                fontSize: "13px",
                 paragraphSpacing: "0",
               },
               filePath: "data/tokens/components/nav.json",
               isSource: true,
               original: {
                 $type: "typography",
-                $value: "{global.typography.adaptive.component.firm.S}",
+                $value: "{global.typography.adaptive.component.firm.XS}",
               },
               name: "navTypographyAdaptiveLabelS",
               attributes: {},
@@ -2557,14 +2591,14 @@
                 fontFamily: "Sage UI",
                 fontWeight: "400",
                 lineHeight: 1.5,
-                fontSize: "14px",
+                fontSize: "13px",
                 paragraphSpacing: "0",
               },
               filePath: "data/tokens/components/nav.json",
               isSource: true,
               original: {
                 $type: "typography",
-                $value: "{global.typography.adaptive.component.moderate.S}",
+                $value: "{global.typography.adaptive.component.moderate.XS}",
               },
               name: "navTypographyAdaptiveDefaultS",
               attributes: {},
@@ -2618,14 +2652,14 @@
                 fontFamily: "Sage UI",
                 fontWeight: "500",
                 lineHeight: 1.5,
-                fontSize: "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
+                fontSize: "clamp(0.7675rem, 0.8048rem + -0.0465vw, 0.7955rem)",
                 paragraphSpacing: "0",
               },
               filePath: "data/tokens/components/nav.json",
               isSource: true,
               original: {
                 $type: "typography",
-                $value: "{global.typography.responsive.component.firm.S}",
+                $value: "{global.typography.responsive.component.firm.XS}",
               },
               name: "navTypographyResponsiveLabelS",
               attributes: {},
@@ -2677,14 +2711,14 @@
                 fontFamily: "Sage UI",
                 fontWeight: "400",
                 lineHeight: 1.5,
-                fontSize: "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
+                fontSize: "clamp(0.7675rem, 0.8048rem + -0.0465vw, 0.7955rem)",
                 paragraphSpacing: "0",
               },
               filePath: "data/tokens/components/nav.json",
               isSource: true,
               original: {
                 $type: "typography",
-                $value: "{global.typography.responsive.component.moderate.S}",
+                $value: "{global.typography.responsive.component.moderate.XS}",
               },
               name: "navTypographyResponsiveDefaultS",
               attributes: {},

package/js/umd/frozenproduct/large/light/components/profile.js CHANGED Viewed

@@ -473,7 +473,7 @@
                 fontFamily: "Sage UI",
                 fontWeight: "500",
                 lineHeight: 1.5,
-                fontSize: "11px",
+                fontSize: "12px",
                 paragraphSpacing: "0",
               },
               filePath: "data/tokens/components/profile.json",

package/js/umd/frozenproduct/small/dark/components/container.js CHANGED Viewed

@@ -991,12 +991,12 @@
             },
             M: {
               $type: "sizing",
-              $value: "750",
+              $value: "850",
               filePath: "data/tokens/components/container.json",
               isSource: true,
               original: {
                 $type: "sizing",
-                $value: "750",
+                $value: "850",
               },
               name: "containerSizeDialogMaxWidthM",
               attributes: {},
@@ -1004,12 +1004,12 @@
             },
             L: {
               $type: "sizing",
-              $value: "850",
+              $value: "1080",
               filePath: "data/tokens/components/container.json",
               isSource: true,
               original: {
                 $type: "sizing",
-                $value: "850",
+                $value: "1080",
               },
               name: "containerSizeDialogMaxWidthL",
               attributes: {},
@@ -1042,6 +1042,47 @@
               path: ["container", "size", "dialog", "maxWidth", "XXL"],
             },
           },
+          minWidth: {
+            S: {
+              $type: "sizing",
+              $value: "288",
+              filePath: "data/tokens/components/container.json",
+              isSource: true,
+              original: {
+                $type: "sizing",
+                $value: "288",
+              },
+              name: "containerSizeDialogMinWidthS",
+              attributes: {},
+              path: ["container", "size", "dialog", "minWidth", "S"],
+            },
+            M: {
+              $type: "sizing",
+              $value: "288",
+              filePath: "data/tokens/components/container.json",
+              isSource: true,
+              original: {
+                $type: "sizing",
+                $value: "288",
+              },
+              name: "containerSizeDialogMinWidthM",
+              attributes: {},
+              path: ["container", "size", "dialog", "minWidth", "M"],
+            },
+            L: {
+              $type: "sizing",
+              $value: "288",
+              filePath: "data/tokens/components/container.json",
+              isSource: true,
+              original: {
+                $type: "sizing",
+                $value: "288",
+              },
+              name: "containerSizeDialogMinWidthL",
+              attributes: {},
+              path: ["container", "size", "dialog", "minWidth", "L"],
+            },
+          },
         },
         drag: {
           droptarget: {

package/js/umd/frozenproduct/small/dark/components/nav.js CHANGED Viewed

@@ -1121,6 +1121,40 @@
               path: ["nav", "size", "leftnav", "grandchild", "minheight"],
             },
           },
+          parentContainer: {
+            fixedWidth: {
+              $type: "sizing",
+              $value: "140",
+              $description: "fixed width of parent container",
+              filePath: "data/tokens/components/nav.json",
+              isSource: true,
+              original: {
+                $type: "sizing",
+                $value: "140",
+                $description: "fixed width of parent container",
+              },
+              name: "navSizeLeftnavParentContainerFixedWidth",
+              attributes: {},
+              path: ["nav", "size", "leftnav", "parentContainer", "fixedWidth"],
+            },
+          },
+          childContainer: {
+            fixedWidth: {
+              $type: "sizing",
+              $value: "250",
+              $description: "fixed width of parent container",
+              filePath: "data/tokens/components/nav.json",
+              isSource: true,
+              original: {
+                $type: "sizing",
+                $value: "250",
+                $description: "fixed width of parent container",
+              },
+              name: "navSizeLeftnavChildContainerFixedWidth",
+              attributes: {},
+              path: ["nav", "size", "leftnav", "childContainer", "fixedWidth"],
+            },
+          },
         },
         modal: {
           parentitem: {
@@ -2498,14 +2532,14 @@
                 fontFamily: "Sage UI",
                 fontWeight: "500",
                 lineHeight: 1.5,
-                fontSize: "14px",
+                fontSize: "13px",
                 paragraphSpacing: "0",
               },
               filePath: "data/tokens/components/nav.json",
               isSource: true,
               original: {
                 $type: "typography",
-                $value: "{global.typography.adaptive.component.firm.S}",
+                $value: "{global.typography.adaptive.component.firm.XS}",
               },
               name: "navTypographyAdaptiveLabelS",
               attributes: {},
@@ -2557,14 +2591,14 @@
                 fontFamily: "Sage UI",
                 fontWeight: "400",
                 lineHeight: 1.5,
-                fontSize: "14px",
+                fontSize: "13px",
                 paragraphSpacing: "0",
               },
               filePath: "data/tokens/components/nav.json",
               isSource: true,
               original: {
                 $type: "typography",
-                $value: "{global.typography.adaptive.component.moderate.S}",
+                $value: "{global.typography.adaptive.component.moderate.XS}",
               },
               name: "navTypographyAdaptiveDefaultS",
               attributes: {},
@@ -2618,14 +2652,14 @@
                 fontFamily: "Sage UI",
                 fontWeight: "500",
                 lineHeight: 1.5,
-                fontSize: "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
+                fontSize: "clamp(0.7675rem, 0.8048rem + -0.0465vw, 0.7955rem)",
                 paragraphSpacing: "0",
               },
               filePath: "data/tokens/components/nav.json",
               isSource: true,
               original: {
                 $type: "typography",
-                $value: "{global.typography.responsive.component.firm.S}",
+                $value: "{global.typography.responsive.component.firm.XS}",
               },
               name: "navTypographyResponsiveLabelS",
               attributes: {},
@@ -2677,14 +2711,14 @@
                 fontFamily: "Sage UI",
                 fontWeight: "400",
                 lineHeight: 1.5,
-                fontSize: "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
+                fontSize: "clamp(0.7675rem, 0.8048rem + -0.0465vw, 0.7955rem)",
                 paragraphSpacing: "0",
               },
               filePath: "data/tokens/components/nav.json",
               isSource: true,
               original: {
                 $type: "typography",
-                $value: "{global.typography.responsive.component.moderate.S}",
+                $value: "{global.typography.responsive.component.moderate.XS}",
               },
               name: "navTypographyResponsiveDefaultS",
               attributes: {},