@sage/design-tokens 13.2.0 → 14.0.1

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

@@ -400,8 +400,8 @@
       "calendar": {
         "bg-active": "#000000",
         "bg-disabled": "#f3f3f3",
-        "bg-duration": "#e8e8e8",
-        "bg-hover": "#00000014",
+        "bg-duration": "#e2e2e2",
+        "bg-hover": "#0000001a",
         "border-duration": "#000000",
         "text-active": "#FFFFFF",
         "text-alt": "#0000008c",
@@ -412,7 +412,7 @@
         "textAlt-enabled": "#0000008c"
       },
       "dropdown": {
-        "bg-hover": "#00000014",
+        "bg-hover": "#0000001a",
         "label-active": "#FFFFFF",
         "label-alt": "#000000e6",
         "label-disabled": "#0000006b",
@@ -431,7 +431,7 @@
         "bg-disabled": "#f3f3f3",
         "bg-default": "#FFFFFF",
         "bg-enabled": "#FFFFFF",
-        "bg-hover": "#e8e8e8",
+        "bg-hover": "#e2e2e2",
         "bg-readOnly": "#f3f3f3",
         "border-alt": "#a6a6a6",
         "border-enabled": "#777",

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

@@ -3,18 +3,18 @@
     "color": {
       "destructive": {
         "label-default": "#b23342",
-        "label-hover": "#a3303d",
+        "label-hover": "#9f303c",
         "inverse": {
           "label-default": "#e85b66",
-          "label-hover": "#ec6a71"
+          "label-hover": "#ed6e74"
         }
       },
       "typical": {
         "label-default": "#0c711d",
-        "label-hover": "#125e1b",
+        "label-hover": "#12601b",
         "inverse": {
           "label-default": "#4cdc55",
-          "label-hover": "#73e372"
+          "label-hover": "#71e270"
         }
       },
       "subtle": {

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

@@ -5,10 +5,6 @@
         "bg-default": "#000000",
         "bg-alt": "#000000"
       },
-      "trust": {
-        "bg-default": "#00811F",
-        "outline": "#000000"
-      },
       "copilot": {
         "noBg": {
           "fg-default": "#000000"

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

@@ -4,9 +4,9 @@
       "bg-default": "#FFFFFF",
       "item": {
         "bg-active": "#000000",
-        "bg-activealt": "#00000014",
+        "bg-activealt": "#0000001a",
         "bg-enabled": "#fff0",
-        "bg-hover": "#00000014",
+        "bg-hover": "#0000001a",
         "label-active": "#FFFFFF",
         "label-activealt": "#000000",
         "label-enabled": "#000000e6",
@@ -28,7 +28,7 @@
         "item": {
           "bg-active": "#00000029",
           "bg-enabled": "#fff0",
-          "bg-hover": "#00000014",
+          "bg-hover": "#0000001a",
           "label-active": "#000000",
           "label-enabled": "#000000f2",
           "label-hover": "#000000"
@@ -43,7 +43,7 @@
         "item": {
           "bg-active": "#00000029",
           "bg-enabled": "#fff0",
-          "bg-hover": "#00000014",
+          "bg-hover": "#0000001a",
           "label-active": "#000000",
           "label-enabled": "#000000f2",
           "label-hover": "#000000"
@@ -60,7 +60,7 @@
         "item": {
           "bg-active": "#00000029",
           "bg-enabled": "#fff0",
-          "bg-hover": "#00000014",
+          "bg-hover": "#0000001a",
           "label-active": "#000000",
           "label-enabled": "#000000f2",
           "label-hover": "#000000"

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

@@ -92,9 +92,9 @@
     },
     "color": {
       "bg-active": "#000000",
-      "bg-activealt": "#00000014",
+      "bg-activealt": "#0000001a",
       "bg-default": "#FFFFFF",
-      "bg-hover": "#00000014",
+      "bg-hover": "#0000001a",
       "label-active": "#FFFFFF",
       "label-activealt": "#000000",
       "label-disabled": "#0000006b",

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

@@ -22,7 +22,9 @@
           "M": 56
         }
       },
-      "ring": {
+      "spinner": {
+        "XXS": 16,
+        "XS": 20,
         "S": 32,
         "M": 64,
         "L": 96

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

@@ -13,12 +13,12 @@
           },
           "info": {
             "bg-default": "#eaeef6",
-            "bg-hover": "#cbd6e9",
+            "bg-hover": "#cdd7ea",
             "icon": "#0060A7"
           },
           "warning": {
             "bg-default": "#ffede5",
-            "bg-hover": "#fdd3c0",
+            "bg-hover": "#fed5c3",
             "icon": "#D64309"
           }
         },
@@ -78,70 +78,70 @@
         "error": {
           "bg-default": "#CD384B",
           "bgAlt-default": "#fdeceb",
-          "bgAlt-hover": "#f9d1cf",
-          "bg-hover": "#aa323f",
+          "bgAlt-hover": "#f9d3d1",
+          "bg-hover": "#ac3240",
           "border-default": "#CD384B",
           "inverse": {
             "bg-default": "#E13E53",
             "bgAlt-default": "#241212",
-            "bgAlt-hover": "#3f1a1c",
-            "bg-hover": "#eb646c",
+            "bgAlt-hover": "#3d1a1c",
+            "bg-hover": "#ea626a",
             "border-default": "#E13E53"
           }
         },
         "info": {
           "bg-default": "#0060A7",
           "bgAlt-default": "#eaeef6",
-          "bgAlt-hover": "#cbd6e9",
-          "bg-hover": "#10508a",
+          "bgAlt-hover": "#cdd7ea",
+          "bg-hover": "#10518c",
           "border-default": "#0060A7",
           "inverse": {
             "bg-default": "#007ED9",
             "bgAlt-default": "#111722",
-            "bgAlt-hover": "#17253b",
-            "bg-hover": "#5291e0",
+            "bgAlt-hover": "#17253a",
+            "bg-hover": "#4f90df",
             "border-default": "#007ED9"
           }
         },
         "neutral": {
           "bg-default": "#656565",
           "bgAlt-default": "#efefef",
-          "bgAlt-hover": "#d8d8d8",
-          "bg-hover": "#555",
+          "bgAlt-hover": "#d9d9d9",
+          "bg-hover": "#565656",
           "border-default": "#656565",
           "inverse": {
             "bg-default": "#7C7C7C",
             "bgAlt-default": "#171717",
-            "bgAlt-hover": "#252525",
-            "bg-hover": "#909090",
+            "bgAlt-hover": "#242424",
+            "bg-hover": "#8e8e8e",
             "border-default": "#7C7C7C"
           }
         },
         "success": {
           "bg-default": "#00811F",
           "bgAlt-default": "#e9f2e8",
-          "bgAlt-hover": "#c9e0c7",
-          "bg-hover": "#0e6b1d",
+          "bgAlt-hover": "#cbe1c9",
+          "bg-hover": "#0e6d1d",
           "border-default": "#00811F",
           "inverse": {
             "bg-default": "#009023",
             "bgAlt-default": "#0e1a0b",
-            "bgAlt-hover": "#132b12",
-            "bg-hover": "#2b8b32",
+            "bgAlt-hover": "#132912",
+            "bg-hover": "#328e37",
             "border-default": "#009023"
           }
         },
         "warning": {
           "bg-default": "#D64309",
           "bgAlt-default": "#ffede5",
-          "bgAlt-hover": "#fdd3c0",
-          "bg-hover": "#b13a0d",
+          "bgAlt-hover": "#fed5c3",
+          "bg-hover": "#b33b0d",
           "border-default": "#D64309",
           "inverse": {
             "bg-default": "#E04500",
             "bgAlt-default": "#251206",
-            "bgAlt-hover": "#3f1b0b",
-            "bg-hover": "#eb6732",
+            "bgAlt-hover": "#3e1a0b",
+            "bg-hover": "#eb6530",
             "border-default": "#E04500"
           }
         },
@@ -154,7 +154,7 @@
       "rating": {
         "bg-default": "#00811F",
         "bg-defaultAlt": "linear-gradient(90deg, #00811F 0%, #00811F 50%, #d1d1d1 50%, #d1d1d1 100%)",
-        "bg-hover": "#0e6b1d",
+        "bg-hover": "#0e6d1d",
         "border-default": "#00811F"
       }
     },

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

@@ -36,7 +36,7 @@
     "color": {
       "bg-active": "#FFFFFF",
       "bg-enabled": "#fff0",
-      "bg-hover": "#00000014",
+      "bg-hover": "#0000001a",
       "border-activealt": "#d1d1d1",
       "border-active": "#000000",
       "border-enabled": "#d1d1d1",

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

@@ -5,7 +5,7 @@
         "subtle": {
           "bg-alt": "#0000000a",
           "bg-default": "#fff0",
-          "bg-hover": "#00000029",
+          "bg-hover": "#00000026",
           "border-default": "#d1d1d1",
           "label-default": "#000000e6",
           "label-hover": "#000000e6"
@@ -13,7 +13,7 @@
         "harsh": {
           "bg-alt": "#000000e6",
           "bg-default": "#000000ab",
-          "bg-hover": "#00000029",
+          "bg-hover": "#00000026",
           "border-default": "#a6a6a6",
           "label-default": "#FFFFFF",
           "label-hover": "#000000e6"

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

@@ -113,21 +113,21 @@
           "default": "linear-gradient(90deg, #13A038 0%, #149197 40%, #A87CFB 90%)"
         },
         "danger": {
-          "active": "#882b34",
+          "active": "#8c2c35",
           "default": "#CD384B",
           "defaultAlt": "#b23342",
-          "hover": "#aa323f",
-          "hoverAlt": "#cd384b14",
-          "hoverAlt2": "#a3303d",
+          "hover": "#ac3240",
+          "hoverAlt": "#cd384b1a",
+          "hoverAlt2": "#9f303c",
           "withActive": "#FFFFFF",
           "withDefault": "#FFFFFF",
           "inverse": {
-            "active": "#f28486",
+            "active": "#f28083",
             "default": "#E13E53",
             "defaultAlt": "#e85b66",
-            "hover": "#eb646c",
-            "hoverAlt": "#e13e5314",
-            "hoverAlt2": "#ec6a71",
+            "hover": "#ea626a",
+            "hoverAlt": "#e13e531a",
+            "hoverAlt2": "#ed6e74",
             "withActive": "#000000",
             "withDefault": "#000000"
           }
@@ -137,7 +137,7 @@
           "withActive": "#000000",
           "withActiveAlt": "#FFFFFF",
           "withHover": "#000000",
-          "hoverAlt": "#e8e8e8",
+          "hoverAlt": "#e2e2e2",
           "withDefault": "#777",
           "defaultAlt": "#f3f3f3",
           "content": "#000000f2",
@@ -177,34 +177,34 @@
         },
         "monochrome": {
           "active": "#000000",
-          "activeAlt": "#00000029",
+          "activeAlt": "#00000026",
           "default": "#000000e6",
           "defaultAlt": "#000000ab",
           "defaultAlt2": "#0000006b",
-          "hoverAlt": "#00000014",
-          "hover": "#00000029",
+          "hoverAlt": "#0000001a",
+          "hover": "#00000026",
           "withActive": "#FFFFFF",
           "withActiveAlt": "#000000",
           "withDefault": "#FFFFFF",
           "withHover": "#000000",
           "frozen": {
             "active": "#223743",
-            "activeAlt": "#22374329",
+            "activeAlt": "#22374326",
             "default": "#335B70",
             "defaultAlt": "#476a7d",
-            "hoverAlt": "#22374314",
+            "hoverAlt": "#2237431a",
             "withActive": "#FFFFFF",
             "withHover": "#223743",
             "withHoverAlt": "#FFFFFF"
           },
           "inverse": {
             "active": "#FFFFFF",
-            "activeAlt": "#ffffff29",
+            "activeAlt": "#ffffff26",
             "default": "#ffffffe6",
             "defaultAlt": "#ffffffab",
             "defaultAlt2": "#ffffff6b",
-            "hoverAlt": "#ffffff14",
-            "hover": "#ffffff29",
+            "hoverAlt": "#ffffff1a",
+            "hover": "#ffffff26",
             "withActive": "#000000",
             "withActiveAlt": "#FFFFFF",
             "withDefault": "#000000",
@@ -223,29 +223,29 @@
           "active": "#00000029",
           "default": "#FFFFFF",
           "defaultAlt": "#f3f3f3",
-          "hover": "#00000014",
+          "hover": "#0000001a",
           "withActive": "#000000",
           "withDefault": "#000000f2",
           "withHover": "#000000"
         },
         "primary": {
-          "active": "#14571a",
-          "activeAlt": "#00811f52",
+          "active": "#13591a",
+          "activeAlt": "#00811f4d",
           "default": "#00811F",
           "defaultAlt": "#00811fcc",
-          "defaultAlt2": "#00811f80",
-          "defaultAlt3": "#0c711d",
-          "hover": "#0e6b1d",
-          "hoverAlt": "#00811f14",
-          "hoverAlt2": "#125e1b",
+          "defaultAlt2": "#0c711d",
+          "defaultAlt3": "#00811f08",
+          "hover": "#0e6d1d",
+          "hoverAlt": "#00811f1a",
+          "hoverAlt2": "#12601b",
           "withActive": "#FFFFFF",
           "withDefault": "#FFFFFF",
           "withHover": "#FFFFFF",
           "frozen": {
-            "active": "#135631",
+            "active": "#135932",
             "default": "#008046",
             "defaultAlt": "#0b703e",
-            "hover": "#0e6b3b",
+            "hover": "#0d6c3c",
             "hoverAlt": "#106237",
             "nav": {
               "hover": "#008046",
@@ -256,15 +256,15 @@
             }
           },
           "inverse": {
-            "active": "#81e57d",
-            "activeAlt": "#00d63952",
+            "active": "#7ce47a",
+            "activeAlt": "#00d6394d",
             "default": "#00D639",
             "defaultAlt": "#00d639cc",
-            "defaultAlt2": "#00d63980",
-            "defaultAlt3": "#4cdc55",
-            "hover": "#58de5d",
-            "hoverAlt": "#00d63914",
-            "hoverAlt2": "#73e372",
+            "defaultAlt2": "#4cdc55",
+            "defaultAlt3": "#00d63908",
+            "hover": "#55dd5b",
+            "hoverAlt": "#00d6391a",
+            "hoverAlt2": "#71e270",
             "withActive": "#000000",
             "withDefault": "#000000",
             "withHover": "#000000"
@@ -292,18 +292,18 @@
         "caution": {
           "default": "#D64309",
           "defaultAlt": "#ffede5",
-          "hover": "#b13a0d",
-          "hoverAlt": "#fdd3c0",
+          "hover": "#b33b0d",
+          "hoverAlt": "#fed5c3",
           "text": "#bf3e0c",
           "frozenglobal": {
             "default": "#ff8629",
-            "hover": "#ff9a4e"
+            "hover": "#ff994c"
           },
           "inverse": {
             "default": "#E04500",
             "defaultAlt": "#251206",
-            "hover": "#eb6732",
-            "hoverAlt": "#3f1b0b",
+            "hover": "#eb6530",
+            "hoverAlt": "#3e1a0b",
             "text": "#e75b23"
           }
         },
@@ -334,38 +334,38 @@
         "info": {
           "default": "#0060A7",
           "defaultAlt": "#eaeef6",
-          "hover": "#10508a",
-          "hoverAlt": "#cbd6e9",
+          "hover": "#10518c",
+          "hoverAlt": "#cdd7ea",
           "frozenglobal": {
             "default": "#65a9ff",
-            "hover": "#84b6ff"
+            "hover": "#82b5ff"
           },
           "inverse": {
             "default": "#007ED9",
             "defaultAlt": "#111722",
-            "hover": "#5291e0",
-            "hoverAlt": "#17253b"
+            "hover": "#4f90df",
+            "hoverAlt": "#17253a"
           }
         },
         "negative": {
           "default": "#CD384B",
           "defaultAlt": "#fdeceb",
-          "hover": "#aa323f",
-          "hoverAlt": "#f9d1cf",
+          "hover": "#ac3240",
+          "hoverAlt": "#f9d3d1",
           "text": "#CD384B",
           "inverse": {
             "default": "#E13E53",
             "defaultAlt": "#241212",
-            "hover": "#eb646c",
-            "hoverAlt": "#3f1a1c",
+            "hover": "#ea626a",
+            "hoverAlt": "#3d1a1c",
             "text": "#E13E53"
           }
         },
         "neutral": {
           "default": "#656565",
           "defaultAlt": "#efefef",
-          "hover": "#555",
-          "hoverAlt": "#d8d8d8",
+          "hover": "#565656",
+          "hoverAlt": "#d9d9d9",
           "frozen": {
             "default": "#335B70",
             "defaultAlt": "#eaedf0",
@@ -375,20 +375,20 @@
           "inverse": {
             "default": "#7C7C7C",
             "defaultAlt": "#171717",
-            "hover": "#909090",
-            "hoverAlt": "#252525"
+            "hover": "#8e8e8e",
+            "hoverAlt": "#242424"
           }
         },
         "positive": {
           "default": "#00811F",
           "defaultAlt": "#e9f2e8",
-          "hover": "#0e6b1d",
-          "hoverAlt": "#c9e0c7",
+          "hover": "#0e6d1d",
+          "hoverAlt": "#cbe1c9",
           "inverse": {
             "default": "#009023",
             "defaultAlt": "#0e1a0b",
-            "hover": "#2b8b32",
-            "hoverAlt": "#132b12"
+            "hover": "#328e37",
+            "hoverAlt": "#132912"
           }
         },
         "callout": {
@@ -398,32 +398,17 @@
         "reviews": {
           "default": "#00811F",
           "defaultAlt": "linear-gradient(90deg, #00811F 0%, #00811F 50%, #d1d1d1 50%, #d1d1d1 100%)",
-          "hover": "#0e6b1d",
+          "hover": "#0e6d1d",
           "frozen": {
             "default": "#008046",
             "defaultAlt": "linear-gradient(90deg, #008046 0%, #008046 50%, #d1d1d1 50%, #d1d1d1 100%)",
-            "hover": "#0e6b3b"
+            "hover": "#0d6c3c"
           }
         }
       },
       "modifier": {
         "contrastLess": "#FFFFFF",
         "contrastMore": "#000000"
-      },
-      "modifiers": {
-        "button": {
-          "active": "0.32",
-          "activeAlt": "0.16",
-          "hover": "0.16",
-          "hoverAlt": "0.08"
-        },
-        "input": {
-          "disabledBg": "0.04",
-          "disabledFg": "0.30"
-        },
-        "shadow": {
-          "standard": "0.5"
-        }
       }
     }
   }

package/package.json

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

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

@@ -8,11 +8,16 @@
 $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-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;
+$badge-color-notification-inverse-label-default: $modes-color-generic-content-extreme;
+$badge-color-notification-inverse-label-alt: $modes-color-generic-content-extreme;
 $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-fg-nought;
-$badge-color-notification-label-default: $modes-color-generic-fg-nought;
-$badge-color-notification-label-alt: $modes-color-generic-fg-nought;
+$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-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

@@ -226,11 +226,14 @@ $button-color-typical-primary-label-disabled: $modes-color-interactive-inactive-
 $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-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-label-disabled: $modes-color-interactive-inactive-content;
 $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;
 $button-color-typical-secondary-inverse-border-enabled: $modes-color-interactive-primary-inverse-default-alt;
 $button-color-typical-secondary-inverse-border-hover: $modes-color-interactive-primary-inverse-hover;
@@ -238,13 +241,14 @@ $button-color-typical-secondary-inverse-label-active: $modes-color-interactive-m
 $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-alt2;
+$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-label-disabled: $modes-color-interactive-inactive-content;
 $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-alt2;
+$button-color-typical-tertiary-inverse-border-enabled: $modes-color-interactive-primary-inverse-default-alt;
 $button-color-typical-tertiary-inverse-border-hover: $modes-color-interactive-primary-inverse-hover;
 $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;
@@ -298,10 +302,8 @@ $button-color-ai-border-disabled: $modes-color-interactive-inactive-default;
 $button-color-destructive-primary-bg-disabled: $modes-color-interactive-inactive-default;
 $button-color-destructive-secondary-border-disabled: $modes-color-interactive-inactive-default;
 $button-color-typical-primary-bg-disabled: $modes-color-interactive-inactive-default;
-$button-color-typical-secondary-bg-hover: $modes-color-interactive-primary-hover-alt;
 $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-bg-hover: $modes-color-interactive-primary-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;