@transferwise/components 0.0.0-experimental-8b2286f → 0.0.0-experimental-c3b48d7

package/build/styles/main.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:43 GMT
+ * Generated on Mon, 18 May 2026 08:34:10 GMT
  */
 
 :root {
@@ -144,7 +144,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Mon, 18 May 2026 08:34:11 GMT
  */
 
 .np-theme-personal {
@@ -328,7 +328,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Mon, 18 May 2026 08:34:11 GMT
  */
 
 .np-theme-personal--forest-green {
@@ -512,7 +512,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Mon, 18 May 2026 08:34:11 GMT
  */
 
 .np-theme-personal--bright-green {
@@ -696,7 +696,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Mon, 18 May 2026 08:34:11 GMT
  */
 
 .np-theme-personal--dark {
@@ -880,7 +880,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Mon, 18 May 2026 08:34:11 GMT
  */
 
 .np-theme-platform {
@@ -1064,7 +1064,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Mon, 18 May 2026 08:34:11 GMT
  */
 
 .np-theme-platform--forest-green {
@@ -1248,7 +1248,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Mon, 18 May 2026 08:34:11 GMT
  */
 
 .np-theme-business {
@@ -1433,7 +1433,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Mon, 18 May 2026 08:34:12 GMT
  */
 
 .np-theme-business--dark {
@@ -1618,7 +1618,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Mon, 18 May 2026 08:34:12 GMT
  */
 
 .np-theme-business--forest-green {
@@ -1803,7 +1803,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Mon, 18 May 2026 08:34:12 GMT
  */
 
 .np-theme-business--bright-green {
@@ -3238,16 +3238,7 @@ a,
 .np-text-display-extra-large,
 .np-text-display-large,
 .np-text-display-medium,
-.np-text-display-small,
-.display-1--forced,
-.display-2--forced,
-.display-3--forced,
-.display-4--forced,
-.display-5--forced,
-.np-text-display-extra-large--forced,
-.np-text-display-large--forced,
-.np-text-display-medium--forced,
-.np-text-display-small--forced {
+.np-text-display-small {
   font-family: 'Wise Sans', 'Inter', sans-serif;
   font-family: var(--font-family-display);
   font-synthesis: none;
@@ -3294,14 +3285,9 @@ a,
      * of Japanese ones for the logged out ones (exposed by the Editorial DS). Unfortunately,
      * font files are browser-cached and we carried over to launchpad, where it causes issues
      * for unsupported locales, especially those that share glyphs, like Japanese and Chinese.
-     * There are exceptions for small UI parts where Wise Sans is fine or expected — e.g. the
-     * numeric input of ExpressiveMoneyInput.
-     * Add `--forced` BEM modifier to the original class name to guarantee it.
      */
   font-family: 'Inter', Helvetica, Arial, sans-serif;
   font-family: var(--font-family-regular);
-  line-height: 1.2;
-  line-height: var(--line-height-title);
 }
 
 /* DEPRECATED(.np-text-display-extra-large): use .np-text-display-large instead */
@@ -25549,6 +25535,10 @@ a[data-toggle="tooltip"] {
 .np-theme-platform.wds-sentiment-surface-negative-base,
 .np-theme-personal--bright-green.wds-sentiment-surface-negative-base,
 .np-theme-business--bright-green.wds-sentiment-surface-negative-base {
+  /**
+ * Do not edit directly, this file was auto-generated.
+ * Generated on Mon, 18 May 2026 08:34:12 GMT
+ */
   --color-sentiment-content-primary: #CB272F;
   --color-sentiment-content-primary-hover: #B8232B;
   --color-sentiment-content-primary-active: #A72027;
@@ -25567,6 +25557,7 @@ a[data-toggle="tooltip"] {
   --color-sentiment-background-surface: #FBEAEA;
   --color-sentiment-background-surface-hover: #F9E1E1;
   --color-sentiment-background-surface-active: #F8D8D8;
+  --color-sentiment-border-overlay: rgba(203,39,47,0.30196);
 }
 
 .np-theme-personal.wds-sentiment-surface-negative-elevated,
@@ -25574,6 +25565,10 @@ a[data-toggle="tooltip"] {
 .np-theme-platform.wds-sentiment-surface-negative-elevated,
 .np-theme-personal--bright-green.wds-sentiment-surface-negative-elevated,
 .np-theme-business--bright-green.wds-sentiment-surface-negative-elevated {
+  /**
+ * Do not edit directly, this file was auto-generated.
+ * Generated on Mon, 18 May 2026 08:34:12 GMT
+ */
   --color-sentiment-content-primary: #FFFFFF;
   --color-sentiment-content-primary-hover: #F5CCCC;
   --color-sentiment-content-primary-active: #F1B7B7;
@@ -25585,63 +25580,14 @@ a[data-toggle="tooltip"] {
   --color-sentiment-interactive-secondary-active: #A72027;
   --color-sentiment-interactive-secondary-neutral: #9B141B;
   --color-sentiment-interactive-secondary-neutral-hover: #831116;
-  --color-sentiment-interactive-secondary-neutral-active: #6D0e13;
+  --color-sentiment-interactive-secondary-neutral-active: #6D0E13;
   --color-sentiment-interactive-control: #CB272F;
   --color-sentiment-interactive-control-hover: #B8232B;
   --color-sentiment-interactive-control-active: #A72027;
   --color-sentiment-background-surface: #CB272F;
   --color-sentiment-background-surface-hover: #B8232B;
   --color-sentiment-background-surface-active: #A72027;
-}
-
-.np-theme-personal--dark.wds-sentiment-surface-negative-base,
-.np-theme-business--dark.wds-sentiment-surface-negative-base,
-.np-theme-personal--forest-green.wds-sentiment-surface-negative-base,
-.np-theme-business--forest-green.wds-sentiment-surface-negative-base,
-.np-theme-platform--forest-green.wds-sentiment-surface-negative-base {
-  --color-sentiment-content-primary: #FFA8AD;
-  --color-sentiment-content-primary-hover: #FFBDC0;
-  --color-sentiment-content-primary-active: #FFD1D3;
-  --color-sentiment-interactive-primary: #FFA8AD;
-  --color-sentiment-interactive-primary-hover: #FFBDC0;
-  --color-sentiment-interactive-primary-active: #FFD1D3;
-  --color-sentiment-interactive-secondary: #410B0D;
-  --color-sentiment-interactive-secondary-hover: #641115;
-  --color-sentiment-interactive-secondary-active: #761418;
-  --color-sentiment-interactive-secondary-neutral: #601013;
-  --color-sentiment-interactive-secondary-neutral-hover: #7A1519;
-  --color-sentiment-interactive-secondary-neutral-active: #90181D;
-  --color-sentiment-interactive-control: #410B0D;
-  --color-sentiment-interactive-control-hover: #641115;
-  --color-sentiment-interactive-control-active: #761418;
-  --color-sentiment-background-surface: #410B0D;
-  --color-sentiment-background-surface-hover: #641115;
-  --color-sentiment-background-surface-active: #761418;
-}
-
-.np-theme-personal--dark.wds-sentiment-surface-negative-elevated,
-.np-theme-business--dark.wds-sentiment-surface-negative-elevated,
-.np-theme-personal--forest-green.wds-sentiment-surface-negative-elevated,
-.np-theme-business--forest-green.wds-sentiment-surface-negative-elevated,
-.np-theme-platform--forest-green.wds-sentiment-surface-negative-elevated {
-  --color-sentiment-content-primary: #410B0D;
-  --color-sentiment-content-primary-hover: #641115;
-  --color-sentiment-content-primary-active: #761418;
-  --color-sentiment-interactive-primary: #410B0D;
-  --color-sentiment-interactive-primary-hover: #641115;
-  --color-sentiment-interactive-primary-active: #761418;
-  --color-sentiment-interactive-secondary: #FFA8AD;
-  --color-sentiment-interactive-secondary-hover: #FFBDC0;
-  --color-sentiment-interactive-secondary-active: #FFD1D3;
-  --color-sentiment-interactive-secondary-neutral: #D9898D;
-  --color-sentiment-interactive-secondary-neutral-hover: #D68084;
-  --color-sentiment-interactive-secondary-neutral-active: #D06C71;
-  --color-sentiment-interactive-control: #FFA8AD;
-  --color-sentiment-interactive-control-hover: #FFBDC0;
-  --color-sentiment-interactive-control-active: #FFD1D3;
-  --color-sentiment-background-surface: #FFA8AD;
-  --color-sentiment-background-surface-hover: #FFBDC0;
-  --color-sentiment-background-surface-active: #FFD1D3;
+  --color-sentiment-border-overlay: rgba(255,255,255,0.30196);
 }
 
 .np-theme-personal.wds-sentiment-surface-warning-base,
@@ -25649,6 +25595,10 @@ a[data-toggle="tooltip"] {
 .np-theme-platform.wds-sentiment-surface-warning-base,
 .np-theme-personal--bright-green.wds-sentiment-surface-warning-base,
 .np-theme-business--bright-green.wds-sentiment-surface-warning-base {
+  /**
+ * Do not edit directly, this file was auto-generated.
+ * Generated on Mon, 18 May 2026 08:34:12 GMT
+ */
   --color-sentiment-content-primary: #4A3B1C;
   --color-sentiment-content-primary-hover: #302612;
   --color-sentiment-content-primary-active: #2C2311;
@@ -25667,6 +25617,7 @@ a[data-toggle="tooltip"] {
   --color-sentiment-background-surface: #FFF7D7;
   --color-sentiment-background-surface-hover: #FFF0B2;
   --color-sentiment-background-surface-active: #FFE98F;
+  --color-sentiment-border-overlay: rgba(74,59,28,0.30196);
 }
 
 .np-theme-personal.wds-sentiment-surface-warning-elevated,
@@ -25674,6 +25625,10 @@ a[data-toggle="tooltip"] {
 .np-theme-platform.wds-sentiment-surface-warning-elevated,
 .np-theme-personal--bright-green.wds-sentiment-surface-warning-elevated,
 .np-theme-business--bright-green.wds-sentiment-surface-warning-elevated {
+  /**
+ * Do not edit directly, this file was auto-generated.
+ * Generated on Mon, 18 May 2026 08:34:12 GMT
+ */
   --color-sentiment-content-primary: #4A3B1C;
   --color-sentiment-content-primary-hover: #302612;
   --color-sentiment-content-primary-active: #2C2311;
@@ -25692,56 +25647,7 @@ a[data-toggle="tooltip"] {
   --color-sentiment-background-surface: #FFD11A;
   --color-sentiment-background-surface-hover: #FFBF0F;
   --color-sentiment-background-surface-active: #FFBB00;
-}
-
-.np-theme-personal--dark.wds-sentiment-surface-warning-base,
-.np-theme-business--dark.wds-sentiment-surface-warning-base,
-.np-theme-personal--forest-green.wds-sentiment-surface-warning-base,
-.np-theme-business--forest-green.wds-sentiment-surface-warning-base,
-.np-theme-platform--forest-green.wds-sentiment-surface-warning-base {
-  --color-sentiment-content-primary: #FADC65;
-  --color-sentiment-content-primary-hover: #F9D648;
-  --color-sentiment-content-primary-active: #F8CD20;
-  --color-sentiment-interactive-primary: #FADC65;
-  --color-sentiment-interactive-primary-hover: #F9D648;
-  --color-sentiment-interactive-primary-active: #F8CD20;
-  --color-sentiment-interactive-secondary: #3A3523;
-  --color-sentiment-interactive-secondary-hover: #504930;
-  --color-sentiment-interactive-secondary-active: #665D3D;
-  --color-sentiment-interactive-secondary-neutral: #4D462A;
-  --color-sentiment-interactive-secondary-neutral-hover: #5D532F;
-  --color-sentiment-interactive-secondary-neutral-active: #685D33;
-  --color-sentiment-interactive-control: #3A3523;
-  --color-sentiment-interactive-control-hover: #504930;
-  --color-sentiment-interactive-control-active: #665D3D;
-  --color-sentiment-background-surface: #3A3523;
-  --color-sentiment-background-surface-hover: #504930;
-  --color-sentiment-background-surface-active: #665D3D;
-}
-
-.np-theme-personal--dark.wds-sentiment-surface-warning-elevated,
-.np-theme-business--dark.wds-sentiment-surface-warning-elevated,
-.np-theme-personal--forest-green.wds-sentiment-surface-warning-elevated,
-.np-theme-business--forest-green.wds-sentiment-surface-warning-elevated,
-.np-theme-platform--forest-green.wds-sentiment-surface-warning-elevated {
-  --color-sentiment-content-primary: #3A3523;
-  --color-sentiment-content-primary-hover: #504930;
-  --color-sentiment-content-primary-active: #665D3D;
-  --color-sentiment-interactive-primary: #3A3523;
-  --color-sentiment-interactive-primary-hover: #504930;
-  --color-sentiment-interactive-primary-active: #665D3D;
-  --color-sentiment-interactive-secondary: #FADC65;
-  --color-sentiment-interactive-secondary-hover: #F9D648;
-  --color-sentiment-interactive-secondary-active: #F8CD20;
-  --color-sentiment-interactive-secondary-neutral: #E3C85D;
-  --color-sentiment-interactive-secondary-neutral-hover: #DFC044;
-  --color-sentiment-interactive-secondary-neutral-active: #D9B526;
-  --color-sentiment-interactive-control: #FADC65;
-  --color-sentiment-interactive-control-hover: #F9D648;
-  --color-sentiment-interactive-control-active: #F8CD20;
-  --color-sentiment-background-surface: #FADC65;
-  --color-sentiment-background-surface-hover: #F9D648;
-  --color-sentiment-background-surface-active: #F8CD20;
+  --color-sentiment-border-overlay: rgba(74,59,28,0.30196);
 }
 
 .np-theme-personal.wds-sentiment-surface-success-base,
@@ -25749,6 +25655,10 @@ a[data-toggle="tooltip"] {
 .np-theme-platform.wds-sentiment-surface-success-base,
 .np-theme-personal--bright-green.wds-sentiment-surface-success-base,
 .np-theme-business--bright-green.wds-sentiment-surface-success-base {
+  /**
+ * Do not edit directly, this file was auto-generated.
+ * Generated on Mon, 18 May 2026 08:34:12 GMT
+ */
   --color-sentiment-content-primary: #054D28;
   --color-sentiment-content-primary-hover: #043A1E;
   --color-sentiment-content-primary-active: #022614;
@@ -25767,6 +25677,7 @@ a[data-toggle="tooltip"] {
   --color-sentiment-background-surface: #E2F6D5;
   --color-sentiment-background-surface-hover: #D3F2C0;
   --color-sentiment-background-surface-active: #C5EDAB;
+  --color-sentiment-border-overlay: rgba(5,77,40,0.30196);
 }
 
 .np-theme-personal.wds-sentiment-surface-success-elevated,
@@ -25774,6 +25685,10 @@ a[data-toggle="tooltip"] {
 .np-theme-platform.wds-sentiment-surface-success-elevated,
 .np-theme-personal--bright-green.wds-sentiment-surface-success-elevated,
 .np-theme-business--bright-green.wds-sentiment-surface-success-elevated {
+  /**
+ * Do not edit directly, this file was auto-generated.
+ * Generated on Mon, 18 May 2026 08:34:12 GMT
+ */
   --color-sentiment-content-primary: #CEF1B8;
   --color-sentiment-content-primary-hover: #E0FFCC;
   --color-sentiment-content-primary-active: #E1F4D4;
@@ -25792,56 +25707,7 @@ a[data-toggle="tooltip"] {
   --color-sentiment-background-surface: #054D28;
   --color-sentiment-background-surface-hover: #043A1E;
   --color-sentiment-background-surface-active: #022614;
-}
-
-.np-theme-personal--dark.wds-sentiment-surface-success-base,
-.np-theme-business--dark.wds-sentiment-surface-success-base,
-.np-theme-personal--forest-green.wds-sentiment-surface-success-base,
-.np-theme-business--forest-green.wds-sentiment-surface-success-base,
-.np-theme-platform--forest-green.wds-sentiment-surface-success-base {
-  --color-sentiment-content-primary: #CEF1B8;
-  --color-sentiment-content-primary-hover: #E0FFCC;
-  --color-sentiment-content-primary-active: #E1F4D4;
-  --color-sentiment-interactive-primary: #CEF1B8;
-  --color-sentiment-interactive-primary-hover: #E0FFCC;
-  --color-sentiment-interactive-primary-active: #E1F4D4;
-  --color-sentiment-interactive-secondary: #054D28;
-  --color-sentiment-interactive-secondary-hover: #043A1E;
-  --color-sentiment-interactive-secondary-active: #022614;
-  --color-sentiment-interactive-secondary-neutral: #256A43;
-  --color-sentiment-interactive-secondary-neutral-hover: #2A794C;
-  --color-sentiment-interactive-secondary-neutral-active: #329057;
-  --color-sentiment-interactive-control: #054D28;
-  --color-sentiment-interactive-control-hover: #043A1E;
-  --color-sentiment-interactive-control-active: #022614;
-  --color-sentiment-background-surface: #054D28;
-  --color-sentiment-background-surface-hover: #043A1E;
-  --color-sentiment-background-surface-active: #022614;
-}
-
-.np-theme-personal--dark.wds-sentiment-surface-success-elevated,
-.np-theme-business--dark.wds-sentiment-surface-success-elevated,
-.np-theme-personal--forest-green.wds-sentiment-surface-success-elevated,
-.np-theme-business--forest-green.wds-sentiment-surface-success-elevated,
-.np-theme-platform--forest-green.wds-sentiment-surface-success-elevated {
-  --color-sentiment-content-primary: #252C20;
-  --color-sentiment-content-primary-hover: #323B2B;
-  --color-sentiment-content-primary-active: #3E4A36;
-  --color-sentiment-interactive-primary: #252C20;
-  --color-sentiment-interactive-primary-hover: #323B2B;
-  --color-sentiment-interactive-primary-active: #3E4A36;
-  --color-sentiment-interactive-secondary: #BAE5A0;
-  --color-sentiment-interactive-secondary-hover: #C8EAB3;
-  --color-sentiment-interactive-secondary-active: #D6F0C7;
-  --color-sentiment-interactive-secondary-neutral: #A8CF91;
-  --color-sentiment-interactive-secondary-neutral-hover: #94C478;
-  --color-sentiment-interactive-secondary-neutral-active: #83BB63;
-  --color-sentiment-interactive-control: #BAE5A0;
-  --color-sentiment-interactive-control-hover: #C8EAB3;
-  --color-sentiment-interactive-control-active: #D6F0C7;
-  --color-sentiment-background-surface: #BAE5A0;
-  --color-sentiment-background-surface-hover: #C8EAB3;
-  --color-sentiment-background-surface-active: #D6F0C7;
+  --color-sentiment-border-overlay: rgba(206,241,184,0.30196);
 }
 
 .np-theme-personal.wds-sentiment-surface-neutral-base,
@@ -25849,24 +25715,29 @@ a[data-toggle="tooltip"] {
 .np-theme-platform.wds-sentiment-surface-neutral-base,
 .np-theme-personal--bright-green.wds-sentiment-surface-neutral-base,
 .np-theme-business--bright-green.wds-sentiment-surface-neutral-base {
+  /**
+ * Do not edit directly, this file was auto-generated.
+ * Generated on Mon, 18 May 2026 08:34:12 GMT
+ */
   --color-sentiment-content-primary: #454745;
   --color-sentiment-content-primary-hover: #353635;
   --color-sentiment-content-primary-active: #232423;
   --color-sentiment-interactive-primary: #454745;
   --color-sentiment-interactive-primary-hover: #353635;
   --color-sentiment-interactive-primary-active: #232423;
-  --color-sentiment-interactive-secondary: rgba(62, 59, 7, 0.07);
-  --color-sentiment-interactive-secondary-hover: rgba(62, 59, 7, 0.12);
-  --color-sentiment-interactive-secondary-active: rgba(62, 59, 7, 0.17);
-  --color-sentiment-interactive-secondary-neutral: rgba(62, 59, 7, 0.07);
-  --color-sentiment-interactive-secondary-neutral-hover: rgba(62, 59, 7, 0.12);
-  --color-sentiment-interactive-secondary-neutral-active: rgba(62, 59, 7, 0.17);
+  --color-sentiment-interactive-secondary: rgba(62,59,7,0.07059);
+  --color-sentiment-interactive-secondary-hover: rgba(62,59,7,0.12157);
+  --color-sentiment-interactive-secondary-active: rgba(62,59,7,0.16863);
+  --color-sentiment-interactive-secondary-neutral: rgba(62,59,7,0.07059);
+  --color-sentiment-interactive-secondary-neutral-hover: rgba(62,59,7,0.12157);
+  --color-sentiment-interactive-secondary-neutral-active: rgba(62,59,7,0.16863);
   --color-sentiment-interactive-control: #F1F1ED;
   --color-sentiment-interactive-control-hover: #E7E7E1;
   --color-sentiment-interactive-control-active: #DFDED5;
-  --color-sentiment-background-surface: rgba(62, 59, 7, 0.07);
-  --color-sentiment-background-surface-hover: rgba(62, 59, 7, 0.12);
-  --color-sentiment-background-surface-active: rgba(62, 59, 7, 0.17);
+  --color-sentiment-background-surface: rgba(62,59,7,0.07059);
+  --color-sentiment-background-surface-hover: rgba(62,59,7,0.12157);
+  --color-sentiment-background-surface-active: rgba(62,59,7,0.16863);
+  --color-sentiment-border-overlay: rgba(69,71,69,0.30196);
 }
 
 .np-theme-personal.wds-sentiment-surface-neutral-elevated,
@@ -25874,6 +25745,10 @@ a[data-toggle="tooltip"] {
 .np-theme-platform.wds-sentiment-surface-neutral-elevated,
 .np-theme-personal--bright-green.wds-sentiment-surface-neutral-elevated,
 .np-theme-business--bright-green.wds-sentiment-surface-neutral-elevated {
+  /**
+ * Do not edit directly, this file was auto-generated.
+ * Generated on Mon, 18 May 2026 08:34:12 GMT
+ */
   --color-sentiment-content-primary: #F1F1ED;
   --color-sentiment-content-primary-hover: #E7E7E1;
   --color-sentiment-content-primary-active: #DFDED5;
@@ -25892,56 +25767,7 @@ a[data-toggle="tooltip"] {
   --color-sentiment-background-surface: #454745;
   --color-sentiment-background-surface-hover: #353635;
   --color-sentiment-background-surface-active: #232423;
-}
-
-.np-theme-personal--dark.wds-sentiment-surface-neutral-base,
-.np-theme-business--dark.wds-sentiment-surface-neutral-base,
-.np-theme-personal--forest-green.wds-sentiment-surface-neutral-base,
-.np-theme-business--forest-green.wds-sentiment-surface-neutral-base,
-.np-theme-platform--forest-green.wds-sentiment-surface-neutral-base {
-  --color-sentiment-content-primary: #F1F1ED;
-  --color-sentiment-content-primary-hover: #E7E7E1;
-  --color-sentiment-content-primary-active: #DFDED5;
-  --color-sentiment-interactive-primary: #F1F1ED;
-  --color-sentiment-interactive-primary-hover: #E7E7E1;
-  --color-sentiment-interactive-primary-active: #DFDED5;
-  --color-sentiment-interactive-secondary: rgba(255, 255, 255, 0.1);
-  --color-sentiment-interactive-secondary-hover: rgba(255, 255, 255, 0.2);
-  --color-sentiment-interactive-secondary-active: rgba(255, 255, 255, 0.3);
-  --color-sentiment-interactive-secondary-neutral: rgba(255, 255, 255, 0.1);
-  --color-sentiment-interactive-secondary-neutral-hover: rgba(255, 255, 255, 0.2);
-  --color-sentiment-interactive-secondary-neutral-active: rgba(255, 255, 255, 0.3);
-  --color-sentiment-interactive-control: #2A2C29;
-  --color-sentiment-interactive-control-hover: #414441;
-  --color-sentiment-interactive-control-active: #595B58;
-  --color-sentiment-background-surface: rgba(255, 255, 255, 0.1);
-  --color-sentiment-background-surface-hover: rgba(255, 255, 255, 0.2);
-  --color-sentiment-background-surface-active: rgba(255, 255, 255, 0.3);
-}
-
-.np-theme-personal--dark.wds-sentiment-surface-neutral-elevated,
-.np-theme-business--dark.wds-sentiment-surface-neutral-elevated,
-.np-theme-personal--forest-green.wds-sentiment-surface-neutral-elevated,
-.np-theme-business--forest-green.wds-sentiment-surface-neutral-elevated,
-.np-theme-platform--forest-green.wds-sentiment-surface-neutral-elevated {
-  --color-sentiment-content-primary: #2A2C29;
-  --color-sentiment-content-primary-hover: #414441;
-  --color-sentiment-content-primary-active: #595B58;
-  --color-sentiment-interactive-primary: #2A2C29;
-  --color-sentiment-interactive-primary-hover: #414441;
-  --color-sentiment-interactive-primary-active: #595B58;
-  --color-sentiment-interactive-secondary: #F1F1ED;
-  --color-sentiment-interactive-secondary-hover: #E7E7E1;
-  --color-sentiment-interactive-secondary-active: #DFDED5;
-  --color-sentiment-interactive-secondary-neutral: #E4E4DC;
-  --color-sentiment-interactive-secondary-neutral-hover: #DCDCD2;
-  --color-sentiment-interactive-secondary-neutral-active: #D3D2C6;
-  --color-sentiment-interactive-control: #F1F1ED;
-  --color-sentiment-interactive-control-hover: #E7E7E1;
-  --color-sentiment-interactive-control-active: #DFDED5;
-  --color-sentiment-background-surface: #F1F1ED;
-  --color-sentiment-background-surface-hover: #E7E7E1;
-  --color-sentiment-background-surface-active: #DFDED5;
+  --color-sentiment-border-overlay: rgba(241,241,237,0.30196);
 }
 
 .np-theme-personal.wds-sentiment-surface-proposition-base,
@@ -25949,6 +25775,10 @@ a[data-toggle="tooltip"] {
 .np-theme-platform.wds-sentiment-surface-proposition-base,
 .np-theme-personal--bright-green.wds-sentiment-surface-proposition-base,
 .np-theme-business--bright-green.wds-sentiment-surface-proposition-base {
+  /**
+ * Do not edit directly, this file was auto-generated.
+ * Generated on Mon, 18 May 2026 08:34:12 GMT
+ */
   --color-sentiment-content-primary: #0E0F0C;
   --color-sentiment-content-primary-hover: #0A2826;
   --color-sentiment-content-primary-active: #074140;
@@ -25967,6 +25797,7 @@ a[data-toggle="tooltip"] {
   --color-sentiment-background-surface: #E0F7F7;
   --color-sentiment-background-surface-hover: #CAF1F1;
   --color-sentiment-background-surface-active: #B6ECEC;
+  --color-sentiment-border-overlay: rgba(14,15,12,0.30196);
 }
 
 .np-theme-personal.wds-sentiment-surface-proposition-elevated,
@@ -25974,6 +25805,10 @@ a[data-toggle="tooltip"] {
 .np-theme-platform.wds-sentiment-surface-proposition-elevated,
 .np-theme-personal--bright-green.wds-sentiment-surface-proposition-elevated,
 .np-theme-business--bright-green.wds-sentiment-surface-proposition-elevated {
+  /**
+ * Do not edit directly, this file was auto-generated.
+ * Generated on Mon, 18 May 2026 08:34:12 GMT
+ */
   --color-sentiment-content-primary: #FFFFFF;
   --color-sentiment-content-primary-hover: #EAF9F9;
   --color-sentiment-content-primary-active: #D5F4F4;
@@ -25992,6 +25827,247 @@ a[data-toggle="tooltip"] {
   --color-sentiment-background-surface: #054D4D;
   --color-sentiment-background-surface-hover: #043A3A;
   --color-sentiment-background-surface-active: #022626;
+  --color-sentiment-border-overlay: rgba(255,255,255,0.30196);
+}
+
+.np-theme-personal--dark.wds-sentiment-surface-negative-base,
+.np-theme-business--dark.wds-sentiment-surface-negative-base,
+.np-theme-personal--forest-green.wds-sentiment-surface-negative-base,
+.np-theme-business--forest-green.wds-sentiment-surface-negative-base,
+.np-theme-platform--forest-green.wds-sentiment-surface-negative-base {
+  /**
+ * Do not edit directly, this file was auto-generated.
+ * Generated on Mon, 18 May 2026 08:34:12 GMT
+ */
+  --color-sentiment-content-primary: #FFA8AD;
+  --color-sentiment-content-primary-hover: #FFBDC0;
+  --color-sentiment-content-primary-active: #FFD1D3;
+  --color-sentiment-interactive-primary: #FFA8AD;
+  --color-sentiment-interactive-primary-hover: #FFBDC0;
+  --color-sentiment-interactive-primary-active: #FFD1D3;
+  --color-sentiment-interactive-secondary: #410B0D;
+  --color-sentiment-interactive-secondary-hover: #641115;
+  --color-sentiment-interactive-secondary-active: #761418;
+  --color-sentiment-interactive-secondary-neutral: #601013;
+  --color-sentiment-interactive-secondary-neutral-hover: #7A1519;
+  --color-sentiment-interactive-secondary-neutral-active: #90181D;
+  --color-sentiment-interactive-control: #410B0D;
+  --color-sentiment-interactive-control-hover: #641115;
+  --color-sentiment-interactive-control-active: #761418;
+  --color-sentiment-background-surface: #410B0D;
+  --color-sentiment-background-surface-hover: #641115;
+  --color-sentiment-background-surface-active: #761418;
+  --color-sentiment-border-overlay: rgba(255,168,173,0.30196);
+}
+
+.np-theme-personal--dark.wds-sentiment-surface-negative-elevated,
+.np-theme-business--dark.wds-sentiment-surface-negative-elevated,
+.np-theme-personal--forest-green.wds-sentiment-surface-negative-elevated,
+.np-theme-business--forest-green.wds-sentiment-surface-negative-elevated,
+.np-theme-platform--forest-green.wds-sentiment-surface-negative-elevated {
+  /**
+ * Do not edit directly, this file was auto-generated.
+ * Generated on Mon, 18 May 2026 08:34:12 GMT
+ */
+  --color-sentiment-content-primary: #410B0D;
+  --color-sentiment-content-primary-hover: #641115;
+  --color-sentiment-content-primary-active: #761418;
+  --color-sentiment-interactive-primary: #410B0D;
+  --color-sentiment-interactive-primary-hover: #641115;
+  --color-sentiment-interactive-primary-active: #761418;
+  --color-sentiment-interactive-secondary: #FFA8AD;
+  --color-sentiment-interactive-secondary-hover: #FFBDC0;
+  --color-sentiment-interactive-secondary-active: #FFD1D3;
+  --color-sentiment-interactive-secondary-neutral: #D9898D;
+  --color-sentiment-interactive-secondary-neutral-hover: #D68084;
+  --color-sentiment-interactive-secondary-neutral-active: #D06C71;
+  --color-sentiment-interactive-control: #FFA8AD;
+  --color-sentiment-interactive-control-hover: #FFBDC0;
+  --color-sentiment-interactive-control-active: #FFD1D3;
+  --color-sentiment-background-surface: #FFA8AD;
+  --color-sentiment-background-surface-hover: #FFBDC0;
+  --color-sentiment-background-surface-active: #FFD1D3;
+  --color-sentiment-border-overlay: rgba(65,11,13,0.30196);
+}
+
+.np-theme-personal--dark.wds-sentiment-surface-warning-base,
+.np-theme-business--dark.wds-sentiment-surface-warning-base,
+.np-theme-personal--forest-green.wds-sentiment-surface-warning-base,
+.np-theme-business--forest-green.wds-sentiment-surface-warning-base,
+.np-theme-platform--forest-green.wds-sentiment-surface-warning-base {
+  /**
+ * Do not edit directly, this file was auto-generated.
+ * Generated on Mon, 18 May 2026 08:34:12 GMT
+ */
+  --color-sentiment-content-primary: #FADC65;
+  --color-sentiment-content-primary-hover: #F9D648;
+  --color-sentiment-content-primary-active: #F8CD20;
+  --color-sentiment-interactive-primary: #FADC65;
+  --color-sentiment-interactive-primary-hover: #F9D648;
+  --color-sentiment-interactive-primary-active: #F8CD20;
+  --color-sentiment-interactive-secondary: #3A3523;
+  --color-sentiment-interactive-secondary-hover: #504930;
+  --color-sentiment-interactive-secondary-active: #665D3D;
+  --color-sentiment-interactive-secondary-neutral: #4D462A;
+  --color-sentiment-interactive-secondary-neutral-hover: #5D532F;
+  --color-sentiment-interactive-secondary-neutral-active: #685D33;
+  --color-sentiment-interactive-control: #3A3523;
+  --color-sentiment-interactive-control-hover: #504930;
+  --color-sentiment-interactive-control-active: #665D3D;
+  --color-sentiment-background-surface: #3A3523;
+  --color-sentiment-background-surface-hover: #504930;
+  --color-sentiment-background-surface-active: #665D3D;
+  --color-sentiment-border-overlay: rgba(250,220,101,0.30196);
+}
+
+.np-theme-personal--dark.wds-sentiment-surface-warning-elevated,
+.np-theme-business--dark.wds-sentiment-surface-warning-elevated,
+.np-theme-personal--forest-green.wds-sentiment-surface-warning-elevated,
+.np-theme-business--forest-green.wds-sentiment-surface-warning-elevated,
+.np-theme-platform--forest-green.wds-sentiment-surface-warning-elevated {
+  /**
+ * Do not edit directly, this file was auto-generated.
+ * Generated on Mon, 18 May 2026 08:34:12 GMT
+ */
+  --color-sentiment-content-primary: #3A3523;
+  --color-sentiment-content-primary-hover: #504930;
+  --color-sentiment-content-primary-active: #665D3D;
+  --color-sentiment-interactive-primary: #3A3523;
+  --color-sentiment-interactive-primary-hover: #504930;
+  --color-sentiment-interactive-primary-active: #665D3D;
+  --color-sentiment-interactive-secondary: #FADC65;
+  --color-sentiment-interactive-secondary-hover: #F9D648;
+  --color-sentiment-interactive-secondary-active: #F8CD20;
+  --color-sentiment-interactive-secondary-neutral: #E3C85D;
+  --color-sentiment-interactive-secondary-neutral-hover: #DFC044;
+  --color-sentiment-interactive-secondary-neutral-active: #D9B526;
+  --color-sentiment-interactive-control: #FADC65;
+  --color-sentiment-interactive-control-hover: #F9D648;
+  --color-sentiment-interactive-control-active: #F8CD20;
+  --color-sentiment-background-surface: #FADC65;
+  --color-sentiment-background-surface-hover: #F9D648;
+  --color-sentiment-background-surface-active: #F8CD20;
+  --color-sentiment-border-overlay: rgba(58,53,35,0.30196);
+}
+
+.np-theme-personal--dark.wds-sentiment-surface-success-base,
+.np-theme-business--dark.wds-sentiment-surface-success-base,
+.np-theme-personal--forest-green.wds-sentiment-surface-success-base,
+.np-theme-business--forest-green.wds-sentiment-surface-success-base,
+.np-theme-platform--forest-green.wds-sentiment-surface-success-base {
+  /**
+ * Do not edit directly, this file was auto-generated.
+ * Generated on Mon, 18 May 2026 08:34:12 GMT
+ */
+  --color-sentiment-content-primary: #CEF1B8;
+  --color-sentiment-content-primary-hover: #E0FFCC;
+  --color-sentiment-content-primary-active: #E1F4D4;
+  --color-sentiment-interactive-primary: #CEF1B8;
+  --color-sentiment-interactive-primary-hover: #E0FFCC;
+  --color-sentiment-interactive-primary-active: #E1F4D4;
+  --color-sentiment-interactive-secondary: #054D28;
+  --color-sentiment-interactive-secondary-hover: #043A1E;
+  --color-sentiment-interactive-secondary-active: #022614;
+  --color-sentiment-interactive-secondary-neutral: #256A43;
+  --color-sentiment-interactive-secondary-neutral-hover: #2A794C;
+  --color-sentiment-interactive-secondary-neutral-active: #329057;
+  --color-sentiment-interactive-control: #054D28;
+  --color-sentiment-interactive-control-hover: #043A1E;
+  --color-sentiment-interactive-control-active: #022614;
+  --color-sentiment-background-surface: #054D28;
+  --color-sentiment-background-surface-hover: #043A1E;
+  --color-sentiment-background-surface-active: #022614;
+  --color-sentiment-border-overlay: rgba(206,241,184,0.30196);
+}
+
+.np-theme-personal--dark.wds-sentiment-surface-success-elevated,
+.np-theme-business--dark.wds-sentiment-surface-success-elevated,
+.np-theme-personal--forest-green.wds-sentiment-surface-success-elevated,
+.np-theme-business--forest-green.wds-sentiment-surface-success-elevated,
+.np-theme-platform--forest-green.wds-sentiment-surface-success-elevated {
+  /**
+ * Do not edit directly, this file was auto-generated.
+ * Generated on Mon, 18 May 2026 08:34:12 GMT
+ */
+  --color-sentiment-content-primary: #252C20;
+  --color-sentiment-content-primary-hover: #323B2B;
+  --color-sentiment-content-primary-active: #3E4A36;
+  --color-sentiment-interactive-primary: #252C20;
+  --color-sentiment-interactive-primary-hover: #323B2B;
+  --color-sentiment-interactive-primary-active: #3E4A36;
+  --color-sentiment-interactive-secondary: #BAE5A0;
+  --color-sentiment-interactive-secondary-hover: #C8EAB3;
+  --color-sentiment-interactive-secondary-active: #D6F0C7;
+  --color-sentiment-interactive-secondary-neutral: #A8CF91;
+  --color-sentiment-interactive-secondary-neutral-hover: #94C478;
+  --color-sentiment-interactive-secondary-neutral-active: #83BB63;
+  --color-sentiment-interactive-control: #BAE5A0;
+  --color-sentiment-interactive-control-hover: #C8EAB3;
+  --color-sentiment-interactive-control-active: #D6F0C7;
+  --color-sentiment-background-surface: #BAE5A0;
+  --color-sentiment-background-surface-hover: #C8EAB3;
+  --color-sentiment-background-surface-active: #D6F0C7;
+  --color-sentiment-border-overlay: rgba(37,44,32,0.30196);
+}
+
+.np-theme-personal--dark.wds-sentiment-surface-neutral-base,
+.np-theme-business--dark.wds-sentiment-surface-neutral-base,
+.np-theme-personal--forest-green.wds-sentiment-surface-neutral-base,
+.np-theme-business--forest-green.wds-sentiment-surface-neutral-base,
+.np-theme-platform--forest-green.wds-sentiment-surface-neutral-base {
+  /**
+ * Do not edit directly, this file was auto-generated.
+ * Generated on Mon, 18 May 2026 08:34:12 GMT
+ */
+  --color-sentiment-content-primary: #F1F1ED;
+  --color-sentiment-content-primary-hover: #E7E7E1;
+  --color-sentiment-content-primary-active: #DFDED5;
+  --color-sentiment-interactive-primary: #F1F1ED;
+  --color-sentiment-interactive-primary-hover: #E7E7E1;
+  --color-sentiment-interactive-primary-active: #DFDED5;
+  --color-sentiment-interactive-secondary: rgba(255,255,255,0.10196);
+  --color-sentiment-interactive-secondary-hover: rgba(255,255,255,0.2);
+  --color-sentiment-interactive-secondary-active: rgba(255,255,255,0.30196);
+  --color-sentiment-interactive-secondary-neutral: rgba(255,255,255,0.10196);
+  --color-sentiment-interactive-secondary-neutral-hover: rgba(255,255,255,0.2);
+  --color-sentiment-interactive-secondary-neutral-active: rgba(255,255,255,0.30196);
+  --color-sentiment-interactive-control: #2A2C29;
+  --color-sentiment-interactive-control-hover: #414441;
+  --color-sentiment-interactive-control-active: #595B58;
+  --color-sentiment-background-surface: rgba(255,255,255,0.10196);
+  --color-sentiment-background-surface-hover: rgba(255,255,255,0.2);
+  --color-sentiment-background-surface-active: rgba(255,255,255,0.30196);
+  --color-sentiment-border-overlay: rgba(241,241,237,0.30196);
+}
+
+.np-theme-personal--dark.wds-sentiment-surface-neutral-elevated,
+.np-theme-business--dark.wds-sentiment-surface-neutral-elevated,
+.np-theme-personal--forest-green.wds-sentiment-surface-neutral-elevated,
+.np-theme-business--forest-green.wds-sentiment-surface-neutral-elevated,
+.np-theme-platform--forest-green.wds-sentiment-surface-neutral-elevated {
+  /**
+ * Do not edit directly, this file was auto-generated.
+ * Generated on Mon, 18 May 2026 08:34:12 GMT
+ */
+  --color-sentiment-content-primary: #2A2C29;
+  --color-sentiment-content-primary-hover: #414441;
+  --color-sentiment-content-primary-active: #595B58;
+  --color-sentiment-interactive-primary: #2A2C29;
+  --color-sentiment-interactive-primary-hover: #414441;
+  --color-sentiment-interactive-primary-active: #595B58;
+  --color-sentiment-interactive-secondary: #F1F1ED;
+  --color-sentiment-interactive-secondary-hover: #E7E7E1;
+  --color-sentiment-interactive-secondary-active: #DFDED5;
+  --color-sentiment-interactive-secondary-neutral: #E4E4DC;
+  --color-sentiment-interactive-secondary-neutral-hover: #DCDCD2;
+  --color-sentiment-interactive-secondary-neutral-active: #D3D2C6;
+  --color-sentiment-interactive-control: #F1F1ED;
+  --color-sentiment-interactive-control-hover: #E7E7E1;
+  --color-sentiment-interactive-control-active: #DFDED5;
+  --color-sentiment-background-surface: #F1F1ED;
+  --color-sentiment-background-surface-hover: #E7E7E1;
+  --color-sentiment-background-surface-active: #DFDED5;
+  --color-sentiment-border-overlay: rgba(42,44,41,0.30196);
 }
 
 .np-theme-personal--dark.wds-sentiment-surface-proposition-base,
@@ -25999,6 +26075,10 @@ a[data-toggle="tooltip"] {
 .np-theme-personal--forest-green.wds-sentiment-surface-proposition-base,
 .np-theme-business--forest-green.wds-sentiment-surface-proposition-base,
 .np-theme-platform--forest-green.wds-sentiment-surface-proposition-base {
+  /**
+ * Do not edit directly, this file was auto-generated.
+ * Generated on Mon, 18 May 2026 08:34:12 GMT
+ */
   --color-sentiment-content-primary: #FFFFFF;
   --color-sentiment-content-primary-hover: #EAF9F9;
   --color-sentiment-content-primary-active: #D5F4F4;
@@ -26017,6 +26097,7 @@ a[data-toggle="tooltip"] {
   --color-sentiment-background-surface: #054D4D;
   --color-sentiment-background-surface-hover: #043A3A;
   --color-sentiment-background-surface-active: #022626;
+  --color-sentiment-border-overlay: rgba(255,255,255,0.30196);
 }
 
 .np-theme-personal--dark.wds-sentiment-surface-proposition-elevated,
@@ -26024,6 +26105,10 @@ a[data-toggle="tooltip"] {
 .np-theme-personal--forest-green.wds-sentiment-surface-proposition-elevated,
 .np-theme-business--forest-green.wds-sentiment-surface-proposition-elevated,
 .np-theme-platform--forest-green.wds-sentiment-surface-proposition-elevated {
+  /**
+ * Do not edit directly, this file was auto-generated.
+ * Generated on Mon, 18 May 2026 08:34:12 GMT
+ */
   --color-sentiment-content-primary: #0E0F0C;
   --color-sentiment-content-primary-hover: #0A2826;
   --color-sentiment-content-primary-active: #074140;
@@ -26042,6 +26127,7 @@ a[data-toggle="tooltip"] {
   --color-sentiment-background-surface: #E0F7F7;
   --color-sentiment-background-surface-hover: #CAF1F1;
   --color-sentiment-background-surface-active: #B6ECEC;
+  --color-sentiment-border-overlay: rgba(14,15,12,0.30196);
 }
 
 .wds-container {
@@ -31066,7 +31152,6 @@ button.np-link {
   flex-grow: 1;
   text-align: right;
   background-color: transparent;
-  line-height: inherit;
 }
 
 .wds-amount-input-input:focus-visible {
@@ -31077,7 +31162,6 @@ button.np-link {
   flex-grow: 0;
   display: flex;
   align-items: center;
-  line-height: inherit;
 }
 
 .wds-currency-selector:disabled {