@corto-ai/gds-angular 2.1.5-test.1 → 2.1.5-test.3

package/assets/css/all.css

@@ -227,7 +227,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 +361,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 +482,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 +558,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 +566,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 +767,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 +901,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 +1020,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 +1096,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 +1104,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 +1171,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 +1305,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 +1424,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 +1500,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 +1508,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 +1643,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 +1777,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 +1900,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 +1976,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 +1984,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;
@@ -2225,7 +2221,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 +2355,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 +2476,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 +2552,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 +2560,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 +2716,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 +2835,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 +2911,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 +2919,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 +2992,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 +3111,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 +3187,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 +3195,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 +3268,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 +3391,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 +3467,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 +3475,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 +3752,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;
@@ -3997,13 +3997,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 +4314,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 +4357,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 +4401,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 +4445,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 +4489,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 +4532,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 +6528,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 +7351,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 +7697,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 +8044,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 +8391,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 +8738,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 +9084,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 +21805,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);