@transferwise/components 46.150.0 → 46.151.1

package/build/main.css

@@ -1,6 +1,5 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Tue, 09 Jun 2026 08:11:03 GMT
  */
 
 :root {
@@ -144,7 +143,6 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Tue, 09 Jun 2026 08:11:04 GMT
  */
 
 .np-theme-personal {
@@ -328,7 +326,6 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Tue, 09 Jun 2026 08:11:04 GMT
  */
 
 .np-theme-personal--forest-green {
@@ -512,7 +509,6 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Tue, 09 Jun 2026 08:11:04 GMT
  */
 
 .np-theme-personal--bright-green {
@@ -696,7 +692,6 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Tue, 09 Jun 2026 08:11:04 GMT
  */
 
 .np-theme-personal--dark {
@@ -880,7 +875,6 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Tue, 09 Jun 2026 08:11:04 GMT
  */
 
 .np-theme-platform {
@@ -1064,7 +1058,6 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Tue, 09 Jun 2026 08:11:04 GMT
  */
 
 .np-theme-platform--forest-green {
@@ -1248,7 +1241,6 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Tue, 09 Jun 2026 08:11:04 GMT
  */
 
 .np-theme-business {
@@ -1433,7 +1425,6 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Tue, 09 Jun 2026 08:11:04 GMT
  */
 
 .np-theme-business--dark {
@@ -1618,7 +1609,6 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Tue, 09 Jun 2026 08:11:04 GMT
  */
 
 .np-theme-business--forest-green {
@@ -1803,7 +1793,6 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Tue, 09 Jun 2026 08:11:04 GMT
  */
 
 .np-theme-business--bright-green {
@@ -1990,7 +1979,6 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Tue, 09 Jun 2026 08:11:04 GMT
  */
 
 .wds-sentiment-negative-light-base {
@@ -2433,6 +2421,154 @@
   --color-sentiment-border-overlay: rgba(58,53,35,0.30196);
 }
 
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+.wds-pocket-bright-blue {
+  --color-content-primary: #21231d;
+  --color-content-secondary: #0d0e0c;
+  --color-content-link: #21231d;
+  --color-content-link-hover: #354040;
+  --color-content-link-active: #4c5c5c;
+  --color-interactive-primary: #21231d;
+  --color-interactive-primary-hover: #354040;
+  --color-interactive-primary-active: #4c5c5c;
+  --color-interactive-accent: #21231d;
+  --color-interactive-accent-hover: #354040;
+  --color-interactive-accent-active: #4c5c5c;
+  --color-interactive-control: #a0e1e1;
+  --color-interactive-control-hover: #c5eded;
+  --color-interactive-control-active: #c5eded;
+  --color-background-screen: #a0e1e1;
+}
+
+.wds-pocket-bright-orange {
+  --color-content-primary: #260a2f;
+  --color-content-secondary: #110415;
+  --color-content-link: #260a2f;
+  --color-content-link-hover: #360e43;
+  --color-content-link-active: #471358;
+  --color-interactive-primary: #260a2f;
+  --color-interactive-primary-hover: #360e43;
+  --color-interactive-primary-active: #471358;
+  --color-interactive-accent: #260a2f;
+  --color-interactive-accent-hover: #360e43;
+  --color-interactive-accent-active: #471358;
+  --color-interactive-control: #ffc091;
+  --color-interactive-control-hover: #ffcda8;
+  --color-interactive-control-active: #ffdcc2;
+  --color-background-screen: #ffc091;
+}
+
+.wds-pocket-bright-pink {
+  --color-content-primary: #320707;
+  --color-content-secondary: #160303;
+  --color-content-link: #320707;
+  --color-content-link-hover: #1f0404;
+  --color-content-link-active: #0d0202;
+  --color-interactive-primary: #320707;
+  --color-interactive-primary-hover: #1f0404;
+  --color-interactive-primary-active: #0d0202;
+  --color-interactive-accent: #320707;
+  --color-interactive-accent-hover: #1f0404;
+  --color-interactive-accent-active: #0d0202;
+  --color-interactive-control: #ffd7ef;
+  --color-interactive-control-hover: #ffbde4;
+  --color-interactive-control-active: #ffbde4;
+  --color-background-screen: #ffd7ef;
+}
+
+.wds-pocket-bright-yellow {
+  --color-content-primary: #3a341c;
+  --color-content-secondary: #110f08;
+  --color-content-link: #3a341c;
+  --color-content-link-hover: #1b190d;
+  --color-content-link-active: #0a0a05;
+  --color-interactive-primary: #3a341c;
+  --color-interactive-primary-hover: #1b190d;
+  --color-interactive-primary-active: #0a0a05;
+  --color-interactive-accent: #3a341c;
+  --color-interactive-accent-hover: #1b190d;
+  --color-interactive-accent-active: #0a0a05;
+  --color-interactive-control: #ffeb69;
+  --color-interactive-control-hover: #ffef85;
+  --color-interactive-control-active: #fff29e;
+  --color-background-screen: #ffeb69;
+}
+
+.wds-pocket-dark-charcoal {
+  --color-content-primary: #a0e1e1;
+  --color-content-secondary: #ecf9f9;
+  --color-content-link: #a0e1e1;
+  --color-content-link-hover: #77d4d4;
+  --color-content-link-active: #51c8c8;
+  --color-interactive-primary: #a0e1e1;
+  --color-interactive-primary-hover: #77d4d4;
+  --color-interactive-primary-active: #51c8c8;
+  --color-interactive-accent: #a0e1e1;
+  --color-interactive-accent-hover: #77d4d4;
+  --color-interactive-accent-active: #51c8c8;
+  --color-interactive-control: #21231d;
+  --color-interactive-control-hover: #181915;
+  --color-interactive-control-active: #0d0e0c;
+  --color-background-screen: #21231d;
+}
+
+.wds-pocket-dark-gold {
+  --color-content-primary: #ffeb69;
+  --color-content-secondary: #fffce5;
+  --color-content-link: #ffeb69;
+  --color-content-link-hover: #ffe538;
+  --color-content-link-active: #ffde05;
+  --color-interactive-primary: #ffeb69;
+  --color-interactive-primary-hover: #ffe538;
+  --color-interactive-primary-active: #ffde05;
+  --color-interactive-accent: #ffeb69;
+  --color-interactive-accent-hover: #ffe538;
+  --color-interactive-accent-active: #ffde05;
+  --color-interactive-control: #3a341c;
+  --color-interactive-control-hover: #292514;
+  --color-interactive-control-active: #18160c;
+  --color-background-screen: #3a341c;
+}
+
+.wds-pocket-dark-maroon {
+  --color-content-primary: #ffd7ef;
+  --color-content-secondary: #ffe5f5;
+  --color-content-link: #ffd7ef;
+  --color-content-link-hover: #ffe5f5;
+  --color-content-link-active: #fff5fb;
+  --color-interactive-primary: #ffd7ef;
+  --color-interactive-primary-hover: #ffe5f5;
+  --color-interactive-primary-active: #fff5fb;
+  --color-interactive-accent: #ffd7ef;
+  --color-interactive-accent-hover: #ffe5f5;
+  --color-interactive-accent-active: #fff5fb;
+  --color-interactive-control: #320707;
+  --color-interactive-control-hover: #480a0a;
+  --color-interactive-control-active: #5e0d0d;
+  --color-background-screen: #320707;
+}
+
+.wds-pocket-dark-purple {
+  --color-content-primary: #ffc091;
+  --color-content-secondary: #fff0e5;
+  --color-content-link: #ffc091;
+  --color-content-link-hover: #ffdcc2;
+  --color-content-link-active: #fff9f5;
+  --color-interactive-primary: #ffc091;
+  --color-interactive-primary-hover: #ffdcc2;
+  --color-interactive-primary-active: #fff9f5;
+  --color-interactive-accent: #ffc091;
+  --color-interactive-accent-hover: #ffdcc2;
+  --color-interactive-accent-active: #fff9f5;
+  --color-interactive-control: #260a2f;
+  --color-interactive-control-hover: #360e43;
+  --color-interactive-control-active: #471358;
+  --color-background-screen: #260a2f;
+}
+
 @font-face {
   font-family: Inter;
   font-style: normal;
@@ -25921,6 +26057,13 @@ a[data-toggle="tooltip"] {
   color: var(--color-sentiment-content-primary);
 }
 
+.wds-pocket-surface {
+  background-color: #ffffff;
+  background-color: var(--color-background-screen);
+  color: #37517e;
+  color: var(--color-content-primary);
+}
+
 .wds-container {
   --wds-container-padding-inline: 16px;
   --wds-container-width-fluid: 100%;

package/build/styles/css/neptune.css

@@ -1,6 +1,5 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Tue, 09 Jun 2026 08:11:03 GMT
  */
 
 :root {
@@ -144,7 +143,6 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Tue, 09 Jun 2026 08:11:04 GMT
  */
 
 .np-theme-personal {
@@ -328,7 +326,6 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Tue, 09 Jun 2026 08:11:04 GMT
  */
 
 .np-theme-personal--forest-green {
@@ -512,7 +509,6 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Tue, 09 Jun 2026 08:11:04 GMT
  */
 
 .np-theme-personal--bright-green {
@@ -696,7 +692,6 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Tue, 09 Jun 2026 08:11:04 GMT
  */
 
 .np-theme-personal--dark {
@@ -880,7 +875,6 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Tue, 09 Jun 2026 08:11:04 GMT
  */
 
 .np-theme-platform {
@@ -1064,7 +1058,6 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Tue, 09 Jun 2026 08:11:04 GMT
  */
 
 .np-theme-platform--forest-green {
@@ -1248,7 +1241,6 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Tue, 09 Jun 2026 08:11:04 GMT
  */
 
 .np-theme-business {
@@ -1433,7 +1425,6 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Tue, 09 Jun 2026 08:11:04 GMT
  */
 
 .np-theme-business--dark {
@@ -1618,7 +1609,6 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Tue, 09 Jun 2026 08:11:04 GMT
  */
 
 .np-theme-business--forest-green {
@@ -1803,7 +1793,6 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Tue, 09 Jun 2026 08:11:04 GMT
  */
 
 .np-theme-business--bright-green {

package/build/styles/main.css

@@ -1,6 +1,5 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Tue, 09 Jun 2026 08:11:03 GMT
  */
 
 :root {
@@ -144,7 +143,6 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Tue, 09 Jun 2026 08:11:04 GMT
  */
 
 .np-theme-personal {
@@ -328,7 +326,6 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Tue, 09 Jun 2026 08:11:04 GMT
  */
 
 .np-theme-personal--forest-green {
@@ -512,7 +509,6 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Tue, 09 Jun 2026 08:11:04 GMT
  */
 
 .np-theme-personal--bright-green {
@@ -696,7 +692,6 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Tue, 09 Jun 2026 08:11:04 GMT
  */
 
 .np-theme-personal--dark {
@@ -880,7 +875,6 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Tue, 09 Jun 2026 08:11:04 GMT
  */
 
 .np-theme-platform {
@@ -1064,7 +1058,6 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Tue, 09 Jun 2026 08:11:04 GMT
  */
 
 .np-theme-platform--forest-green {
@@ -1248,7 +1241,6 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Tue, 09 Jun 2026 08:11:04 GMT
  */
 
 .np-theme-business {
@@ -1433,7 +1425,6 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Tue, 09 Jun 2026 08:11:04 GMT
  */
 
 .np-theme-business--dark {
@@ -1618,7 +1609,6 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Tue, 09 Jun 2026 08:11:04 GMT
  */
 
 .np-theme-business--forest-green {
@@ -1803,7 +1793,6 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Tue, 09 Jun 2026 08:11:04 GMT
  */
 
 .np-theme-business--bright-green {
@@ -1990,7 +1979,6 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Tue, 09 Jun 2026 08:11:04 GMT
  */
 
 .wds-sentiment-negative-light-base {
@@ -2433,6 +2421,154 @@
   --color-sentiment-border-overlay: rgba(58,53,35,0.30196);
 }
 
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+.wds-pocket-bright-blue {
+  --color-content-primary: #21231d;
+  --color-content-secondary: #0d0e0c;
+  --color-content-link: #21231d;
+  --color-content-link-hover: #354040;
+  --color-content-link-active: #4c5c5c;
+  --color-interactive-primary: #21231d;
+  --color-interactive-primary-hover: #354040;
+  --color-interactive-primary-active: #4c5c5c;
+  --color-interactive-accent: #21231d;
+  --color-interactive-accent-hover: #354040;
+  --color-interactive-accent-active: #4c5c5c;
+  --color-interactive-control: #a0e1e1;
+  --color-interactive-control-hover: #c5eded;
+  --color-interactive-control-active: #c5eded;
+  --color-background-screen: #a0e1e1;
+}
+
+.wds-pocket-bright-orange {
+  --color-content-primary: #260a2f;
+  --color-content-secondary: #110415;
+  --color-content-link: #260a2f;
+  --color-content-link-hover: #360e43;
+  --color-content-link-active: #471358;
+  --color-interactive-primary: #260a2f;
+  --color-interactive-primary-hover: #360e43;
+  --color-interactive-primary-active: #471358;
+  --color-interactive-accent: #260a2f;
+  --color-interactive-accent-hover: #360e43;
+  --color-interactive-accent-active: #471358;
+  --color-interactive-control: #ffc091;
+  --color-interactive-control-hover: #ffcda8;
+  --color-interactive-control-active: #ffdcc2;
+  --color-background-screen: #ffc091;
+}
+
+.wds-pocket-bright-pink {
+  --color-content-primary: #320707;
+  --color-content-secondary: #160303;
+  --color-content-link: #320707;
+  --color-content-link-hover: #1f0404;
+  --color-content-link-active: #0d0202;
+  --color-interactive-primary: #320707;
+  --color-interactive-primary-hover: #1f0404;
+  --color-interactive-primary-active: #0d0202;
+  --color-interactive-accent: #320707;
+  --color-interactive-accent-hover: #1f0404;
+  --color-interactive-accent-active: #0d0202;
+  --color-interactive-control: #ffd7ef;
+  --color-interactive-control-hover: #ffbde4;
+  --color-interactive-control-active: #ffbde4;
+  --color-background-screen: #ffd7ef;
+}
+
+.wds-pocket-bright-yellow {
+  --color-content-primary: #3a341c;
+  --color-content-secondary: #110f08;
+  --color-content-link: #3a341c;
+  --color-content-link-hover: #1b190d;
+  --color-content-link-active: #0a0a05;
+  --color-interactive-primary: #3a341c;
+  --color-interactive-primary-hover: #1b190d;
+  --color-interactive-primary-active: #0a0a05;
+  --color-interactive-accent: #3a341c;
+  --color-interactive-accent-hover: #1b190d;
+  --color-interactive-accent-active: #0a0a05;
+  --color-interactive-control: #ffeb69;
+  --color-interactive-control-hover: #ffef85;
+  --color-interactive-control-active: #fff29e;
+  --color-background-screen: #ffeb69;
+}
+
+.wds-pocket-dark-charcoal {
+  --color-content-primary: #a0e1e1;
+  --color-content-secondary: #ecf9f9;
+  --color-content-link: #a0e1e1;
+  --color-content-link-hover: #77d4d4;
+  --color-content-link-active: #51c8c8;
+  --color-interactive-primary: #a0e1e1;
+  --color-interactive-primary-hover: #77d4d4;
+  --color-interactive-primary-active: #51c8c8;
+  --color-interactive-accent: #a0e1e1;
+  --color-interactive-accent-hover: #77d4d4;
+  --color-interactive-accent-active: #51c8c8;
+  --color-interactive-control: #21231d;
+  --color-interactive-control-hover: #181915;
+  --color-interactive-control-active: #0d0e0c;
+  --color-background-screen: #21231d;
+}
+
+.wds-pocket-dark-gold {
+  --color-content-primary: #ffeb69;
+  --color-content-secondary: #fffce5;
+  --color-content-link: #ffeb69;
+  --color-content-link-hover: #ffe538;
+  --color-content-link-active: #ffde05;
+  --color-interactive-primary: #ffeb69;
+  --color-interactive-primary-hover: #ffe538;
+  --color-interactive-primary-active: #ffde05;
+  --color-interactive-accent: #ffeb69;
+  --color-interactive-accent-hover: #ffe538;
+  --color-interactive-accent-active: #ffde05;
+  --color-interactive-control: #3a341c;
+  --color-interactive-control-hover: #292514;
+  --color-interactive-control-active: #18160c;
+  --color-background-screen: #3a341c;
+}
+
+.wds-pocket-dark-maroon {
+  --color-content-primary: #ffd7ef;
+  --color-content-secondary: #ffe5f5;
+  --color-content-link: #ffd7ef;
+  --color-content-link-hover: #ffe5f5;
+  --color-content-link-active: #fff5fb;
+  --color-interactive-primary: #ffd7ef;
+  --color-interactive-primary-hover: #ffe5f5;
+  --color-interactive-primary-active: #fff5fb;
+  --color-interactive-accent: #ffd7ef;
+  --color-interactive-accent-hover: #ffe5f5;
+  --color-interactive-accent-active: #fff5fb;
+  --color-interactive-control: #320707;
+  --color-interactive-control-hover: #480a0a;
+  --color-interactive-control-active: #5e0d0d;
+  --color-background-screen: #320707;
+}
+
+.wds-pocket-dark-purple {
+  --color-content-primary: #ffc091;
+  --color-content-secondary: #fff0e5;
+  --color-content-link: #ffc091;
+  --color-content-link-hover: #ffdcc2;
+  --color-content-link-active: #fff9f5;
+  --color-interactive-primary: #ffc091;
+  --color-interactive-primary-hover: #ffdcc2;
+  --color-interactive-primary-active: #fff9f5;
+  --color-interactive-accent: #ffc091;
+  --color-interactive-accent-hover: #ffdcc2;
+  --color-interactive-accent-active: #fff9f5;
+  --color-interactive-control: #260a2f;
+  --color-interactive-control-hover: #360e43;
+  --color-interactive-control-active: #471358;
+  --color-background-screen: #260a2f;
+}
+
 @font-face {
   font-family: Inter;
   font-style: normal;
@@ -25921,6 +26057,13 @@ a[data-toggle="tooltip"] {
   color: var(--color-sentiment-content-primary);
 }
 
+.wds-pocket-surface {
+  background-color: #ffffff;
+  background-color: var(--color-background-screen);
+  color: #37517e;
+  color: var(--color-content-primary);
+}
+
 .wds-container {
   --wds-container-padding-inline: 16px;
   --wds-container-width-fluid: 100%;