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/css/frozenproduct/all.css CHANGED Viewed

@@ -102,6 +102,8 @@
   --global-typography-heading-l: 700 25px/1.25 Sage UI;
   --global-typography-subheading-m: 500 16px/1.25 Sage UI;
   --global-typography-subheading-l: 500 17px/1.25 Sage UI;
+  --global-typography-section-heading-s: 700 16px/1.25 Sage UI;
+  --global-typography-section-heading-m: 700 19px/1.25 Sage UI;
   --global-typography-body-regular-s: 400 14px/1.5 Sage UI;
   --global-typography-body-regular-m: 400 14px/1.5 Sage UI;
   --global-typography-body-regular-l: 400 16px/1.5 Sage UI;
@@ -1943,6 +1945,8 @@
   --page-typography-h3: var(--global-typography-heading-s);
   --page-typography-h4: var(--global-typography-subheading-l);
   --page-typography-h5: var(--global-typography-subheading-m);
+  --page-typography-section-heading-s: var(--global-typography-section-heading-s);
+  --page-typography-section-heading-m: var(--global-typography-section-heading-m);
   --page-typography-p-regular-typical: var(--global-typography-body-regular-s);
   --page-typography-p-regular-large: var(--global-typography-body-regular-l);
   --page-typography-p-medium-typical: var(--global-typography-body-medium-s);
@@ -2523,8 +2527,9 @@
   --table-color-footer-border-default: light-dark(var(--modes-color-generic-fg-delicate-light), var(--modes-color-generic-fg-delicate-dark)); /* Header borders */
   --table-color-footer-label-default: light-dark(var(--modes-color-interactive-monochrome-default-light), var(--modes-color-interactive-monochrome-default-dark));
   --table-radius-container: var(--global-radius-container-m); /* Table (parent container) */
-  --table-borderwidth-thin: var(--global-borderwidth-xs); /* Table border */
-  --table-borderwidth-thick: var(--global-borderwidth-s); /* header border for subtle */
+  --table-borderwidth-thin: var(--global-borderwidth-xs); /* Table border. Optional choice of cell border width. */
+  --table-borderwidth-medium: var(--global-borderwidth-s); /* Header border for subtle. Optional choice of cell border width. */
+  --table-borderwidth-thick: var(--global-borderwidth-m); /* Optional choice of cell border width. */
   --table-space-none: var(--global-space-none);
   --table-space-yg: var(--global-space-micro-s); /* space between table and pagination */
   --table-space-row-x-xs: var(--global-space-micro-l); /* Left and right padding inside XS row cells */
@@ -2576,6 +2581,7 @@
     --global-typography-heading-m: 700 24px/1.25 Sage UI;
     --global-typography-heading-l: 700 30px/1.25 Sage UI;
     --global-typography-subheading-l: 500 18px/1.25 Sage UI;
+    --global-typography-section-heading-m: 700 21px/1.25 Sage UI;
     --global-typography-component-firm-xs: 500 12px/1.5 Sage UI;
     --global-typography-component-moderate-xs: 400 12px/1.5 Sage UI;
     --global-typography-component-placeholdertext-xs: 500 11px/1.5 Sage UI;

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

@@ -9,6 +9,8 @@
   --page-typography-responsive-h3: var(--global-typography-responsive-heading-s);
   --page-typography-responsive-h4: var(--global-typography-responsive-subheading-l);
   --page-typography-responsive-h5: var(--global-typography-responsive-subheading-m);
+  --page-typography-responsive-section-heading-s: var(--global-typography-responsive-section-heading-s);
+  --page-typography-responsive-section-heading-m: var(--global-typography-responsive-section-heading-m);
   --page-typography-responsive-p-regular-typical: var(--global-typography-responsive-body-regular-s);
   --page-typography-responsive-p-regular-large: var(--global-typography-responsive-body-regular-l);
   --page-typography-responsive-p-medium-typical: var(--global-typography-responsive-body-medium-s);
@@ -18,6 +20,8 @@
   --page-typography-adaptive-h3: var(--global-typography-adaptive-heading-s);
   --page-typography-adaptive-h4: var(--global-typography-adaptive-subheading-l);
   --page-typography-adaptive-h5: var(--global-typography-adaptive-subheading-m);
+  --page-typography-adaptive-section-heading-s: var(--global-typography-adaptive-section-heading-s);
+  --page-typography-adaptive-section-heading-m: var(--global-typography-adaptive-section-heading-m);
   --page-typography-adaptive-p-regular-typical: var(--global-typography-adaptive-body-regular-s);
   --page-typography-adaptive-p-regular-large: var(--global-typography-adaptive-body-regular-l);
   --page-typography-adaptive-p-medium-typical: var(--global-typography-adaptive-body-medium-s);

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

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

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

@@ -102,6 +102,8 @@
   --global-typography-responsive-heading-l: 700 clamp(1.5869rem, 1.417rem + 0.8494vw, 2.4363rem)/1.25 Sage UI;
   --global-typography-responsive-subheading-m: 500 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)/1.25 Sage UI;
   --global-typography-responsive-subheading-l: 500 clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)/1.25 Sage UI;
+  --global-typography-responsive-section-heading-s: 700 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)/1.25 Sage UI;
+  --global-typography-responsive-section-heading-m: 700 clamp(1.1646rem, 1.1207rem + 0.2195vw, 1.2964rem)/1.25 Sage UI;
   --global-typography-responsive-body-regular-s: 400 clamp(0.875rem, 0.875rem + 0vw, 0.875rem)/1.5 Sage UI;
   --global-typography-responsive-body-regular-m: 400 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)/1.5 Sage UI;
   --global-typography-responsive-body-regular-l: 400 clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)/1.5 Sage UI;
@@ -138,6 +140,8 @@
   --global-typography-adaptive-heading-l: 700 30px/1.25 Sage UI;
   --global-typography-adaptive-subheading-m: 500 16px/1.25 Sage UI;
   --global-typography-adaptive-subheading-l: 500 18px/1.25 Sage UI;
+  --global-typography-adaptive-section-heading-s: 700 16px/1.25 Sage UI;
+  --global-typography-adaptive-section-heading-m: 700 21px/1.25 Sage UI;
   --global-typography-adaptive-body-regular-s: 400 14px/1.5 Sage UI;
   --global-typography-adaptive-body-regular-m: 400 14px/1.5 Sage UI;
   --global-typography-adaptive-body-regular-l: 400 16px/1.5 Sage UI;

package/css/frozenproduct/small/components/page.css CHANGED Viewed

@@ -9,6 +9,8 @@
   --page-typography-responsive-h3: var(--global-typography-responsive-heading-s);
   --page-typography-responsive-h4: var(--global-typography-responsive-subheading-l);
   --page-typography-responsive-h5: var(--global-typography-responsive-subheading-m);
+  --page-typography-responsive-section-heading-s: var(--global-typography-responsive-section-heading-s);
+  --page-typography-responsive-section-heading-m: var(--global-typography-responsive-section-heading-m);
   --page-typography-responsive-p-regular-typical: var(--global-typography-responsive-body-regular-s);
   --page-typography-responsive-p-regular-large: var(--global-typography-responsive-body-regular-l);
   --page-typography-responsive-p-medium-typical: var(--global-typography-responsive-body-medium-s);
@@ -18,6 +20,8 @@
   --page-typography-adaptive-h3: var(--global-typography-adaptive-heading-s);
   --page-typography-adaptive-h4: var(--global-typography-adaptive-subheading-l);
   --page-typography-adaptive-h5: var(--global-typography-adaptive-subheading-m);
+  --page-typography-adaptive-section-heading-s: var(--global-typography-adaptive-section-heading-s);
+  --page-typography-adaptive-section-heading-m: var(--global-typography-adaptive-section-heading-m);
   --page-typography-adaptive-p-regular-typical: var(--global-typography-adaptive-body-regular-s);
   --page-typography-adaptive-p-regular-large: var(--global-typography-adaptive-body-regular-l);
   --page-typography-adaptive-p-medium-typical: var(--global-typography-adaptive-body-medium-s);

package/css/frozenproduct/small/components/table.css CHANGED Viewed

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

package/css/frozenproduct/small/global.css CHANGED Viewed

@@ -102,6 +102,8 @@
   --global-typography-responsive-heading-l: 700 clamp(1.5869rem, 1.417rem + 0.8494vw, 2.4363rem)/1.25 Sage UI;
   --global-typography-responsive-subheading-m: 500 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)/1.25 Sage UI;
   --global-typography-responsive-subheading-l: 500 clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)/1.25 Sage UI;
+  --global-typography-responsive-section-heading-s: 700 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)/1.25 Sage UI;
+  --global-typography-responsive-section-heading-m: 700 clamp(1.1646rem, 1.1207rem + 0.2195vw, 1.2964rem)/1.25 Sage UI;
   --global-typography-responsive-body-regular-s: 400 clamp(0.875rem, 0.875rem + 0vw, 0.875rem)/1.5 Sage UI;
   --global-typography-responsive-body-regular-m: 400 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)/1.5 Sage UI;
   --global-typography-responsive-body-regular-l: 400 clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)/1.5 Sage UI;
@@ -138,6 +140,8 @@
   --global-typography-adaptive-heading-l: 700 25px/1.25 Sage UI;
   --global-typography-adaptive-subheading-m: 500 16px/1.25 Sage UI;
   --global-typography-adaptive-subheading-l: 500 17px/1.25 Sage UI;
+  --global-typography-adaptive-section-heading-s: 700 16px/1.25 Sage UI;
+  --global-typography-adaptive-section-heading-m: 700 19px/1.25 Sage UI;
   --global-typography-adaptive-body-regular-s: 400 14px/1.5 Sage UI;
   --global-typography-adaptive-body-regular-m: 400 14px/1.5 Sage UI;
   --global-typography-adaptive-body-regular-l: 400 16px/1.5 Sage UI;

package/css/marketing/all.css CHANGED Viewed

@@ -102,6 +102,8 @@
   --global-typography-heading-l: 700 clamp(1.5869rem, 1.417rem + 0.8494vw, 2.4363rem)/1.25 Sage UI;
   --global-typography-subheading-m: 500 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)/1.25 Sage UI;
   --global-typography-subheading-l: 500 clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)/1.25 Sage UI;
+  --global-typography-section-heading-s: 700 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)/1.25 Sage UI;
+  --global-typography-section-heading-m: 700 clamp(1.1646rem, 1.1207rem + 0.2195vw, 1.2964rem)/1.25 Sage UI;
   --global-typography-body-regular-s: 400 clamp(0.875rem, 0.875rem + 0vw, 0.875rem)/1.5 Sage UI;
   --global-typography-body-regular-m: 400 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)/1.5 Sage UI;
   --global-typography-body-regular-l: 400 clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)/1.5 Sage UI;
@@ -1943,6 +1945,8 @@
   --page-typography-h3: var(--global-typography-heading-s);
   --page-typography-h4: var(--global-typography-subheading-l);
   --page-typography-h5: var(--global-typography-subheading-m);
+  --page-typography-section-heading-s: var(--global-typography-section-heading-s);
+  --page-typography-section-heading-m: var(--global-typography-section-heading-m);
   --page-typography-p-regular-typical: var(--global-typography-body-regular-s);
   --page-typography-p-regular-large: var(--global-typography-body-regular-l);
   --page-typography-p-medium-typical: var(--global-typography-body-medium-s);
@@ -2523,8 +2527,9 @@
   --table-color-footer-border-default: light-dark(var(--modes-color-generic-fg-delicate-light), var(--modes-color-generic-fg-delicate-dark)); /* Header borders */
   --table-color-footer-label-default: light-dark(var(--modes-color-interactive-monochrome-default-light), var(--modes-color-interactive-monochrome-default-dark));
   --table-radius-container: var(--global-radius-container-m); /* Table (parent container) */
-  --table-borderwidth-thin: var(--global-borderwidth-xs); /* Table border */
-  --table-borderwidth-thick: var(--global-borderwidth-s); /* header border for subtle */
+  --table-borderwidth-thin: var(--global-borderwidth-xs); /* Table border. Optional choice of cell border width. */
+  --table-borderwidth-medium: var(--global-borderwidth-s); /* Header border for subtle. Optional choice of cell border width. */
+  --table-borderwidth-thick: var(--global-borderwidth-m); /* Optional choice of cell border width. */
   --table-space-none: var(--global-space-none);
   --table-space-yg: var(--global-space-micro-s); /* space between table and pagination */
   --table-space-row-x-xs: var(--global-space-micro-l); /* Left and right padding inside XS row cells */

package/css/marketing/large/components/page.css CHANGED Viewed

@@ -9,6 +9,8 @@
   --page-typography-responsive-h3: var(--global-typography-responsive-heading-s);
   --page-typography-responsive-h4: var(--global-typography-responsive-subheading-l);
   --page-typography-responsive-h5: var(--global-typography-responsive-subheading-m);
+  --page-typography-responsive-section-heading-s: var(--global-typography-responsive-section-heading-s);
+  --page-typography-responsive-section-heading-m: var(--global-typography-responsive-section-heading-m);
   --page-typography-responsive-p-regular-typical: var(--global-typography-responsive-body-regular-s);
   --page-typography-responsive-p-regular-large: var(--global-typography-responsive-body-regular-l);
   --page-typography-responsive-p-medium-typical: var(--global-typography-responsive-body-medium-s);
@@ -18,6 +20,8 @@
   --page-typography-adaptive-h3: var(--global-typography-adaptive-heading-s);
   --page-typography-adaptive-h4: var(--global-typography-adaptive-subheading-l);
   --page-typography-adaptive-h5: var(--global-typography-adaptive-subheading-m);
+  --page-typography-adaptive-section-heading-s: var(--global-typography-adaptive-section-heading-s);
+  --page-typography-adaptive-section-heading-m: var(--global-typography-adaptive-section-heading-m);
   --page-typography-adaptive-p-regular-typical: var(--global-typography-adaptive-body-regular-s);
   --page-typography-adaptive-p-regular-large: var(--global-typography-adaptive-body-regular-l);
   --page-typography-adaptive-p-medium-typical: var(--global-typography-adaptive-body-medium-s);

package/css/marketing/large/components/table.css CHANGED Viewed

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

package/css/marketing/large/global.css CHANGED Viewed

@@ -102,6 +102,8 @@
   --global-typography-responsive-heading-l: 700 clamp(1.5869rem, 1.417rem + 0.8494vw, 2.4363rem)/1.25 Sage UI;
   --global-typography-responsive-subheading-m: 500 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)/1.25 Sage UI;
   --global-typography-responsive-subheading-l: 500 clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)/1.25 Sage UI;
+  --global-typography-responsive-section-heading-s: 700 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)/1.25 Sage UI;
+  --global-typography-responsive-section-heading-m: 700 clamp(1.1646rem, 1.1207rem + 0.2195vw, 1.2964rem)/1.25 Sage UI;
   --global-typography-responsive-body-regular-s: 400 clamp(0.875rem, 0.875rem + 0vw, 0.875rem)/1.5 Sage UI;
   --global-typography-responsive-body-regular-m: 400 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)/1.5 Sage UI;
   --global-typography-responsive-body-regular-l: 400 clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)/1.5 Sage UI;
@@ -138,6 +140,8 @@
   --global-typography-adaptive-heading-l: 700 30px/1.25 Sage UI;
   --global-typography-adaptive-subheading-m: 500 16px/1.25 Sage UI;
   --global-typography-adaptive-subheading-l: 500 18px/1.25 Sage UI;
+  --global-typography-adaptive-section-heading-s: 700 16px/1.25 Sage UI;
+  --global-typography-adaptive-section-heading-m: 700 21px/1.25 Sage UI;
   --global-typography-adaptive-body-regular-s: 400 14px/1.5 Sage UI;
   --global-typography-adaptive-body-regular-m: 400 14px/1.5 Sage UI;
   --global-typography-adaptive-body-regular-l: 400 16px/1.5 Sage UI;

package/css/marketing/small/components/page.css CHANGED Viewed

@@ -9,6 +9,8 @@
   --page-typography-responsive-h3: var(--global-typography-responsive-heading-s);
   --page-typography-responsive-h4: var(--global-typography-responsive-subheading-l);
   --page-typography-responsive-h5: var(--global-typography-responsive-subheading-m);
+  --page-typography-responsive-section-heading-s: var(--global-typography-responsive-section-heading-s);
+  --page-typography-responsive-section-heading-m: var(--global-typography-responsive-section-heading-m);
   --page-typography-responsive-p-regular-typical: var(--global-typography-responsive-body-regular-s);
   --page-typography-responsive-p-regular-large: var(--global-typography-responsive-body-regular-l);
   --page-typography-responsive-p-medium-typical: var(--global-typography-responsive-body-medium-s);
@@ -18,6 +20,8 @@
   --page-typography-adaptive-h3: var(--global-typography-adaptive-heading-s);
   --page-typography-adaptive-h4: var(--global-typography-adaptive-subheading-l);
   --page-typography-adaptive-h5: var(--global-typography-adaptive-subheading-m);
+  --page-typography-adaptive-section-heading-s: var(--global-typography-adaptive-section-heading-s);
+  --page-typography-adaptive-section-heading-m: var(--global-typography-adaptive-section-heading-m);
   --page-typography-adaptive-p-regular-typical: var(--global-typography-adaptive-body-regular-s);
   --page-typography-adaptive-p-regular-large: var(--global-typography-adaptive-body-regular-l);
   --page-typography-adaptive-p-medium-typical: var(--global-typography-adaptive-body-medium-s);

package/css/marketing/small/components/table.css CHANGED Viewed

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

package/css/marketing/small/global.css CHANGED Viewed

@@ -102,6 +102,8 @@
   --global-typography-responsive-heading-l: 700 clamp(1.5869rem, 1.417rem + 0.8494vw, 2.4363rem)/1.25 Sage UI;
   --global-typography-responsive-subheading-m: 500 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)/1.25 Sage UI;
   --global-typography-responsive-subheading-l: 500 clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)/1.25 Sage UI;
+  --global-typography-responsive-section-heading-s: 700 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)/1.25 Sage UI;
+  --global-typography-responsive-section-heading-m: 700 clamp(1.1646rem, 1.1207rem + 0.2195vw, 1.2964rem)/1.25 Sage UI;
   --global-typography-responsive-body-regular-s: 400 clamp(0.875rem, 0.875rem + 0vw, 0.875rem)/1.5 Sage UI;
   --global-typography-responsive-body-regular-m: 400 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)/1.5 Sage UI;
   --global-typography-responsive-body-regular-l: 400 clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)/1.5 Sage UI;
@@ -138,6 +140,8 @@
   --global-typography-adaptive-heading-l: 700 25px/1.25 Sage UI;
   --global-typography-adaptive-subheading-m: 500 16px/1.25 Sage UI;
   --global-typography-adaptive-subheading-l: 500 17px/1.25 Sage UI;
+  --global-typography-adaptive-section-heading-s: 700 16px/1.25 Sage UI;
+  --global-typography-adaptive-section-heading-m: 700 19px/1.25 Sage UI;
   --global-typography-adaptive-body-regular-s: 400 14px/1.5 Sage UI;
   --global-typography-adaptive-body-regular-m: 400 14px/1.5 Sage UI;
   --global-typography-adaptive-body-regular-l: 400 16px/1.5 Sage UI;

package/css/product/all.css CHANGED Viewed

@@ -102,6 +102,8 @@
   --global-typography-heading-l: 700 clamp(1.5869rem, 1.417rem + 0.8494vw, 2.4363rem)/1.25 Sage UI;
   --global-typography-subheading-m: 500 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)/1.25 Sage UI;
   --global-typography-subheading-l: 500 clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)/1.25 Sage UI;
+  --global-typography-section-heading-s: 700 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)/1.25 Sage UI;
+  --global-typography-section-heading-m: 700 clamp(1.1646rem, 1.1207rem + 0.2195vw, 1.2964rem)/1.25 Sage UI;
   --global-typography-body-regular-s: 400 clamp(0.875rem, 0.875rem + 0vw, 0.875rem)/1.5 Sage UI;
   --global-typography-body-regular-m: 400 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)/1.5 Sage UI;
   --global-typography-body-regular-l: 400 clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)/1.5 Sage UI;
@@ -1943,6 +1945,8 @@
   --page-typography-h3: var(--global-typography-heading-s);
   --page-typography-h4: var(--global-typography-subheading-l);
   --page-typography-h5: var(--global-typography-subheading-m);
+  --page-typography-section-heading-s: var(--global-typography-section-heading-s);
+  --page-typography-section-heading-m: var(--global-typography-section-heading-m);
   --page-typography-p-regular-typical: var(--global-typography-body-regular-s);
   --page-typography-p-regular-large: var(--global-typography-body-regular-l);
   --page-typography-p-medium-typical: var(--global-typography-body-medium-s);
@@ -2482,7 +2486,6 @@
   /* table component tokens */
   --table-color-header-subtle-bg-default: light-dark(var(--modes-color-none-light), var(--modes-color-none-dark));
-  --table-color-row-bg-active: light-dark(var(--modes-color-interactive-monochrome-active-light), var(--modes-color-interactive-monochrome-active-dark));
   --table-color-row-bg-default: light-dark(var(--modes-color-generic-bg-nought-light), var(--modes-color-generic-bg-nought-dark));
   --table-color-row-label-hover: light-dark(var(--modes-color-generic-content-extreme-light), var(--modes-color-generic-content-extreme-dark));
   --table-typography-heading-s: var(--global-typography-component-firm-s);
@@ -2494,37 +2497,39 @@
   --table-typography-label-s: var(--global-typography-component-firm-s);
   --table-typography-label-m: var(--global-typography-component-firm-m);
   --table-typography-label-l: var(--global-typography-component-firm-l);
-  --table-color-header-subtle-bg-alt: light-dark(var(--modes-color-interactive-monochrome-subtle-default-light), var(--modes-color-interactive-monochrome-subtle-default-dark)); /* header alt */
-  --table-color-header-subtle-bg-hover: light-dark(var(--modes-color-interactive-monochrome-hover-light), var(--modes-color-interactive-monochrome-hover-dark));
-  --table-color-header-subtle-label-default: light-dark(var(--modes-color-interactive-monochrome-default-light), var(--modes-color-interactive-monochrome-default-dark));
-  --table-color-header-subtle-label-hover: light-dark(var(--modes-color-interactive-monochrome-default-light), var(--modes-color-interactive-monochrome-default-dark));
-  --table-color-header-harsh-bg-alt: light-dark(var(--modes-color-interactive-monochrome-default-light), var(--modes-color-interactive-monochrome-default-dark)); /* header alt */
-  --table-color-header-harsh-bg-default: light-dark(var(--modes-color-interactive-monochrome-default-alt-light), var(--modes-color-interactive-monochrome-default-alt-dark));
-  --table-color-header-harsh-bg-hover: light-dark(var(--modes-color-interactive-monochrome-hover-light), var(--modes-color-interactive-monochrome-hover-dark));
-  --table-color-header-harsh-label-hover: light-dark(var(--modes-color-interactive-monochrome-default-light), var(--modes-color-interactive-monochrome-default-dark));
   --table-color-row-bg-activated: light-dark(var(--modes-color-interactive-primary-default-light), var(--modes-color-interactive-primary-default-dark));
+  --table-color-row-bg-active: light-dark(var(--modes-color-interactive-monochrome-active-light), var(--modes-color-interactive-monochrome-active-dark));
   --table-color-row-bg-alt: light-dark(var(--modes-color-generic-bg-delicate-light), var(--modes-color-generic-bg-delicate-dark)); /* Zebra stripes */
   --table-color-row-bg-alt2: light-dark(var(--modes-color-generic-bg-soft-light), var(--modes-color-generic-bg-soft-dark)); /* Zebra stripes combined with child rows. */
   --table-color-row-bg-alt3: light-dark(var(--modes-color-generic-bg-faint-light), var(--modes-color-generic-bg-faint-dark)); /* Child rows. */
   --table-color-row-bg-hover: light-dark(var(--modes-color-generic-bg-soft-light), var(--modes-color-generic-bg-soft-dark));
   --table-color-row-label-default: light-dark(var(--modes-color-generic-content-harsh-light), var(--modes-color-generic-content-harsh-dark));
   --table-color-footer-bg-default: light-dark(var(--modes-color-generic-bg-soft-light), var(--modes-color-generic-bg-soft-dark));
-  --table-color-footer-label-default: light-dark(var(--modes-color-interactive-monochrome-default-light), var(--modes-color-interactive-monochrome-default-dark));
   --table-boxshadow-parentrow: var(--global-boxshadow-container-far);
   --table-boxshadow-firstchild: var(--global-boxshadow-inner-near);
   --table-boxshadow-column-sticky-left: var(--global-boxshadow-cleanedge-near-right); /* Right shadow on left hand sticky column. */
   --table-boxshadow-column-sticky-right: var(--global-boxshadow-cleanedge-near-left); /* Left shadow on right hand sticky column. */
   --table-boxshadow-row-dragging: var(--global-boxshadow-interactive-drag); /* dragging state for a table row */
+  --table-color-header-subtle-bg-alt: light-dark(var(--modes-color-interactive-monochrome-subtle-default-light), var(--modes-color-interactive-monochrome-subtle-default-dark)); /* header alt */
+  --table-color-header-subtle-bg-hover: light-dark(var(--modes-color-interactive-monochrome-hover-light), var(--modes-color-interactive-monochrome-hover-dark));
   --table-color-header-subtle-border-default: light-dark(var(--modes-color-generic-fg-delicate-light), var(--modes-color-generic-fg-delicate-dark)); /* Header borders */
+  --table-color-header-subtle-label-default: light-dark(var(--modes-color-interactive-monochrome-default-light), var(--modes-color-interactive-monochrome-default-dark));
+  --table-color-header-subtle-label-hover: light-dark(var(--modes-color-interactive-monochrome-default-light), var(--modes-color-interactive-monochrome-default-dark));
+  --table-color-header-harsh-bg-alt: light-dark(var(--modes-color-interactive-monochrome-default-light), var(--modes-color-interactive-monochrome-default-dark)); /* header alt */
+  --table-color-header-harsh-bg-default: light-dark(var(--modes-color-interactive-monochrome-default-alt-light), var(--modes-color-interactive-monochrome-default-alt-dark));
+  --table-color-header-harsh-bg-hover: light-dark(var(--modes-color-interactive-monochrome-hover-light), var(--modes-color-interactive-monochrome-hover-dark));
   --table-color-header-harsh-border-default: light-dark(var(--modes-color-generic-fg-soft-light), var(--modes-color-generic-fg-soft-dark));
   --table-color-header-harsh-label-default: light-dark(var(--modes-color-interactive-monochrome-with-default-light), var(--modes-color-interactive-monochrome-with-default-dark));
+  --table-color-header-harsh-label-hover: light-dark(var(--modes-color-interactive-monochrome-default-light), var(--modes-color-interactive-monochrome-default-dark));
   --table-color-row-border-default: light-dark(var(--modes-color-generic-fg-delicate-light), var(--modes-color-generic-fg-delicate-dark));
   --table-color-row-label-activated: light-dark(var(--modes-color-interactive-monochrome-with-active-light), var(--modes-color-interactive-monochrome-with-active-dark));
   --table-color-row-label-active: light-dark(var(--modes-color-interactive-monochrome-with-active-light), var(--modes-color-interactive-monochrome-with-active-dark));
   --table-color-footer-border-default: light-dark(var(--modes-color-generic-fg-delicate-light), var(--modes-color-generic-fg-delicate-dark)); /* Header borders */
+  --table-color-footer-label-default: light-dark(var(--modes-color-interactive-monochrome-default-light), var(--modes-color-interactive-monochrome-default-dark));
   --table-radius-container: var(--global-radius-container-m); /* Table (parent container) */
-  --table-borderwidth-thin: var(--global-borderwidth-xs); /* Table border */
-  --table-borderwidth-thick: var(--global-borderwidth-s); /* header border for subtle */
+  --table-borderwidth-thin: var(--global-borderwidth-xs); /* Table border. Optional choice of cell border width. */
+  --table-borderwidth-medium: var(--global-borderwidth-s); /* Header border for subtle. Optional choice of cell border width. */
+  --table-borderwidth-thick: var(--global-borderwidth-m); /* Optional choice of cell border width. */
   --table-space-none: var(--global-space-none);
   --table-space-yg: var(--global-space-micro-s); /* space between table and pagination */
   --table-space-row-x-xs: var(--global-space-micro-l); /* Left and right padding inside XS row cells */

package/css/product/large/components/page.css CHANGED Viewed

@@ -9,6 +9,8 @@
   --page-typography-responsive-h3: var(--global-typography-responsive-heading-s);
   --page-typography-responsive-h4: var(--global-typography-responsive-subheading-l);
   --page-typography-responsive-h5: var(--global-typography-responsive-subheading-m);
+  --page-typography-responsive-section-heading-s: var(--global-typography-responsive-section-heading-s);
+  --page-typography-responsive-section-heading-m: var(--global-typography-responsive-section-heading-m);
   --page-typography-responsive-p-regular-typical: var(--global-typography-responsive-body-regular-s);
   --page-typography-responsive-p-regular-large: var(--global-typography-responsive-body-regular-l);
   --page-typography-responsive-p-medium-typical: var(--global-typography-responsive-body-medium-s);
@@ -18,6 +20,8 @@
   --page-typography-adaptive-h3: var(--global-typography-adaptive-heading-s);
   --page-typography-adaptive-h4: var(--global-typography-adaptive-subheading-l);
   --page-typography-adaptive-h5: var(--global-typography-adaptive-subheading-m);
+  --page-typography-adaptive-section-heading-s: var(--global-typography-adaptive-section-heading-s);
+  --page-typography-adaptive-section-heading-m: var(--global-typography-adaptive-section-heading-m);
   --page-typography-adaptive-p-regular-typical: var(--global-typography-adaptive-body-regular-s);
   --page-typography-adaptive-p-regular-large: var(--global-typography-adaptive-body-regular-l);
   --page-typography-adaptive-p-medium-typical: var(--global-typography-adaptive-body-medium-s);

package/css/product/large/components/table.css CHANGED Viewed

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

package/css/product/large/global.css CHANGED Viewed

@@ -102,6 +102,8 @@
   --global-typography-responsive-heading-l: 700 clamp(1.5869rem, 1.417rem + 0.8494vw, 2.4363rem)/1.25 Sage UI;
   --global-typography-responsive-subheading-m: 500 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)/1.25 Sage UI;
   --global-typography-responsive-subheading-l: 500 clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)/1.25 Sage UI;
+  --global-typography-responsive-section-heading-s: 700 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)/1.25 Sage UI;
+  --global-typography-responsive-section-heading-m: 700 clamp(1.1646rem, 1.1207rem + 0.2195vw, 1.2964rem)/1.25 Sage UI;
   --global-typography-responsive-body-regular-s: 400 clamp(0.875rem, 0.875rem + 0vw, 0.875rem)/1.5 Sage UI;
   --global-typography-responsive-body-regular-m: 400 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)/1.5 Sage UI;
   --global-typography-responsive-body-regular-l: 400 clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)/1.5 Sage UI;
@@ -138,6 +140,8 @@
   --global-typography-adaptive-heading-l: 700 30px/1.25 Sage UI;
   --global-typography-adaptive-subheading-m: 500 16px/1.25 Sage UI;
   --global-typography-adaptive-subheading-l: 500 18px/1.25 Sage UI;
+  --global-typography-adaptive-section-heading-s: 700 16px/1.25 Sage UI;
+  --global-typography-adaptive-section-heading-m: 700 21px/1.25 Sage UI;
   --global-typography-adaptive-body-regular-s: 400 14px/1.5 Sage UI;
   --global-typography-adaptive-body-regular-m: 400 14px/1.5 Sage UI;
   --global-typography-adaptive-body-regular-l: 400 16px/1.5 Sage UI;

package/css/product/small/components/page.css CHANGED Viewed

@@ -9,6 +9,8 @@
   --page-typography-responsive-h3: var(--global-typography-responsive-heading-s);
   --page-typography-responsive-h4: var(--global-typography-responsive-subheading-l);
   --page-typography-responsive-h5: var(--global-typography-responsive-subheading-m);
+  --page-typography-responsive-section-heading-s: var(--global-typography-responsive-section-heading-s);
+  --page-typography-responsive-section-heading-m: var(--global-typography-responsive-section-heading-m);
   --page-typography-responsive-p-regular-typical: var(--global-typography-responsive-body-regular-s);
   --page-typography-responsive-p-regular-large: var(--global-typography-responsive-body-regular-l);
   --page-typography-responsive-p-medium-typical: var(--global-typography-responsive-body-medium-s);
@@ -18,6 +20,8 @@
   --page-typography-adaptive-h3: var(--global-typography-adaptive-heading-s);
   --page-typography-adaptive-h4: var(--global-typography-adaptive-subheading-l);
   --page-typography-adaptive-h5: var(--global-typography-adaptive-subheading-m);
+  --page-typography-adaptive-section-heading-s: var(--global-typography-adaptive-section-heading-s);
+  --page-typography-adaptive-section-heading-m: var(--global-typography-adaptive-section-heading-m);
   --page-typography-adaptive-p-regular-typical: var(--global-typography-adaptive-body-regular-s);
   --page-typography-adaptive-p-regular-large: var(--global-typography-adaptive-body-regular-l);
   --page-typography-adaptive-p-medium-typical: var(--global-typography-adaptive-body-medium-s);

package/css/product/small/components/table.css CHANGED Viewed

@@ -4,7 +4,6 @@
 :root {
   --table-color-header-subtle-bg-default: var(--modes-color-none);
-  --table-color-row-bg-active: var(--modes-color-interactive-monochrome-active);
   --table-color-row-bg-default: var(--modes-color-generic-bg-nought);
   --table-color-row-label-hover: var(--modes-color-generic-content-extreme);
   --table-typography-adaptive-heading-s: var(--global-typography-adaptive-component-firm-s);
@@ -25,37 +24,39 @@
   --table-typography-responsive-label-s: var(--global-typography-responsive-component-firm-s);
   --table-typography-responsive-label-m: var(--global-typography-responsive-component-firm-m);
   --table-typography-responsive-label-l: var(--global-typography-responsive-component-firm-l);
-  --table-color-header-subtle-bg-alt: var(--modes-color-interactive-monochrome-subtle-default); /* header alt */
-  --table-color-header-subtle-bg-hover: var(--modes-color-interactive-monochrome-hover);
-  --table-color-header-subtle-label-default: var(--modes-color-interactive-monochrome-default);
-  --table-color-header-subtle-label-hover: var(--modes-color-interactive-monochrome-default);
-  --table-color-header-harsh-bg-alt: var(--modes-color-interactive-monochrome-default); /* header alt */
-  --table-color-header-harsh-bg-default: var(--modes-color-interactive-monochrome-default-alt);
-  --table-color-header-harsh-bg-hover: var(--modes-color-interactive-monochrome-hover);
-  --table-color-header-harsh-label-hover: var(--modes-color-interactive-monochrome-default);
   --table-color-row-bg-activated: var(--modes-color-interactive-primary-default);
+  --table-color-row-bg-active: var(--modes-color-interactive-monochrome-active);
   --table-color-row-bg-alt: var(--modes-color-generic-bg-delicate); /* Zebra stripes */
   --table-color-row-bg-alt2: var(--modes-color-generic-bg-soft); /* Zebra stripes combined with child rows. */
   --table-color-row-bg-alt3: var(--modes-color-generic-bg-faint); /* Child rows. */
   --table-color-row-bg-hover: var(--modes-color-generic-bg-soft);
   --table-color-row-label-default: var(--modes-color-generic-content-harsh);
   --table-color-footer-bg-default: var(--modes-color-generic-bg-soft);
-  --table-color-footer-label-default: var(--modes-color-interactive-monochrome-default);
   --table-boxshadow-parentrow: var(--global-boxshadow-container-far);
   --table-boxshadow-firstchild: var(--global-boxshadow-inner-near);
   --table-boxshadow-column-sticky-left: var(--global-boxshadow-cleanedge-near-right); /* Right shadow on left hand sticky column. */
   --table-boxshadow-column-sticky-right: var(--global-boxshadow-cleanedge-near-left); /* Left shadow on right hand sticky column. */
   --table-boxshadow-row-dragging: var(--global-boxshadow-interactive-drag); /* dragging state for a table row */
+  --table-color-header-subtle-bg-alt: var(--modes-color-interactive-monochrome-subtle-default); /* header alt */
+  --table-color-header-subtle-bg-hover: var(--modes-color-interactive-monochrome-hover);
   --table-color-header-subtle-border-default: var(--modes-color-generic-fg-delicate); /* Header borders */
+  --table-color-header-subtle-label-default: var(--modes-color-interactive-monochrome-default);
+  --table-color-header-subtle-label-hover: var(--modes-color-interactive-monochrome-default);
+  --table-color-header-harsh-bg-alt: var(--modes-color-interactive-monochrome-default); /* header alt */
+  --table-color-header-harsh-bg-default: var(--modes-color-interactive-monochrome-default-alt);
+  --table-color-header-harsh-bg-hover: var(--modes-color-interactive-monochrome-hover);
   --table-color-header-harsh-border-default: var(--modes-color-generic-fg-soft);
   --table-color-header-harsh-label-default: var(--modes-color-interactive-monochrome-with-default);
+  --table-color-header-harsh-label-hover: var(--modes-color-interactive-monochrome-default);
   --table-color-row-border-default: var(--modes-color-generic-fg-delicate);
   --table-color-row-label-activated: var(--modes-color-interactive-monochrome-with-active);
   --table-color-row-label-active: var(--modes-color-interactive-monochrome-with-active);
   --table-color-footer-border-default: var(--modes-color-generic-fg-delicate); /* Header borders */
+  --table-color-footer-label-default: var(--modes-color-interactive-monochrome-default);
   --table-radius-container: var(--global-radius-container-m); /* Table (parent container) */
-  --table-borderwidth-thin: var(--global-borderwidth-xs); /* Table border */
-  --table-borderwidth-thick: var(--global-borderwidth-s); /* header border for subtle */
+  --table-borderwidth-thin: var(--global-borderwidth-xs); /* Table border. Optional choice of cell border width. */
+  --table-borderwidth-medium: var(--global-borderwidth-s); /* Header border for subtle. Optional choice of cell border width. */
+  --table-borderwidth-thick: var(--global-borderwidth-m); /* Optional choice of cell border width. */
   --table-space-none: var(--global-space-none);
   --table-space-yg: var(--global-space-micro-s); /* space between table and pagination */
   --table-space-row-x-xs: var(--global-space-micro-l); /* Left and right padding inside XS row cells */

package/css/product/small/global.css CHANGED Viewed

@@ -102,6 +102,8 @@
   --global-typography-responsive-heading-l: 700 clamp(1.5869rem, 1.417rem + 0.8494vw, 2.4363rem)/1.25 Sage UI;
   --global-typography-responsive-subheading-m: 500 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)/1.25 Sage UI;
   --global-typography-responsive-subheading-l: 500 clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)/1.25 Sage UI;
+  --global-typography-responsive-section-heading-s: 700 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)/1.25 Sage UI;
+  --global-typography-responsive-section-heading-m: 700 clamp(1.1646rem, 1.1207rem + 0.2195vw, 1.2964rem)/1.25 Sage UI;
   --global-typography-responsive-body-regular-s: 400 clamp(0.875rem, 0.875rem + 0vw, 0.875rem)/1.5 Sage UI;
   --global-typography-responsive-body-regular-m: 400 clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)/1.5 Sage UI;
   --global-typography-responsive-body-regular-l: 400 clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)/1.5 Sage UI;
@@ -138,6 +140,8 @@
   --global-typography-adaptive-heading-l: 700 25px/1.25 Sage UI;
   --global-typography-adaptive-subheading-m: 500 16px/1.25 Sage UI;
   --global-typography-adaptive-subheading-l: 500 17px/1.25 Sage UI;
+  --global-typography-adaptive-section-heading-s: 700 16px/1.25 Sage UI;
+  --global-typography-adaptive-section-heading-m: 700 19px/1.25 Sage UI;
   --global-typography-adaptive-body-regular-s: 400 14px/1.5 Sage UI;
   --global-typography-adaptive-body-regular-m: 400 14px/1.5 Sage UI;
   --global-typography-adaptive-body-regular-l: 400 16px/1.5 Sage UI;

package/ios/frozenproduct/large/dark/components/page.h CHANGED Viewed

@@ -47,6 +47,8 @@
 #define pageTypographyResponsiveH3 [object Object]
 #define pageTypographyResponsiveH4 [object Object]
 #define pageTypographyResponsiveH5 [object Object]
+#define pageTypographyResponsiveSectionHeadingS [object Object]
+#define pageTypographyResponsiveSectionHeadingM [object Object]
 #define pageTypographyResponsivePRegularTypical [object Object]
 #define pageTypographyResponsivePRegularLarge [object Object]
 #define pageTypographyResponsivePMediumTypical [object Object]
@@ -56,6 +58,8 @@
 #define pageTypographyAdaptiveH3 [object Object]
 #define pageTypographyAdaptiveH4 [object Object]
 #define pageTypographyAdaptiveH5 [object Object]
+#define pageTypographyAdaptiveSectionHeadingS [object Object]
+#define pageTypographyAdaptiveSectionHeadingM [object Object]
 #define pageTypographyAdaptivePRegularTypical [object Object]
 #define pageTypographyAdaptivePRegularLarge [object Object]
 #define pageTypographyAdaptivePMediumTypical [object Object]

package/ios/frozenproduct/large/dark/components/table.h CHANGED Viewed

@@ -43,7 +43,8 @@
 #define tableBoxshadowColumnStickyRight [object Object],[object Object]
 #define tableBoxshadowRowDragging [object Object],[object Object]
 #define tableBorderwidthThin 1
-#define tableBorderwidthThick 2
+#define tableBorderwidthMedium 2
+#define tableBorderwidthThick 3
 #define tableSpaceNone 0
 #define tableSpaceYg 4
 #define tableSpaceRowXXs 8

package/ios/frozenproduct/large/global.h CHANGED Viewed

@@ -108,6 +108,8 @@
 #define globalTypographyResponsiveHeadingL [object Object]
 #define globalTypographyResponsiveSubheadingM [object Object]
 #define globalTypographyResponsiveSubheadingL [object Object]
+#define globalTypographyResponsiveSectionHeadingS [object Object]
+#define globalTypographyResponsiveSectionHeadingM [object Object]
 #define globalTypographyResponsiveBodyRegularS [object Object]
 #define globalTypographyResponsiveBodyRegularM [object Object]
 #define globalTypographyResponsiveBodyRegularL [object Object]
@@ -144,6 +146,8 @@
 #define globalTypographyAdaptiveHeadingL [object Object]
 #define globalTypographyAdaptiveSubheadingM [object Object]
 #define globalTypographyAdaptiveSubheadingL [object Object]
+#define globalTypographyAdaptiveSectionHeadingS [object Object]
+#define globalTypographyAdaptiveSectionHeadingM [object Object]
 #define globalTypographyAdaptiveBodyRegularS [object Object]
 #define globalTypographyAdaptiveBodyRegularM [object Object]
 #define globalTypographyAdaptiveBodyRegularL [object Object]

package/ios/frozenproduct/large/light/components/page.h CHANGED Viewed

@@ -47,6 +47,8 @@
 #define pageTypographyResponsiveH3 [object Object]
 #define pageTypographyResponsiveH4 [object Object]
 #define pageTypographyResponsiveH5 [object Object]
+#define pageTypographyResponsiveSectionHeadingS [object Object]
+#define pageTypographyResponsiveSectionHeadingM [object Object]
 #define pageTypographyResponsivePRegularTypical [object Object]
 #define pageTypographyResponsivePRegularLarge [object Object]
 #define pageTypographyResponsivePMediumTypical [object Object]
@@ -56,6 +58,8 @@
 #define pageTypographyAdaptiveH3 [object Object]
 #define pageTypographyAdaptiveH4 [object Object]
 #define pageTypographyAdaptiveH5 [object Object]
+#define pageTypographyAdaptiveSectionHeadingS [object Object]
+#define pageTypographyAdaptiveSectionHeadingM [object Object]
 #define pageTypographyAdaptivePRegularTypical [object Object]
 #define pageTypographyAdaptivePRegularLarge [object Object]
 #define pageTypographyAdaptivePMediumTypical [object Object]

package/ios/frozenproduct/large/light/components/table.h CHANGED Viewed

@@ -43,7 +43,8 @@
 #define tableBoxshadowColumnStickyRight [object Object],[object Object]
 #define tableBoxshadowRowDragging [object Object],[object Object]
 #define tableBorderwidthThin 1
-#define tableBorderwidthThick 2
+#define tableBorderwidthMedium 2
+#define tableBorderwidthThick 3
 #define tableSpaceNone 0
 #define tableSpaceYg 4
 #define tableSpaceRowXXs 8

package/ios/frozenproduct/small/dark/components/page.h CHANGED Viewed

@@ -47,6 +47,8 @@
 #define pageTypographyResponsiveH3 [object Object]
 #define pageTypographyResponsiveH4 [object Object]
 #define pageTypographyResponsiveH5 [object Object]
+#define pageTypographyResponsiveSectionHeadingS [object Object]
+#define pageTypographyResponsiveSectionHeadingM [object Object]
 #define pageTypographyResponsivePRegularTypical [object Object]
 #define pageTypographyResponsivePRegularLarge [object Object]
 #define pageTypographyResponsivePMediumTypical [object Object]
@@ -56,6 +58,8 @@
 #define pageTypographyAdaptiveH3 [object Object]
 #define pageTypographyAdaptiveH4 [object Object]
 #define pageTypographyAdaptiveH5 [object Object]
+#define pageTypographyAdaptiveSectionHeadingS [object Object]
+#define pageTypographyAdaptiveSectionHeadingM [object Object]
 #define pageTypographyAdaptivePRegularTypical [object Object]
 #define pageTypographyAdaptivePRegularLarge [object Object]
 #define pageTypographyAdaptivePMediumTypical [object Object]