@corto-ai/gds-angular 2.1.5 → 2.1.6-dev.2

package/assets/css/all.css

@@ -179,6 +179,7 @@
     --corto-primitive-green-300: 139, 208, 180;
     --corto-primitive-green-500: 62, 177, 129;
     --corto-primitive-green-700: 36, 105, 77;
+    --corto-primitive-green-800: 24, 71, 52;
     --corto-primitive-grey-0: 255, 255, 255;
     --corto-primitive-grey-50: 245, 245, 245;
     --corto-primitive-grey-100: 229, 229, 229;
@@ -227,7 +228,6 @@
     --corto-primitive-pink-50: 250, 229, 242;
     --corto-primitive-pink-500: 204, 1, 127;
     --gds-primitive-fontFamily-sansSerif: 'Satoshi', 'Helvetica', 'Arial', sans-serif;
-    --gds-primitive-fontFamily-inter: 'Inter', 'Helvetica', 'Arial', sans-serif;
     --gds-primitive-fontWeight-light: 400;
     --gds-primitive-fontWeight-medium: 500;
     --gds-primitive-fontWeight-bold: 700;
@@ -362,7 +362,6 @@
     --gds-borderRadius-3xl: var(--gds-primitive-size-900);
     --gds-borderRadius-pill: 999px;
     --gds-fontFamily-body: var(--gds-primitive-fontFamily-sansSerif);
-    --gds-fontFamily-inputMobile: var(--gds-primitive-fontFamily-inter);
     --gds-fontSize-display: var(--gds-primitive-fontSize-700);
     --gds-fontSize-titleLarge: var(--gds-primitive-fontSize-600);
     --gds-fontSize-title: var(--gds-primitive-fontSize-500);
@@ -484,10 +483,10 @@
     --gds-palette-accent-green-inverse: rgb(var(--corto-primitive-green-500));
     --gds-palette-accent-blue-default: rgb(var(--corto-primitive-blue-50));
     --gds-palette-accent-blue-inverse: rgb(var(--corto-primitive-blue-500));
-    --gds-pattern-toast-default-backgroundColor-rest: rgb(237, 237, 238);
-    --gds-pattern-toast-default-iconColor-rest: rgb(var(--corto-primitive-blue-500));
-    --gds-pattern-toast-default-btnColor-rest: rgb(var(--corto-primitive-blue-500));
-    --gds-pattern-toast-default-btnColor-hover: rgb(var(--corto-primitive-blue-300));
+    --gds-pattern-toast-default-backgroundColor-rest: var(--gds-palette-accent-primary-inverse);
+    --gds-pattern-toast-default-iconColor-rest: var(--gds-palette-button-primary-default);
+    --gds-pattern-toast-default-btnColor-rest: var(--gds-palette-button-primary-default);
+    --gds-pattern-toast-default-btnColor-hover: var(--gds-palette-button-primary-hover);
     --gds-pattern-toast-error-btnColor-rest: rgb(var(--corto-primitive-red-500));
     --gds-pattern-toast-error-btnColor-hover: rgb(var(--corto-primitive-red-300));
     --gds-pattern-toast-warning-btnColor-rest: rgb(var(--corto-primitive-orange-500));
@@ -560,7 +559,7 @@
     --gds-text-input-shorthand: var(--gds-fontWeight-body) var(--gds-fontSize-body) / var(--gds-lineHeight-input)
       var(--gds-fontFamily-body);
     --gds-text-inputMobile-shorthand: var(--gds-fontWeight-inputMobile) var(--gds-fontSize-inputMobile) /
-      var(--gds-lineHeight-input) var(--gds-fontFamily-inputMobile);
+      var(--gds-lineHeight-input) var(--gds-fontFamily-body);
     --gds-border-default-shorthand: var(--gds-borderWidth-sm) solid var(--gds-palette-border-default);
     --gds-border-default-selected-shorthand: var(--gds-borderWidth-sm) solid var(--gds-palette-border-selected);
     --gds-border-strong-shorthand: var(--gds-borderWidth-md) solid var(--gds-palette-border-default);
@@ -568,6 +567,7 @@
     --gds-shadow-default: 0px 8px 16px rgba(0, 0, 0, 0.14);
     --gds-shadow-element: 0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
     --gds-shadow-card: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12);
+    --gds-shadow-tooltip: 0 4px 8px 0 rgba(0, 0, 0, 0.14);
   }
   body [brand="corto dark"], body[brand="corto dark"] {
     --gds-palette-border-default: rgb(var(--corto-primitive-grey-400));
@@ -768,7 +768,6 @@
     --lawy-primitive-red-800: 98, 12, 0;
     --lawy-primitive-red-900: 50, 6, 0;
     --gds-primitive-fontFamily-sansSerif: 'Satoshi', 'Helvetica', 'Arial', sans-serif;
-    --gds-primitive-fontFamily-inter: 'Inter', 'Helvetica', 'Arial', sans-serif;
     --gds-primitive-fontWeight-light: 400;
     --gds-primitive-fontWeight-medium: 500;
     --gds-primitive-fontWeight-bold: 700;
@@ -903,7 +902,6 @@
     --gds-borderRadius-3xl: var(--gds-primitive-size-900);
     --gds-borderRadius-pill: 999px;
     --gds-fontFamily-body: var(--gds-primitive-fontFamily-sansSerif);
-    --gds-fontFamily-inputMobile: var(--gds-primitive-fontFamily-inter);
     --gds-fontSize-display: var(--gds-primitive-fontSize-700);
     --gds-fontSize-titleLarge: var(--gds-primitive-fontSize-600);
     --gds-fontSize-title: var(--gds-primitive-fontSize-500);
@@ -1023,10 +1021,10 @@
     --gds-palette-accent-green-inverse: rgb(var(--lawy-primitive-green-500));
     --gds-palette-accent-blue-default: rgb(var(--lawy-primitive-blue-50));
     --gds-palette-accent-blue-inverse: rgb(var(--lawy-primitive-blue-500));
-    --gds-pattern-toast-default-backgroundColor-rest: rgb(var(--lawy-primitive-navy-50));
-    --gds-pattern-toast-default-iconColor-rest: rgb(var(--lawy-primitive-navy-700));
-    --gds-pattern-toast-default-btnColor-rest: rgb(var(--lawy-primitive-grey-900));
-    --gds-pattern-toast-default-btnColor-hover: rgb(var(--lawy-primitive-grey-600));
+    --gds-pattern-toast-default-backgroundColor-rest: var(--gds-palette-accent-primary-inverse);
+    --gds-pattern-toast-default-iconColor-rest: var(--gds-palette-button-primary-default);
+    --gds-pattern-toast-default-btnColor-rest: var(--gds-palette-button-primary-default);
+    --gds-pattern-toast-default-btnColor-hover: var(--gds-palette-button-primary-hover);
     --gds-pattern-toast-error-btnColor-rest: rgb(var(--lawy-primitive-red-500));
     --gds-pattern-toast-error-btnColor-hover: rgb(var(--lawy-primitive-red-300));
     --gds-pattern-toast-warning-btnColor-rest: rgb(var(--lawy-primitive-orange-500));
@@ -1099,7 +1097,7 @@
     --gds-text-input-shorthand: var(--gds-fontWeight-body) var(--gds-fontSize-body) / var(--gds-lineHeight-input)
       var(--gds-fontFamily-body);
     --gds-text-inputMobile-shorthand: var(--gds-fontWeight-inputMobile) var(--gds-fontSize-inputMobile) /
-      var(--gds-lineHeight-input) var(--gds-fontFamily-inputMobile);
+      var(--gds-lineHeight-input) var(--gds-fontFamily-body);
     --gds-border-default-shorthand: var(--gds-borderWidth-sm) solid var(--gds-palette-border-default);
     --gds-border-default-selected-shorthand: var(--gds-borderWidth-sm) solid var(--gds-palette-border-selected);
     --gds-border-strong-shorthand: var(--gds-borderWidth-md) solid var(--gds-palette-border-default);
@@ -1107,6 +1105,7 @@
     --gds-shadow-default: 0px 8px 16px rgba(0, 0, 0, 0.14);
     --gds-shadow-element: 0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
     --gds-shadow-card: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12);
+    --gds-shadow-tooltip: 0 4px 8px 0 rgba(0, 0, 0, 0.14);
   }
   :root {
     --leap-primitive-blue-0: 250, 251, 253;
@@ -1173,7 +1172,6 @@
     --leap-primitive-pink-50: 250, 229, 242;
     --leap-primitive-pink-500: 204, 1, 127;
     --gds-primitive-fontFamily-sansSerif: 'Satoshi', 'Helvetica', 'Arial', sans-serif;
-    --gds-primitive-fontFamily-inter: 'Inter', 'Helvetica', 'Arial', sans-serif;
     --gds-primitive-fontWeight-light: 400;
     --gds-primitive-fontWeight-medium: 500;
     --gds-primitive-fontWeight-bold: 700;
@@ -1308,7 +1306,6 @@
     --gds-borderRadius-3xl: var(--gds-primitive-size-900);
     --gds-borderRadius-pill: 999px;
     --gds-fontFamily-body: var(--gds-primitive-fontFamily-sansSerif);
-    --gds-fontFamily-inputMobile: var(--gds-primitive-fontFamily-inter);
     --gds-fontSize-display: var(--gds-primitive-fontSize-700);
     --gds-fontSize-titleLarge: var(--gds-primitive-fontSize-600);
     --gds-fontSize-title: var(--gds-primitive-fontSize-500);
@@ -1428,10 +1425,10 @@
     --gds-palette-accent-green-inverse: rgb(var(--leap-primitive-green-500));
     --gds-palette-accent-blue-default: rgb(var(--leap-primitive-blue-50));
     --gds-palette-accent-blue-inverse: rgb(var(--leap-primitive-blue-500));
-    --gds-pattern-toast-default-backgroundColor-rest: rgb(237, 237, 238);
-    --gds-pattern-toast-default-iconColor-rest: rgb(var(--leap-primitive-blue-500));
-    --gds-pattern-toast-default-btnColor-rest: rgb(var(--leap-primitive-blue-500));
-    --gds-pattern-toast-default-btnColor-hover: rgb(var(--leap-primitive-blue-300));
+    --gds-pattern-toast-default-backgroundColor-rest: var(--gds-palette-accent-primary-inverse);
+    --gds-pattern-toast-default-iconColor-rest: var(--gds-palette-button-primary-default);
+    --gds-pattern-toast-default-btnColor-rest: var(--gds-palette-button-primary-default);
+    --gds-pattern-toast-default-btnColor-hover: var(--gds-palette-button-primary-hover);
     --gds-pattern-toast-error-btnColor-rest: rgb(var(--leap-primitive-red-300));
     --gds-pattern-toast-error-btnColor-hover: rgb(var(--leap-primitive-red-500));
     --gds-pattern-toast-warning-btnColor-rest: rgb(var(--leap-primitive-orange-300));
@@ -1504,7 +1501,7 @@
     --gds-text-input-shorthand: var(--gds-fontWeight-body) var(--gds-fontSize-body) / var(--gds-lineHeight-input)
       var(--gds-fontFamily-body);
     --gds-text-inputMobile-shorthand: var(--gds-fontWeight-inputMobile) var(--gds-fontSize-inputMobile) /
-      var(--gds-lineHeight-input) var(--gds-fontFamily-inputMobile);
+      var(--gds-lineHeight-input) var(--gds-fontFamily-body);
     --gds-border-default-shorthand: var(--gds-borderWidth-sm) solid var(--gds-palette-border-default);
     --gds-border-default-selected-shorthand: var(--gds-borderWidth-sm) solid var(--gds-palette-border-selected);
     --gds-border-strong-shorthand: var(--gds-borderWidth-md) solid var(--gds-palette-border-default);
@@ -1512,6 +1509,7 @@
     --gds-shadow-default: 0px 8px 16px rgba(0, 0, 0, 0.14);
     --gds-shadow-element: 0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
     --gds-shadow-card: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12);
+    --gds-shadow-tooltip: 0 4px 8px 0 rgba(0, 0, 0, 0.14);
   }
   :root {
     --acctivity-primitive-blue-0: 246, 250, 252;
@@ -1646,7 +1644,6 @@
     --acctivity-primitive-yellow-800: 127, 98, 28;
     --acctivity-primitive-yellow-900: 76, 59, 17;
     --gds-primitive-fontFamily-sansSerif: 'Satoshi', 'Helvetica', 'Arial', sans-serif;
-    --gds-primitive-fontFamily-inter: 'Inter', 'Helvetica', 'Arial', sans-serif;
     --gds-primitive-fontWeight-light: 400;
     --gds-primitive-fontWeight-medium: 500;
     --gds-primitive-fontWeight-bold: 700;
@@ -1781,7 +1778,6 @@
     --gds-borderRadius-3xl: var(--gds-primitive-size-900);
     --gds-borderRadius-pill: 999px;
     --gds-fontFamily-body: var(--gds-primitive-fontFamily-sansSerif);
-    --gds-fontFamily-inputMobile: var(--gds-primitive-fontFamily-inter);
     --gds-fontSize-display: var(--gds-primitive-fontSize-700);
     --gds-fontSize-titleLarge: var(--gds-primitive-fontSize-600);
     --gds-fontSize-title: var(--gds-primitive-fontSize-500);
@@ -1905,10 +1901,10 @@
     --gds-palette-accent-blue-inverse: rgb(var(--acctivity-primitive-blue-500));
     --gds-palette-accent-red-default: rgb(var(--acctivity-primitive-red-50));
     --gds-palette-accent-red-inverse: rgb(var(--acctivity-primitive-red-500));
-    --gds-pattern-toast-default-backgroundColor-rest: rgb(237, 237, 238);
-    --gds-pattern-toast-default-iconColor-rest: rgb(var(--acctivity-primitive-blue-500));
-    --gds-pattern-toast-default-btnColor-rest: rgb(var(--acctivity-primitive-blue-500));
-    --gds-pattern-toast-default-btnColor-hover: rgb(var(--acctivity-primitive-blue-300));
+    --gds-pattern-toast-default-backgroundColor-rest: var(--gds-palette-accent-primary-inverse);
+    --gds-pattern-toast-default-iconColor-rest: var(--gds-palette-button-primary-default);
+    --gds-pattern-toast-default-btnColor-rest: var(--gds-palette-button-primary-default);
+    --gds-pattern-toast-default-btnColor-hover: var(--gds-palette-button-primary-hover);
     --gds-pattern-toast-error-btnColor-rest: rgb(var(--acctivity-primitive-red-500));
     --gds-pattern-toast-error-btnColor-hover: rgb(var(--acctivity-primitive-red-300));
     --gds-pattern-toast-warning-btnColor-rest: rgb(var(--acctivity-primitive-orange-500));
@@ -1981,7 +1977,7 @@
     --gds-text-input-shorthand: var(--gds-fontWeight-body) var(--gds-fontSize-body) / var(--gds-lineHeight-input)
       var(--gds-fontFamily-body);
     --gds-text-inputMobile-shorthand: var(--gds-fontWeight-inputMobile) var(--gds-fontSize-inputMobile) /
-      var(--gds-lineHeight-input) var(--gds-fontFamily-inputMobile);
+      var(--gds-lineHeight-input) var(--gds-fontFamily-body);
     --gds-border-default-shorthand: var(--gds-borderWidth-sm) solid var(--gds-palette-border-default);
     --gds-border-default-selected-shorthand: var(--gds-borderWidth-sm) solid var(--gds-palette-border-selected);
     --gds-border-strong-shorthand: var(--gds-borderWidth-md) solid var(--gds-palette-border-default);
@@ -1989,6 +1985,7 @@
     --gds-shadow-default: 0px 8px 16px rgba(0, 0, 0, 0.14);
     --gds-shadow-element: 0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
     --gds-shadow-card: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12);
+    --gds-shadow-tooltip: 0 4px 8px 0 rgba(0, 0, 0, 0.14);
   }
   :root {
     --corto-primitive-blue-50: 224, 236, 245;
@@ -2000,6 +1997,7 @@
     --corto-primitive-green-300: 139, 208, 180;
     --corto-primitive-green-500: 62, 177, 129;
     --corto-primitive-green-700: 36, 105, 77;
+    --corto-primitive-green-800: 24, 71, 52;
     --corto-primitive-grey-0: 255, 255, 255;
     --corto-primitive-grey-50: 245, 245, 245;
     --corto-primitive-grey-100: 229, 229, 229;
@@ -2225,7 +2223,6 @@
     --leap-primitive-pink-50: 250, 229, 242;
     --leap-primitive-pink-500: 204, 1, 127;
     --gds-primitive-fontFamily-sansSerif: 'Satoshi', 'Helvetica', 'Arial', sans-serif;
-    --gds-primitive-fontFamily-inter: 'Inter', 'Helvetica', 'Arial', sans-serif;
     --gds-primitive-fontWeight-light: 400;
     --gds-primitive-fontWeight-medium: 500;
     --gds-primitive-fontWeight-bold: 700;
@@ -2360,7 +2357,6 @@
     --gds-borderRadius-3xl: var(--gds-primitive-size-900);
     --gds-borderRadius-pill: 999px;
     --gds-fontFamily-body: var(--gds-primitive-fontFamily-sansSerif);
-    --gds-fontFamily-inputMobile: var(--gds-primitive-fontFamily-inter);
     --gds-fontSize-display: var(--gds-primitive-fontSize-700);
     --gds-fontSize-titleLarge: var(--gds-primitive-fontSize-600);
     --gds-fontSize-title: var(--gds-primitive-fontSize-500);
@@ -2482,10 +2478,10 @@
     --gds-palette-accent-green-inverse: rgb(var(--corto-primitive-green-500));
     --gds-palette-accent-blue-default: rgb(var(--corto-primitive-blue-50));
     --gds-palette-accent-blue-inverse: rgb(var(--corto-primitive-blue-500));
-    --gds-pattern-toast-default-backgroundColor-rest: rgb(237, 237, 238);
-    --gds-pattern-toast-default-iconColor-rest: rgb(var(--corto-primitive-blue-500));
-    --gds-pattern-toast-default-btnColor-rest: rgb(var(--corto-primitive-blue-500));
-    --gds-pattern-toast-default-btnColor-hover: rgb(var(--corto-primitive-blue-300));
+    --gds-pattern-toast-default-backgroundColor-rest: var(--gds-palette-accent-primary-inverse);
+    --gds-pattern-toast-default-iconColor-rest: var(--gds-palette-button-primary-default);
+    --gds-pattern-toast-default-btnColor-rest: var(--gds-palette-button-primary-default);
+    --gds-pattern-toast-default-btnColor-hover: var(--gds-palette-button-primary-hover);
     --gds-pattern-toast-error-btnColor-rest: rgb(var(--corto-primitive-red-500));
     --gds-pattern-toast-error-btnColor-hover: rgb(var(--corto-primitive-red-300));
     --gds-pattern-toast-warning-btnColor-rest: rgb(var(--corto-primitive-orange-500));
@@ -2558,7 +2554,7 @@
     --gds-text-input-shorthand: var(--gds-fontWeight-body) var(--gds-fontSize-body) / var(--gds-lineHeight-input)
       var(--gds-fontFamily-body);
     --gds-text-inputMobile-shorthand: var(--gds-fontWeight-inputMobile) var(--gds-fontSize-inputMobile) /
-      var(--gds-lineHeight-input) var(--gds-fontFamily-inputMobile);
+      var(--gds-lineHeight-input) var(--gds-fontFamily-body);
     --gds-border-default-shorthand: var(--gds-borderWidth-sm) solid var(--gds-palette-border-default);
     --gds-border-default-selected-shorthand: var(--gds-borderWidth-sm) solid var(--gds-palette-border-selected);
     --gds-border-strong-shorthand: var(--gds-borderWidth-md) solid var(--gds-palette-border-default);
@@ -2566,6 +2562,7 @@
     --gds-shadow-default: 0px 8px 16px rgba(0, 0, 0, 0.14);
     --gds-shadow-element: 0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
     --gds-shadow-card: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12);
+    --gds-shadow-tooltip: 0 4px 8px 0 rgba(0, 0, 0, 0.14);
   }
   body [brand="corto dark"], body[brand="corto dark"] {
     --gds-palette-border-default: rgb(var(--corto-primitive-grey-400));
@@ -2721,7 +2718,6 @@
     --gds-borderRadius-3xl: var(--gds-primitive-size-900);
     --gds-borderRadius-pill: 999px;
     --gds-fontFamily-body: var(--gds-primitive-fontFamily-sansSerif);
-    --gds-fontFamily-inputMobile: var(--gds-primitive-fontFamily-inter);
     --gds-fontSize-display: var(--gds-primitive-fontSize-700);
     --gds-fontSize-titleLarge: var(--gds-primitive-fontSize-600);
     --gds-fontSize-title: var(--gds-primitive-fontSize-500);
@@ -2841,10 +2837,10 @@
     --gds-palette-accent-green-inverse: rgb(var(--lawy-primitive-green-500));
     --gds-palette-accent-blue-default: rgb(var(--lawy-primitive-blue-50));
     --gds-palette-accent-blue-inverse: rgb(var(--lawy-primitive-blue-500));
-    --gds-pattern-toast-default-backgroundColor-rest: rgb(var(--lawy-primitive-navy-50));
-    --gds-pattern-toast-default-iconColor-rest: rgb(var(--lawy-primitive-navy-700));
-    --gds-pattern-toast-default-btnColor-rest: rgb(var(--lawy-primitive-grey-900));
-    --gds-pattern-toast-default-btnColor-hover: rgb(var(--lawy-primitive-grey-600));
+    --gds-pattern-toast-default-backgroundColor-rest: var(--gds-palette-accent-primary-inverse);
+    --gds-pattern-toast-default-iconColor-rest: var(--gds-palette-button-primary-default);
+    --gds-pattern-toast-default-btnColor-rest: var(--gds-palette-button-primary-default);
+    --gds-pattern-toast-default-btnColor-hover: var(--gds-palette-button-primary-hover);
     --gds-pattern-toast-error-btnColor-rest: rgb(var(--lawy-primitive-red-500));
     --gds-pattern-toast-error-btnColor-hover: rgb(var(--lawy-primitive-red-300));
     --gds-pattern-toast-warning-btnColor-rest: rgb(var(--lawy-primitive-orange-500));
@@ -2917,7 +2913,7 @@
     --gds-text-input-shorthand: var(--gds-fontWeight-body) var(--gds-fontSize-body) / var(--gds-lineHeight-input)
       var(--gds-fontFamily-body);
     --gds-text-inputMobile-shorthand: var(--gds-fontWeight-inputMobile) var(--gds-fontSize-inputMobile) /
-      var(--gds-lineHeight-input) var(--gds-fontFamily-inputMobile);
+      var(--gds-lineHeight-input) var(--gds-fontFamily-body);
     --gds-border-default-shorthand: var(--gds-borderWidth-sm) solid var(--gds-palette-border-default);
     --gds-border-default-selected-shorthand: var(--gds-borderWidth-sm) solid var(--gds-palette-border-selected);
     --gds-border-strong-shorthand: var(--gds-borderWidth-md) solid var(--gds-palette-border-default);
@@ -2925,6 +2921,7 @@
     --gds-shadow-default: 0px 8px 16px rgba(0, 0, 0, 0.14);
     --gds-shadow-element: 0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
     --gds-shadow-card: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12);
+    --gds-shadow-tooltip: 0 4px 8px 0 rgba(0, 0, 0, 0.14);
   }
   body [brand=leap], body[brand=leap] {
     --gds-neutral-0: rgb(var(--leap-primitive-grey-0));
@@ -2997,7 +2994,6 @@
     --gds-borderRadius-3xl: var(--gds-primitive-size-900);
     --gds-borderRadius-pill: 999px;
     --gds-fontFamily-body: var(--gds-primitive-fontFamily-sansSerif);
-    --gds-fontFamily-inputMobile: var(--gds-primitive-fontFamily-inter);
     --gds-fontSize-display: var(--gds-primitive-fontSize-700);
     --gds-fontSize-titleLarge: var(--gds-primitive-fontSize-600);
     --gds-fontSize-title: var(--gds-primitive-fontSize-500);
@@ -3117,10 +3113,10 @@
     --gds-palette-accent-green-inverse: rgb(var(--leap-primitive-green-500));
     --gds-palette-accent-blue-default: rgb(var(--leap-primitive-blue-50));
     --gds-palette-accent-blue-inverse: rgb(var(--leap-primitive-blue-500));
-    --gds-pattern-toast-default-backgroundColor-rest: rgb(237, 237, 238);
-    --gds-pattern-toast-default-iconColor-rest: rgb(var(--leap-primitive-blue-500));
-    --gds-pattern-toast-default-btnColor-rest: rgb(var(--leap-primitive-blue-500));
-    --gds-pattern-toast-default-btnColor-hover: rgb(var(--leap-primitive-blue-300));
+    --gds-pattern-toast-default-backgroundColor-rest: var(--gds-palette-accent-primary-inverse);
+    --gds-pattern-toast-default-iconColor-rest: var(--gds-palette-button-primary-default);
+    --gds-pattern-toast-default-btnColor-rest: var(--gds-palette-button-primary-default);
+    --gds-pattern-toast-default-btnColor-hover: var(--gds-palette-button-primary-hover);
     --gds-pattern-toast-error-btnColor-rest: rgb(var(--leap-primitive-red-300));
     --gds-pattern-toast-error-btnColor-hover: rgb(var(--leap-primitive-red-500));
     --gds-pattern-toast-warning-btnColor-rest: rgb(var(--leap-primitive-orange-300));
@@ -3193,7 +3189,7 @@
     --gds-text-input-shorthand: var(--gds-fontWeight-body) var(--gds-fontSize-body) / var(--gds-lineHeight-input)
       var(--gds-fontFamily-body);
     --gds-text-inputMobile-shorthand: var(--gds-fontWeight-inputMobile) var(--gds-fontSize-inputMobile) /
-      var(--gds-lineHeight-input) var(--gds-fontFamily-inputMobile);
+      var(--gds-lineHeight-input) var(--gds-fontFamily-body);
     --gds-border-default-shorthand: var(--gds-borderWidth-sm) solid var(--gds-palette-border-default);
     --gds-border-default-selected-shorthand: var(--gds-borderWidth-sm) solid var(--gds-palette-border-selected);
     --gds-border-strong-shorthand: var(--gds-borderWidth-md) solid var(--gds-palette-border-default);
@@ -3201,6 +3197,7 @@
     --gds-shadow-default: 0px 8px 16px rgba(0, 0, 0, 0.14);
     --gds-shadow-element: 0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
     --gds-shadow-card: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12);
+    --gds-shadow-tooltip: 0 4px 8px 0 rgba(0, 0, 0, 0.14);
   }
   body [brand=acctivity], body[brand=acctivity] {
     --gds-neutral-0: rgb(var(--acctivity-primitive-grey-0));
@@ -3273,7 +3270,6 @@
     --gds-borderRadius-3xl: var(--gds-primitive-size-900);
     --gds-borderRadius-pill: 999px;
     --gds-fontFamily-body: var(--gds-primitive-fontFamily-sansSerif);
-    --gds-fontFamily-inputMobile: var(--gds-primitive-fontFamily-inter);
     --gds-fontSize-display: var(--gds-primitive-fontSize-700);
     --gds-fontSize-titleLarge: var(--gds-primitive-fontSize-600);
     --gds-fontSize-title: var(--gds-primitive-fontSize-500);
@@ -3397,10 +3393,10 @@
     --gds-palette-accent-blue-inverse: rgb(var(--acctivity-primitive-blue-500));
     --gds-palette-accent-red-default: rgb(var(--acctivity-primitive-red-50));
     --gds-palette-accent-red-inverse: rgb(var(--acctivity-primitive-red-500));
-    --gds-pattern-toast-default-backgroundColor-rest: rgb(237, 237, 238);
-    --gds-pattern-toast-default-iconColor-rest: rgb(var(--acctivity-primitive-blue-500));
-    --gds-pattern-toast-default-btnColor-rest: rgb(var(--acctivity-primitive-blue-500));
-    --gds-pattern-toast-default-btnColor-hover: rgb(var(--acctivity-primitive-blue-300));
+    --gds-pattern-toast-default-backgroundColor-rest: var(--gds-palette-accent-primary-inverse);
+    --gds-pattern-toast-default-iconColor-rest: var(--gds-palette-button-primary-default);
+    --gds-pattern-toast-default-btnColor-rest: var(--gds-palette-button-primary-default);
+    --gds-pattern-toast-default-btnColor-hover: var(--gds-palette-button-primary-hover);
     --gds-pattern-toast-error-btnColor-rest: rgb(var(--acctivity-primitive-red-500));
     --gds-pattern-toast-error-btnColor-hover: rgb(var(--acctivity-primitive-red-300));
     --gds-pattern-toast-warning-btnColor-rest: rgb(var(--acctivity-primitive-orange-500));
@@ -3473,7 +3469,7 @@
     --gds-text-input-shorthand: var(--gds-fontWeight-body) var(--gds-fontSize-body) / var(--gds-lineHeight-input)
       var(--gds-fontFamily-body);
     --gds-text-inputMobile-shorthand: var(--gds-fontWeight-inputMobile) var(--gds-fontSize-inputMobile) /
-      var(--gds-lineHeight-input) var(--gds-fontFamily-inputMobile);
+      var(--gds-lineHeight-input) var(--gds-fontFamily-body);
     --gds-border-default-shorthand: var(--gds-borderWidth-sm) solid var(--gds-palette-border-default);
     --gds-border-default-selected-shorthand: var(--gds-borderWidth-sm) solid var(--gds-palette-border-selected);
     --gds-border-strong-shorthand: var(--gds-borderWidth-md) solid var(--gds-palette-border-default);
@@ -3481,6 +3477,7 @@
     --gds-shadow-default: 0px 8px 16px rgba(0, 0, 0, 0.14);
     --gds-shadow-element: 0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
     --gds-shadow-card: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12);
+    --gds-shadow-tooltip: 0 4px 8px 0 rgba(0, 0, 0, 0.14);
   }
 }
 @layer third-party {
@@ -3757,6 +3754,11 @@
   .gds-cdk-overlay--scaleOutBoxShadow {
     animation: boxShadowBottomRight 0s ease 0s 1 reverse forwards;
   }
+  .cdk-overlay-pane.gds-toast-overlay-pane {
+    max-width: none !important;
+    transform: none !important;
+    pointer-events: none !important;
+  }
   @keyframes boxShadowBottomRight {
     0% {
       opacity: 0;
@@ -3827,6 +3829,31 @@
     top: 0;
     margin-bottom: -1px;
   }
+  .ng-dropdown-panel .ng-option {
+    display: flex !important;
+    gap: var(--gds-spacing-3xs);
+    padding: 11px var(--gds-spacing-sm);
+    border-radius: var(--gds-borderRadius-sm);
+    color: var(--gds-palette-text-default-primary);
+    position: relative;
+  }
+  .ng-dropdown-panel .ng-option.ng-option-marked::before {
+    content: "";
+    position: absolute;
+    border-radius: var(--gds-borderRadius-sm);
+    width: calc(100% - 2 * var(--wrapper-margin-inline, var(--wrapper-margin, 0px)));
+    height: calc(100% - 2 * var(--wrapper-margin-block, var(--wrapper-margin, 0px)));
+    top: var(--wrapper-margin-block, var(--wrapper-margin, 0px));
+    left: var(--wrapper-margin-inline, var(--wrapper-margin, 0px));
+    background: var(--gds-palette-background-hover);
+    pointer-events: none;
+    --wrapper-margin-inline: 5px;
+    --wrapper-margin-block: 4px;
+    z-index: -1;
+  }
+  .ng-dropdown-panel .ng-option.ng-option-disabled {
+    cursor: default !important;
+  }
   .scroll-host::-webkit-scrollbar {
     width: 10px;
   }
@@ -3997,13 +4024,6 @@
     font-display: swap;
     font-style: italic;
   }
-  @font-face {
-    font-family: "Inter";
-    src: url("../fonts/Inter-VariableFont.ttf") format("truetype");
-    font-weight: 400;
-    font-display: swap;
-    font-style: normal;
-  }
   @-webkit-keyframes shimmer {
     0% {
       background-position: 100% 0;
@@ -4321,6 +4341,9 @@
   .gds-shadow-card {
     box-shadow: var(--gds-shadow-card);
   }
+  .gds-shadow-tooltip {
+    box-shadow: var(--gds-shadow-tooltip);
+  }
   .gds-shadow-none {
     box-shadow: none;
   }
@@ -4361,6 +4384,9 @@
     .gds-responsive-xl-shadow-card {
       box-shadow: var(--gds-shadow-card);
     }
+    .gds-responsive-xl-shadow-tooltip {
+      box-shadow: var(--gds-shadow-tooltip);
+    }
     .gds-responsive-xl-shadow-none {
       box-shadow: none;
     }
@@ -4402,6 +4428,9 @@
     .gds-responsive-lg-shadow-card {
       box-shadow: var(--gds-shadow-card);
     }
+    .gds-responsive-lg-shadow-tooltip {
+      box-shadow: var(--gds-shadow-tooltip);
+    }
     .gds-responsive-lg-shadow-none {
       box-shadow: none;
     }
@@ -4443,6 +4472,9 @@
     .gds-responsive-md-shadow-card {
       box-shadow: var(--gds-shadow-card);
     }
+    .gds-responsive-md-shadow-tooltip {
+      box-shadow: var(--gds-shadow-tooltip);
+    }
     .gds-responsive-md-shadow-none {
       box-shadow: none;
     }
@@ -4484,6 +4516,9 @@
     .gds-responsive-sm-shadow-card {
       box-shadow: var(--gds-shadow-card);
     }
+    .gds-responsive-sm-shadow-tooltip {
+      box-shadow: var(--gds-shadow-tooltip);
+    }
     .gds-responsive-sm-shadow-none {
       box-shadow: none;
     }
@@ -4524,6 +4559,9 @@
   body[isMobile=true] .gds-mobile-shadow-card {
     box-shadow: var(--gds-shadow-card);
   }
+  body[isMobile=true] .gds-mobile-shadow-tooltip {
+    box-shadow: var(--gds-shadow-tooltip);
+  }
   body[isMobile=true] .gds-mobile-shadow-none {
     box-shadow: none;
   }
@@ -6517,6 +6555,12 @@
     outline: 0;
     box-shadow: 0px 0px 0px 2px #444;
   }
+  .gds-outline-focus-visible:focus-visible {
+    outline-width: 2px;
+    outline-style: solid;
+    outline-color: var(--gds-neutral-700);
+    outline-offset: 1px;
+  }
   .gds-outline-none {
     outline: none;
   }
@@ -7334,6 +7378,9 @@
   .gds-z-index-1 {
     z-index: 1;
   }
+  .gds-z-index-2 {
+    z-index: 2;
+  }
   @media (max-width: 1440px) {
     .gds-responsive-xl-position-static {
       position: static;
@@ -7677,6 +7724,9 @@
     .gds-responsive-xl-z-index-1 {
       z-index: 1;
     }
+    .gds-responsive-xl-z-index-2 {
+      z-index: 2;
+    }
   }
   @media (max-width: 1200px) {
     .gds-responsive-lg-position-static {
@@ -8021,6 +8071,9 @@
     .gds-responsive-lg-z-index-1 {
       z-index: 1;
     }
+    .gds-responsive-lg-z-index-2 {
+      z-index: 2;
+    }
   }
   @media (max-width: 900px) {
     .gds-responsive-md-position-static {
@@ -8365,6 +8418,9 @@
     .gds-responsive-md-z-index-1 {
       z-index: 1;
     }
+    .gds-responsive-md-z-index-2 {
+      z-index: 2;
+    }
   }
   @media (max-width: 600px) {
     .gds-responsive-sm-position-static {
@@ -8709,6 +8765,9 @@
     .gds-responsive-sm-z-index-1 {
       z-index: 1;
     }
+    .gds-responsive-sm-z-index-2 {
+      z-index: 2;
+    }
   }
   body[isMobile=true] .gds-mobile-position-static {
     position: static;
@@ -9052,6 +9111,9 @@
   body[isMobile=true] .gds-mobile-z-index-1 {
     z-index: 1;
   }
+  body[isMobile=true] .gds-mobile-z-index-2 {
+    z-index: 2;
+  }
   /* export scrollbar width of scrollbar-width: thin style */
   /*
     The Mac Word add-in does not support scrollbar-gutter: stable
@@ -21770,158 +21832,6 @@
   body[isMobile=true] .gds-mobile-line-height-3xl {
     line-height: var(--gds-primitive-lineHeight-700);
   }
-  .cdk-overlay-pane.gds-toast-overlay-pane {
-    max-width: none !important;
-    transform: none !important;
-    pointer-events: none !important;
-  }
-  .toast-container {
-    pointer-events: none;
-    position: fixed;
-    z-index: 999999;
-    display: flex;
-    flex-direction: column;
-    gap: var(--gds-spacing-2xs);
-    bottom: 0;
-    right: 0;
-    left: auto;
-    top: auto;
-    align-items: flex-end;
-    margin: var(--gds-spacing-2xs);
-    width: calc(100% - 2 * var(--gds-spacing-2xs));
-  }
-  .toast-container > * {
-    pointer-events: auto;
-    max-width: 100%;
-  }
-  .toast-top-left {
-    inset: 0 auto auto 0;
-    align-items: flex-start;
-  }
-  .toast-top-right {
-    inset: 0 0 auto auto;
-    align-items: flex-end;
-  }
-  .toast-bottom-left {
-    inset: auto auto 0 0;
-    align-items: flex-start;
-  }
-  .toast-top-center {
-    inset: 0 auto auto auto;
-    align-items: center;
-  }
-  .toast-bottom-center {
-    inset: auto auto 0 auto;
-    align-items: center;
-  }
-  @media (max-width: 1440px) {
-    .toast-responsive-xl-top-left {
-      inset: 0 auto auto 0;
-      align-items: flex-start;
-    }
-    .toast-responsive-xl-top-right {
-      inset: 0 0 auto auto;
-      align-items: flex-end;
-    }
-    .toast-responsive-xl-bottom-left {
-      inset: auto auto 0 0;
-      align-items: flex-start;
-    }
-    .toast-responsive-xl-top-center {
-      inset: 0 auto auto auto;
-      align-items: center;
-    }
-    .toast-responsive-xl-bottom-center {
-      inset: auto auto 0 auto;
-      align-items: center;
-    }
-  }
-  @media (max-width: 1200px) {
-    .toast-responsive-lg-top-left {
-      inset: 0 auto auto 0;
-      align-items: flex-start;
-    }
-    .toast-responsive-lg-top-right {
-      inset: 0 0 auto auto;
-      align-items: flex-end;
-    }
-    .toast-responsive-lg-bottom-left {
-      inset: auto auto 0 0;
-      align-items: flex-start;
-    }
-    .toast-responsive-lg-top-center {
-      inset: 0 auto auto auto;
-      align-items: center;
-    }
-    .toast-responsive-lg-bottom-center {
-      inset: auto auto 0 auto;
-      align-items: center;
-    }
-  }
-  @media (max-width: 900px) {
-    .toast-responsive-md-top-left {
-      inset: 0 auto auto 0;
-      align-items: flex-start;
-    }
-    .toast-responsive-md-top-right {
-      inset: 0 0 auto auto;
-      align-items: flex-end;
-    }
-    .toast-responsive-md-bottom-left {
-      inset: auto auto 0 0;
-      align-items: flex-start;
-    }
-    .toast-responsive-md-top-center {
-      inset: 0 auto auto auto;
-      align-items: center;
-    }
-    .toast-responsive-md-bottom-center {
-      inset: auto auto 0 auto;
-      align-items: center;
-    }
-  }
-  @media (max-width: 600px) {
-    .toast-responsive-sm-top-left {
-      inset: 0 auto auto 0;
-      align-items: flex-start;
-    }
-    .toast-responsive-sm-top-right {
-      inset: 0 0 auto auto;
-      align-items: flex-end;
-    }
-    .toast-responsive-sm-bottom-left {
-      inset: auto auto 0 0;
-      align-items: flex-start;
-    }
-    .toast-responsive-sm-top-center {
-      inset: 0 auto auto auto;
-      align-items: center;
-    }
-    .toast-responsive-sm-bottom-center {
-      inset: auto auto 0 auto;
-      align-items: center;
-    }
-  }
-  body[isMobile=true] .toast-mobile-top-left {
-    inset: 0 auto auto 0;
-    align-items: flex-start;
-  }
-  body[isMobile=true] .toast-mobile-top-right {
-    inset: 0 0 auto auto;
-    align-items: flex-end;
-  }
-  body[isMobile=true] .toast-mobile-bottom-left {
-    inset: auto auto 0 0;
-    align-items: flex-start;
-  }
-  body[isMobile=true] .toast-mobile-top-center {
-    inset: 0 auto auto auto;
-    align-items: center;
-  }
-  body[isMobile=true] .toast-mobile-bottom-center {
-    inset: auto auto 0 auto;
-    align-items: center;
-  }
   .gds-sr-only {
     border: 0;
     clip: rect(0 0 0 0);