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

@sage/design-tokens 14.7.0 → 14.9.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 (300) hide show

package/json/nested/marketing/large/global.json CHANGED Viewed

@@ -363,6 +363,22 @@
             "fontSize": "clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)"
           }
         },
+        "section": {
+          "heading": {
+            "S": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "700",
+              "lineHeight": 1.25,
+              "fontSize": "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)"
+            },
+            "M": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "700",
+              "lineHeight": 1.25,
+              "fontSize": "clamp(1.1646rem, 1.1207rem + 0.2195vw, 1.2964rem)"
+            }
+          }
+        },
         "body": {
           "regular": {
             "S": {
@@ -640,6 +656,22 @@
             "fontSize": "18px"
           }
         },
+        "section": {
+          "heading": {
+            "S": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "700",
+              "lineHeight": 1.25,
+              "fontSize": "16px"
+            },
+            "M": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "700",
+              "lineHeight": 1.25,
+              "fontSize": "21px"
+            }
+          }
+        },
         "body": {
           "regular": {
             "S": {

package/json/nested/marketing/large/light/components/page.json CHANGED Viewed

@@ -77,6 +77,22 @@
           "lineHeight": 1.25,
           "fontSize": "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)"
         },
+        "section": {
+          "heading": {
+            "S": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "700",
+              "lineHeight": 1.25,
+              "fontSize": "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)"
+            },
+            "M": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "700",
+              "lineHeight": 1.25,
+              "fontSize": "clamp(1.1646rem, 1.1207rem + 0.2195vw, 1.2964rem)"
+            }
+          }
+        },
         "p": {
           "regular": {
             "typical": {
@@ -143,6 +159,22 @@
           "lineHeight": 1.25,
           "fontSize": "16px"
         },
+        "section": {
+          "heading": {
+            "S": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "700",
+              "lineHeight": 1.25,
+              "fontSize": "16px"
+            },
+            "M": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "700",
+              "lineHeight": 1.25,
+              "fontSize": "21px"
+            }
+          }
+        },
         "p": {
           "regular": {
             "typical": {

package/json/nested/marketing/large/light/components/table.json CHANGED Viewed

@@ -132,7 +132,8 @@
     },
     "borderwidth": {
       "thin": 1,
-      "thick": 2
+      "medium": 2,
+      "thick": 3
     },
     "space": {
       "none": 0,

package/json/nested/marketing/small/dark/components/page.json CHANGED Viewed

@@ -77,6 +77,22 @@
           "lineHeight": 1.25,
           "fontSize": "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)"
         },
+        "section": {
+          "heading": {
+            "S": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "700",
+              "lineHeight": 1.25,
+              "fontSize": "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)"
+            },
+            "M": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "700",
+              "lineHeight": 1.25,
+              "fontSize": "clamp(1.1646rem, 1.1207rem + 0.2195vw, 1.2964rem)"
+            }
+          }
+        },
         "p": {
           "regular": {
             "typical": {
@@ -143,6 +159,22 @@
           "lineHeight": 1.25,
           "fontSize": "16px"
         },
+        "section": {
+          "heading": {
+            "S": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "700",
+              "lineHeight": 1.25,
+              "fontSize": "16px"
+            },
+            "M": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "700",
+              "lineHeight": 1.25,
+              "fontSize": "19px"
+            }
+          }
+        },
         "p": {
           "regular": {
             "typical": {

package/json/nested/marketing/small/dark/components/table.json CHANGED Viewed

@@ -132,7 +132,8 @@
     },
     "borderwidth": {
       "thin": 1,
-      "thick": 2
+      "medium": 2,
+      "thick": 3
     },
     "space": {
       "none": 0,

package/json/nested/marketing/small/global.json CHANGED Viewed

@@ -363,6 +363,22 @@
             "fontSize": "clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)"
           }
         },
+        "section": {
+          "heading": {
+            "S": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "700",
+              "lineHeight": 1.25,
+              "fontSize": "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)"
+            },
+            "M": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "700",
+              "lineHeight": 1.25,
+              "fontSize": "clamp(1.1646rem, 1.1207rem + 0.2195vw, 1.2964rem)"
+            }
+          }
+        },
         "body": {
           "regular": {
             "S": {
@@ -640,6 +656,22 @@
             "fontSize": "17px"
           }
         },
+        "section": {
+          "heading": {
+            "S": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "700",
+              "lineHeight": 1.25,
+              "fontSize": "16px"
+            },
+            "M": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "700",
+              "lineHeight": 1.25,
+              "fontSize": "19px"
+            }
+          }
+        },
         "body": {
           "regular": {
             "S": {

package/json/nested/marketing/small/light/components/page.json CHANGED Viewed

@@ -77,6 +77,22 @@
           "lineHeight": 1.25,
           "fontSize": "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)"
         },
+        "section": {
+          "heading": {
+            "S": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "700",
+              "lineHeight": 1.25,
+              "fontSize": "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)"
+            },
+            "M": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "700",
+              "lineHeight": 1.25,
+              "fontSize": "clamp(1.1646rem, 1.1207rem + 0.2195vw, 1.2964rem)"
+            }
+          }
+        },
         "p": {
           "regular": {
             "typical": {
@@ -143,6 +159,22 @@
           "lineHeight": 1.25,
           "fontSize": "16px"
         },
+        "section": {
+          "heading": {
+            "S": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "700",
+              "lineHeight": 1.25,
+              "fontSize": "16px"
+            },
+            "M": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "700",
+              "lineHeight": 1.25,
+              "fontSize": "19px"
+            }
+          }
+        },
         "p": {
           "regular": {
             "typical": {

package/json/nested/marketing/small/light/components/table.json CHANGED Viewed

@@ -132,7 +132,8 @@
     },
     "borderwidth": {
       "thin": 1,
-      "thick": 2
+      "medium": 2,
+      "thick": 3
     },
     "space": {
       "none": 0,

package/json/nested/product/large/dark/components/page.json CHANGED Viewed

@@ -77,6 +77,22 @@
           "lineHeight": 1.25,
           "fontSize": "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)"
         },
+        "section": {
+          "heading": {
+            "S": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "700",
+              "lineHeight": 1.25,
+              "fontSize": "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)"
+            },
+            "M": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "700",
+              "lineHeight": 1.25,
+              "fontSize": "clamp(1.1646rem, 1.1207rem + 0.2195vw, 1.2964rem)"
+            }
+          }
+        },
         "p": {
           "regular": {
             "typical": {
@@ -143,6 +159,22 @@
           "lineHeight": 1.25,
           "fontSize": "16px"
         },
+        "section": {
+          "heading": {
+            "S": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "700",
+              "lineHeight": 1.25,
+              "fontSize": "16px"
+            },
+            "M": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "700",
+              "lineHeight": 1.25,
+              "fontSize": "21px"
+            }
+          }
+        },
         "p": {
           "regular": {
             "typical": {

package/json/nested/product/large/dark/components/table.json CHANGED Viewed

@@ -132,7 +132,8 @@
     },
     "borderwidth": {
       "thin": 1,
-      "thick": 2
+      "medium": 2,
+      "thick": 3
     },
     "space": {
       "none": 0,

package/json/nested/product/large/global.json CHANGED Viewed

@@ -363,6 +363,22 @@
             "fontSize": "clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)"
           }
         },
+        "section": {
+          "heading": {
+            "S": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "700",
+              "lineHeight": 1.25,
+              "fontSize": "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)"
+            },
+            "M": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "700",
+              "lineHeight": 1.25,
+              "fontSize": "clamp(1.1646rem, 1.1207rem + 0.2195vw, 1.2964rem)"
+            }
+          }
+        },
         "body": {
           "regular": {
             "S": {
@@ -640,6 +656,22 @@
             "fontSize": "18px"
           }
         },
+        "section": {
+          "heading": {
+            "S": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "700",
+              "lineHeight": 1.25,
+              "fontSize": "16px"
+            },
+            "M": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "700",
+              "lineHeight": 1.25,
+              "fontSize": "21px"
+            }
+          }
+        },
         "body": {
           "regular": {
             "S": {

package/json/nested/product/large/light/components/page.json CHANGED Viewed

@@ -77,6 +77,22 @@
           "lineHeight": 1.25,
           "fontSize": "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)"
         },
+        "section": {
+          "heading": {
+            "S": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "700",
+              "lineHeight": 1.25,
+              "fontSize": "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)"
+            },
+            "M": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "700",
+              "lineHeight": 1.25,
+              "fontSize": "clamp(1.1646rem, 1.1207rem + 0.2195vw, 1.2964rem)"
+            }
+          }
+        },
         "p": {
           "regular": {
             "typical": {
@@ -143,6 +159,22 @@
           "lineHeight": 1.25,
           "fontSize": "16px"
         },
+        "section": {
+          "heading": {
+            "S": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "700",
+              "lineHeight": 1.25,
+              "fontSize": "16px"
+            },
+            "M": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "700",
+              "lineHeight": 1.25,
+              "fontSize": "21px"
+            }
+          }
+        },
         "p": {
           "regular": {
             "typical": {

package/json/nested/product/large/light/components/table.json CHANGED Viewed

@@ -132,7 +132,8 @@
     },
     "borderwidth": {
       "thin": 1,
-      "thick": 2
+      "medium": 2,
+      "thick": 3
     },
     "space": {
       "none": 0,

package/json/nested/product/small/dark/components/page.json CHANGED Viewed

@@ -77,6 +77,22 @@
           "lineHeight": 1.25,
           "fontSize": "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)"
         },
+        "section": {
+          "heading": {
+            "S": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "700",
+              "lineHeight": 1.25,
+              "fontSize": "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)"
+            },
+            "M": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "700",
+              "lineHeight": 1.25,
+              "fontSize": "clamp(1.1646rem, 1.1207rem + 0.2195vw, 1.2964rem)"
+            }
+          }
+        },
         "p": {
           "regular": {
             "typical": {
@@ -143,6 +159,22 @@
           "lineHeight": 1.25,
           "fontSize": "16px"
         },
+        "section": {
+          "heading": {
+            "S": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "700",
+              "lineHeight": 1.25,
+              "fontSize": "16px"
+            },
+            "M": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "700",
+              "lineHeight": 1.25,
+              "fontSize": "19px"
+            }
+          }
+        },
         "p": {
           "regular": {
             "typical": {

package/json/nested/product/small/dark/components/table.json CHANGED Viewed

@@ -132,7 +132,8 @@
     },
     "borderwidth": {
       "thin": 1,
-      "thick": 2
+      "medium": 2,
+      "thick": 3
     },
     "space": {
       "none": 0,

package/json/nested/product/small/global.json CHANGED Viewed

@@ -363,6 +363,22 @@
             "fontSize": "clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)"
           }
         },
+        "section": {
+          "heading": {
+            "S": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "700",
+              "lineHeight": 1.25,
+              "fontSize": "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)"
+            },
+            "M": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "700",
+              "lineHeight": 1.25,
+              "fontSize": "clamp(1.1646rem, 1.1207rem + 0.2195vw, 1.2964rem)"
+            }
+          }
+        },
         "body": {
           "regular": {
             "S": {
@@ -640,6 +656,22 @@
             "fontSize": "17px"
           }
         },
+        "section": {
+          "heading": {
+            "S": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "700",
+              "lineHeight": 1.25,
+              "fontSize": "16px"
+            },
+            "M": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "700",
+              "lineHeight": 1.25,
+              "fontSize": "19px"
+            }
+          }
+        },
         "body": {
           "regular": {
             "S": {

package/json/nested/product/small/light/components/page.json CHANGED Viewed

@@ -77,6 +77,22 @@
           "lineHeight": 1.25,
           "fontSize": "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)"
         },
+        "section": {
+          "heading": {
+            "S": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "700",
+              "lineHeight": 1.25,
+              "fontSize": "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)"
+            },
+            "M": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "700",
+              "lineHeight": 1.25,
+              "fontSize": "clamp(1.1646rem, 1.1207rem + 0.2195vw, 1.2964rem)"
+            }
+          }
+        },
         "p": {
           "regular": {
             "typical": {
@@ -143,6 +159,22 @@
           "lineHeight": 1.25,
           "fontSize": "16px"
         },
+        "section": {
+          "heading": {
+            "S": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "700",
+              "lineHeight": 1.25,
+              "fontSize": "16px"
+            },
+            "M": {
+              "fontFamily": "Sage UI",
+              "fontWeight": "700",
+              "lineHeight": 1.25,
+              "fontSize": "19px"
+            }
+          }
+        },
         "p": {
           "regular": {
             "typical": {

package/json/nested/product/small/light/components/table.json CHANGED Viewed

@@ -132,7 +132,8 @@
     },
     "borderwidth": {
       "thin": 1,
-      "thick": 2
+      "medium": 2,
+      "thick": 3
     },
     "space": {
       "none": 0,

package/package.json CHANGED Viewed

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

package/sage-design-tokens-14.9.0.tgz ADDED Viewed

Binary file

package/scss/frozenproduct/large/components/page.scss CHANGED Viewed

@@ -12,6 +12,8 @@ $page-typography-responsive-h2: $global-typography-responsive-heading-m;
 $page-typography-responsive-h3: $global-typography-responsive-heading-s;
 $page-typography-responsive-h4: $global-typography-responsive-subheading-l;
 $page-typography-responsive-h5: $global-typography-responsive-subheading-m;
+$page-typography-responsive-section-heading-s: $global-typography-responsive-section-heading-s;
+$page-typography-responsive-section-heading-m: $global-typography-responsive-section-heading-m;
 $page-typography-responsive-p-regular-typical: $global-typography-responsive-body-regular-s;
 $page-typography-responsive-p-regular-large: $global-typography-responsive-body-regular-l;
 $page-typography-responsive-p-medium-typical: $global-typography-responsive-body-medium-s;
@@ -21,6 +23,8 @@ $page-typography-adaptive-h2: $global-typography-adaptive-heading-m;
 $page-typography-adaptive-h3: $global-typography-adaptive-heading-s;
 $page-typography-adaptive-h4: $global-typography-adaptive-subheading-l;
 $page-typography-adaptive-h5: $global-typography-adaptive-subheading-m;
+$page-typography-adaptive-section-heading-s: $global-typography-adaptive-section-heading-s;
+$page-typography-adaptive-section-heading-m: $global-typography-adaptive-section-heading-m;
 $page-typography-adaptive-p-regular-typical: $global-typography-adaptive-body-regular-s;
 $page-typography-adaptive-p-regular-large: $global-typography-adaptive-body-regular-l;
 $page-typography-adaptive-p-medium-typical: $global-typography-adaptive-body-medium-s;

package/scss/frozenproduct/large/components/table.scss CHANGED Viewed

@@ -56,8 +56,9 @@ $table-color-row-label-activated: $modes-color-interactive-monochrome-with-activ
 $table-color-row-label-active: $modes-color-interactive-monochrome-with-active;
 $table-color-footer-border-default: $modes-color-generic-fg-delicate; // Header borders
 $table-radius-container: $global-radius-container-m; // Table (parent container)
-$table-borderwidth-thin: $global-borderwidth-xs; // Table border
-$table-borderwidth-thick: $global-borderwidth-s; // header border for subtle
+$table-borderwidth-thin: $global-borderwidth-xs; // Table border. Optional choice of cell border width.
+$table-borderwidth-medium: $global-borderwidth-s; // Header border for subtle. Optional choice of cell border width.
+$table-borderwidth-thick: $global-borderwidth-m; // Optional choice of cell border width.
 $table-space-none: $global-space-none;
 $table-space-yg: $global-space-micro-s; // space between table and pagination
 $table-space-row-x-xs: $global-space-micro-l; // Left and right padding inside XS row cells

package/scss/frozenproduct/large/global.scss CHANGED Viewed

@@ -104,6 +104,8 @@ $global-typography-responsive-heading-m: [object Object];
 $global-typography-responsive-heading-l: [object Object];
 $global-typography-responsive-subheading-m: [object Object];
 $global-typography-responsive-subheading-l: [object Object];
+$global-typography-responsive-section-heading-s: [object Object];
+$global-typography-responsive-section-heading-m: [object Object];
 $global-typography-responsive-body-regular-s: [object Object];
 $global-typography-responsive-body-regular-m: [object Object];
 $global-typography-responsive-body-regular-l: [object Object];
@@ -140,6 +142,8 @@ $global-typography-adaptive-heading-m: [object Object];
 $global-typography-adaptive-heading-l: [object Object];
 $global-typography-adaptive-subheading-m: [object Object];
 $global-typography-adaptive-subheading-l: [object Object];
+$global-typography-adaptive-section-heading-s: [object Object];
+$global-typography-adaptive-section-heading-m: [object Object];
 $global-typography-adaptive-body-regular-s: [object Object];
 $global-typography-adaptive-body-regular-m: [object Object];
 $global-typography-adaptive-body-regular-l: [object Object];