@transferwise/neptune-css 14.22.0 → 14.24.0

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 (6) hide show
  1. package/dist/css/neptune-core.css +3 -0
  2. package/dist/css/neptune.css +99 -51
  3. package/dist/less/neptune-tokens.less +2 -2
  4. package/dist/props/neptune-tokens.css +1 -1
  5. package/package.json +9 -5
  6. package/src/less/core/_typography-utilities.less +4 -0
package/dist/css/neptune-core.css CHANGED
@@ -1865,6 +1865,9 @@ kbd kbd {
1865
1865
  .text-word-break {
1866
1866
  word-break: break-all;
1867
1867
  }
1868
+ .text-overflow-wrap {
1869
+ word-wrap: anywhere;
1870
+ }
1868
1871
  .font-weight-bold {
1869
1872
  font-weight: 700 !important;
1870
1873
  font-weight: var(--font-weight-bold) !important;
package/dist/css/neptune.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 14 Feb 2025 09:19:52 GMT
3
+ * Generated on Wed, 19 Mar 2025 12:17:18 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -143,7 +143,7 @@
143
143
 
144
144
  /**
145
145
  * Do not edit directly
146
- * Generated on Fri, 14 Feb 2025 09:19:52 GMT
146
+ * Generated on Wed, 19 Mar 2025 12:17:18 GMT
147
147
  */
148
148
 
149
149
  .np-theme-personal {
@@ -193,17 +193,28 @@
193
193
  --color-background-neutral-hover: rgba(22,51,0,0.12941);
194
194
  --color-background-neutral-active: rgba(22,51,0,0.18039);
195
195
  --color-background-overlay: rgba(22,51,0,0.07843);
196
- --color-sentiment-negative: #a8200d;
197
- --color-sentiment-negative-hover: #8e1b0b;
198
- --color-sentiment-negative-active: #761709;
199
- --color-sentiment-negative-primary: #a8200d;
200
- --color-sentiment-negative-primary-hover: #8e1b0b;
201
- --color-sentiment-negative-primary-active: #761709;
202
- --color-sentiment-negative-secondary: #fce4e3;
203
- --color-sentiment-negative-secondary-hover: #fbe0df;
204
- --color-sentiment-negative-secondary-active: #fbdbda;
196
+ --color-sentiment-negative: #cb272f;
197
+ --color-sentiment-negative-hover: #b8232b;
198
+ --color-sentiment-negative-active: #a72027;
199
+ --color-sentiment-negative-primary: #cb272f;
200
+ --color-sentiment-negative-primary-hover: #b8232b;
201
+ --color-sentiment-negative-primary-active: #a72027;
202
+ --color-sentiment-negative-secondary: #fbeaea;
203
+ --color-sentiment-negative-secondary-hover: #f9e1e1;
204
+ --color-sentiment-negative-secondary-active: #f8d8d8;
205
205
  --color-sentiment-positive: #2f5711;
206
- --color-sentiment-warning: #edc843;
206
+ --color-sentiment-positive-hover: #23400d;
207
+ --color-sentiment-positive-active: #172b08;
208
+ --color-sentiment-warning: #ffd11a;
209
+ --color-sentiment-warning-primary: #ffd11a;
210
+ --color-sentiment-warning-secondary: #fff7d7;
211
+ --color-sentiment-warning-content: #4a3b1c;
212
+ --color-sentiment-warning-content-secondary-hover: #3b2f16;
213
+ --color-sentiment-warning-content-secondary-active: #2c2311;
214
+ --color-sentiment-celebration-primary: #054d4d;
215
+ --color-sentiment-celebration-primary-hover: #043a3a;
216
+ --color-sentiment-celebration-primary-active: #022626;
217
+ --color-sentiment-celebration-secondary: #e0f7f7;
207
218
  --color-contrast: #ffffff;
208
219
  --color-light: #ffffff;
209
220
  --color-dark: #121511;
@@ -373,7 +384,7 @@
373
384
 
374
385
  /**
375
386
  * Do not edit directly
376
- * Generated on Fri, 14 Feb 2025 09:19:52 GMT
387
+ * Generated on Wed, 19 Mar 2025 12:17:18 GMT
377
388
  */
378
389
 
379
390
  .np-theme-personal--forest-green {
@@ -423,17 +434,28 @@
423
434
  --color-background-neutral-hover: rgba(255,255,255,0.2);
424
435
  --color-background-neutral-active: rgba(255,255,255,0.30196);
425
436
  --color-background-overlay: rgba(255,255,255,0.2);
426
- --color-sentiment-negative: #ffc4c2;
427
- --color-sentiment-negative-hover: #ffdcdb;
428
- --color-sentiment-negative-active: #ffebeb;
429
- --color-sentiment-negative-primary: #ffc4c2;
430
- --color-sentiment-negative-primary-hover: #ffdcdb;
431
- --color-sentiment-negative-primary-active: #ffebeb;
432
- --color-sentiment-negative-secondary: rgba(255,196,194,0.2);
433
- --color-sentiment-negative-secondary-hover: rgba(255,220,219,0.2);
434
- --color-sentiment-negative-secondary-active: rgba(255,235,235,0.2);
435
- --color-sentiment-positive: #a0e5ae;
436
- --color-sentiment-warning: #edd272;
437
+ --color-sentiment-negative: #ffa8ad;
438
+ --color-sentiment-negative-hover: #ffbdc0;
439
+ --color-sentiment-negative-active: #ffd1d3;
440
+ --color-sentiment-negative-primary: #ffa8ad;
441
+ --color-sentiment-negative-primary-hover: #ffbdc0;
442
+ --color-sentiment-negative-primary-active: #ffd1d3;
443
+ --color-sentiment-negative-secondary: #454a23;
444
+ --color-sentiment-negative-secondary-hover: #515729;
445
+ --color-sentiment-negative-secondary-active: #5e642f;
446
+ --color-sentiment-positive: #bae5a0;
447
+ --color-sentiment-positive-hover: #c8eab3;
448
+ --color-sentiment-positive-active: #d6f0c7;
449
+ --color-sentiment-warning: #fadc65;
450
+ --color-sentiment-warning-primary: #fadc65;
451
+ --color-sentiment-warning-secondary: #445514;
452
+ --color-sentiment-warning-content: #fadc65;
453
+ --color-sentiment-warning-content-secondary-hover: #fbe179;
454
+ --color-sentiment-warning-content-secondary-active: #fbe58d;
455
+ --color-sentiment-celebration-primary: #a0e1e1;
456
+ --color-sentiment-celebration-primary-hover: #aee5e5;
457
+ --color-sentiment-celebration-primary-active: #bdeaea;
458
+ --color-sentiment-celebration-secondary: #32562d;
437
459
  --color-contrast: #163300;
438
460
  --color-light: #ffffff;
439
461
  --color-dark: #163300;
@@ -603,7 +625,7 @@
603
625
 
604
626
  /**
605
627
  * Do not edit directly
606
- * Generated on Fri, 14 Feb 2025 09:19:52 GMT
628
+ * Generated on Wed, 19 Mar 2025 12:17:18 GMT
607
629
  */
608
630
 
609
631
  .np-theme-personal--bright-green {
@@ -653,17 +675,28 @@
653
675
  --color-background-neutral-hover: rgba(255,255,255,0.4);
654
676
  --color-background-neutral-active: rgba(255,255,255,0.50196);
655
677
  --color-background-overlay: rgba(255,255,255,0);
656
- --color-sentiment-negative: rgba(255,255,255,0);
657
- --color-sentiment-negative-hover: rgba(255,255,255,0);
658
- --color-sentiment-negative-active: rgba(255,255,255,0);
659
- --color-sentiment-negative-primary: #a8200d;
660
- --color-sentiment-negative-primary-hover: #8e1b0b;
661
- --color-sentiment-negative-primary-active: #761709;
662
- --color-sentiment-negative-secondary: #a8200d;
663
- --color-sentiment-negative-secondary-hover: #8e1b0b;
664
- --color-sentiment-negative-secondary-active: #761709;
665
- --color-sentiment-positive: rgba(255,255,255,0);
666
- --color-sentiment-warning: rgba(255,255,255,0);
678
+ --color-sentiment-negative: #cb272f;
679
+ --color-sentiment-negative-hover: #b8232b;
680
+ --color-sentiment-negative-active: #a72027;
681
+ --color-sentiment-negative-primary: #cb272f;
682
+ --color-sentiment-negative-primary-hover: #b8232b;
683
+ --color-sentiment-negative-primary-active: #a72027;
684
+ --color-sentiment-negative-secondary: #fbeaea;
685
+ --color-sentiment-negative-secondary-hover: #f9e1e1;
686
+ --color-sentiment-negative-secondary-active: #f8d8d8;
687
+ --color-sentiment-positive: #2f5711;
688
+ --color-sentiment-positive-hover: #23400d;
689
+ --color-sentiment-positive-active: #172b08;
690
+ --color-sentiment-warning: #ffd11a;
691
+ --color-sentiment-warning-primary: #ffd11a;
692
+ --color-sentiment-warning-secondary: #fff7d7;
693
+ --color-sentiment-warning-content: #4a3b1c;
694
+ --color-sentiment-warning-content-secondary-hover: #3b2f16;
695
+ --color-sentiment-warning-content-secondary-active: #2c2311;
696
+ --color-sentiment-celebration-primary: #054d4d;
697
+ --color-sentiment-celebration-primary-hover: #043a3a;
698
+ --color-sentiment-celebration-primary-active: #022626;
699
+ --color-sentiment-celebration-secondary: #e0f7f7;
667
700
  --color-contrast: rgba(255,255,255,0);
668
701
  --color-light: #ffffff;
669
702
  --color-dark: #163300;
@@ -833,7 +866,7 @@
833
866
 
834
867
  /**
835
868
  * Do not edit directly
836
- * Generated on Fri, 14 Feb 2025 09:19:52 GMT
869
+ * Generated on Wed, 19 Mar 2025 12:17:18 GMT
837
870
  */
838
871
 
839
872
  .np-theme-personal--dark {
@@ -883,17 +916,28 @@
883
916
  --color-background-neutral-hover: rgba(255,255,255,0.2);
884
917
  --color-background-neutral-active: rgba(255,255,255,0.30196);
885
918
  --color-background-overlay: rgba(255,255,255,0.2);
886
- --color-sentiment-negative: #ffbfbd;
887
- --color-sentiment-negative-hover: #ffdcdb;
888
- --color-sentiment-negative-active: #ffebeb;
889
- --color-sentiment-negative-primary: #ffbfbd;
890
- --color-sentiment-negative-primary-hover: #ffdcdb;
891
- --color-sentiment-negative-primary-active: #ffebeb;
892
- --color-sentiment-negative-secondary: #470e05;
893
- --color-sentiment-negative-secondary-hover: #5f1207;
894
- --color-sentiment-negative-secondary-active: #761709;
895
- --color-sentiment-positive: #a0e5ae;
896
- --color-sentiment-warning: #edd272;
919
+ --color-sentiment-negative: #ffa8ad;
920
+ --color-sentiment-negative-hover: #ffbdc0;
921
+ --color-sentiment-negative-active: #ffd1d3;
922
+ --color-sentiment-negative-primary: #ffa8ad;
923
+ --color-sentiment-negative-primary-hover: #ffbdc0;
924
+ --color-sentiment-negative-primary-active: #ffd1d3;
925
+ --color-sentiment-negative-secondary: #410b0d;
926
+ --color-sentiment-negative-secondary-hover: #641115;
927
+ --color-sentiment-negative-secondary-active: #761418;
928
+ --color-sentiment-positive: #bae5a0;
929
+ --color-sentiment-positive-hover: #c8eab3;
930
+ --color-sentiment-positive-active: #d6f0c7;
931
+ --color-sentiment-warning: #fadc65;
932
+ --color-sentiment-warning-primary: #fadc65;
933
+ --color-sentiment-warning-secondary: #3a3523;
934
+ --color-sentiment-warning-content: #fadc65;
935
+ --color-sentiment-warning-content-secondary-hover: #fbe179;
936
+ --color-sentiment-warning-content-secondary-active: #fbe58d;
937
+ --color-sentiment-celebration-primary: #a0e1e1;
938
+ --color-sentiment-celebration-primary-hover: #aee5e5;
939
+ --color-sentiment-celebration-primary-active: #bdeaea;
940
+ --color-sentiment-celebration-secondary: #0e4242;
897
941
  --color-contrast: #121511;
898
942
  --color-light: #ffffff;
899
943
  --color-dark: #121511;
@@ -1063,7 +1107,7 @@
1063
1107
 
1064
1108
  /**
1065
1109
  * Do not edit directly
1066
- * Generated on Fri, 14 Feb 2025 09:19:52 GMT
1110
+ * Generated on Wed, 19 Mar 2025 12:17:18 GMT
1067
1111
  */
1068
1112
 
1069
1113
  .np-theme-platform {
@@ -1246,7 +1290,7 @@
1246
1290
 
1247
1291
  /**
1248
1292
  * Do not edit directly
1249
- * Generated on Fri, 14 Feb 2025 09:19:52 GMT
1293
+ * Generated on Wed, 19 Mar 2025 12:17:18 GMT
1250
1294
  */
1251
1295
 
1252
1296
  .np-theme-platform--forest-green {
@@ -1317,7 +1361,7 @@
1317
1361
  --color-background-screen-hover: rgba(255,255,255,0.10196);
1318
1362
  --color-background-screen-active: rgba(255,255,255,0.2);
1319
1363
  --color-background-elevated: #111f06;
1320
- --color-background-neutral: #000000;
1364
+ --color-background-neutral: rgba(255,255,255,0.10196);
1321
1365
  --color-background-neutral-hover: rgba(255,255,255,0.2);
1322
1366
  --color-background-neutral-active: rgba(255,255,255,0.30196);
1323
1367
  --color-background-overlay: #000000;
@@ -3548,6 +3592,10 @@ kbd kbd {
3548
3592
  word-break: break-all;
3549
3593
  }
3550
3594
 
3595
+ .text-overflow-wrap {
3596
+ word-wrap: anywhere;
3597
+ }
3598
+
3551
3599
  .font-weight-bold {
3552
3600
  font-weight: 700 !important;
3553
3601
  font-weight: var(--font-weight-bold) !important;
package/dist/less/neptune-tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 14 Feb 2025 09:19:52 GMT
3
+ // Generated on Wed, 19 Mar 2025 12:17:18 GMT
4
4
 
5
5
  @color-dark-content-primary: #e2e6e8;
6
6
  @color-dark-content-secondary: #c9cbce;
@@ -221,7 +221,7 @@
221
221
  @font-family-display: 'Wise Sans', 'Inter', sans-serif;
222
222
 
223
223
  // Do not edit directly
224
- // Generated on Fri, 14 Feb 2025 09:19:52 GMT
224
+ // Generated on Wed, 19 Mar 2025 12:17:17 GMT
225
225
 
226
226
  @color-base-blue-light: #00b9ff;
227
227
  @color-base-blue-mid: #00a2dd;
package/dist/props/neptune-tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 14 Feb 2025 09:19:52 GMT
3
+ * Generated on Wed, 19 Mar 2025 12:17:18 GMT
4
4
  */
5
5
 
6
6
  :root {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@transferwise/neptune-css",
3
3
  "description": "Neptune CSS library",
4
- "version": "14.22.0",
4
+ "version": "14.24.0",
5
5
  "license": "MIT",
6
6
  "repository": {
7
7
  "type": "git",
@@ -23,12 +23,13 @@
23
23
  "scripts"
24
24
  ],
25
25
  "dependencies": {
26
- "@transferwise/neptune-tokens": "^8.16.0"
26
+ "@transferwise/neptune-tokens": "^8.17.1"
27
27
  },
28
28
  "devDependencies": {
29
+ "gulp": "^5.0.0",
29
30
  "modern-normalize": "^2.0.0",
30
- "yargs": "^17.7.2",
31
- "@transferwise/less-config": "3.1.0"
31
+ "@transferwise/less-config": "3.1.1",
32
+ "@wise/wds-configs": "0.0.0"
32
33
  },
33
34
  "publishConfig": {
34
35
  "access": "public"
@@ -48,6 +49,9 @@
48
49
  "docs": "pnpm run build",
49
50
  "copy:images": "cpx 'src/img/**' dist/img",
50
51
  "copy:fonts": "cpx 'src/fonts/*' dist/fonts",
51
- "prettier": "prettier --write src/less/*.less"
52
+ "prettier": "prettier --write src/less/*.less",
53
+ "lint": "pnpm run lint:check",
54
+ "lint:check": "prettier --check --ignore-path ../../.prettierignore src/less/*.less || echo \"Prettier failed. Remove this to make this a failure\"",
55
+ "lint:fix": "prettier --write --ignore-path ../../.prettierignore src/less/*.less"
52
56
  }
53
57
  }
package/src/less/core/_typography-utilities.less CHANGED
@@ -152,6 +152,10 @@
152
152
  word-break: break-all;
153
153
  }
154
154
 
155
+ .text-overflow-wrap {
156
+ overflow-wrap: anywhere;
157
+ }
158
+
155
159
  .font-weight-bold {
156
160
  font-weight: var(--font-weight-bold) !important;
157
161
  }