@transferwise/neptune-css 14.20.0 → 14.21.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 (5) hide show
  1. package/dist/css/neptune.css +55 -7
  2. package/dist/less/neptune-tokens.less +3 -2
  3. package/dist/props/neptune-tokens.css +2 -1
  4. package/package.json +2 -2
  5. package/src/less/core/viewport-themes.less +1 -0
package/dist/css/neptune.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 23 Sep 2024 21:07:47 GMT
3
+ * Generated on Wed, 22 Jan 2025 20:31:30 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -54,6 +54,7 @@
54
54
  --radius-medium: 16px;
55
55
  --radius-large: 24px;
56
56
  --size-4: 4px;
57
+ --size-5: 5px;
57
58
  --size-8: 8px;
58
59
  --size-10: 10px;
59
60
  --size-12: 12px;
@@ -142,7 +143,7 @@
142
143
 
143
144
  /**
144
145
  * Do not edit directly
145
- * Generated on Mon, 23 Sep 2024 21:07:47 GMT
146
+ * Generated on Wed, 22 Jan 2025 20:31:30 GMT
146
147
  */
147
148
 
148
149
  .np-theme-personal {
@@ -179,6 +180,9 @@
179
180
  --color-interactive-contrast: #9fe870;
180
181
  --color-interactive-contrast-hover: #cdffad;
181
182
  --color-interactive-contrast-active: #ecffe0;
183
+ --color-interactive-neutral: #e2f6d5;
184
+ --color-interactive-neutral-hover: #d3f2c0;
185
+ --color-interactive-neutral-active: #c5edab;
182
186
  --color-border-neutral: rgba(14,15,12,0.12157);
183
187
  --color-border-overlay: rgba(14,15,12,0.12157);
184
188
  --color-background-screen: #ffffff;
@@ -192,6 +196,12 @@
192
196
  --color-sentiment-negative: #a8200d;
193
197
  --color-sentiment-negative-hover: #8e1b0b;
194
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;
195
205
  --color-sentiment-positive: #2f5711;
196
206
  --color-sentiment-warning: #edc843;
197
207
  --color-contrast: #ffffff;
@@ -208,6 +218,7 @@
208
218
  --radius-medium: 16px;
209
219
  --radius-large: 24px;
210
220
  --size-4: 4px;
221
+ --size-5: 5px;
211
222
  --size-8: 8px;
212
223
  --size-10: 10px;
213
224
  --size-12: 12px;
@@ -304,6 +315,7 @@
304
315
  .np-theme-personal {
305
316
  --delta: 2;
306
317
  --size-4: calc(4px / var(--delta));
318
+ --size-5: calc(5px / var(--delta));
307
319
  --size-8: calc(8px / var(--delta));
308
320
  --size-10: calc(10px / var(--delta));
309
321
  --size-12: calc(12px / var(--delta));
@@ -361,7 +373,7 @@
361
373
 
362
374
  /**
363
375
  * Do not edit directly
364
- * Generated on Mon, 23 Sep 2024 21:07:47 GMT
376
+ * Generated on Wed, 22 Jan 2025 20:31:30 GMT
365
377
  */
366
378
 
367
379
  .np-theme-personal--forest-green {
@@ -398,6 +410,9 @@
398
410
  --color-interactive-contrast: #163300;
399
411
  --color-interactive-contrast-hover: #214d00;
400
412
  --color-interactive-contrast-active: #2c6600;
413
+ --color-interactive-neutral: rgba(159,232,112,0.2);
414
+ --color-interactive-neutral-hover: rgba(205,255,173,0.2);
415
+ --color-interactive-neutral-active: rgba(236,255,224,0.2);
401
416
  --color-border-neutral: rgba(255,255,255,0.2);
402
417
  --color-border-overlay: rgba(255,255,255,0.2);
403
418
  --color-background-screen: #163300;
@@ -411,6 +426,12 @@
411
426
  --color-sentiment-negative: #ffc4c2;
412
427
  --color-sentiment-negative-hover: #ffdcdb;
413
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);
414
435
  --color-sentiment-positive: #a0e5ae;
415
436
  --color-sentiment-warning: #edd272;
416
437
  --color-contrast: #163300;
@@ -427,6 +448,7 @@
427
448
  --radius-medium: 16px;
428
449
  --radius-large: 24px;
429
450
  --size-4: 4px;
451
+ --size-5: 5px;
430
452
  --size-8: 8px;
431
453
  --size-10: 10px;
432
454
  --size-12: 12px;
@@ -523,6 +545,7 @@
523
545
  .np-theme-personal {
524
546
  --delta: 2;
525
547
  --size-4: calc(4px / var(--delta));
548
+ --size-5: calc(5px / var(--delta));
526
549
  --size-8: calc(8px / var(--delta));
527
550
  --size-10: calc(10px / var(--delta));
528
551
  --size-12: calc(12px / var(--delta));
@@ -580,7 +603,7 @@
580
603
 
581
604
  /**
582
605
  * Do not edit directly
583
- * Generated on Mon, 23 Sep 2024 21:07:47 GMT
606
+ * Generated on Wed, 22 Jan 2025 20:31:30 GMT
584
607
  */
585
608
 
586
609
  .np-theme-personal--bright-green {
@@ -617,6 +640,9 @@
617
640
  --color-interactive-contrast: #9fe870;
618
641
  --color-interactive-contrast-hover: #cdffad;
619
642
  --color-interactive-contrast-active: #ecffe0;
643
+ --color-interactive-neutral: #163300;
644
+ --color-interactive-neutral-hover: #0d1f00;
645
+ --color-interactive-neutral-active: #0e0f0c;
620
646
  --color-border-neutral: rgba(22,51,0,0.12157);
621
647
  --color-border-overlay: rgba(255,255,255,0);
622
648
  --color-background-screen: #9fe870;
@@ -630,6 +656,12 @@
630
656
  --color-sentiment-negative: rgba(255,255,255,0);
631
657
  --color-sentiment-negative-hover: rgba(255,255,255,0);
632
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;
633
665
  --color-sentiment-positive: rgba(255,255,255,0);
634
666
  --color-sentiment-warning: rgba(255,255,255,0);
635
667
  --color-contrast: rgba(255,255,255,0);
@@ -646,6 +678,7 @@
646
678
  --radius-medium: 16px;
647
679
  --radius-large: 24px;
648
680
  --size-4: 4px;
681
+ --size-5: 5px;
649
682
  --size-8: 8px;
650
683
  --size-10: 10px;
651
684
  --size-12: 12px;
@@ -742,6 +775,7 @@
742
775
  .np-theme-personal {
743
776
  --delta: 2;
744
777
  --size-4: calc(4px / var(--delta));
778
+ --size-5: calc(5px / var(--delta));
745
779
  --size-8: calc(8px / var(--delta));
746
780
  --size-10: calc(10px / var(--delta));
747
781
  --size-12: calc(12px / var(--delta));
@@ -799,7 +833,7 @@
799
833
 
800
834
  /**
801
835
  * Do not edit directly
802
- * Generated on Mon, 23 Sep 2024 21:07:47 GMT
836
+ * Generated on Wed, 22 Jan 2025 20:31:30 GMT
803
837
  */
804
838
 
805
839
  .np-theme-personal--dark {
@@ -836,6 +870,9 @@
836
870
  --color-interactive-contrast: #163300;
837
871
  --color-interactive-contrast-hover: #214d00;
838
872
  --color-interactive-contrast-active: #2c6600;
873
+ --color-interactive-neutral: #163300;
874
+ --color-interactive-neutral-hover: #214d00;
875
+ --color-interactive-neutral-active: #2c6600;
839
876
  --color-border-neutral: rgba(255,255,255,0.2);
840
877
  --color-border-overlay: rgba(255,255,255,0.2);
841
878
  --color-background-screen: #121511;
@@ -849,6 +886,12 @@
849
886
  --color-sentiment-negative: #ffbfbd;
850
887
  --color-sentiment-negative-hover: #ffdcdb;
851
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;
852
895
  --color-sentiment-positive: #a0e5ae;
853
896
  --color-sentiment-warning: #edd272;
854
897
  --color-contrast: #121511;
@@ -865,6 +908,7 @@
865
908
  --radius-medium: 16px;
866
909
  --radius-large: 24px;
867
910
  --size-4: 4px;
911
+ --size-5: 5px;
868
912
  --size-8: 8px;
869
913
  --size-10: 10px;
870
914
  --size-12: 12px;
@@ -961,6 +1005,7 @@
961
1005
  .np-theme-personal {
962
1006
  --delta: 2;
963
1007
  --size-4: calc(4px / var(--delta));
1008
+ --size-5: calc(5px / var(--delta));
964
1009
  --size-8: calc(8px / var(--delta));
965
1010
  --size-10: calc(10px / var(--delta));
966
1011
  --size-12: calc(12px / var(--delta));
@@ -1018,7 +1063,7 @@
1018
1063
 
1019
1064
  /**
1020
1065
  * Do not edit directly
1021
- * Generated on Mon, 23 Sep 2024 21:07:47 GMT
1066
+ * Generated on Wed, 22 Jan 2025 20:31:30 GMT
1022
1067
  */
1023
1068
 
1024
1069
  .np-theme-platform {
@@ -1112,6 +1157,7 @@
1112
1157
  --radius-medium: 16px;
1113
1158
  --radius-large: 24px;
1114
1159
  --size-4: 4px;
1160
+ --size-5: 5px;
1115
1161
  --size-8: 8px;
1116
1162
  --size-10: 10px;
1117
1163
  --size-12: 12px;
@@ -1200,7 +1246,7 @@
1200
1246
 
1201
1247
  /**
1202
1248
  * Do not edit directly
1203
- * Generated on Mon, 23 Sep 2024 21:07:47 GMT
1249
+ * Generated on Wed, 22 Jan 2025 20:31:30 GMT
1204
1250
  */
1205
1251
 
1206
1252
  .np-theme-platform--forest-green {
@@ -1294,6 +1340,7 @@
1294
1340
  --radius-medium: 16px;
1295
1341
  --radius-large: 24px;
1296
1342
  --size-4: 4px;
1343
+ --size-5: 5px;
1297
1344
  --size-8: 8px;
1298
1345
  --size-10: 10px;
1299
1346
  --size-12: 12px;
@@ -3633,6 +3680,7 @@ a.text-inverse:focus {
3633
3680
  .np-theme-personal {
3634
3681
  --delta: 2;
3635
3682
  --size-4: calc(4px / var(--delta));
3683
+ --size-5: calc(5px / var(--delta));
3636
3684
  --size-8: calc(8px / var(--delta));
3637
3685
  --size-10: calc(10px / var(--delta));
3638
3686
  --size-12: calc(12px / var(--delta));
package/dist/less/neptune-tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 23 Sep 2024 21:07:47 GMT
3
+ // Generated on Wed, 22 Jan 2025 20:31:30 GMT
4
4
 
5
5
  @color-dark-content-primary: #e2e6e8;
6
6
  @color-dark-content-secondary: #c9cbce;
@@ -134,6 +134,7 @@
134
134
  @radius-medium: 16px;
135
135
  @radius-large: 24px;
136
136
  @size-4: 4px;
137
+ @size-5: 5px;
137
138
  @size-8: 8px;
138
139
  @size-10: 10px;
139
140
  @size-12: 12px;
@@ -220,7 +221,7 @@
220
221
  @font-family-display: 'Wise Sans', 'Inter', sans-serif;
221
222
 
222
223
  // Do not edit directly
223
- // Generated on Mon, 23 Sep 2024 21:07:47 GMT
224
+ // Generated on Wed, 22 Jan 2025 20:31:30 GMT
224
225
 
225
226
  @color-base-blue-light: #00b9ff;
226
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 Mon, 23 Sep 2024 21:07:47 GMT
3
+ * Generated on Wed, 22 Jan 2025 20:31:30 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -54,6 +54,7 @@
54
54
  --radius-medium: 16px;
55
55
  --radius-large: 24px;
56
56
  --size-4: 4px;
57
+ --size-5: 5px;
57
58
  --size-8: 8px;
58
59
  --size-10: 10px;
59
60
  --size-12: 12px;
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.20.0",
4
+ "version": "14.21.0",
5
5
  "license": "MIT",
6
6
  "repository": {
7
7
  "type": "git",
@@ -23,7 +23,7 @@
23
23
  "scripts"
24
24
  ],
25
25
  "dependencies": {
26
- "@transferwise/neptune-tokens": "^8.11.0"
26
+ "@transferwise/neptune-tokens": "^8.15.0"
27
27
  },
28
28
  "devDependencies": {
29
29
  "modern-normalize": "^2.0.0",
package/src/less/core/viewport-themes.less CHANGED
@@ -5,6 +5,7 @@
5
5
  --delta: 2;
6
6
 
7
7
  --size-4: calc(@size-4 / var(--delta));
8
+ --size-5: calc(@size-5 / var(--delta));
8
9
  --size-8: calc(@size-8 / var(--delta));
9
10
  --size-10: calc(@size-10 / var(--delta));
10
11
  --size-12: calc(@size-12 / var(--delta));