@sage/design-tokens 15.1.0 → 15.2.1

package/json/nested/product/small/light/components/status.json

@@ -282,9 +282,9 @@
       },
       "pill": {
         "x": {
-          "S": 6.4,
-          "M": 6.4,
-          "L": 6.4
+          "S": 8,
+          "M": 8,
+          "L": 8
         }
       },
       "tooltip": {
@@ -295,15 +295,15 @@
         "contextual": {
           "x": {
             "M": 12,
-            "L": 16
+            "L": 20
           },
           "y": {
             "M": 12,
-            "L": 16
+            "L": 20
           },
           "xg": {
             "M": 8,
-            "L": 12.8
+            "L": 16
           },
           "yg": {
             "M": 2,
@@ -320,23 +320,23 @@
         },
         "global": {
           "x": {
-            "M": 32
+            "M": 40
           },
           "y": {
             "M": 8
           },
           "xg": {
-            "M": 12.8
+            "M": 16
           },
           "yg": {
             "M": 4
           },
           "CTA": {
             "Y": {
-              "M": 12.8
+              "M": 16
             },
             "yg": {
-              "M": 19.2
+              "M": 24
             }
           },
           "iconwrapper": {

package/json/nested/product/small/light/components/tab.json

@@ -21,8 +21,8 @@
     },
     "space": {
       "x": {
-        "M": 12.8,
-        "L": 19.2
+        "M": 16,
+        "L": 24
       },
       "xg": {
         "M": 8,

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

@@ -123,10 +123,10 @@
       "row": {
         "x": {
           "XS": 8,
-          "S": 12.8,
-          "M": 12.8,
-          "L": 12.8,
-          "XL": 12.8
+          "S": 16,
+          "M": 16,
+          "L": 16,
+          "XL": 16
         },
         "xg": {
           "XS": 8,
@@ -138,11 +138,11 @@
       },
       "rowchild": {
         "x": {
-          "XS": 29.6,
-          "S": 36,
-          "M": 36,
-          "L": 36,
-          "XL": 36
+          "XS": 36,
+          "S": 44,
+          "M": 44,
+          "L": 44,
+          "XL": 44
         }
       }
     },

package/json/nested/product/small/light/mode.json

@@ -180,7 +180,8 @@
           "activeAlt": "#00000026",
           "default": "#000000e6",
           "defaultAlt": "#000000ab",
-          "defaultAlt2": "#0000006b",
+          "defaultAlt2": "#0000008c",
+          "defaultAlt3": "#0000006b",
           "hoverAlt": "#0000001a",
           "hover": "#00000026",
           "withActive": "#FFFFFF",

package/package.json

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

package/scss/frozenproduct/large/components/badge.scss

@@ -6,8 +6,8 @@
 // Do not edit directly, this file was auto-generated.
 
 $badge-radius-badge: $global-radius-circle; // Badge
-$badge-color-notification-bg-default: $modes-color-status-negative-default; // Used in global nav notification badges
 $badge-color-notification-bg-alt: $modes-color-status-info-default;
+$badge-color-notification-label-default: $modes-color-generic-content-extreme;
 $badge-color-notification-inverse-border-default: $modes-color-generic-content-extreme;
 $badge-color-notification-inverse-bg-default: $modes-color-status-negative-inverse-default; // Used in global nav notification badges
 $badge-color-notification-inverse-bg-alt: $modes-color-status-info-inverse-default;
@@ -16,8 +16,8 @@ $badge-color-notification-inverse-label-alt: $modes-color-generic-content-extrem
 $badge-typography-responsive-m: $global-typography-responsive-component-notification-m;
 $badge-typography-adaptive-m: $global-typography-adaptive-component-notification-m;
 $badge-color-notification-border-default: $modes-color-generic-content-nought;
-$badge-color-notification-label-default: $modes-color-generic-content-nought;
-$badge-color-notification-label-alt: $modes-color-generic-content-nought;
+$badge-color-notification-bg-default: $modes-color-status-caution-frozenglobal-default;
+$badge-color-notification-label-alt: $modes-color-generic-fg-nought;
 $badge-size-micro-dot: $global-size-micro-m; // Micro dot badge size
 $badge-size-micro-numbered-min: $global-size-macro-xxs; // Micro dot badge size with numbering
 $badge-size-micro-numbered-max: $global-size-macro-s; // Micro dot badge size max width

package/scss/frozenproduct/large/components/button.scss

@@ -36,10 +36,15 @@ $button-color-typical-primary-inverse-label-enabled: $modes-color-interactive-pr
 $button-color-typical-primary-inverse-label-hover: $modes-color-interactive-primary-inverse-with-default;
 $button-color-typical-secondary-inverse-border-disabled: $modes-color-interactive-inactive-inverse-default;
 $button-color-typical-secondary-inverse-label-disabled: $modes-color-interactive-inactive-inverse-content;
+$button-color-typical-tertiary-bg-enabled: $modes-color-none;
+$button-color-typical-tertiary-border-disabled: $modes-color-none;
+$button-color-typical-tertiary-border-enabled: $modes-color-none;
+$button-color-typical-tertiary-border-hover: $modes-color-none;
 $button-color-typical-tertiary-inverse-border-disabled: $modes-color-interactive-inactive-inverse-default;
 $button-color-typical-tertiary-inverse-label-disabled: $modes-color-interactive-inactive-inverse-content;
+$button-color-typical-subtle-label-active: $modes-color-interactive-monochrome-frozen-active;
 $button-color-typical-subtle-inverse-label-disabled: $modes-color-interactive-inactive-inverse-content;
-$button-color-typical-toggle-bg-active: $modes-color-interactive-monochrome-active;
+$button-color-typical-toggle-bg-active: $modes-color-interactive-monochrome-frozen-active;
 $button-typography-adaptive-primary-s: $global-typography-adaptive-component-firm-s;
 $button-typography-adaptive-primary-m: $global-typography-adaptive-component-firm-m;
 $button-typography-adaptive-primary-l: $global-typography-adaptive-component-firm-l;
@@ -77,24 +82,19 @@ $button-color-destructive-primary-bg-hover: $modes-color-interactive-danger-hove
 $button-color-destructive-secondary-bg-hover: $modes-color-interactive-danger-hover-alt;
 $button-color-destructive-secondary-border-hover: $modes-color-interactive-danger-hover;
 $button-color-destructive-secondary-label-hover: $modes-color-interactive-danger-hover;
-$button-color-typical-primary-bg-enabled: $modes-color-interactive-primary-default;
+$button-color-typical-primary-bg-enabled: $modes-color-interactive-primary-frozen-default;
 $button-color-typical-primary-inverse-bg-enabled: $modes-color-interactive-primary-inverse-default;
-$button-color-typical-secondary-label-active: $modes-color-interactive-monochrome-with-active-alt;
-$button-color-typical-secondary-label-enabled: $modes-color-interactive-monochrome-default;
-$button-color-typical-secondary-label-hover: $modes-color-interactive-monochrome-with-hover;
-$button-color-typical-tertiary-bg-enabled: $button-color-none;
-$button-color-typical-tertiary-label-active: $modes-color-interactive-monochrome-with-active-alt;
-$button-color-typical-tertiary-label-enabled: $modes-color-interactive-monochrome-default;
-$button-color-typical-tertiary-label-hover: $modes-color-interactive-monochrome-with-hover;
+$button-color-typical-secondary-border-enabled: $modes-color-interactive-primary-frozen-default;
+$button-color-typical-secondary-label-enabled: $modes-color-interactive-primary-frozen-default;
+$button-color-typical-tertiary-label-enabled: $modes-color-interactive-primary-frozen-default;
 $button-color-typical-tertiary-inverse-bg-enabled: $button-color-none;
-$button-color-typical-subtle-bg-hover: $modes-color-interactive-monochrome-hover-alt;
-$button-color-typical-subtle-label-active: $modes-color-interactive-monochrome-with-active-alt;
-$button-color-typical-subtle-label-enabled: $modes-color-interactive-monochrome-default;
-$button-color-typical-subtle-label-hover: $modes-color-interactive-monochrome-with-hover;
-$button-color-typical-toggle-bg-hover: $modes-color-interactive-monochrome-hover-alt;
-$button-color-typical-toggle-border-enabled: $modes-color-interactive-monochrome-default;
-$button-color-typical-toggle-label-enabled: $modes-color-interactive-monochrome-default-alt;
-$button-color-typical-toggle-label-hover: $modes-color-interactive-monochrome-with-hover;
+$button-color-typical-subtle-bg-active: $modes-color-interactive-monochrome-frozen-active-alt;
+$button-color-typical-subtle-bg-hover: $modes-color-interactive-monochrome-frozen-hover-alt;
+$button-color-typical-subtle-label-enabled: $modes-color-interactive-monochrome-frozen-default;
+$button-color-typical-subtle-label-hover: $modes-color-interactive-monochrome-frozen-with-hover;
+$button-color-typical-toggle-bg-hover: $modes-color-interactive-monochrome-frozen-hover-alt;
+$button-color-typical-toggle-label-enabled: $modes-color-interactive-monochrome-frozen-default-alt;
+$button-color-typical-toggle-label-hover: $modes-color-interactive-monochrome-frozen-with-hover;
 $button-color-video-bg-blur: $modes-color-interactive-monochrome-hover-alt;
 $button-color-video-primary-label-enabled: $modes-color-interactive-monochrome-default;
 $button-color-video-primary-label-hover: $modes-color-interactive-monochrome-default;
@@ -238,18 +238,19 @@ $button-space-video-x-l: $global-space-micro-xs; // Left padding on play icon in
 $button-color-ai-label-disabled: $modes-color-interactive-inactive-content;
 $button-color-destructive-primary-label-disabled: $modes-color-interactive-inactive-content-alt;
 $button-color-destructive-secondary-label-disabled: $modes-color-interactive-inactive-content;
-$button-color-typical-primary-bg-active: $modes-color-interactive-primary-active;
-$button-color-typical-primary-bg-hover: $modes-color-interactive-primary-hover;
+$button-color-typical-primary-bg-active: $modes-color-interactive-primary-frozen-active;
+$button-color-typical-primary-bg-hover: $modes-color-interactive-primary-frozen-hover;
 $button-color-typical-primary-label-disabled: $modes-color-interactive-inactive-content-alt;
 $button-color-typical-primary-inverse-bg-active: $modes-color-interactive-primary-inverse-active;
 $button-color-typical-primary-inverse-bg-hover: $modes-color-interactive-primary-inverse-hover;
-$button-color-typical-secondary-bg-active: $modes-color-interactive-primary-active-alt;
+$button-color-typical-secondary-bg-active: $modes-color-interactive-primary-frozen-active;
 $button-color-typical-secondary-bg-enabled: $modes-color-interactive-primary-default-alt3;
-$button-color-typical-secondary-bg-hover: $modes-color-interactive-primary-hover-alt;
-$button-color-typical-secondary-border-active: $modes-color-interactive-primary-active;
-$button-color-typical-secondary-border-enabled: $modes-color-interactive-primary-default-alt;
-$button-color-typical-secondary-border-hover: $modes-color-interactive-primary-hover;
+$button-color-typical-secondary-bg-hover: $modes-color-interactive-primary-frozen-hover;
+$button-color-typical-secondary-border-active: $modes-color-interactive-primary-frozen-active;
+$button-color-typical-secondary-border-hover: $modes-color-interactive-primary-frozen-hover;
+$button-color-typical-secondary-label-active: $modes-color-interactive-monochrome-frozen-with-active;
 $button-color-typical-secondary-label-disabled: $modes-color-interactive-inactive-content;
+$button-color-typical-secondary-label-hover: $modes-color-interactive-monochrome-frozen-with-hover-alt;
 $button-color-typical-secondary-inverse-bg-active: $modes-color-interactive-primary-inverse-active-alt;
 $button-color-typical-secondary-inverse-bg-enabled: $modes-color-interactive-primary-inverse-default-alt3;
 $button-color-typical-secondary-inverse-border-active: $modes-color-interactive-primary-inverse-active;
@@ -258,12 +259,12 @@ $button-color-typical-secondary-inverse-border-hover: $modes-color-interactive-p
 $button-color-typical-secondary-inverse-label-active: $modes-color-interactive-monochrome-inverse-with-active-alt;
 $button-color-typical-secondary-inverse-label-enabled: $modes-color-interactive-monochrome-inverse-default;
 $button-color-typical-secondary-inverse-label-hover: $modes-color-interactive-monochrome-inverse-with-hover;
-$button-color-typical-tertiary-bg-active: $modes-color-interactive-primary-active-alt;
-$button-color-typical-tertiary-bg-hover: $modes-color-interactive-primary-hover-alt;
-$button-color-typical-tertiary-border-active: $modes-color-interactive-primary-active;
-$button-color-typical-tertiary-border-enabled: $modes-color-interactive-primary-default-alt;
-$button-color-typical-tertiary-border-hover: $modes-color-interactive-primary-hover;
+$button-color-typical-tertiary-bg-active: $modes-color-interactive-primary-frozen-active;
+$button-color-typical-tertiary-bg-hover: $modes-color-interactive-primary-frozen-hover;
+$button-color-typical-tertiary-border-active: $modes-color-interactive-primary-frozen-active;
+$button-color-typical-tertiary-label-active: $modes-color-interactive-monochrome-frozen-with-active;
 $button-color-typical-tertiary-label-disabled: $modes-color-interactive-inactive-content;
+$button-color-typical-tertiary-label-hover: $modes-color-interactive-monochrome-frozen-with-hover-alt;
 $button-color-typical-tertiary-inverse-bg-active: $modes-color-interactive-primary-inverse-active-alt;
 $button-color-typical-tertiary-inverse-border-active: $modes-color-interactive-primary-inverse-active;
 $button-color-typical-tertiary-inverse-border-enabled: $modes-color-interactive-primary-inverse-default-alt;
@@ -271,14 +272,13 @@ $button-color-typical-tertiary-inverse-border-hover: $modes-color-interactive-pr
 $button-color-typical-tertiary-inverse-label-active: $modes-color-interactive-monochrome-inverse-with-active-alt;
 $button-color-typical-tertiary-inverse-label-enabled: $modes-color-interactive-monochrome-inverse-default;
 $button-color-typical-tertiary-inverse-label-hover: $modes-color-interactive-monochrome-inverse-with-hover;
-$button-color-typical-subtle-bg-active: $modes-color-interactive-monochrome-active-alt;
 $button-color-typical-subtle-label-disabled: $modes-color-interactive-inactive-content;
 $button-color-typical-subtle-inverse-bg-hover: $modes-color-interactive-monochrome-inverse-hover-alt;
 $button-color-typical-subtle-inverse-label-active: $modes-color-interactive-monochrome-inverse-with-active-alt;
 $button-color-typical-subtle-inverse-label-enabled: $modes-color-interactive-monochrome-inverse-default;
 $button-color-typical-subtle-inverse-label-hover: $modes-color-interactive-monochrome-inverse-with-hover;
 $button-color-typical-toggle-label-active-disabled: $modes-color-interactive-inactive-content-alt;
-$button-color-typical-toggle-label-active: $modes-color-interactive-monochrome-with-active;
+$button-color-typical-toggle-label-active: $modes-color-interactive-monochrome-frozen-with-active;
 $button-color-typical-toggle-label-disabled: $modes-color-interactive-inactive-content;
 $button-color-video-primary-bg-enabled: $modes-color-interactive-monochrome-with-default;
 $button-color-video-primary-bg-hover: $modes-color-interactive-monochrome-with-default;
@@ -322,8 +322,8 @@ $button-color-destructive-secondary-border-disabled: $modes-color-interactive-in
 $button-color-typical-primary-bg-disabled: $modes-color-interactive-inactive-default;
 $button-color-typical-secondary-border-disabled: $modes-color-interactive-inactive-default;
 $button-color-typical-secondary-inverse-bg-hover: $modes-color-interactive-primary-inverse-hover-alt;
-$button-color-typical-tertiary-border-disabled: $modes-color-interactive-inactive-default;
 $button-color-typical-tertiary-inverse-bg-hover: $modes-color-interactive-primary-inverse-hover-alt;
 $button-color-typical-subtle-inverse-bg-active: $modes-color-interactive-monochrome-inverse-active-alt;
 $button-color-typical-toggle-bg-active-disabled: $modes-color-interactive-inactive-default;
+$button-color-typical-toggle-border-enabled: $modes-color-interactive-data-entry-frozen-with-default;
 $button-color-typical-toggle-border-disabled: $modes-color-interactive-inactive-default;

package/scss/frozenproduct/large/components/container.scss

@@ -30,7 +30,7 @@ $container-color-interactive-bg-enabled: $modes-color-generic-bg-nought;
 $container-color-interactive-border-active: $modes-color-interactive-monochrome-active;
 $container-color-interactive-icon-active: $modes-color-interactive-monochrome-active; // Active chevron for any accordion.
 $container-color-interactive-text-active: $modes-color-interactive-monochrome-active; // Active label for any accordion.
-$container-color-interactive-detailedicon-bg: $modes-color-custom-default; //  
+$container-color-interactive-detailedicon-bg: $modes-color-custom-frozen;
 $container-color-interactive-droptarget-bg-default: $modes-color-status-info-default; // draggable drop target background color
 $container-color-standard-bg-default: $modes-color-generic-bg-nought;
 $container-color-standard-border-active: $modes-color-interactive-monochrome-active;
@@ -59,7 +59,7 @@ $container-typography-responsive-label-l: $global-typography-responsive-componen
 $container-typography-responsive-paragraph-s: $global-typography-responsive-component-moderate-s;
 $container-typography-responsive-paragraph-m: $global-typography-responsive-component-moderate-m;
 $container-typography-responsive-paragraph-l: $global-typography-responsive-component-moderate-l;
-$container-color-blockquote-border: $modes-color-interactive-primary-default;
+$container-color-blockquote-border: $modes-color-interactive-primary-frozen-default;
 $container-color-interactive-bg-hover: $modes-color-interactive-monochrome-hover-alt; // Used for accordion hover backgrounds 
 $container-color-interactive-borderalt-hover: $modes-color-interactive-monochrome-default; // For hover border on Link preview.
 $container-color-interactive-icon-enabled: $modes-color-interactive-monochrome-default; // Enabled chevron for any accordion.
@@ -153,15 +153,15 @@ $container-radius-note: $global-radius-container-m; // Note
 $container-radius-nudge: $global-radius-container-l; // nudge radius
 $container-radius-profileselector: $global-radius-container-m; // Profile selector list container.
 $container-radius-texteditor: $global-radius-container-m; // Text editor (footer bottom corners) 
-$container-radius-card-moderate: $global-radius-container-l; // Card (less rounded)
-$container-radius-card-curved: $global-radius-container-xl; // Card (more rounded)
-$container-radius-card-sweeping: $global-radius-container-xxl; // Card largest rounded type
-$container-radius-tile-moderate: $global-radius-container-l; // Tile (less rounded)
-$container-radius-tile-curved: $global-radius-container-xl; // Tile (more rounded)
-$container-radius-tile-sweeping: $global-radius-container-xxl; // Tile largest roundedness 
-$container-radius-tileselect-moderate: $global-radius-container-l; // Tile (less rounded)
-$container-radius-tileselect-curved: $global-radius-container-xl; // Tile (more rounded)
-$container-radius-tileselect-sweeping: $global-radius-container-xxl;
+$container-radius-card-moderate: $global-radius-container-m; // Card (less rounded)
+$container-radius-card-curved: $global-radius-container-l; // Card (more rounded)
+$container-radius-card-sweeping: $global-radius-container-xl; // Card largest rounded type
+$container-radius-tile-moderate: $global-radius-container-m; // Tile (less rounded)
+$container-radius-tile-curved: $global-radius-container-l; // Tile (more rounded)
+$container-radius-tile-sweeping: $global-radius-container-xl; // Tile largest roundedness 
+$container-radius-tileselect-moderate: $global-radius-container-m; // Tile (less rounded)
+$container-radius-tileselect-curved: $global-radius-container-l; // Tile (more rounded)
+$container-radius-tileselect-sweeping: $global-radius-container-xl;
 $container-space-none: $global-space-none;
 $container-space-accordionsubtle-yg-m: $global-space-macro-xs; // Gap between Accordion subtle trigger and content
 $container-space-filepreview-preview-x-m: $global-space-micro-l; // Horizontal padding on large thumbnail image

package/scss/frozenproduct/large/components/form.scss

@@ -11,15 +11,12 @@ $form-space-datepicker-pr-l: 0; // right padding on large date picker input
 $form-color-switch-border-active: transparent;
 $form-color-switch-border-activedisabled: transparent;
 $form-radius-none: $global-radius-none; // Text editor (internal corners)
-$form-radius-colorpicker: $global-radius-circle; // Color picker (swatch container),  
 $form-radius-radio: $global-radius-circle; // Radio button
 $form-radius-switch: $global-radius-circle; // Switch container and handle
 $form-radius-calendar-none: $global-radius-none; // Calendar (start and end duration)
 $form-radius-calendar-date: $global-radius-circle; // Calendar date (hover & selected), 
-$form-color-calendar-bg-active: $modes-color-interactive-monochrome-active;
-$form-color-calendar-border-duration: $modes-color-interactive-monochrome-active;
+$form-color-calendar-bg-active: $modes-color-interactive-monochrome-frozen-active;
 $form-color-labelset-label-required: $modes-color-interactive-danger-default;
-$form-color-switch-bg-active: $modes-color-interactive-monochrome-active;
 $form-color-validation-border-error: $modes-color-status-negative-default;
 $form-color-validation-bar-error: $modes-color-status-negative-default; // error bar to left of inputs
 $form-color-validation-bar-warning: $modes-color-status-caution-default; // warning bar to left of inputs
@@ -29,20 +26,24 @@ $form-color-validation-label-warning: $modes-color-status-caution-text;
 $form-typography-adaptive-label-s: $global-typography-adaptive-component-firm-s;
 $form-typography-adaptive-label-m: $global-typography-adaptive-component-firm-m;
 $form-typography-adaptive-label-l: $global-typography-adaptive-component-firm-l;
+$form-typography-adaptive-default-xs: $global-typography-adaptive-component-moderate-xs;
 $form-typography-adaptive-default-s: $global-typography-adaptive-component-moderate-s;
 $form-typography-adaptive-default-m: $global-typography-adaptive-component-moderate-m;
 $form-typography-adaptive-default-l: $global-typography-adaptive-component-moderate-l;
 $form-typography-responsive-label-s: $global-typography-responsive-component-firm-s;
 $form-typography-responsive-label-m: $global-typography-responsive-component-firm-m;
 $form-typography-responsive-label-l: $global-typography-responsive-component-firm-l;
+$form-typography-responsive-default-xs: $global-typography-responsive-component-moderate-xs;
 $form-typography-responsive-default-s: $global-typography-responsive-component-moderate-s;
 $form-typography-responsive-default-m: $global-typography-responsive-component-moderate-m;
 $form-typography-responsive-default-l: $global-typography-responsive-component-moderate-l;
 $form-color-calendar-bg-hover: $modes-color-interactive-monochrome-hover-alt;
+$form-color-calendar-border-duration: $form-color-calendar-bg-active;
 $form-color-calendar-text-hover: $modes-color-interactive-monochrome-with-hover;
 $form-color-dropdown-label-alt: $modes-color-interactive-monochrome-default;
 $form-color-dropdown-label-enabled: $modes-color-interactive-monochrome-default-alt;
 $form-color-dropdown-label-hover: $modes-color-interactive-monochrome-with-hover;
+$form-color-dropdown-label-subtext: $modes-color-interactive-monochrome-default-alt2; // Option subtext.
 $form-color-typical-bg-default: $modes-color-interactive-data-entry-default;
 $form-color-typical-bg-enabled: $modes-color-interactive-data-entry-default;
 $form-color-typical-border-hover: $modes-color-interactive-data-entry-with-hover; // File input draggable border state
@@ -50,9 +51,8 @@ $form-color-typical-icon-active: $modes-color-interactive-data-entry-with-active
 $form-color-typical-icon-hover: $modes-color-interactive-data-entry-with-hover;
 $form-color-typical-text-hover: $modes-color-interactive-data-entry-with-hover; // text hover state when dragging a file over file input
 $form-color-typical-text-read-only: $modes-color-generic-content-harsh;
+$form-color-switch-bg-active: $modes-color-interactive-monochrome-frozen-default;
 $form-color-switch-bg-enabled: $modes-color-interactive-data-entry-default; // for switch
-$form-color-switch-border-enabled: $modes-color-interactive-monochrome-subtle-default-alt;
-$form-color-switch-fg-enabled: $modes-color-interactive-monochrome-subtle-default-alt;
 $form-space-none: $global-space-none;
 $form-space-calendar-x-m: $global-space-macro-m;
 $form-space-calendar-y-m: $global-space-macro-m;
@@ -224,7 +224,6 @@ $form-size-progressive-bar: $global-size-micro-xxs; // 2px progressive disclosur
 $form-size-rating-m: $global-size-icon-m; // medium rating stars
 $form-size-rating-l: $global-size-icon-xl; // large rating stars
 $form-color-calendar-bg-disabled: $modes-color-interactive-inactive-default-alt;
-$form-color-calendar-bg-duration: $modes-color-interactive-data-entry-hover-alt;
 $form-color-calendar-text-active: $modes-color-interactive-monochrome-with-active;
 $form-color-calendar-text-alt: $modes-color-interactive-data-entry-content-alt; // Days of the week subheaders
 $form-color-calendar-text-disabled: $modes-color-interactive-inactive-content;
@@ -258,12 +257,13 @@ $form-color-switch-fg-activedisabled: $modes-color-interactive-inactive-content-
 $form-color-switch-label-active: $modes-color-interactive-data-entry-content;
 $form-color-switch-label-enabled: $modes-color-interactive-data-entry-content-alt;
 $form-color-switch-icon-enabled: $modes-color-interactive-data-entry-content-alt;
-$form-radius-checkbox: $global-radius-interactive-s; // S and M checkbox
+$form-radius-checkbox: $global-radius-interactive-xs; // S and M checkbox
 $form-radius-texteditorfooter: $global-radius-interactive-s; // AI text editor footer
-$form-radius-fileupload: $global-radius-container-m; // File input (file uploads)
-$form-radius-fileselector: $global-radius-container-m; // File preview (file selector asset)
-$form-radius-input: $global-radius-interactive-m; // Date picker input, Date range input, Dropdown select (trigger), Search, File input (draggable area), Text area, Text input
-$form-radius-validationbar: $global-radius-interactive-xs; // Validation bar
+$form-radius-colorpicker: $global-radius-interactive-l; // Color picker (swatch container)
+$form-radius-fileupload: $global-radius-interactive-s; // File input (file uploads)
+$form-radius-fileselector: $global-radius-interactive-s; // File preview (file selector asset)
+$form-radius-input: $global-radius-interactive-s; // Date picker input, Date range input, Dropdown select (trigger), Search, File input (draggable area), Text area, Text input
+$form-radius-validationbar: $global-radius-interactive-xxs; // Validation bar
 $form-radius-progressivebar: $global-radius-interactive-xs; // Validation bar
 $form-radius-calendar-today: $global-radius-container-xs; // Calendar (today indicator)
 $form-radius-texteditor-a-icontainer: $global-radius-interactive-s; // container for draft with copilot form fields
@@ -295,13 +295,16 @@ $form-size-dropdown-item-m: $popover-size-item-m; // REF POPOVER. Menu item min
 $form-size-dropdown-item-l: $popover-size-item-l; // REF POPOVER. Menu item min height.
 $form-size-search-input-minwidth: $container-size-responsive-xl; // minimum width for search input container
 $form-size-search-input-maxwidth: $container-size-responsive-xxl + $container-size-responsive-xxs; // maximum width for search input container
+$form-color-calendar-bg-duration: $modes-color-interactive-inactive-frozen-default-alt;
 $form-color-typical-border-alt: $modes-color-interactive-inactive-default;
-$form-color-typical-border-enabled: $modes-color-interactive-data-entry-with-default;
+$form-color-typical-border-enabled: $modes-color-interactive-data-entry-frozen-with-default;
 $form-color-typical-border-disabled: $modes-color-interactive-inactive-default;
 $form-color-typical-border-read-only: $modes-color-interactive-inactive-default;
 $form-color-switch-bg-activedisabled: $modes-color-interactive-inactive-default;
 $form-color-switch-border-disabled: $modes-color-interactive-inactive-default;
+$form-color-switch-border-enabled: $modes-color-interactive-data-entry-frozen-with-default;
 $form-color-switch-fg-disabled: $modes-color-interactive-inactive-default;
+$form-color-switch-fg-enabled: $modes-color-interactive-data-entry-frozen-with-default;
 $form-color-switch-label-activedisabled: $modes-color-interactive-inactive-default;
 $form-color-switch-label-disabled: $modes-color-interactive-inactive-default;
 $form-radius-dropdown: $popover-radius-container; // REF POPOVER. Popover container.

package/scss/frozenproduct/large/components/link.scss

@@ -25,7 +25,7 @@ $link-color-subtle-inverse-label-hover: $modes-color-interactive-monochrome-inve
 $link-boxshadow-skiplink: $global-boxshadow-container-near;
 $link-color-destructive-label-hover: $modes-color-interactive-danger-hover-alt2;
 $link-color-destructive-inverse-label-hover: $modes-color-interactive-danger-inverse-hover-alt2;
-$link-color-typical-label-default: $modes-color-interactive-primary-default-alt2;
+$link-color-typical-label-default: $modes-color-interactive-primary-frozen-default-alt;
 $link-color-typical-inverse-label-default: $modes-color-interactive-primary-inverse-default-alt2;
 $link-color-subtle-inverse-label-default: $modes-color-interactive-monochrome-inverse-default;
 $link-size-skiplink-m: $global-size-macro-m;
@@ -36,5 +36,5 @@ $link-space-integral-xg-m: $global-space-micro-l; // Space between icon and link
 $link-space-integral-xg-l: $global-space-micro-l; // Space between icon and link text.
 $link-space-skiplink-x: $global-space-macro-m; // Skiplink container
 $link-space-skiplink-y: $global-space-micro-xxl; // Skiplink container
-$link-color-typical-label-hover: $modes-color-interactive-primary-hover-alt2;
+$link-color-typical-label-hover: $modes-color-interactive-primary-frozen-hover-alt;
 $link-color-typical-inverse-label-hover: $modes-color-interactive-primary-inverse-hover-alt2;

package/scss/frozenproduct/large/components/nav.scss

@@ -11,6 +11,7 @@ $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;
 $nav-color-item-bg-enabled: $modes-color-none;
+$nav-color-item-bg-hover: $modes-color-interactive-primary-frozen-nav-hover;
 $nav-color-leftnav-container-bg-default: $modes-color-generic-bg-nought; // bg of horizontal nav variant that launches the left nav
 $nav-color-leftnav-container-bg-default-alt: $modes-color-generic-backdrop-faint; // bg of the parent container
 $nav-color-leftnav-item-bg-active: $modes-color-interactive-nav-active;
@@ -38,10 +39,8 @@ $nav-typography-responsive-default-s: $global-typography-responsive-component-mo
 $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;
-$nav-color-item-bg-hover: $modes-color-interactive-monochrome-hover-alt;
 $nav-color-item-label-activealt: $modes-color-interactive-monochrome-with-hover;
 $nav-color-item-label-enabled: $modes-color-interactive-monochrome-default;
-$nav-color-item-label-hover: $modes-color-interactive-monochrome-with-hover;
 $nav-color-item-label-alt: $modes-color-interactive-monochrome-default-alt;
 $nav-color-menu-bg-default: $modes-color-generic-bg-faint; // menu (level 1) nav bg
 $nav-color-menu-bg-alt: $modes-color-generic-bg-delicate; // level 2 nav bg
@@ -56,6 +55,7 @@ $nav-color-topnav-item-label-hover: $modes-color-interactive-nav-with-hover;
 $nav-boxshadow-menu: $global-boxshadow-cleanedge-near; // Menu
 $nav-boxshadow-leftnav-childcontainer: $global-boxshadow-container-near; // box shadow on progressively shown child container
 $nav-color-item-label-active: $modes-color-interactive-monochrome-with-active;
+$nav-color-item-label-hover: $modes-color-interactive-primary-frozen-nav-label-hover;
 $nav-color-menu-border-default: $modes-color-generic-fg-delicate; // level 1 border
 $nav-color-leftnav-container-border-default: $modes-color-generic-fg-soft; // dividing lines within parent container
 $nav-color-leftnav-item-label-enabled: $modes-color-interactive-nav-with-default;
@@ -65,7 +65,7 @@ $nav-color-topnav-container-border-default: $modes-color-generic-fg-soft; // div
 $nav-color-topnav-item-label-enabled: $modes-color-interactive-nav-with-default;
 $nav-radius-menu: $global-radius-interactive-m; // Drop list bottom corners, product popout list all corners
 $nav-radius-menuitem: $global-radius-interactive-s; // Menu (menu item state bg shape), 
-$nav-radius-menumodal: $global-radius-interactive-l; // Menu on mobile
+$nav-radius-menumodal: $global-radius-interactive-m; // Menu on mobile
 $nav-radius-leftnav-menuitem: $global-radius-interactive-m; // Radius on parent, child and grandchild items in left nav
 $nav-radius-modal-menuitem: $global-radius-interactive-m; // Radius on parent, child and grandchild items in left nav
 $nav-radius-topnav-menuitem: $global-radius-interactive-m; // Radius on parent, child and grandchild items in left nav

package/scss/frozenproduct/large/components/popover.scss

@@ -6,7 +6,7 @@
 // Do not edit directly, this file was auto-generated.
 
 $popover-radius-none: $global-radius-none; // Navigation menu top corners
-$popover-color-bg-active: $modes-color-interactive-monochrome-active; // previously action minor 850
+$popover-color-bg-active: $modes-color-interactive-monochrome-frozen-active;
 $popover-color-bg-default: $modes-color-generic-bg-nought; // REF'D IN FORM. Popover container bg
 $popover-typography-adaptive-label-s: $global-typography-adaptive-component-firm-s;
 $popover-typography-adaptive-label-m: $global-typography-adaptive-component-firm-m;
@@ -21,11 +21,11 @@ $popover-typography-responsive-default-s: $global-typography-responsive-componen
 $popover-typography-responsive-default-m: $global-typography-responsive-component-moderate-m;
 $popover-typography-responsive-default-l: $global-typography-responsive-component-moderate-l;
 $popover-boxshadow-container: $global-boxshadow-container-near; // REF'D IN FORM. Popover container for Button popover, Button split, (and Form calendar, color picker, dropdown) 
-$popover-color-bg-activealt: $modes-color-interactive-monochrome-hover-alt; // REF'D IN FORM. 
-$popover-color-bg-hover: $modes-color-interactive-monochrome-hover-alt; // REF'D IN FORM. 
-$popover-color-label-activealt: $modes-color-interactive-monochrome-with-hover;
-$popover-color-label-hover: $modes-color-interactive-monochrome-with-hover;
-$popover-color-label-enabled: $modes-color-interactive-monochrome-default-alt;
+$popover-color-bg-activealt: $modes-color-interactive-monochrome-frozen-hover-alt;
+$popover-color-bg-hover: $modes-color-interactive-monochrome-frozen-hover-alt;
+$popover-color-label-activealt: $modes-color-interactive-monochrome-frozen-with-hover;
+$popover-color-label-hover: $modes-color-interactive-monochrome-default;
+$popover-color-label-enabled: $modes-color-interactive-monochrome-default;
 $popover-color-submenu-bg-default: $modes-color-generic-bg-faint; // popover small screen submenu container bg
 $popover-size-icon-m: $global-size-icon-m;
 $popover-size-item-s: $global-size-macro-s; // REF'D IN FORM. Menu item min height.

package/scss/frozenproduct/large/components/progress.scss

@@ -25,11 +25,9 @@ $progress-radius-skeleton-circle: $global-radius-circle; // Used to represent ci
 $progress-color-fg-ai: $modes-color-interactive-ai-default; // For progress ring in ai buttons
 $progress-color-fg-alt: $modes-color-status-positive-default;
 $progress-color-fg-caution: $modes-color-status-caution-default;
-$progress-color-fg-default: $modes-color-interactive-monochrome-active;
 $progress-color-fg-error: $modes-color-status-negative-default;
 $progress-color-fg-info: $modes-color-status-info-default;
 $progress-color-datavis-fg-default: $modes-color-status-custom-teal-default;
-$progress-color-loader-fg-default: $modes-color-interactive-monochrome-active; // used for loader standard loader spinner
 $progress-color-loader-fg-error: $modes-color-status-negative-default;
 $progress-color-loader-fg-complete: $modes-color-status-positive-default;
 $progress-color-stepflow-bg-active: $modes-color-interactive-monochrome-active;
@@ -51,11 +49,10 @@ $progress-typography-responsive-label-l: $global-typography-responsive-component
 $progress-typography-responsive-default-s: $global-typography-responsive-component-moderate-s;
 $progress-typography-responsive-default-m: $global-typography-responsive-component-moderate-m;
 $progress-typography-responsive-default-l: $global-typography-responsive-component-moderate-l;
-$progress-color-bg-default: $modes-color-interactive-progress-bg;
 $progress-color-fg-alt2: $modes-color-generic-content-firm;
 $progress-color-label-alt: $modes-color-generic-content-firm;
 $progress-color-label-default: $modes-color-generic-content-harsh;
-$progress-color-loader-bg-default: $modes-color-interactive-progress-bg;
+$progress-color-loader-fg-default: $modes-color-interactive-primary-frozen-default; // used for loader standard loader spinner
 $progress-color-loader-inverse-bg-default: $modes-color-interactive-progress-bg-alt; // used for inverse loader bgs
 $progress-color-stepflow-bg-default: $modes-color-generic-fg-nought;
 $progress-color-stepflow-border-active-inner: $modes-color-generic-fg-nought;
@@ -78,7 +75,10 @@ $progress-size-stepflow-m: $global-size-micro-m; // Step height
 $progress-size-stepindicator-bar: $global-size-micro-xxs; // step indicator bar
 $progress-size-stepindicator-stepcircle-s: $global-size-macro-xs; // M size step indicator
 $progress-size-stepindicator-stepcircle-m: $global-size-macro-s; // M size step indicator
-$progress-color-border-default: $modes-color-generic-fg-soft;
+$progress-color-bg-default: $modes-color-interactive-progress-frozen-bg-alt;
+$progress-color-border-default: $modes-color-generic-fg-frozen-soft;
+$progress-color-fg-default: $modes-color-generic-fg-frozen-soft;
+$progress-color-loader-bg-default: $modes-color-interactive-progress-frozen-bg;
 $progress-color-loader-inverse-fg-default: $modes-color-interactive-monochrome-with-active; // used on inverse loading spinner
 $progress-color-stepflow-border-default: $modes-color-generic-fg-soft;
 $progress-color-stepindicator-border-default: $modes-color-generic-fg-soft;