@transferwise/neptune-tokens 8.23.0 → 8.24.0

package/sentiment/proposition/light/base.less

@@ -0,0 +1,26 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ * Generated on Wed, 27 May 2026 15:50:11 GMT
+ */
+
+& {
+  --color-sentiment-content-primary: #0E0F0C;
+  --color-sentiment-content-primary-hover: #0A2826;
+  --color-sentiment-content-primary-active: #074140;
+  --color-sentiment-interactive-primary: #054D4D;
+  --color-sentiment-interactive-primary-hover: #043A3A;
+  --color-sentiment-interactive-primary-active: #022626;
+  --color-sentiment-interactive-secondary: #E0F7F7;
+  --color-sentiment-interactive-secondary-hover: #CAF1F1;
+  --color-sentiment-interactive-secondary-active: #B6ECEC;
+  --color-sentiment-interactive-secondary-neutral: #B4D5D5;
+  --color-sentiment-interactive-secondary-neutral-hover: #A3CCCC;
+  --color-sentiment-interactive-secondary-neutral-active: #9AC6C6;
+  --color-sentiment-interactive-control: #E0F7F7;
+  --color-sentiment-interactive-control-hover: #CAF1F1;
+  --color-sentiment-interactive-control-active: #B6ECEC;
+  --color-sentiment-background-surface: #E0F7F7;
+  --color-sentiment-background-surface-hover: #CAF1F1;
+  --color-sentiment-background-surface-active: #B6ECEC;
+  --color-sentiment-border-overlay: #0e0f0c4d;
+}

package/sentiment/proposition/light/elevated.css

@@ -0,0 +1,26 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ * Generated on Wed, 27 May 2026 15:50:11 GMT
+ */
+
+.wds-sentiment-proposition-light-elevated {
+  --color-sentiment-content-primary: #FFFFFF;
+  --color-sentiment-content-primary-hover: #EAF9F9;
+  --color-sentiment-content-primary-active: #D5F4F4;
+  --color-sentiment-interactive-primary: #E0F7F7;
+  --color-sentiment-interactive-primary-hover: #CAF1F1;
+  --color-sentiment-interactive-primary-active: #B6ECEC;
+  --color-sentiment-interactive-secondary: #054D4D;
+  --color-sentiment-interactive-secondary-hover: #043A3A;
+  --color-sentiment-interactive-secondary-active: #022626;
+  --color-sentiment-interactive-secondary-neutral: #1F6161;
+  --color-sentiment-interactive-secondary-neutral-hover: #247070;
+  --color-sentiment-interactive-secondary-neutral-active: #298080;
+  --color-sentiment-interactive-control: #054D4D;
+  --color-sentiment-interactive-control-hover: #043A3A;
+  --color-sentiment-interactive-control-active: #022626;
+  --color-sentiment-background-surface: #054D4D;
+  --color-sentiment-background-surface-hover: #043A3A;
+  --color-sentiment-background-surface-active: #022626;
+  --color-sentiment-border-overlay: #ffffff4d;
+}

package/sentiment/proposition/light/elevated.less

@@ -0,0 +1,26 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ * Generated on Wed, 27 May 2026 15:50:11 GMT
+ */
+
+& {
+  --color-sentiment-content-primary: #FFFFFF;
+  --color-sentiment-content-primary-hover: #EAF9F9;
+  --color-sentiment-content-primary-active: #D5F4F4;
+  --color-sentiment-interactive-primary: #E0F7F7;
+  --color-sentiment-interactive-primary-hover: #CAF1F1;
+  --color-sentiment-interactive-primary-active: #B6ECEC;
+  --color-sentiment-interactive-secondary: #054D4D;
+  --color-sentiment-interactive-secondary-hover: #043A3A;
+  --color-sentiment-interactive-secondary-active: #022626;
+  --color-sentiment-interactive-secondary-neutral: #1F6161;
+  --color-sentiment-interactive-secondary-neutral-hover: #247070;
+  --color-sentiment-interactive-secondary-neutral-active: #298080;
+  --color-sentiment-interactive-control: #054D4D;
+  --color-sentiment-interactive-control-hover: #043A3A;
+  --color-sentiment-interactive-control-active: #022626;
+  --color-sentiment-background-surface: #054D4D;
+  --color-sentiment-background-surface-hover: #043A3A;
+  --color-sentiment-background-surface-active: #022626;
+  --color-sentiment-border-overlay: #ffffff4d;
+}

package/sentiment/sentiments.css

@@ -0,0 +1,445 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ * Generated on Wed, 27 May 2026 15:50:11 GMT
+ */
+
+
+.wds-sentiment-negative-light-base {
+  --color-sentiment-content-primary: #CB272F;
+  --color-sentiment-content-primary-hover: #B8232B;
+  --color-sentiment-content-primary-active: #A72027;
+  --color-sentiment-interactive-primary: #CB272F;
+  --color-sentiment-interactive-primary-hover: #B8232B;
+  --color-sentiment-interactive-primary-active: #A72027;
+  --color-sentiment-interactive-secondary: #FBEAEA;
+  --color-sentiment-interactive-secondary-hover: #F9E1E1;
+  --color-sentiment-interactive-secondary-active: #F8D8D8;
+  --color-sentiment-interactive-secondary-neutral: #F5D3D4;
+  --color-sentiment-interactive-secondary-neutral-hover: #F0BDBE;
+  --color-sentiment-interactive-secondary-neutral-active: #ECACAD;
+  --color-sentiment-interactive-control: #FBEAEA;
+  --color-sentiment-interactive-control-hover: #F9E1E1;
+  --color-sentiment-interactive-control-active: #F8D8D8;
+  --color-sentiment-background-surface: #FBEAEA;
+  --color-sentiment-background-surface-hover: #F9E1E1;
+  --color-sentiment-background-surface-active: #F8D8D8;
+  --color-sentiment-border-overlay: #cb272f4d;
+}
+
+.wds-sentiment-negative-light-elevated {
+  --color-sentiment-content-primary: #FFFFFF;
+  --color-sentiment-content-primary-hover: #F5CCCC;
+  --color-sentiment-content-primary-active: #F1B7B7;
+  --color-sentiment-interactive-primary: #FBEAEA;
+  --color-sentiment-interactive-primary-hover: #F5CCCC;
+  --color-sentiment-interactive-primary-active: #F1B7B7;
+  --color-sentiment-interactive-secondary: #CB272F;
+  --color-sentiment-interactive-secondary-hover: #B8232B;
+  --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-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;
+  --color-sentiment-border-overlay: #ffffff4d;
+}
+
+.wds-sentiment-neutral-light-base {
+  --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: #3e3b0712;
+  --color-sentiment-interactive-secondary-hover: #3e3b071f;
+  --color-sentiment-interactive-secondary-active: #3e3b072b;
+  --color-sentiment-interactive-secondary-neutral: #3e3b0712;
+  --color-sentiment-interactive-secondary-neutral-hover: #3e3b071f;
+  --color-sentiment-interactive-secondary-neutral-active: #3e3b072b;
+  --color-sentiment-interactive-control: #F1F1ED;
+  --color-sentiment-interactive-control-hover: #E7E7E1;
+  --color-sentiment-interactive-control-active: #DFDED5;
+  --color-sentiment-background-surface: #3e3b0712;
+  --color-sentiment-background-surface-hover: #3e3b071f;
+  --color-sentiment-background-surface-active: #3e3b072b;
+  --color-sentiment-border-overlay: #4547454d;
+}
+
+.wds-sentiment-neutral-light-elevated {
+  --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: #454745;
+  --color-sentiment-interactive-secondary-hover: #353635;
+  --color-sentiment-interactive-secondary-active: #232423;
+  --color-sentiment-interactive-secondary-neutral: #585958;
+  --color-sentiment-interactive-secondary-neutral-hover: #6A6C6A;
+  --color-sentiment-interactive-secondary-neutral-active: #7D7E7D;
+  --color-sentiment-interactive-control: #454745;
+  --color-sentiment-interactive-control-hover: #353635;
+  --color-sentiment-interactive-control-active: #232423;
+  --color-sentiment-background-surface: #454745;
+  --color-sentiment-background-surface-hover: #353635;
+  --color-sentiment-background-surface-active: #232423;
+  --color-sentiment-border-overlay: #f1f1ed4d;
+}
+
+.wds-sentiment-proposition-light-base {
+  --color-sentiment-content-primary: #0E0F0C;
+  --color-sentiment-content-primary-hover: #0A2826;
+  --color-sentiment-content-primary-active: #074140;
+  --color-sentiment-interactive-primary: #054D4D;
+  --color-sentiment-interactive-primary-hover: #043A3A;
+  --color-sentiment-interactive-primary-active: #022626;
+  --color-sentiment-interactive-secondary: #E0F7F7;
+  --color-sentiment-interactive-secondary-hover: #CAF1F1;
+  --color-sentiment-interactive-secondary-active: #B6ECEC;
+  --color-sentiment-interactive-secondary-neutral: #B4D5D5;
+  --color-sentiment-interactive-secondary-neutral-hover: #A3CCCC;
+  --color-sentiment-interactive-secondary-neutral-active: #9AC6C6;
+  --color-sentiment-interactive-control: #E0F7F7;
+  --color-sentiment-interactive-control-hover: #CAF1F1;
+  --color-sentiment-interactive-control-active: #B6ECEC;
+  --color-sentiment-background-surface: #E0F7F7;
+  --color-sentiment-background-surface-hover: #CAF1F1;
+  --color-sentiment-background-surface-active: #B6ECEC;
+  --color-sentiment-border-overlay: #0e0f0c4d;
+}
+
+.wds-sentiment-proposition-light-elevated {
+  --color-sentiment-content-primary: #FFFFFF;
+  --color-sentiment-content-primary-hover: #EAF9F9;
+  --color-sentiment-content-primary-active: #D5F4F4;
+  --color-sentiment-interactive-primary: #E0F7F7;
+  --color-sentiment-interactive-primary-hover: #CAF1F1;
+  --color-sentiment-interactive-primary-active: #B6ECEC;
+  --color-sentiment-interactive-secondary: #054D4D;
+  --color-sentiment-interactive-secondary-hover: #043A3A;
+  --color-sentiment-interactive-secondary-active: #022626;
+  --color-sentiment-interactive-secondary-neutral: #1F6161;
+  --color-sentiment-interactive-secondary-neutral-hover: #247070;
+  --color-sentiment-interactive-secondary-neutral-active: #298080;
+  --color-sentiment-interactive-control: #054D4D;
+  --color-sentiment-interactive-control-hover: #043A3A;
+  --color-sentiment-interactive-control-active: #022626;
+  --color-sentiment-background-surface: #054D4D;
+  --color-sentiment-background-surface-hover: #043A3A;
+  --color-sentiment-background-surface-active: #022626;
+  --color-sentiment-border-overlay: #ffffff4d;
+}
+
+.wds-sentiment-success-light-base {
+  --color-sentiment-content-primary: #054D28;
+  --color-sentiment-content-primary-hover: #043A1E;
+  --color-sentiment-content-primary-active: #022614;
+  --color-sentiment-interactive-primary: #054D28;
+  --color-sentiment-interactive-primary-hover: #043A1E;
+  --color-sentiment-interactive-primary-active: #022614;
+  --color-sentiment-interactive-secondary: #E2F6D5;
+  --color-sentiment-interactive-secondary-hover: #D3F2C0;
+  --color-sentiment-interactive-secondary-active: #C5EDAB;
+  --color-sentiment-interactive-secondary-neutral: #BCD9B8;
+  --color-sentiment-interactive-secondary-neutral-hover: #AACFA5;
+  --color-sentiment-interactive-secondary-neutral-active: #94C38E;
+  --color-sentiment-interactive-control: #E2F6D5;
+  --color-sentiment-interactive-control-hover: #D3F2C0;
+  --color-sentiment-interactive-control-active: #C5EDAB;
+  --color-sentiment-background-surface: #E2F6D5;
+  --color-sentiment-background-surface-hover: #D3F2C0;
+  --color-sentiment-background-surface-active: #C5EDAB;
+  --color-sentiment-border-overlay: #054d284d;
+}
+
+.wds-sentiment-success-light-elevated {
+  --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: #cef1b84d;
+}
+
+.wds-sentiment-warning-light-base {
+  --color-sentiment-content-primary: #4A3B1C;
+  --color-sentiment-content-primary-hover: #302612;
+  --color-sentiment-content-primary-active: #2C2311;
+  --color-sentiment-interactive-primary: #FFD11A;
+  --color-sentiment-interactive-primary-hover: #FFBF0F;
+  --color-sentiment-interactive-primary-active: #FFBB00;
+  --color-sentiment-interactive-secondary: #FFF7D7;
+  --color-sentiment-interactive-secondary-hover: #FFF0B2;
+  --color-sentiment-interactive-secondary-active: #FFE98F;
+  --color-sentiment-interactive-secondary-neutral: #FFEC9E;
+  --color-sentiment-interactive-secondary-neutral-hover: #FFE187;
+  --color-sentiment-interactive-secondary-neutral-active: #FFD55F;
+  --color-sentiment-interactive-control: #4A3B1C;
+  --color-sentiment-interactive-control-hover: #302612;
+  --color-sentiment-interactive-control-active: #2C2311;
+  --color-sentiment-background-surface: #FFF7D7;
+  --color-sentiment-background-surface-hover: #FFF0B2;
+  --color-sentiment-background-surface-active: #FFE98F;
+  --color-sentiment-border-overlay: #4a3b1c4d;
+}
+
+.wds-sentiment-warning-light-elevated {
+  --color-sentiment-content-primary: #4A3B1C;
+  --color-sentiment-content-primary-hover: #302612;
+  --color-sentiment-content-primary-active: #2C2311;
+  --color-sentiment-interactive-primary: #4A3B1C;
+  --color-sentiment-interactive-primary-hover: #302612;
+  --color-sentiment-interactive-primary-active: #2C2311;
+  --color-sentiment-interactive-secondary: #FFD11A;
+  --color-sentiment-interactive-secondary-hover: #FFBF0F;
+  --color-sentiment-interactive-secondary-active: #FFBB00;
+  --color-sentiment-interactive-secondary-neutral: #FFEC9E;
+  --color-sentiment-interactive-secondary-neutral-hover: #FFEDB8;
+  --color-sentiment-interactive-secondary-neutral-active: #FFF2CC;
+  --color-sentiment-interactive-control: #FFD11A;
+  --color-sentiment-interactive-control-hover: #FFBF0F;
+  --color-sentiment-interactive-control-active: #FFBB00;
+  --color-sentiment-background-surface: #FFD11A;
+  --color-sentiment-background-surface-hover: #FFBF0F;
+  --color-sentiment-background-surface-active: #FFBB00;
+  --color-sentiment-border-overlay: #4a3b1c4d;
+}
+
+.wds-sentiment-negative-dark-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;
+  --color-sentiment-border-overlay: #ffa8ad4d;
+}
+
+.wds-sentiment-negative-dark-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: #410b0d4d;
+}
+
+.wds-sentiment-neutral-dark-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: #ffffff1a;
+  --color-sentiment-interactive-secondary-hover: #ffffff33;
+  --color-sentiment-interactive-secondary-active: #ffffff4d;
+  --color-sentiment-interactive-secondary-neutral: #ffffff1a;
+  --color-sentiment-interactive-secondary-neutral-hover: #ffffff33;
+  --color-sentiment-interactive-secondary-neutral-active: #ffffff4d;
+  --color-sentiment-interactive-control: #2A2C29;
+  --color-sentiment-interactive-control-hover: #414441;
+  --color-sentiment-interactive-control-active: #595B58;
+  --color-sentiment-background-surface: #ffffff1a;
+  --color-sentiment-background-surface-hover: #ffffff33;
+  --color-sentiment-background-surface-active: #ffffff4d;
+  --color-sentiment-border-overlay: #f1f1ed4d;
+}
+
+.wds-sentiment-neutral-dark-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: #2a2c294d;
+}
+
+.wds-sentiment-proposition-dark-base {
+  --color-sentiment-content-primary: #FFFFFF;
+  --color-sentiment-content-primary-hover: #EAF9F9;
+  --color-sentiment-content-primary-active: #D5F4F4;
+  --color-sentiment-interactive-primary: #E0F7F7;
+  --color-sentiment-interactive-primary-hover: #CAF1F1;
+  --color-sentiment-interactive-primary-active: #B6ECEC;
+  --color-sentiment-interactive-secondary: #054D4D;
+  --color-sentiment-interactive-secondary-hover: #043A3A;
+  --color-sentiment-interactive-secondary-active: #022626;
+  --color-sentiment-interactive-secondary-neutral: #1F6161;
+  --color-sentiment-interactive-secondary-neutral-hover: #247070;
+  --color-sentiment-interactive-secondary-neutral-active: #298080;
+  --color-sentiment-interactive-control: #054D4D;
+  --color-sentiment-interactive-control-hover: #043A3A;
+  --color-sentiment-interactive-control-active: #022626;
+  --color-sentiment-background-surface: #054D4D;
+  --color-sentiment-background-surface-hover: #043A3A;
+  --color-sentiment-background-surface-active: #022626;
+  --color-sentiment-border-overlay: #ffffff4d;
+}
+
+.wds-sentiment-proposition-dark-elevated {
+  --color-sentiment-content-primary: #0E0F0C;
+  --color-sentiment-content-primary-hover: #0A2826;
+  --color-sentiment-content-primary-active: #074140;
+  --color-sentiment-interactive-primary: #0B312F;
+  --color-sentiment-interactive-primary-hover: #104744;
+  --color-sentiment-interactive-primary-active: #16605C;
+  --color-sentiment-interactive-secondary: #E0F7F7;
+  --color-sentiment-interactive-secondary-hover: #CAF1F1;
+  --color-sentiment-interactive-secondary-active: #B6ECEC;
+  --color-sentiment-interactive-secondary-neutral: #B4D5D5;
+  --color-sentiment-interactive-secondary-neutral-hover: #A3CCCC;
+  --color-sentiment-interactive-secondary-neutral-active: #9AC6C6;
+  --color-sentiment-interactive-control: #E0F7F7;
+  --color-sentiment-interactive-control-hover: #CAF1F1;
+  --color-sentiment-interactive-control-active: #B6ECEC;
+  --color-sentiment-background-surface: #E0F7F7;
+  --color-sentiment-background-surface-hover: #CAF1F1;
+  --color-sentiment-background-surface-active: #B6ECEC;
+  --color-sentiment-border-overlay: #0e0f0c4d;
+}
+
+.wds-sentiment-success-dark-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;
+  --color-sentiment-border-overlay: #cef1b84d;
+}
+
+.wds-sentiment-success-dark-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: #252c204d;
+}
+
+.wds-sentiment-warning-dark-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;
+  --color-sentiment-border-overlay: #fadc654d;
+}
+
+.wds-sentiment-warning-dark-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: #3a35234d;
+}

package/sentiment/success/dark/base.css

@@ -0,0 +1,26 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ * Generated on Wed, 27 May 2026 15:50:11 GMT
+ */
+
+.wds-sentiment-success-dark-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;
+  --color-sentiment-border-overlay: #cef1b84d;
+}

package/sentiment/success/dark/base.less

@@ -0,0 +1,26 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ * Generated on Wed, 27 May 2026 15:50:11 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: #cef1b84d;
+}

package/sentiment/success/dark/elevated.css

@@ -0,0 +1,26 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ * Generated on Wed, 27 May 2026 15:50:11 GMT
+ */
+
+.wds-sentiment-success-dark-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: #252c204d;
+}

package/sentiment/success/dark/elevated.less

@@ -0,0 +1,26 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ * Generated on Wed, 27 May 2026 15:50:11 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: #252c204d;
+}

package/sentiment/success/light/base.css

@@ -0,0 +1,26 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ * Generated on Wed, 27 May 2026 15:50:11 GMT
+ */
+
+.wds-sentiment-success-light-base {
+  --color-sentiment-content-primary: #054D28;
+  --color-sentiment-content-primary-hover: #043A1E;
+  --color-sentiment-content-primary-active: #022614;
+  --color-sentiment-interactive-primary: #054D28;
+  --color-sentiment-interactive-primary-hover: #043A1E;
+  --color-sentiment-interactive-primary-active: #022614;
+  --color-sentiment-interactive-secondary: #E2F6D5;
+  --color-sentiment-interactive-secondary-hover: #D3F2C0;
+  --color-sentiment-interactive-secondary-active: #C5EDAB;
+  --color-sentiment-interactive-secondary-neutral: #BCD9B8;
+  --color-sentiment-interactive-secondary-neutral-hover: #AACFA5;
+  --color-sentiment-interactive-secondary-neutral-active: #94C38E;
+  --color-sentiment-interactive-control: #E2F6D5;
+  --color-sentiment-interactive-control-hover: #D3F2C0;
+  --color-sentiment-interactive-control-active: #C5EDAB;
+  --color-sentiment-background-surface: #E2F6D5;
+  --color-sentiment-background-surface-hover: #D3F2C0;
+  --color-sentiment-background-surface-active: #C5EDAB;
+  --color-sentiment-border-overlay: #054d284d;
+}