@sage/design-tokens 14.9.1 → 15.1.0

package/css/frozenproduct/all.css

@@ -291,8 +291,6 @@
   --modes-color-interactive-monochrome-inverse-with-active-alt-light: #FFFFFF;
   --modes-color-interactive-monochrome-inverse-with-default-light: #000000;
   --modes-color-interactive-monochrome-inverse-with-hover-light: #FFFFFF;
-  --modes-color-interactive-monochrome-marketing-active-light: #000000; /* needed for specific marketing usecase on light bg */
-  --modes-color-interactive-monochrome-marketing-with-active-light: #00D639; /* needed for specific marketing usecase on light bg */
   --modes-color-interactive-monochrome-subtle-default-alt-light: #00000080; /* border color for off switches */
   --modes-color-interactive-monochrome-subtle-default-light: #0000000a; /* bg color for tertiary buttons and table headers */
   --modes-color-interactive-nav-active-light: #00000029; /* active bg for nav items */
@@ -405,7 +403,6 @@
   --modes-color-status-custom-slate-default-alt-light: #edf0f2; /* Pill bg */
   --modes-color-status-custom-slate-hover-light: #466171; /* used on pill hover states */
   --modes-color-status-custom-slate-hover-alt-light: #cbdae6; /* used on pill hover states */
-  --modes-color-status-generic-default-light: #F0F; /* TO BE DETLETED: Was #007c7b and used in Progress bar, dataVis colour. */
   --modes-color-status-important-default-light: #8F4CD7; /* For tile status keylines to show if something is of high importance. */
   --modes-color-status-important-default-alt-light: #f5edfc; /* Subtle message bg */
   --modes-color-status-important-hover-light: #7941b4; /* used on pill hover states */
@@ -603,8 +600,6 @@
   --modes-color-interactive-monochrome-inverse-with-active-alt-dark: #000000;
   --modes-color-interactive-monochrome-inverse-with-default-dark: #FFFFFF;
   --modes-color-interactive-monochrome-inverse-with-hover-dark: #000000;
-  --modes-color-interactive-monochrome-marketing-with-active-dark: #000000; /* use for marketing overrides for switch handle on standard */
-  --modes-color-interactive-monochrome-marketing-active-dark: #00D639; /* needed for specific marketing usecase on light bg */
   --modes-color-interactive-monochrome-subtle-default-alt-dark: #ffffff80; /* border color for off switches */
   --modes-color-interactive-monochrome-subtle-default-dark: #ffffff14; /* subtle table header hover */
   --modes-color-interactive-nav-active-dark: #ffffff59; /* active bg for nav items */
@@ -717,7 +712,6 @@
   --modes-color-status-custom-slate-default-alt-dark: #0f1214; /* Pill bg */
   --modes-color-status-custom-slate-hover-dark: #7493a5; /* used on pill hover states */
   --modes-color-status-custom-slate-hover-alt-dark: #13222c; /* used on pill hover states */
-  --modes-color-status-generic-default-dark: #F0F;
   --modes-color-status-important-default-dark: #8F4CD7; /* For tile status keylines to show if something is of high importance. */
   --modes-color-status-important-default-alt-dark: #150d19; /* Subtle message bg */
   --modes-color-status-important-hover-dark: #a267de; /* used on pill hover states */
@@ -814,7 +808,6 @@
   --button-radius-fab: var(--global-radius-circle); /* FAB Button radius */
   --button-borderwidth-none: var(--global-borderwidth-none); /* Override on tertiary buttons within Button-toggle.  */
   --button-borderwidth-primary: var(--global-borderwidth-none); /* primary button border  */
-  --button-borderwidth-tertiarymarketing: var(--global-borderwidth-none); /* tertiary button border used for a marketing override */
   --button-color-none: light-dark(var(--modes-color-none-light), var(--modes-color-none-dark)); /* transparent override used for hiding colors when needed. */
   --button-color-ai-border-active: light-dark(var(--modes-color-interactive-ai-default-light), var(--modes-color-interactive-ai-default-dark));
   --button-color-ai-border-enabled: light-dark(var(--modes-color-interactive-ai-default-light), var(--modes-color-interactive-ai-default-dark));
@@ -1115,13 +1108,9 @@
 
   /* container component tokens */
   --container-size-carousel-mediaslide-minheight: 300; /* max height for media visual */
-  --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: 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;
@@ -1795,7 +1784,7 @@
   --logo-space-ai-xg-m: var(--global-space-micro-l); /* Space between star icon and text */
 
   /* nav component tokens */
-  --nav-size-leftnav-parent-container-fixed-width: 140; /* fixed width of parent container */
+  --nav-size-leftnav-parent-container-fixed-width: 146; /* 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: light-dark(var(--modes-color-generic-bg-nought-light), var(--modes-color-generic-bg-nought-dark)); /* nav bar bg */
@@ -2510,7 +2499,6 @@
   --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-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. */

package/css/frozenproduct/large/components/button.css

@@ -13,7 +13,6 @@
   --button-radius-fab: var(--global-radius-circle); /* FAB Button radius */
   --button-borderwidth-none: var(--global-borderwidth-none); /* Override on tertiary buttons within Button-toggle.  */
   --button-borderwidth-primary: var(--global-borderwidth-none); /* primary button border  */
-  --button-borderwidth-tertiarymarketing: var(--global-borderwidth-none); /* tertiary button border used for a marketing override */
   --button-color-none: var(--modes-color-none); /* transparent override used for hiding colors when needed. */
   --button-color-ai-border-active: var(--modes-color-interactive-ai-default);
   --button-color-ai-border-enabled: var(--modes-color-interactive-ai-default);

package/css/frozenproduct/large/components/container.css

@@ -4,13 +4,9 @@
 
 :root {
   --container-size-carousel-mediaslide-minheight: 300; /* max height for media visual */
-  --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: 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;

package/css/frozenproduct/large/components/nav.css

@@ -3,7 +3,7 @@
  */
 
 :root {
-  --nav-size-leftnav-parent-container-fixed-width: 140; /* fixed width of parent container */
+  --nav-size-leftnav-parent-container-fixed-width: 146; /* 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: var(--modes-color-generic-bg-nought); /* nav bar bg */

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

@@ -32,7 +32,6 @@
   --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-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. */

package/css/frozenproduct/large/dark.css

@@ -138,8 +138,6 @@
   --modes-color-interactive-monochrome-inverse-with-active-alt: #000000;
   --modes-color-interactive-monochrome-inverse-with-default: #FFFFFF;
   --modes-color-interactive-monochrome-inverse-with-hover: #000000;
-  --modes-color-interactive-monochrome-marketing-with-active: #000000; /* use for marketing overrides for switch handle on standard */
-  --modes-color-interactive-monochrome-marketing-active: #00D639; /* needed for specific marketing usecase on light bg */
   --modes-color-interactive-monochrome-subtle-default-alt: #ffffff80; /* border color for off switches */
   --modes-color-interactive-monochrome-subtle-default: #ffffff14; /* subtle table header hover */
   --modes-color-interactive-nav-active: #ffffff59; /* active bg for nav items */
@@ -252,7 +250,6 @@
   --modes-color-status-custom-slate-default-alt: #0f1214; /* Pill bg */
   --modes-color-status-custom-slate-hover: #7493a5; /* used on pill hover states */
   --modes-color-status-custom-slate-hover-alt: #13222c; /* used on pill hover states */
-  --modes-color-status-generic-default: #F0F;
   --modes-color-status-important-default: #8F4CD7; /* For tile status keylines to show if something is of high importance. */
   --modes-color-status-important-default-alt: #150d19; /* Subtle message bg */
   --modes-color-status-important-hover: #a267de; /* used on pill hover states */

package/css/frozenproduct/large/light.css

@@ -138,8 +138,6 @@
   --modes-color-interactive-monochrome-inverse-with-active-alt: #FFFFFF;
   --modes-color-interactive-monochrome-inverse-with-default: #000000;
   --modes-color-interactive-monochrome-inverse-with-hover: #FFFFFF;
-  --modes-color-interactive-monochrome-marketing-active: #000000; /* needed for specific marketing usecase on light bg */
-  --modes-color-interactive-monochrome-marketing-with-active: #00D639; /* needed for specific marketing usecase on light bg */
   --modes-color-interactive-monochrome-subtle-default-alt: #00000080; /* border color for off switches */
   --modes-color-interactive-monochrome-subtle-default: #0000000a; /* bg color for tertiary buttons and table headers */
   --modes-color-interactive-nav-active: #00000029; /* active bg for nav items */
@@ -252,7 +250,6 @@
   --modes-color-status-custom-slate-default-alt: #edf0f2; /* Pill bg */
   --modes-color-status-custom-slate-hover: #466171; /* used on pill hover states */
   --modes-color-status-custom-slate-hover-alt: #cbdae6; /* used on pill hover states */
-  --modes-color-status-generic-default: #F0F; /* TO BE DETLETED: Was #007c7b and used in Progress bar, dataVis colour. */
   --modes-color-status-important-default: #8F4CD7; /* For tile status keylines to show if something is of high importance. */
   --modes-color-status-important-default-alt: #f5edfc; /* Subtle message bg */
   --modes-color-status-important-hover: #7941b4; /* used on pill hover states */

package/css/frozenproduct/small/components/button.css

@@ -13,7 +13,6 @@
   --button-radius-fab: var(--global-radius-circle); /* FAB Button radius */
   --button-borderwidth-none: var(--global-borderwidth-none); /* Override on tertiary buttons within Button-toggle.  */
   --button-borderwidth-primary: var(--global-borderwidth-none); /* primary button border  */
-  --button-borderwidth-tertiarymarketing: var(--global-borderwidth-none); /* tertiary button border used for a marketing override */
   --button-color-none: var(--modes-color-none); /* transparent override used for hiding colors when needed. */
   --button-color-ai-border-active: var(--modes-color-interactive-ai-default);
   --button-color-ai-border-enabled: var(--modes-color-interactive-ai-default);

package/css/frozenproduct/small/components/container.css

@@ -4,13 +4,9 @@
 
 :root {
   --container-size-carousel-mediaslide-minheight: 300; /* max height for media visual */
-  --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: 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;

package/css/frozenproduct/small/components/nav.css

@@ -3,7 +3,7 @@
  */
 
 :root {
-  --nav-size-leftnav-parent-container-fixed-width: 140; /* fixed width of parent container */
+  --nav-size-leftnav-parent-container-fixed-width: 146; /* 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: var(--modes-color-generic-bg-nought); /* nav bar bg */

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

@@ -32,7 +32,6 @@
   --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-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. */

package/css/frozenproduct/small/dark.css

@@ -138,8 +138,6 @@
   --modes-color-interactive-monochrome-inverse-with-active-alt: #000000;
   --modes-color-interactive-monochrome-inverse-with-default: #FFFFFF;
   --modes-color-interactive-monochrome-inverse-with-hover: #000000;
-  --modes-color-interactive-monochrome-marketing-with-active: #000000; /* use for marketing overrides for switch handle on standard */
-  --modes-color-interactive-monochrome-marketing-active: #00D639; /* needed for specific marketing usecase on light bg */
   --modes-color-interactive-monochrome-subtle-default-alt: #ffffff80; /* border color for off switches */
   --modes-color-interactive-monochrome-subtle-default: #ffffff14; /* subtle table header hover */
   --modes-color-interactive-nav-active: #ffffff59; /* active bg for nav items */
@@ -252,7 +250,6 @@
   --modes-color-status-custom-slate-default-alt: #0f1214; /* Pill bg */
   --modes-color-status-custom-slate-hover: #7493a5; /* used on pill hover states */
   --modes-color-status-custom-slate-hover-alt: #13222c; /* used on pill hover states */
-  --modes-color-status-generic-default: #F0F;
   --modes-color-status-important-default: #8F4CD7; /* For tile status keylines to show if something is of high importance. */
   --modes-color-status-important-default-alt: #150d19; /* Subtle message bg */
   --modes-color-status-important-hover: #a267de; /* used on pill hover states */

package/css/frozenproduct/small/light.css

@@ -138,8 +138,6 @@
   --modes-color-interactive-monochrome-inverse-with-active-alt: #FFFFFF;
   --modes-color-interactive-monochrome-inverse-with-default: #000000;
   --modes-color-interactive-monochrome-inverse-with-hover: #FFFFFF;
-  --modes-color-interactive-monochrome-marketing-active: #000000; /* needed for specific marketing usecase on light bg */
-  --modes-color-interactive-monochrome-marketing-with-active: #00D639; /* needed for specific marketing usecase on light bg */
   --modes-color-interactive-monochrome-subtle-default-alt: #00000080; /* border color for off switches */
   --modes-color-interactive-monochrome-subtle-default: #0000000a; /* bg color for tertiary buttons and table headers */
   --modes-color-interactive-nav-active: #00000029; /* active bg for nav items */
@@ -252,7 +250,6 @@
   --modes-color-status-custom-slate-default-alt: #edf0f2; /* Pill bg */
   --modes-color-status-custom-slate-hover: #466171; /* used on pill hover states */
   --modes-color-status-custom-slate-hover-alt: #cbdae6; /* used on pill hover states */
-  --modes-color-status-generic-default: #F0F; /* TO BE DETLETED: Was #007c7b and used in Progress bar, dataVis colour. */
   --modes-color-status-important-default: #8F4CD7; /* For tile status keylines to show if something is of high importance. */
   --modes-color-status-important-default-alt: #f5edfc; /* Subtle message bg */
   --modes-color-status-important-hover: #7941b4; /* used on pill hover states */

package/css/product/all.css

@@ -291,8 +291,6 @@
   --modes-color-interactive-monochrome-inverse-with-active-alt-light: #FFFFFF;
   --modes-color-interactive-monochrome-inverse-with-default-light: #000000;
   --modes-color-interactive-monochrome-inverse-with-hover-light: #FFFFFF;
-  --modes-color-interactive-monochrome-marketing-active-light: #000000; /* needed for specific marketing usecase on light bg */
-  --modes-color-interactive-monochrome-marketing-with-active-light: #00D639; /* needed for specific marketing usecase on light bg */
   --modes-color-interactive-monochrome-subtle-default-alt-light: #00000080; /* border color for off switches */
   --modes-color-interactive-monochrome-subtle-default-light: #0000000a; /* bg color for tertiary buttons and table headers */
   --modes-color-interactive-nav-active-light: #00000029; /* active bg for nav items */
@@ -405,7 +403,6 @@
   --modes-color-status-custom-slate-default-alt-light: #edf0f2; /* Pill bg */
   --modes-color-status-custom-slate-hover-light: #466171; /* used on pill hover states */
   --modes-color-status-custom-slate-hover-alt-light: #cbdae6; /* used on pill hover states */
-  --modes-color-status-generic-default-light: #F0F; /* TO BE DETLETED: Was #007c7b and used in Progress bar, dataVis colour. */
   --modes-color-status-important-default-light: #8F4CD7; /* For tile status keylines to show if something is of high importance. */
   --modes-color-status-important-default-alt-light: #f5edfc; /* Subtle message bg */
   --modes-color-status-important-hover-light: #7941b4; /* used on pill hover states */
@@ -603,8 +600,6 @@
   --modes-color-interactive-monochrome-inverse-with-active-alt-dark: #000000;
   --modes-color-interactive-monochrome-inverse-with-default-dark: #FFFFFF;
   --modes-color-interactive-monochrome-inverse-with-hover-dark: #000000;
-  --modes-color-interactive-monochrome-marketing-with-active-dark: #000000; /* use for marketing overrides for switch handle on standard */
-  --modes-color-interactive-monochrome-marketing-active-dark: #00D639; /* needed for specific marketing usecase on light bg */
   --modes-color-interactive-monochrome-subtle-default-alt-dark: #ffffff80; /* border color for off switches */
   --modes-color-interactive-monochrome-subtle-default-dark: #ffffff14; /* subtle table header hover */
   --modes-color-interactive-nav-active-dark: #ffffff59; /* active bg for nav items */
@@ -717,7 +712,6 @@
   --modes-color-status-custom-slate-default-alt-dark: #0f1214; /* Pill bg */
   --modes-color-status-custom-slate-hover-dark: #7493a5; /* used on pill hover states */
   --modes-color-status-custom-slate-hover-alt-dark: #13222c; /* used on pill hover states */
-  --modes-color-status-generic-default-dark: #F0F;
   --modes-color-status-important-default-dark: #8F4CD7; /* For tile status keylines to show if something is of high importance. */
   --modes-color-status-important-default-alt-dark: #150d19; /* Subtle message bg */
   --modes-color-status-important-hover-dark: #a267de; /* used on pill hover states */
@@ -814,7 +808,6 @@
   --button-radius-fab: var(--global-radius-circle); /* FAB Button radius */
   --button-borderwidth-none: var(--global-borderwidth-none); /* Override on tertiary buttons within Button-toggle.  */
   --button-borderwidth-primary: var(--global-borderwidth-none); /* primary button border  */
-  --button-borderwidth-tertiarymarketing: var(--global-borderwidth-none); /* tertiary button border used for a marketing override */
   --button-color-none: light-dark(var(--modes-color-none-light), var(--modes-color-none-dark)); /* transparent override used for hiding colors when needed. */
   --button-color-ai-border-active: light-dark(var(--modes-color-interactive-ai-default-light), var(--modes-color-interactive-ai-default-dark));
   --button-color-ai-border-enabled: light-dark(var(--modes-color-interactive-ai-default-light), var(--modes-color-interactive-ai-default-dark));
@@ -1115,13 +1108,9 @@
 
   /* container component tokens */
   --container-size-carousel-mediaslide-minheight: 300; /* max height for media visual */
-  --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: 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;
@@ -1795,7 +1784,7 @@
   --logo-space-ai-xg-m: var(--global-space-micro-l); /* Space between star icon and text */
 
   /* nav component tokens */
-  --nav-size-leftnav-parent-container-fixed-width: 140; /* fixed width of parent container */
+  --nav-size-leftnav-parent-container-fixed-width: 146; /* 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: light-dark(var(--modes-color-generic-bg-nought-light), var(--modes-color-generic-bg-nought-dark)); /* nav bar bg */
@@ -2510,7 +2499,6 @@
   --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-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. */

package/css/product/large/components/button.css

@@ -13,7 +13,6 @@
   --button-radius-fab: var(--global-radius-circle); /* FAB Button radius */
   --button-borderwidth-none: var(--global-borderwidth-none); /* Override on tertiary buttons within Button-toggle.  */
   --button-borderwidth-primary: var(--global-borderwidth-none); /* primary button border  */
-  --button-borderwidth-tertiarymarketing: var(--global-borderwidth-none); /* tertiary button border used for a marketing override */
   --button-color-none: var(--modes-color-none); /* transparent override used for hiding colors when needed. */
   --button-color-ai-border-active: var(--modes-color-interactive-ai-default);
   --button-color-ai-border-enabled: var(--modes-color-interactive-ai-default);

package/css/product/large/components/container.css

@@ -4,13 +4,9 @@
 
 :root {
   --container-size-carousel-mediaslide-minheight: 300; /* max height for media visual */
-  --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: 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;

package/css/product/large/components/nav.css

@@ -3,7 +3,7 @@
  */
 
 :root {
-  --nav-size-leftnav-parent-container-fixed-width: 140; /* fixed width of parent container */
+  --nav-size-leftnav-parent-container-fixed-width: 146; /* 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: var(--modes-color-generic-bg-nought); /* nav bar bg */

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

@@ -32,7 +32,6 @@
   --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-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. */

package/css/product/large/dark.css

@@ -138,8 +138,6 @@
   --modes-color-interactive-monochrome-inverse-with-active-alt: #000000;
   --modes-color-interactive-monochrome-inverse-with-default: #FFFFFF;
   --modes-color-interactive-monochrome-inverse-with-hover: #000000;
-  --modes-color-interactive-monochrome-marketing-with-active: #000000; /* use for marketing overrides for switch handle on standard */
-  --modes-color-interactive-monochrome-marketing-active: #00D639; /* needed for specific marketing usecase on light bg */
   --modes-color-interactive-monochrome-subtle-default-alt: #ffffff80; /* border color for off switches */
   --modes-color-interactive-monochrome-subtle-default: #ffffff14; /* subtle table header hover */
   --modes-color-interactive-nav-active: #ffffff59; /* active bg for nav items */
@@ -252,7 +250,6 @@
   --modes-color-status-custom-slate-default-alt: #0f1214; /* Pill bg */
   --modes-color-status-custom-slate-hover: #7493a5; /* used on pill hover states */
   --modes-color-status-custom-slate-hover-alt: #13222c; /* used on pill hover states */
-  --modes-color-status-generic-default: #F0F;
   --modes-color-status-important-default: #8F4CD7; /* For tile status keylines to show if something is of high importance. */
   --modes-color-status-important-default-alt: #150d19; /* Subtle message bg */
   --modes-color-status-important-hover: #a267de; /* used on pill hover states */

package/css/product/large/light.css

@@ -138,8 +138,6 @@
   --modes-color-interactive-monochrome-inverse-with-active-alt: #FFFFFF;
   --modes-color-interactive-monochrome-inverse-with-default: #000000;
   --modes-color-interactive-monochrome-inverse-with-hover: #FFFFFF;
-  --modes-color-interactive-monochrome-marketing-active: #000000; /* needed for specific marketing usecase on light bg */
-  --modes-color-interactive-monochrome-marketing-with-active: #00D639; /* needed for specific marketing usecase on light bg */
   --modes-color-interactive-monochrome-subtle-default-alt: #00000080; /* border color for off switches */
   --modes-color-interactive-monochrome-subtle-default: #0000000a; /* bg color for tertiary buttons and table headers */
   --modes-color-interactive-nav-active: #00000029; /* active bg for nav items */
@@ -252,7 +250,6 @@
   --modes-color-status-custom-slate-default-alt: #edf0f2; /* Pill bg */
   --modes-color-status-custom-slate-hover: #466171; /* used on pill hover states */
   --modes-color-status-custom-slate-hover-alt: #cbdae6; /* used on pill hover states */
-  --modes-color-status-generic-default: #F0F; /* TO BE DETLETED: Was #007c7b and used in Progress bar, dataVis colour. */
   --modes-color-status-important-default: #8F4CD7; /* For tile status keylines to show if something is of high importance. */
   --modes-color-status-important-default-alt: #f5edfc; /* Subtle message bg */
   --modes-color-status-important-hover: #7941b4; /* used on pill hover states */

package/css/product/small/components/button.css

@@ -13,7 +13,6 @@
   --button-radius-fab: var(--global-radius-circle); /* FAB Button radius */
   --button-borderwidth-none: var(--global-borderwidth-none); /* Override on tertiary buttons within Button-toggle.  */
   --button-borderwidth-primary: var(--global-borderwidth-none); /* primary button border  */
-  --button-borderwidth-tertiarymarketing: var(--global-borderwidth-none); /* tertiary button border used for a marketing override */
   --button-color-none: var(--modes-color-none); /* transparent override used for hiding colors when needed. */
   --button-color-ai-border-active: var(--modes-color-interactive-ai-default);
   --button-color-ai-border-enabled: var(--modes-color-interactive-ai-default);

package/css/product/small/components/container.css

@@ -4,13 +4,9 @@
 
 :root {
   --container-size-carousel-mediaslide-minheight: 300; /* max height for media visual */
-  --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: 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;

package/css/product/small/components/nav.css

@@ -3,7 +3,7 @@
  */
 
 :root {
-  --nav-size-leftnav-parent-container-fixed-width: 140; /* fixed width of parent container */
+  --nav-size-leftnav-parent-container-fixed-width: 146; /* 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: var(--modes-color-generic-bg-nought); /* nav bar bg */

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

@@ -32,7 +32,6 @@
   --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-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. */

package/css/product/small/dark.css

@@ -138,8 +138,6 @@
   --modes-color-interactive-monochrome-inverse-with-active-alt: #000000;
   --modes-color-interactive-monochrome-inverse-with-default: #FFFFFF;
   --modes-color-interactive-monochrome-inverse-with-hover: #000000;
-  --modes-color-interactive-monochrome-marketing-with-active: #000000; /* use for marketing overrides for switch handle on standard */
-  --modes-color-interactive-monochrome-marketing-active: #00D639; /* needed for specific marketing usecase on light bg */
   --modes-color-interactive-monochrome-subtle-default-alt: #ffffff80; /* border color for off switches */
   --modes-color-interactive-monochrome-subtle-default: #ffffff14; /* subtle table header hover */
   --modes-color-interactive-nav-active: #ffffff59; /* active bg for nav items */
@@ -252,7 +250,6 @@
   --modes-color-status-custom-slate-default-alt: #0f1214; /* Pill bg */
   --modes-color-status-custom-slate-hover: #7493a5; /* used on pill hover states */
   --modes-color-status-custom-slate-hover-alt: #13222c; /* used on pill hover states */
-  --modes-color-status-generic-default: #F0F;
   --modes-color-status-important-default: #8F4CD7; /* For tile status keylines to show if something is of high importance. */
   --modes-color-status-important-default-alt: #150d19; /* Subtle message bg */
   --modes-color-status-important-hover: #a267de; /* used on pill hover states */

package/css/product/small/light.css

@@ -138,8 +138,6 @@
   --modes-color-interactive-monochrome-inverse-with-active-alt: #FFFFFF;
   --modes-color-interactive-monochrome-inverse-with-default: #000000;
   --modes-color-interactive-monochrome-inverse-with-hover: #FFFFFF;
-  --modes-color-interactive-monochrome-marketing-active: #000000; /* needed for specific marketing usecase on light bg */
-  --modes-color-interactive-monochrome-marketing-with-active: #00D639; /* needed for specific marketing usecase on light bg */
   --modes-color-interactive-monochrome-subtle-default-alt: #00000080; /* border color for off switches */
   --modes-color-interactive-monochrome-subtle-default: #0000000a; /* bg color for tertiary buttons and table headers */
   --modes-color-interactive-nav-active: #00000029; /* active bg for nav items */
@@ -252,7 +250,6 @@
   --modes-color-status-custom-slate-default-alt: #edf0f2; /* Pill bg */
   --modes-color-status-custom-slate-hover: #466171; /* used on pill hover states */
   --modes-color-status-custom-slate-hover-alt: #cbdae6; /* used on pill hover states */
-  --modes-color-status-generic-default: #F0F; /* TO BE DETLETED: Was #007c7b and used in Progress bar, dataVis colour. */
   --modes-color-status-important-default: #8F4CD7; /* For tile status keylines to show if something is of high importance. */
   --modes-color-status-important-default-alt: #f5edfc; /* Subtle message bg */
   --modes-color-status-important-hover: #7941b4; /* used on pill hover states */

package/ios/frozenproduct/large/dark/components/button.h

@@ -299,7 +299,6 @@
 #define buttonBorderwidthPrimary 0
 #define buttonBorderwidthSecondary 2
 #define buttonBorderwidthTertiary 1
-#define buttonBorderwidthTertiarymarketing 0
 #define buttonBorderwidthTogglecontainer 1
 #define buttonDimensionVideo 40px
 #define buttonTypographyAdaptivePrimaryS [object Object]

package/ios/frozenproduct/large/dark/components/container.h

@@ -66,13 +66,9 @@
 #define containerSizeCopilotEmptystateIllustration 200
 #define containerSizeCopilotEmptystateContentMaxwidth 600
 #define containerSizeCopilotOverlayMaxheight 960
-#define containerSizeDialogMaxWidthXxs 300
-#define containerSizeDialogMaxWidthXs 380
 #define containerSizeDialogMaxWidthS 540
 #define containerSizeDialogMaxWidthM 850
 #define containerSizeDialogMaxWidthL 1080
-#define containerSizeDialogMaxWidthXl 960
-#define containerSizeDialogMaxWidthXxl 1080
 #define containerSizeDialogMinWidthS 288
 #define containerSizeDialogMinWidthM 288
 #define containerSizeDialogMinWidthL 288

package/ios/frozenproduct/large/dark/components/nav.h

@@ -77,7 +77,7 @@
 #define navSizeLeftnavParentMinheight 48
 #define navSizeLeftnavChildMinheight 40
 #define navSizeLeftnavGrandchildMinheight 32
-#define navSizeLeftnavParentContainerFixedWidth 140
+#define navSizeLeftnavParentContainerFixedWidth 146
 #define navSizeLeftnavChildContainerFixedWidth 250
 #define navSizeModalParentitemMinheight 40
 #define navSizeModalChilditemMinheight 32

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

@@ -37,7 +37,6 @@
 #define tableColorFooterBorderDefault #282828
 #define tableColorFooterLabelDefault #ffffffe6
 #define tableRadiusContainer 8
-#define tableBoxshadowParentrow [object Object],[object Object]
 #define tableBoxshadowFirstchild [object Object]
 #define tableBoxshadowColumnStickyLeft [object Object],[object Object]
 #define tableBoxshadowColumnStickyRight [object Object],[object Object]

package/ios/frozenproduct/large/dark/mode.h

@@ -144,8 +144,6 @@
 #define modesColorInteractiveMonochromeInverseWithActiveAlt #000000
 #define modesColorInteractiveMonochromeInverseWithDefault #FFFFFF
 #define modesColorInteractiveMonochromeInverseWithHover #000000
-#define modesColorInteractiveMonochromeMarketingWithActive #000000
-#define modesColorInteractiveMonochromeMarketingActive #00D639
 #define modesColorInteractiveMonochromeSubtleDefaultAlt #ffffff80
 #define modesColorInteractiveMonochromeSubtleDefault #ffffff14
 #define modesColorInteractiveNavActive #ffffff59
@@ -258,7 +256,6 @@
 #define modesColorStatusCustomSlateDefaultAlt #0f1214
 #define modesColorStatusCustomSlateHover #7493a5
 #define modesColorStatusCustomSlateHoverAlt #13222c
-#define modesColorStatusGenericDefault #F0F
 #define modesColorStatusImportantDefault #8F4CD7
 #define modesColorStatusImportantDefaultAlt #150d19
 #define modesColorStatusImportantHover #a267de

package/ios/frozenproduct/large/light/components/button.h

@@ -299,7 +299,6 @@
 #define buttonBorderwidthPrimary 0
 #define buttonBorderwidthSecondary 2
 #define buttonBorderwidthTertiary 1
-#define buttonBorderwidthTertiarymarketing 0
 #define buttonBorderwidthTogglecontainer 1
 #define buttonDimensionVideo 40px
 #define buttonTypographyAdaptivePrimaryS [object Object]

package/ios/frozenproduct/large/light/components/container.h

@@ -66,13 +66,9 @@
 #define containerSizeCopilotEmptystateIllustration 200
 #define containerSizeCopilotEmptystateContentMaxwidth 600
 #define containerSizeCopilotOverlayMaxheight 960
-#define containerSizeDialogMaxWidthXxs 300
-#define containerSizeDialogMaxWidthXs 380
 #define containerSizeDialogMaxWidthS 540
 #define containerSizeDialogMaxWidthM 850
 #define containerSizeDialogMaxWidthL 1080
-#define containerSizeDialogMaxWidthXl 960
-#define containerSizeDialogMaxWidthXxl 1080
 #define containerSizeDialogMinWidthS 288
 #define containerSizeDialogMinWidthM 288
 #define containerSizeDialogMinWidthL 288

package/ios/frozenproduct/large/light/components/nav.h

@@ -77,7 +77,7 @@
 #define navSizeLeftnavParentMinheight 48
 #define navSizeLeftnavChildMinheight 40
 #define navSizeLeftnavGrandchildMinheight 32
-#define navSizeLeftnavParentContainerFixedWidth 140
+#define navSizeLeftnavParentContainerFixedWidth 146
 #define navSizeLeftnavChildContainerFixedWidth 250
 #define navSizeModalParentitemMinheight 40
 #define navSizeModalChilditemMinheight 32

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

@@ -37,7 +37,6 @@
 #define tableColorFooterBorderDefault #d1d1d1
 #define tableColorFooterLabelDefault #000000e6
 #define tableRadiusContainer 8
-#define tableBoxshadowParentrow [object Object],[object Object]
 #define tableBoxshadowFirstchild [object Object]
 #define tableBoxshadowColumnStickyLeft [object Object],[object Object]
 #define tableBoxshadowColumnStickyRight [object Object],[object Object]

package/ios/frozenproduct/large/light/mode.h

@@ -144,8 +144,6 @@
 #define modesColorInteractiveMonochromeInverseWithActiveAlt #FFFFFF
 #define modesColorInteractiveMonochromeInverseWithDefault #000000
 #define modesColorInteractiveMonochromeInverseWithHover #FFFFFF
-#define modesColorInteractiveMonochromeMarketingActive #000000
-#define modesColorInteractiveMonochromeMarketingWithActive #00D639
 #define modesColorInteractiveMonochromeSubtleDefaultAlt #00000080
 #define modesColorInteractiveMonochromeSubtleDefault #0000000a
 #define modesColorInteractiveNavActive #00000029
@@ -258,7 +256,6 @@
 #define modesColorStatusCustomSlateDefaultAlt #edf0f2
 #define modesColorStatusCustomSlateHover #466171
 #define modesColorStatusCustomSlateHoverAlt #cbdae6
-#define modesColorStatusGenericDefault #F0F
 #define modesColorStatusImportantDefault #8F4CD7
 #define modesColorStatusImportantDefaultAlt #f5edfc
 #define modesColorStatusImportantHover #7941b4

package/ios/frozenproduct/small/dark/components/button.h

@@ -299,7 +299,6 @@
 #define buttonBorderwidthPrimary 0
 #define buttonBorderwidthSecondary 2
 #define buttonBorderwidthTertiary 1
-#define buttonBorderwidthTertiarymarketing 0
 #define buttonBorderwidthTogglecontainer 1
 #define buttonDimensionVideo 40px
 #define buttonTypographyAdaptivePrimaryS [object Object]

package/ios/frozenproduct/small/dark/components/container.h

@@ -66,13 +66,9 @@
 #define containerSizeCopilotEmptystateIllustration 200
 #define containerSizeCopilotEmptystateContentMaxwidth 600
 #define containerSizeCopilotOverlayMaxheight 960
-#define containerSizeDialogMaxWidthXxs 300
-#define containerSizeDialogMaxWidthXs 380
 #define containerSizeDialogMaxWidthS 540
 #define containerSizeDialogMaxWidthM 850
 #define containerSizeDialogMaxWidthL 1080
-#define containerSizeDialogMaxWidthXl 960
-#define containerSizeDialogMaxWidthXxl 1080
 #define containerSizeDialogMinWidthS 288
 #define containerSizeDialogMinWidthM 288
 #define containerSizeDialogMinWidthL 288