@sage/design-tokens 14.8.0 → 14.9.1

package/scss/product/large/components/table.scss

@@ -6,6 +6,7 @@
 // Do not edit directly, this file was auto-generated.
 
 $table-color-header-subtle-bg-default: $modes-color-none;
+$table-color-row-bg-active: $modes-color-interactive-monochrome-active;
 $table-color-row-bg-default: $modes-color-generic-bg-nought;
 $table-color-row-label-hover: $modes-color-generic-content-extreme;
 $table-typography-adaptive-heading-s: $global-typography-adaptive-component-firm-s;
@@ -26,35 +27,34 @@ $table-typography-responsive-default-l: $global-typography-responsive-component-
 $table-typography-responsive-label-s: $global-typography-responsive-component-firm-s;
 $table-typography-responsive-label-m: $global-typography-responsive-component-firm-m;
 $table-typography-responsive-label-l: $global-typography-responsive-component-firm-l;
+$table-color-header-subtle-bg-alt: $modes-color-interactive-monochrome-subtle-default; // header alt
+$table-color-header-subtle-bg-hover: $modes-color-interactive-monochrome-hover;
+$table-color-header-subtle-label-default: $modes-color-interactive-monochrome-default;
+$table-color-header-subtle-label-hover: $modes-color-interactive-monochrome-default;
+$table-color-header-harsh-bg-alt: $modes-color-interactive-monochrome-default; // header alt
+$table-color-header-harsh-bg-default: $modes-color-interactive-monochrome-default-alt;
+$table-color-header-harsh-bg-hover: $modes-color-interactive-monochrome-hover;
+$table-color-header-harsh-label-hover: $modes-color-interactive-monochrome-default;
 $table-color-row-bg-activated: $modes-color-interactive-primary-default;
-$table-color-row-bg-active: $modes-color-interactive-monochrome-active;
 $table-color-row-bg-alt: $modes-color-generic-bg-delicate; // Zebra stripes
 $table-color-row-bg-alt2: $modes-color-generic-bg-soft; // Zebra stripes combined with child rows.
 $table-color-row-bg-alt3: $modes-color-generic-bg-faint; // Child rows.
 $table-color-row-bg-hover: $modes-color-generic-bg-soft;
 $table-color-row-label-default: $modes-color-generic-content-harsh;
 $table-color-footer-bg-default: $modes-color-generic-bg-soft;
+$table-color-footer-label-default: $modes-color-interactive-monochrome-default;
 $table-boxshadow-parentrow: $global-boxshadow-container-far;
 $table-boxshadow-firstchild: $global-boxshadow-inner-near;
 $table-boxshadow-column-sticky-left: $global-boxshadow-cleanedge-near-right; // Right shadow on left hand sticky column.
 $table-boxshadow-column-sticky-right: $global-boxshadow-cleanedge-near-left; // Left shadow on right hand sticky column.
 $table-boxshadow-row-dragging: $global-boxshadow-interactive-drag; // dragging state for a table row
-$table-color-header-subtle-bg-alt: $modes-color-interactive-monochrome-subtle-default; // header alt
-$table-color-header-subtle-bg-hover: $modes-color-interactive-monochrome-hover;
 $table-color-header-subtle-border-default: $modes-color-generic-fg-delicate; // Header borders
-$table-color-header-subtle-label-default: $modes-color-interactive-monochrome-default;
-$table-color-header-subtle-label-hover: $modes-color-interactive-monochrome-default;
-$table-color-header-harsh-bg-alt: $modes-color-interactive-monochrome-default; // header alt
-$table-color-header-harsh-bg-default: $modes-color-interactive-monochrome-default-alt;
-$table-color-header-harsh-bg-hover: $modes-color-interactive-monochrome-hover;
 $table-color-header-harsh-border-default: $modes-color-generic-fg-soft;
 $table-color-header-harsh-label-default: $modes-color-interactive-monochrome-with-default;
-$table-color-header-harsh-label-hover: $modes-color-interactive-monochrome-default;
 $table-color-row-border-default: $modes-color-generic-fg-delicate;
 $table-color-row-label-activated: $modes-color-interactive-monochrome-with-active;
 $table-color-row-label-active: $modes-color-interactive-monochrome-with-active;
 $table-color-footer-border-default: $modes-color-generic-fg-delicate; // Header borders
-$table-color-footer-label-default: $modes-color-interactive-monochrome-default;
 $table-radius-container: $global-radius-container-m; // Table (parent container)
 $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.

package/scss/product/large/global.scss

@@ -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];
@@ -171,8 +175,8 @@ $global-typography-adaptive-component-placeholdertext-l: [object Object];
 $global-typography-adaptive-component-placeholdertext-xl: [object Object];
 $global-typography-adaptive-component-placeholdertext-xxl: [object Object];
 $global-typography-adaptive-component-notification-m: [object Object]; // used for badge text - notifications on buttons and in global nav
-$global-font-size-adaptive-step-minus2: 11px;
-$global-font-size-adaptive-step-minus1: 12px;
+$global-font-size-adaptive-step-minus2: 12px;
+$global-font-size-adaptive-step-minus1: 13px;
 $global-font-size-adaptive-step0: 14px;
 $global-font-size-adaptive-step1: 16px;
 $global-font-size-adaptive-step2: 18px;

package/scss/product/small/components/container.scss

@@ -9,10 +9,13 @@ $container-size-carousel-mediaslide-minheight: 300; // max height for media visu
 $container-size-dialog-max-width-xxs: 300;
 $container-size-dialog-max-width-xs: 380;
 $container-size-dialog-max-width-s: 540;
-$container-size-dialog-max-width-m: 750;
-$container-size-dialog-max-width-l: 850;
+$container-size-dialog-max-width-m: 850;
+$container-size-dialog-max-width-l: 1080;
 $container-size-dialog-max-width-xl: 960;
 $container-size-dialog-max-width-xxl: 1080;
+$container-size-dialog-min-width-s: 288;
+$container-size-dialog-min-width-m: 288;
+$container-size-dialog-min-width-l: 288;
 $container-opacity-carousel-hidden: 0.3; // opacity applied to next and previous carousel slides
 $container-opacity-dialog-dimmer: 0.4; // dimmer opacity value
 $container-opacity-drag-ghost: 0.5; // drag ghost state opacity value

package/scss/product/small/components/nav.scss

@@ -5,6 +5,8 @@
 
 // Do not edit directly, this file was auto-generated.
 
+$nav-size-leftnav-parent-container-fixed-width: 140; // fixed width of parent container
+$nav-size-leftnav-child-container-fixed-width: 250; // fixed width of parent container
 $nav-space-leftnav-grandchilditem-x-indent: 33; // indent on grandchild items
 $nav-color-bg-default: $modes-color-generic-bg-nought; // nav bar bg
 $nav-color-item-bg-active: $modes-color-interactive-monochrome-active;
@@ -23,16 +25,16 @@ $nav-color-topnav-container-bg-default: $modes-color-generic-bg-nought; // bg of
 $nav-color-topnav-item-bg-active: $modes-color-interactive-nav-active;
 $nav-color-topnav-item-bg-enabled: $modes-color-none;
 $nav-color-topnav-item-bg-hover: $modes-color-interactive-nav-hover;
-$nav-typography-adaptive-label-s: $global-typography-adaptive-component-firm-s;
+$nav-typography-adaptive-label-s: $global-typography-adaptive-component-firm-xs;
 $nav-typography-adaptive-label-m: $global-typography-adaptive-component-firm-m;
 $nav-typography-adaptive-label-l: $global-typography-adaptive-component-firm-l;
-$nav-typography-adaptive-default-s: $global-typography-adaptive-component-moderate-s;
+$nav-typography-adaptive-default-s: $global-typography-adaptive-component-moderate-xs;
 $nav-typography-adaptive-default-m: $global-typography-adaptive-component-moderate-m;
 $nav-typography-adaptive-default-l: $global-typography-adaptive-component-moderate-l;
-$nav-typography-responsive-label-s: $global-typography-responsive-component-firm-s;
+$nav-typography-responsive-label-s: $global-typography-responsive-component-firm-xs;
 $nav-typography-responsive-label-m: $global-typography-responsive-component-firm-m;
 $nav-typography-responsive-label-l: $global-typography-responsive-component-firm-l;
-$nav-typography-responsive-default-s: $global-typography-responsive-component-moderate-s;
+$nav-typography-responsive-default-s: $global-typography-responsive-component-moderate-xs;
 $nav-typography-responsive-default-m: $global-typography-responsive-component-moderate-m;
 $nav-typography-responsive-default-l: $global-typography-responsive-component-moderate-l;
 $nav-color-item-bg-activealt: $modes-color-interactive-monochrome-hover-alt;

package/scss/product/small/components/page.scss

@@ -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/product/small/global.scss

@@ -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];