@transferwise/components 0.0.0-experimental-4af0102 → 0.0.0-experimental-1495b7c

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/build/main.css +36 -36
  2. package/build/styles/main.css +36 -36
  3. package/build/styles/sentimentSurface/SentimentSurface.css +36 -36
  4. package/package.json +1 -1
  5. package/src/main.css +36 -36
  6. package/src/sentimentSurface/SentimentSurface.css +36 -36
  7. package/src/sentimentSurface/SentimentSurface.less +12 -12
package/build/main.css CHANGED
@@ -226,12 +226,12 @@
226
226
  .np-theme-platform.wds-sentiment-surface-success-elevated,
227
227
  .np-theme-personal--bright-green.wds-sentiment-surface-success-elevated,
228
228
  .np-theme-business--bright-green.wds-sentiment-surface-success-elevated {
229
- --color-sentiment-content-primary: #E2F6D5;
230
- --color-sentiment-content-primary-hover: #D3F2C0;
231
- --color-sentiment-content-primary-active: #C5EDAB;
232
- --color-sentiment-interactive-primary: #E2F6D5;
233
- --color-sentiment-interactive-primary-hover: #D3F2C0;
234
- --color-sentiment-interactive-primary-active: #C5EDAB;
229
+ --color-sentiment-content-primary: #CEF1B8;
230
+ --color-sentiment-content-primary-hover: #E0FFCC;
231
+ --color-sentiment-content-primary-active: #E1F4D4;
232
+ --color-sentiment-interactive-primary: #CEF1B8;
233
+ --color-sentiment-interactive-primary-hover: #E0FFCC;
234
+ --color-sentiment-interactive-primary-active: #E1F4D4;
235
235
  --color-sentiment-interactive-secondary: #054D28;
236
236
  --color-sentiment-interactive-secondary-hover: #043A1E;
237
237
  --color-sentiment-interactive-secondary-active: #022614;
@@ -250,24 +250,24 @@
250
250
  .np-theme-personal--forest-green.wds-sentiment-surface-success-base,
251
251
  .np-theme-business--forest-green.wds-sentiment-surface-success-base,
252
252
  .np-theme-platform--forest-green.wds-sentiment-surface-success-base {
253
- --color-sentiment-content-primary: #BAE5A0;
254
- --color-sentiment-content-primary-hover: #C8EAB3;
255
- --color-sentiment-content-primary-active: #D6F0C7;
256
- --color-sentiment-interactive-primary: #BAE5A0;
257
- --color-sentiment-interactive-primary-hover: #C8EAB3;
258
- --color-sentiment-interactive-primary-active: #D6F0C7;
259
- --color-sentiment-interactive-secondary: #252C20;
260
- --color-sentiment-interactive-secondary-hover: #323B2B;
261
- --color-sentiment-interactive-secondary-active: #3E4A36;
262
- --color-sentiment-interactive-secondary-neutral: #37422F;
263
- --color-sentiment-interactive-secondary-neutral-hover: #46533B;
264
- --color-sentiment-interactive-secondary-neutral-active: #546548;
265
- --color-sentiment-interactive-control: #252C20;
266
- --color-sentiment-interactive-control-hover: #323B2B;
267
- --color-sentiment-interactive-control-active: #3E4A36;
268
- --color-sentiment-background-surface: #252C20;
269
- --color-sentiment-background-surface-hover: #323B2B;
270
- --color-sentiment-background-surface-active: #3E4A36;
253
+ --color-sentiment-content-primary: #CEF1B8;
254
+ --color-sentiment-content-primary-hover: #E0FFCC;
255
+ --color-sentiment-content-primary-active: #E1F4D4;
256
+ --color-sentiment-interactive-primary: #CEF1B8;
257
+ --color-sentiment-interactive-primary-hover: #E0FFCC;
258
+ --color-sentiment-interactive-primary-active: #E1F4D4;
259
+ --color-sentiment-interactive-secondary: #054D28;
260
+ --color-sentiment-interactive-secondary-hover: #043A1E;
261
+ --color-sentiment-interactive-secondary-active: #022614;
262
+ --color-sentiment-interactive-secondary-neutral: #256A43;
263
+ --color-sentiment-interactive-secondary-neutral-hover: #2A794C;
264
+ --color-sentiment-interactive-secondary-neutral-active: #329057;
265
+ --color-sentiment-interactive-control: #054D28;
266
+ --color-sentiment-interactive-control-hover: #043A1E;
267
+ --color-sentiment-interactive-control-active: #022614;
268
+ --color-sentiment-background-surface: #054D28;
269
+ --color-sentiment-background-surface-hover: #043A1E;
270
+ --color-sentiment-background-surface-active: #022614;
271
271
  }
272
272
  .np-theme-personal--dark.wds-sentiment-surface-success-elevated,
273
273
  .np-theme-business--dark.wds-sentiment-surface-success-elevated,
@@ -448,18 +448,18 @@
448
448
  --color-sentiment-interactive-primary: #E0F7F7;
449
449
  --color-sentiment-interactive-primary-hover: #CAF1F1;
450
450
  --color-sentiment-interactive-primary-active: #B6ECEC;
451
- --color-sentiment-interactive-secondary: #0B312F;
452
- --color-sentiment-interactive-secondary-hover: #124F4C;
453
- --color-sentiment-interactive-secondary-active: #176460;
454
- --color-sentiment-interactive-secondary-neutral: #174E4D;
455
- --color-sentiment-interactive-secondary-neutral-hover: #1D6261;
456
- --color-sentiment-interactive-secondary-neutral-active: #237675;
457
- --color-sentiment-interactive-control: #0B312F;
458
- --color-sentiment-interactive-control-hover: #124F4C;
459
- --color-sentiment-interactive-control-active: #176460;
460
- --color-sentiment-background-surface: #0B312F;
461
- --color-sentiment-background-surface-hover: #124F4C;
462
- --color-sentiment-background-surface-active: #176460;
451
+ --color-sentiment-interactive-secondary: #054D4D;
452
+ --color-sentiment-interactive-secondary-hover: #043A3A;
453
+ --color-sentiment-interactive-secondary-active: #022626;
454
+ --color-sentiment-interactive-secondary-neutral: #1F6161;
455
+ --color-sentiment-interactive-secondary-neutral-hover: #247070;
456
+ --color-sentiment-interactive-secondary-neutral-active: #298080;
457
+ --color-sentiment-interactive-control: #054D4D;
458
+ --color-sentiment-interactive-control-hover: #043A3A;
459
+ --color-sentiment-interactive-control-active: #022626;
460
+ --color-sentiment-background-surface: #054D4D;
461
+ --color-sentiment-background-surface-hover: #043A3A;
462
+ --color-sentiment-background-surface-active: #022626;
463
463
  }
464
464
  .np-theme-personal--dark.wds-sentiment-surface-proposition-elevated,
465
465
  .np-theme-business--dark.wds-sentiment-surface-proposition-elevated,
package/build/styles/main.css CHANGED
@@ -226,12 +226,12 @@
226
226
  .np-theme-platform.wds-sentiment-surface-success-elevated,
227
227
  .np-theme-personal--bright-green.wds-sentiment-surface-success-elevated,
228
228
  .np-theme-business--bright-green.wds-sentiment-surface-success-elevated {
229
- --color-sentiment-content-primary: #E2F6D5;
230
- --color-sentiment-content-primary-hover: #D3F2C0;
231
- --color-sentiment-content-primary-active: #C5EDAB;
232
- --color-sentiment-interactive-primary: #E2F6D5;
233
- --color-sentiment-interactive-primary-hover: #D3F2C0;
234
- --color-sentiment-interactive-primary-active: #C5EDAB;
229
+ --color-sentiment-content-primary: #CEF1B8;
230
+ --color-sentiment-content-primary-hover: #E0FFCC;
231
+ --color-sentiment-content-primary-active: #E1F4D4;
232
+ --color-sentiment-interactive-primary: #CEF1B8;
233
+ --color-sentiment-interactive-primary-hover: #E0FFCC;
234
+ --color-sentiment-interactive-primary-active: #E1F4D4;
235
235
  --color-sentiment-interactive-secondary: #054D28;
236
236
  --color-sentiment-interactive-secondary-hover: #043A1E;
237
237
  --color-sentiment-interactive-secondary-active: #022614;
@@ -250,24 +250,24 @@
250
250
  .np-theme-personal--forest-green.wds-sentiment-surface-success-base,
251
251
  .np-theme-business--forest-green.wds-sentiment-surface-success-base,
252
252
  .np-theme-platform--forest-green.wds-sentiment-surface-success-base {
253
- --color-sentiment-content-primary: #BAE5A0;
254
- --color-sentiment-content-primary-hover: #C8EAB3;
255
- --color-sentiment-content-primary-active: #D6F0C7;
256
- --color-sentiment-interactive-primary: #BAE5A0;
257
- --color-sentiment-interactive-primary-hover: #C8EAB3;
258
- --color-sentiment-interactive-primary-active: #D6F0C7;
259
- --color-sentiment-interactive-secondary: #252C20;
260
- --color-sentiment-interactive-secondary-hover: #323B2B;
261
- --color-sentiment-interactive-secondary-active: #3E4A36;
262
- --color-sentiment-interactive-secondary-neutral: #37422F;
263
- --color-sentiment-interactive-secondary-neutral-hover: #46533B;
264
- --color-sentiment-interactive-secondary-neutral-active: #546548;
265
- --color-sentiment-interactive-control: #252C20;
266
- --color-sentiment-interactive-control-hover: #323B2B;
267
- --color-sentiment-interactive-control-active: #3E4A36;
268
- --color-sentiment-background-surface: #252C20;
269
- --color-sentiment-background-surface-hover: #323B2B;
270
- --color-sentiment-background-surface-active: #3E4A36;
253
+ --color-sentiment-content-primary: #CEF1B8;
254
+ --color-sentiment-content-primary-hover: #E0FFCC;
255
+ --color-sentiment-content-primary-active: #E1F4D4;
256
+ --color-sentiment-interactive-primary: #CEF1B8;
257
+ --color-sentiment-interactive-primary-hover: #E0FFCC;
258
+ --color-sentiment-interactive-primary-active: #E1F4D4;
259
+ --color-sentiment-interactive-secondary: #054D28;
260
+ --color-sentiment-interactive-secondary-hover: #043A1E;
261
+ --color-sentiment-interactive-secondary-active: #022614;
262
+ --color-sentiment-interactive-secondary-neutral: #256A43;
263
+ --color-sentiment-interactive-secondary-neutral-hover: #2A794C;
264
+ --color-sentiment-interactive-secondary-neutral-active: #329057;
265
+ --color-sentiment-interactive-control: #054D28;
266
+ --color-sentiment-interactive-control-hover: #043A1E;
267
+ --color-sentiment-interactive-control-active: #022614;
268
+ --color-sentiment-background-surface: #054D28;
269
+ --color-sentiment-background-surface-hover: #043A1E;
270
+ --color-sentiment-background-surface-active: #022614;
271
271
  }
272
272
  .np-theme-personal--dark.wds-sentiment-surface-success-elevated,
273
273
  .np-theme-business--dark.wds-sentiment-surface-success-elevated,
@@ -448,18 +448,18 @@
448
448
  --color-sentiment-interactive-primary: #E0F7F7;
449
449
  --color-sentiment-interactive-primary-hover: #CAF1F1;
450
450
  --color-sentiment-interactive-primary-active: #B6ECEC;
451
- --color-sentiment-interactive-secondary: #0B312F;
452
- --color-sentiment-interactive-secondary-hover: #124F4C;
453
- --color-sentiment-interactive-secondary-active: #176460;
454
- --color-sentiment-interactive-secondary-neutral: #174E4D;
455
- --color-sentiment-interactive-secondary-neutral-hover: #1D6261;
456
- --color-sentiment-interactive-secondary-neutral-active: #237675;
457
- --color-sentiment-interactive-control: #0B312F;
458
- --color-sentiment-interactive-control-hover: #124F4C;
459
- --color-sentiment-interactive-control-active: #176460;
460
- --color-sentiment-background-surface: #0B312F;
461
- --color-sentiment-background-surface-hover: #124F4C;
462
- --color-sentiment-background-surface-active: #176460;
451
+ --color-sentiment-interactive-secondary: #054D4D;
452
+ --color-sentiment-interactive-secondary-hover: #043A3A;
453
+ --color-sentiment-interactive-secondary-active: #022626;
454
+ --color-sentiment-interactive-secondary-neutral: #1F6161;
455
+ --color-sentiment-interactive-secondary-neutral-hover: #247070;
456
+ --color-sentiment-interactive-secondary-neutral-active: #298080;
457
+ --color-sentiment-interactive-control: #054D4D;
458
+ --color-sentiment-interactive-control-hover: #043A3A;
459
+ --color-sentiment-interactive-control-active: #022626;
460
+ --color-sentiment-background-surface: #054D4D;
461
+ --color-sentiment-background-surface-hover: #043A3A;
462
+ --color-sentiment-background-surface-active: #022626;
463
463
  }
464
464
  .np-theme-personal--dark.wds-sentiment-surface-proposition-elevated,
465
465
  .np-theme-business--dark.wds-sentiment-surface-proposition-elevated,
package/build/styles/sentimentSurface/SentimentSurface.css CHANGED
@@ -226,12 +226,12 @@
226
226
  .np-theme-platform.wds-sentiment-surface-success-elevated,
227
227
  .np-theme-personal--bright-green.wds-sentiment-surface-success-elevated,
228
228
  .np-theme-business--bright-green.wds-sentiment-surface-success-elevated {
229
- --color-sentiment-content-primary: #E2F6D5;
230
- --color-sentiment-content-primary-hover: #D3F2C0;
231
- --color-sentiment-content-primary-active: #C5EDAB;
232
- --color-sentiment-interactive-primary: #E2F6D5;
233
- --color-sentiment-interactive-primary-hover: #D3F2C0;
234
- --color-sentiment-interactive-primary-active: #C5EDAB;
229
+ --color-sentiment-content-primary: #CEF1B8;
230
+ --color-sentiment-content-primary-hover: #E0FFCC;
231
+ --color-sentiment-content-primary-active: #E1F4D4;
232
+ --color-sentiment-interactive-primary: #CEF1B8;
233
+ --color-sentiment-interactive-primary-hover: #E0FFCC;
234
+ --color-sentiment-interactive-primary-active: #E1F4D4;
235
235
  --color-sentiment-interactive-secondary: #054D28;
236
236
  --color-sentiment-interactive-secondary-hover: #043A1E;
237
237
  --color-sentiment-interactive-secondary-active: #022614;
@@ -250,24 +250,24 @@
250
250
  .np-theme-personal--forest-green.wds-sentiment-surface-success-base,
251
251
  .np-theme-business--forest-green.wds-sentiment-surface-success-base,
252
252
  .np-theme-platform--forest-green.wds-sentiment-surface-success-base {
253
- --color-sentiment-content-primary: #BAE5A0;
254
- --color-sentiment-content-primary-hover: #C8EAB3;
255
- --color-sentiment-content-primary-active: #D6F0C7;
256
- --color-sentiment-interactive-primary: #BAE5A0;
257
- --color-sentiment-interactive-primary-hover: #C8EAB3;
258
- --color-sentiment-interactive-primary-active: #D6F0C7;
259
- --color-sentiment-interactive-secondary: #252C20;
260
- --color-sentiment-interactive-secondary-hover: #323B2B;
261
- --color-sentiment-interactive-secondary-active: #3E4A36;
262
- --color-sentiment-interactive-secondary-neutral: #37422F;
263
- --color-sentiment-interactive-secondary-neutral-hover: #46533B;
264
- --color-sentiment-interactive-secondary-neutral-active: #546548;
265
- --color-sentiment-interactive-control: #252C20;
266
- --color-sentiment-interactive-control-hover: #323B2B;
267
- --color-sentiment-interactive-control-active: #3E4A36;
268
- --color-sentiment-background-surface: #252C20;
269
- --color-sentiment-background-surface-hover: #323B2B;
270
- --color-sentiment-background-surface-active: #3E4A36;
253
+ --color-sentiment-content-primary: #CEF1B8;
254
+ --color-sentiment-content-primary-hover: #E0FFCC;
255
+ --color-sentiment-content-primary-active: #E1F4D4;
256
+ --color-sentiment-interactive-primary: #CEF1B8;
257
+ --color-sentiment-interactive-primary-hover: #E0FFCC;
258
+ --color-sentiment-interactive-primary-active: #E1F4D4;
259
+ --color-sentiment-interactive-secondary: #054D28;
260
+ --color-sentiment-interactive-secondary-hover: #043A1E;
261
+ --color-sentiment-interactive-secondary-active: #022614;
262
+ --color-sentiment-interactive-secondary-neutral: #256A43;
263
+ --color-sentiment-interactive-secondary-neutral-hover: #2A794C;
264
+ --color-sentiment-interactive-secondary-neutral-active: #329057;
265
+ --color-sentiment-interactive-control: #054D28;
266
+ --color-sentiment-interactive-control-hover: #043A1E;
267
+ --color-sentiment-interactive-control-active: #022614;
268
+ --color-sentiment-background-surface: #054D28;
269
+ --color-sentiment-background-surface-hover: #043A1E;
270
+ --color-sentiment-background-surface-active: #022614;
271
271
  }
272
272
  .np-theme-personal--dark.wds-sentiment-surface-success-elevated,
273
273
  .np-theme-business--dark.wds-sentiment-surface-success-elevated,
@@ -448,18 +448,18 @@
448
448
  --color-sentiment-interactive-primary: #E0F7F7;
449
449
  --color-sentiment-interactive-primary-hover: #CAF1F1;
450
450
  --color-sentiment-interactive-primary-active: #B6ECEC;
451
- --color-sentiment-interactive-secondary: #0B312F;
452
- --color-sentiment-interactive-secondary-hover: #124F4C;
453
- --color-sentiment-interactive-secondary-active: #176460;
454
- --color-sentiment-interactive-secondary-neutral: #174E4D;
455
- --color-sentiment-interactive-secondary-neutral-hover: #1D6261;
456
- --color-sentiment-interactive-secondary-neutral-active: #237675;
457
- --color-sentiment-interactive-control: #0B312F;
458
- --color-sentiment-interactive-control-hover: #124F4C;
459
- --color-sentiment-interactive-control-active: #176460;
460
- --color-sentiment-background-surface: #0B312F;
461
- --color-sentiment-background-surface-hover: #124F4C;
462
- --color-sentiment-background-surface-active: #176460;
451
+ --color-sentiment-interactive-secondary: #054D4D;
452
+ --color-sentiment-interactive-secondary-hover: #043A3A;
453
+ --color-sentiment-interactive-secondary-active: #022626;
454
+ --color-sentiment-interactive-secondary-neutral: #1F6161;
455
+ --color-sentiment-interactive-secondary-neutral-hover: #247070;
456
+ --color-sentiment-interactive-secondary-neutral-active: #298080;
457
+ --color-sentiment-interactive-control: #054D4D;
458
+ --color-sentiment-interactive-control-hover: #043A3A;
459
+ --color-sentiment-interactive-control-active: #022626;
460
+ --color-sentiment-background-surface: #054D4D;
461
+ --color-sentiment-background-surface-hover: #043A3A;
462
+ --color-sentiment-background-surface-active: #022626;
463
463
  }
464
464
  .np-theme-personal--dark.wds-sentiment-surface-proposition-elevated,
465
465
  .np-theme-business--dark.wds-sentiment-surface-proposition-elevated,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@transferwise/components",
3
- "version": "0.0.0-experimental-4af0102",
3
+ "version": "0.0.0-experimental-1495b7c",
4
4
  "description": "Neptune React components",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
package/src/main.css CHANGED
@@ -226,12 +226,12 @@
226
226
  .np-theme-platform.wds-sentiment-surface-success-elevated,
227
227
  .np-theme-personal--bright-green.wds-sentiment-surface-success-elevated,
228
228
  .np-theme-business--bright-green.wds-sentiment-surface-success-elevated {
229
- --color-sentiment-content-primary: #E2F6D5;
230
- --color-sentiment-content-primary-hover: #D3F2C0;
231
- --color-sentiment-content-primary-active: #C5EDAB;
232
- --color-sentiment-interactive-primary: #E2F6D5;
233
- --color-sentiment-interactive-primary-hover: #D3F2C0;
234
- --color-sentiment-interactive-primary-active: #C5EDAB;
229
+ --color-sentiment-content-primary: #CEF1B8;
230
+ --color-sentiment-content-primary-hover: #E0FFCC;
231
+ --color-sentiment-content-primary-active: #E1F4D4;
232
+ --color-sentiment-interactive-primary: #CEF1B8;
233
+ --color-sentiment-interactive-primary-hover: #E0FFCC;
234
+ --color-sentiment-interactive-primary-active: #E1F4D4;
235
235
  --color-sentiment-interactive-secondary: #054D28;
236
236
  --color-sentiment-interactive-secondary-hover: #043A1E;
237
237
  --color-sentiment-interactive-secondary-active: #022614;
@@ -250,24 +250,24 @@
250
250
  .np-theme-personal--forest-green.wds-sentiment-surface-success-base,
251
251
  .np-theme-business--forest-green.wds-sentiment-surface-success-base,
252
252
  .np-theme-platform--forest-green.wds-sentiment-surface-success-base {
253
- --color-sentiment-content-primary: #BAE5A0;
254
- --color-sentiment-content-primary-hover: #C8EAB3;
255
- --color-sentiment-content-primary-active: #D6F0C7;
256
- --color-sentiment-interactive-primary: #BAE5A0;
257
- --color-sentiment-interactive-primary-hover: #C8EAB3;
258
- --color-sentiment-interactive-primary-active: #D6F0C7;
259
- --color-sentiment-interactive-secondary: #252C20;
260
- --color-sentiment-interactive-secondary-hover: #323B2B;
261
- --color-sentiment-interactive-secondary-active: #3E4A36;
262
- --color-sentiment-interactive-secondary-neutral: #37422F;
263
- --color-sentiment-interactive-secondary-neutral-hover: #46533B;
264
- --color-sentiment-interactive-secondary-neutral-active: #546548;
265
- --color-sentiment-interactive-control: #252C20;
266
- --color-sentiment-interactive-control-hover: #323B2B;
267
- --color-sentiment-interactive-control-active: #3E4A36;
268
- --color-sentiment-background-surface: #252C20;
269
- --color-sentiment-background-surface-hover: #323B2B;
270
- --color-sentiment-background-surface-active: #3E4A36;
253
+ --color-sentiment-content-primary: #CEF1B8;
254
+ --color-sentiment-content-primary-hover: #E0FFCC;
255
+ --color-sentiment-content-primary-active: #E1F4D4;
256
+ --color-sentiment-interactive-primary: #CEF1B8;
257
+ --color-sentiment-interactive-primary-hover: #E0FFCC;
258
+ --color-sentiment-interactive-primary-active: #E1F4D4;
259
+ --color-sentiment-interactive-secondary: #054D28;
260
+ --color-sentiment-interactive-secondary-hover: #043A1E;
261
+ --color-sentiment-interactive-secondary-active: #022614;
262
+ --color-sentiment-interactive-secondary-neutral: #256A43;
263
+ --color-sentiment-interactive-secondary-neutral-hover: #2A794C;
264
+ --color-sentiment-interactive-secondary-neutral-active: #329057;
265
+ --color-sentiment-interactive-control: #054D28;
266
+ --color-sentiment-interactive-control-hover: #043A1E;
267
+ --color-sentiment-interactive-control-active: #022614;
268
+ --color-sentiment-background-surface: #054D28;
269
+ --color-sentiment-background-surface-hover: #043A1E;
270
+ --color-sentiment-background-surface-active: #022614;
271
271
  }
272
272
  .np-theme-personal--dark.wds-sentiment-surface-success-elevated,
273
273
  .np-theme-business--dark.wds-sentiment-surface-success-elevated,
@@ -448,18 +448,18 @@
448
448
  --color-sentiment-interactive-primary: #E0F7F7;
449
449
  --color-sentiment-interactive-primary-hover: #CAF1F1;
450
450
  --color-sentiment-interactive-primary-active: #B6ECEC;
451
- --color-sentiment-interactive-secondary: #0B312F;
452
- --color-sentiment-interactive-secondary-hover: #124F4C;
453
- --color-sentiment-interactive-secondary-active: #176460;
454
- --color-sentiment-interactive-secondary-neutral: #174E4D;
455
- --color-sentiment-interactive-secondary-neutral-hover: #1D6261;
456
- --color-sentiment-interactive-secondary-neutral-active: #237675;
457
- --color-sentiment-interactive-control: #0B312F;
458
- --color-sentiment-interactive-control-hover: #124F4C;
459
- --color-sentiment-interactive-control-active: #176460;
460
- --color-sentiment-background-surface: #0B312F;
461
- --color-sentiment-background-surface-hover: #124F4C;
462
- --color-sentiment-background-surface-active: #176460;
451
+ --color-sentiment-interactive-secondary: #054D4D;
452
+ --color-sentiment-interactive-secondary-hover: #043A3A;
453
+ --color-sentiment-interactive-secondary-active: #022626;
454
+ --color-sentiment-interactive-secondary-neutral: #1F6161;
455
+ --color-sentiment-interactive-secondary-neutral-hover: #247070;
456
+ --color-sentiment-interactive-secondary-neutral-active: #298080;
457
+ --color-sentiment-interactive-control: #054D4D;
458
+ --color-sentiment-interactive-control-hover: #043A3A;
459
+ --color-sentiment-interactive-control-active: #022626;
460
+ --color-sentiment-background-surface: #054D4D;
461
+ --color-sentiment-background-surface-hover: #043A3A;
462
+ --color-sentiment-background-surface-active: #022626;
463
463
  }
464
464
  .np-theme-personal--dark.wds-sentiment-surface-proposition-elevated,
465
465
  .np-theme-business--dark.wds-sentiment-surface-proposition-elevated,
package/src/sentimentSurface/SentimentSurface.css CHANGED
@@ -226,12 +226,12 @@
226
226
  .np-theme-platform.wds-sentiment-surface-success-elevated,
227
227
  .np-theme-personal--bright-green.wds-sentiment-surface-success-elevated,
228
228
  .np-theme-business--bright-green.wds-sentiment-surface-success-elevated {
229
- --color-sentiment-content-primary: #E2F6D5;
230
- --color-sentiment-content-primary-hover: #D3F2C0;
231
- --color-sentiment-content-primary-active: #C5EDAB;
232
- --color-sentiment-interactive-primary: #E2F6D5;
233
- --color-sentiment-interactive-primary-hover: #D3F2C0;
234
- --color-sentiment-interactive-primary-active: #C5EDAB;
229
+ --color-sentiment-content-primary: #CEF1B8;
230
+ --color-sentiment-content-primary-hover: #E0FFCC;
231
+ --color-sentiment-content-primary-active: #E1F4D4;
232
+ --color-sentiment-interactive-primary: #CEF1B8;
233
+ --color-sentiment-interactive-primary-hover: #E0FFCC;
234
+ --color-sentiment-interactive-primary-active: #E1F4D4;
235
235
  --color-sentiment-interactive-secondary: #054D28;
236
236
  --color-sentiment-interactive-secondary-hover: #043A1E;
237
237
  --color-sentiment-interactive-secondary-active: #022614;
@@ -250,24 +250,24 @@
250
250
  .np-theme-personal--forest-green.wds-sentiment-surface-success-base,
251
251
  .np-theme-business--forest-green.wds-sentiment-surface-success-base,
252
252
  .np-theme-platform--forest-green.wds-sentiment-surface-success-base {
253
- --color-sentiment-content-primary: #BAE5A0;
254
- --color-sentiment-content-primary-hover: #C8EAB3;
255
- --color-sentiment-content-primary-active: #D6F0C7;
256
- --color-sentiment-interactive-primary: #BAE5A0;
257
- --color-sentiment-interactive-primary-hover: #C8EAB3;
258
- --color-sentiment-interactive-primary-active: #D6F0C7;
259
- --color-sentiment-interactive-secondary: #252C20;
260
- --color-sentiment-interactive-secondary-hover: #323B2B;
261
- --color-sentiment-interactive-secondary-active: #3E4A36;
262
- --color-sentiment-interactive-secondary-neutral: #37422F;
263
- --color-sentiment-interactive-secondary-neutral-hover: #46533B;
264
- --color-sentiment-interactive-secondary-neutral-active: #546548;
265
- --color-sentiment-interactive-control: #252C20;
266
- --color-sentiment-interactive-control-hover: #323B2B;
267
- --color-sentiment-interactive-control-active: #3E4A36;
268
- --color-sentiment-background-surface: #252C20;
269
- --color-sentiment-background-surface-hover: #323B2B;
270
- --color-sentiment-background-surface-active: #3E4A36;
253
+ --color-sentiment-content-primary: #CEF1B8;
254
+ --color-sentiment-content-primary-hover: #E0FFCC;
255
+ --color-sentiment-content-primary-active: #E1F4D4;
256
+ --color-sentiment-interactive-primary: #CEF1B8;
257
+ --color-sentiment-interactive-primary-hover: #E0FFCC;
258
+ --color-sentiment-interactive-primary-active: #E1F4D4;
259
+ --color-sentiment-interactive-secondary: #054D28;
260
+ --color-sentiment-interactive-secondary-hover: #043A1E;
261
+ --color-sentiment-interactive-secondary-active: #022614;
262
+ --color-sentiment-interactive-secondary-neutral: #256A43;
263
+ --color-sentiment-interactive-secondary-neutral-hover: #2A794C;
264
+ --color-sentiment-interactive-secondary-neutral-active: #329057;
265
+ --color-sentiment-interactive-control: #054D28;
266
+ --color-sentiment-interactive-control-hover: #043A1E;
267
+ --color-sentiment-interactive-control-active: #022614;
268
+ --color-sentiment-background-surface: #054D28;
269
+ --color-sentiment-background-surface-hover: #043A1E;
270
+ --color-sentiment-background-surface-active: #022614;
271
271
  }
272
272
  .np-theme-personal--dark.wds-sentiment-surface-success-elevated,
273
273
  .np-theme-business--dark.wds-sentiment-surface-success-elevated,
@@ -448,18 +448,18 @@
448
448
  --color-sentiment-interactive-primary: #E0F7F7;
449
449
  --color-sentiment-interactive-primary-hover: #CAF1F1;
450
450
  --color-sentiment-interactive-primary-active: #B6ECEC;
451
- --color-sentiment-interactive-secondary: #0B312F;
452
- --color-sentiment-interactive-secondary-hover: #124F4C;
453
- --color-sentiment-interactive-secondary-active: #176460;
454
- --color-sentiment-interactive-secondary-neutral: #174E4D;
455
- --color-sentiment-interactive-secondary-neutral-hover: #1D6261;
456
- --color-sentiment-interactive-secondary-neutral-active: #237675;
457
- --color-sentiment-interactive-control: #0B312F;
458
- --color-sentiment-interactive-control-hover: #124F4C;
459
- --color-sentiment-interactive-control-active: #176460;
460
- --color-sentiment-background-surface: #0B312F;
461
- --color-sentiment-background-surface-hover: #124F4C;
462
- --color-sentiment-background-surface-active: #176460;
451
+ --color-sentiment-interactive-secondary: #054D4D;
452
+ --color-sentiment-interactive-secondary-hover: #043A3A;
453
+ --color-sentiment-interactive-secondary-active: #022626;
454
+ --color-sentiment-interactive-secondary-neutral: #1F6161;
455
+ --color-sentiment-interactive-secondary-neutral-hover: #247070;
456
+ --color-sentiment-interactive-secondary-neutral-active: #298080;
457
+ --color-sentiment-interactive-control: #054D4D;
458
+ --color-sentiment-interactive-control-hover: #043A3A;
459
+ --color-sentiment-interactive-control-active: #022626;
460
+ --color-sentiment-background-surface: #054D4D;
461
+ --color-sentiment-background-surface-hover: #043A3A;
462
+ --color-sentiment-background-surface-active: #022626;
463
463
  }
464
464
  .np-theme-personal--dark.wds-sentiment-surface-proposition-elevated,
465
465
  .np-theme-business--dark.wds-sentiment-surface-proposition-elevated,
package/src/sentimentSurface/SentimentSurface.less CHANGED
@@ -133,8 +133,8 @@
133
133
  }
134
134
  &-elevated {
135
135
  .sentiment-surface-tokens(
136
- #E2F6D5, #D3F2C0, #C5EDAB, // content-primary
137
- #E2F6D5, #D3F2C0, #C5EDAB, // interactive-primary
136
+ #CEF1B8, #E0FFCC, #E1F4D4, // content-primary
137
+ #CEF1B8, #E0FFCC, #E1F4D4, // interactive-primary
138
138
  #054D28, #043A1E, #022614, // interactive-secondary
139
139
  #256A43, #2A794C, #329057, // interactive-secondary-neutral
140
140
  #054D28, #043A1E, #022614, // interactive-control
@@ -150,12 +150,12 @@
150
150
  .np-theme-platform--forest-green& {
151
151
  &-base {
152
152
  .sentiment-surface-tokens(
153
- #BAE5A0, #C8EAB3, #D6F0C7, // content-primary
154
- #BAE5A0, #C8EAB3, #D6F0C7, // interactive-primary
155
- #252C20, #323B2B, #3E4A36, // interactive-secondary
156
- #37422F, #46533B, #546548, // interactive-secondary-neutral
157
- #252C20, #323B2B, #3E4A36, // interactive-control
158
- #252C20, #323B2B, #3E4A36 // background-surface
153
+ #CEF1B8, #E0FFCC, #E1F4D4, // content-primary
154
+ #CEF1B8, #E0FFCC, #E1F4D4, // interactive-primary
155
+ #054D28, #043A1E, #022614, // interactive-secondary
156
+ #256A43, #2A794C, #329057, // interactive-secondary-neutral
157
+ #054D28, #043A1E, #022614, // interactive-control
158
+ #054D28, #043A1E, #022614 // background-surface
159
159
  );
160
160
  }
161
161
  &-elevated {
@@ -262,10 +262,10 @@
262
262
  .sentiment-surface-tokens(
263
263
  #FFFFFF, #EAF9F9, #D5F4F4, // content-primary
264
264
  #E0F7F7, #CAF1F1, #B6ECEC, // interactive-primary
265
- #0B312F, #124F4C, #176460, // interactive-secondary
266
- #174E4D, #1D6261, #237675, // interactive-secondary-neutral
267
- #0B312F, #124F4C, #176460, // interactive-control
268
- #0B312F, #124F4C, #176460 // background-surface
265
+ #054D4D, #043A3A, #022626, // interactive-secondary
266
+ #1F6161, #247070, #298080, // interactive-secondary-neutral
267
+ #054D4D, #043A3A, #022626, // interactive-control
268
+ #054D4D, #043A3A, #022626 // background-surface
269
269
  );
270
270
  }
271
271
  &-elevated {