@transferwise/neptune-css 14.23.0 → 14.24.1

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 +69 -33
  3. package/dist/less/neptune-tokens.less +2 -2
  4. package/dist/props/neptune-tokens.css +1 -1
  5. package/package.json +4 -4
  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 Wed, 19 Mar 2025 12:17:18 GMT
3
+ * Generated on Tue, 22 Apr 2025 15:00:06 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 Wed, 19 Mar 2025 12:17:18 GMT
146
+ * Generated on Tue, 22 Apr 2025 15:00:06 GMT
147
147
  */
148
148
 
149
149
  .np-theme-personal {
@@ -202,19 +202,27 @@
202
202
  --color-sentiment-negative-secondary: #fbeaea;
203
203
  --color-sentiment-negative-secondary-hover: #f9e1e1;
204
204
  --color-sentiment-negative-secondary-active: #f8d8d8;
205
- --color-sentiment-positive: #2f5711;
206
- --color-sentiment-positive-hover: #23400d;
207
- --color-sentiment-positive-active: #172b08;
205
+ --color-sentiment-positive: #054d28;
206
+ --color-sentiment-positive-hover: #043a1e;
207
+ --color-sentiment-positive-active: #022614;
208
+ --color-sentiment-positive-primary: #054d28;
209
+ --color-sentiment-positive-primary-hover: #043a1e;
210
+ --color-sentiment-positive-primary-active: #022614;
211
+ --color-sentiment-positive-secondary: #e3f2ea;
212
+ --color-sentiment-positive-secondary-hover: #d9ede2;
213
+ --color-sentiment-positive-secondary-active: #cee8da;
208
214
  --color-sentiment-warning: #ffd11a;
215
+ --color-sentiment-warning-hover: #ffd11a;
216
+ --color-sentiment-warning-active: #ffd11a;
209
217
  --color-sentiment-warning-primary: #ffd11a;
218
+ --color-sentiment-warning-primary-hover: #ffd11a;
219
+ --color-sentiment-warning-primary-active: #ffd11a;
210
220
  --color-sentiment-warning-secondary: #fff7d7;
221
+ --color-sentiment-warning-secondary-hover: #fff7d7;
222
+ --color-sentiment-warning-secondary-active: #fff7d7;
211
223
  --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;
224
+ --color-sentiment-warning-content-hover: #3b2f16;
225
+ --color-sentiment-warning-content-active: #2c2311;
218
226
  --color-contrast: #ffffff;
219
227
  --color-light: #ffffff;
220
228
  --color-dark: #121511;
@@ -384,7 +392,7 @@
384
392
 
385
393
  /**
386
394
  * Do not edit directly
387
- * Generated on Wed, 19 Mar 2025 12:17:18 GMT
395
+ * Generated on Tue, 22 Apr 2025 15:00:06 GMT
388
396
  */
389
397
 
390
398
  .np-theme-personal--forest-green {
@@ -446,16 +454,24 @@
446
454
  --color-sentiment-positive: #bae5a0;
447
455
  --color-sentiment-positive-hover: #c8eab3;
448
456
  --color-sentiment-positive-active: #d6f0c7;
457
+ --color-sentiment-positive-primary: #bae5a0;
458
+ --color-sentiment-positive-primary-hover: #c8eab3;
459
+ --color-sentiment-positive-primary-active: #d6f0c7;
460
+ --color-sentiment-positive-secondary: #3d562d;
461
+ --color-sentiment-positive-secondary-hover: #476435;
462
+ --color-sentiment-positive-secondary-active: #53753d;
449
463
  --color-sentiment-warning: #fadc65;
464
+ --color-sentiment-warning-hover: #fadc65;
465
+ --color-sentiment-warning-active: #fadc65;
450
466
  --color-sentiment-warning-primary: #fadc65;
467
+ --color-sentiment-warning-primary-hover: #fadc65;
468
+ --color-sentiment-warning-primary-active: #fadc65;
451
469
  --color-sentiment-warning-secondary: #445514;
470
+ --color-sentiment-warning-secondary-hover: #445514;
471
+ --color-sentiment-warning-secondary-active: #445514;
452
472
  --color-sentiment-warning-content: #fadc65;
453
473
  --color-sentiment-warning-content-secondary-hover: #fbe179;
454
474
  --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;
459
475
  --color-contrast: #163300;
460
476
  --color-light: #ffffff;
461
477
  --color-dark: #163300;
@@ -625,7 +641,7 @@
625
641
 
626
642
  /**
627
643
  * Do not edit directly
628
- * Generated on Wed, 19 Mar 2025 12:17:18 GMT
644
+ * Generated on Tue, 22 Apr 2025 15:00:06 GMT
629
645
  */
630
646
 
631
647
  .np-theme-personal--bright-green {
@@ -684,19 +700,27 @@
684
700
  --color-sentiment-negative-secondary: #fbeaea;
685
701
  --color-sentiment-negative-secondary-hover: #f9e1e1;
686
702
  --color-sentiment-negative-secondary-active: #f8d8d8;
687
- --color-sentiment-positive: #2f5711;
688
- --color-sentiment-positive-hover: #23400d;
689
- --color-sentiment-positive-active: #172b08;
703
+ --color-sentiment-positive: #054d28;
704
+ --color-sentiment-positive-hover: #043a1e;
705
+ --color-sentiment-positive-active: #022614;
706
+ --color-sentiment-positive-primary: #054d28;
707
+ --color-sentiment-positive-primary-hover: #043a1e;
708
+ --color-sentiment-positive-primary-active: #022614;
709
+ --color-sentiment-positive-secondary: #e3f2ea;
710
+ --color-sentiment-positive-secondary-hover: #d9ede2;
711
+ --color-sentiment-positive-secondary-active: #cee8da;
690
712
  --color-sentiment-warning: #ffd11a;
713
+ --color-sentiment-warning-hover: #ffd11a;
714
+ --color-sentiment-warning-active: #ffd11a;
691
715
  --color-sentiment-warning-primary: #ffd11a;
716
+ --color-sentiment-warning-primary-hover: #ffd11a;
717
+ --color-sentiment-warning-primary-active: #ffd11a;
692
718
  --color-sentiment-warning-secondary: #fff7d7;
719
+ --color-sentiment-warning-secondary-hover: #fff7d7;
720
+ --color-sentiment-warning-secondary-active: #fff7d7;
693
721
  --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;
722
+ --color-sentiment-warning-content-hover: #3b2f16;
723
+ --color-sentiment-warning-content-active: #2c2311;
700
724
  --color-contrast: rgba(255,255,255,0);
701
725
  --color-light: #ffffff;
702
726
  --color-dark: #163300;
@@ -866,7 +890,7 @@
866
890
 
867
891
  /**
868
892
  * Do not edit directly
869
- * Generated on Wed, 19 Mar 2025 12:17:18 GMT
893
+ * Generated on Tue, 22 Apr 2025 15:00:06 GMT
870
894
  */
871
895
 
872
896
  .np-theme-personal--dark {
@@ -928,16 +952,24 @@
928
952
  --color-sentiment-positive: #bae5a0;
929
953
  --color-sentiment-positive-hover: #c8eab3;
930
954
  --color-sentiment-positive-active: #d6f0c7;
955
+ --color-sentiment-positive-primary: #bae5a0;
956
+ --color-sentiment-positive-primary-hover: #c8eab3;
957
+ --color-sentiment-positive-primary-active: #d6f0c7;
958
+ --color-sentiment-positive-secondary: #252c20;
959
+ --color-sentiment-positive-secondary-hover: #323b2b;
960
+ --color-sentiment-positive-secondary-active: #3e4a36;
931
961
  --color-sentiment-warning: #fadc65;
962
+ --color-sentiment-warning-hover: #fadc65;
963
+ --color-sentiment-warning-active: #fadc65;
932
964
  --color-sentiment-warning-primary: #fadc65;
965
+ --color-sentiment-warning-primary-hover: #fadc65;
966
+ --color-sentiment-warning-primary-active: #fadc65;
933
967
  --color-sentiment-warning-secondary: #3a3523;
968
+ --color-sentiment-warning-secondary-hover: #3a3523;
969
+ --color-sentiment-warning-secondary-active: #3a3523;
934
970
  --color-sentiment-warning-content: #fadc65;
935
971
  --color-sentiment-warning-content-secondary-hover: #fbe179;
936
972
  --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;
941
973
  --color-contrast: #121511;
942
974
  --color-light: #ffffff;
943
975
  --color-dark: #121511;
@@ -1107,7 +1139,7 @@
1107
1139
 
1108
1140
  /**
1109
1141
  * Do not edit directly
1110
- * Generated on Wed, 19 Mar 2025 12:17:18 GMT
1142
+ * Generated on Tue, 22 Apr 2025 15:00:06 GMT
1111
1143
  */
1112
1144
 
1113
1145
  .np-theme-platform {
@@ -1290,7 +1322,7 @@
1290
1322
 
1291
1323
  /**
1292
1324
  * Do not edit directly
1293
- * Generated on Wed, 19 Mar 2025 12:17:18 GMT
1325
+ * Generated on Tue, 22 Apr 2025 15:00:06 GMT
1294
1326
  */
1295
1327
 
1296
1328
  .np-theme-platform--forest-green {
@@ -3592,6 +3624,10 @@ kbd kbd {
3592
3624
  word-break: break-all;
3593
3625
  }
3594
3626
 
3627
+ .text-overflow-wrap {
3628
+ word-wrap: anywhere;
3629
+ }
3630
+
3595
3631
  .font-weight-bold {
3596
3632
  font-weight: 700 !important;
3597
3633
  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 Wed, 19 Mar 2025 12:17:18 GMT
3
+ // Generated on Tue, 22 Apr 2025 15:00:06 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 Wed, 19 Mar 2025 12:17:17 GMT
224
+ // Generated on Tue, 22 Apr 2025 15:00:06 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 Wed, 19 Mar 2025 12:17:18 GMT
3
+ * Generated on Tue, 22 Apr 2025 15:00:06 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.23.0",
4
+ "version": "14.24.1",
5
5
  "license": "MIT",
6
6
  "repository": {
7
7
  "type": "git",
@@ -23,12 +23,12 @@
23
23
  "scripts"
24
24
  ],
25
25
  "dependencies": {
26
- "@transferwise/neptune-tokens": "^8.17.1"
26
+ "@transferwise/neptune-tokens": "^8.18.0"
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
32
  "@wise/wds-configs": "0.0.0"
33
33
  },
34
34
  "publishConfig": {
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
  }