@transferwise/neptune-css 14.25.2 → 14.26.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 (13) hide show
  1. package/README.md +1 -1
  2. package/dist/css/accordion.css +2 -4
  3. package/dist/css/decision.css +2 -4
  4. package/dist/css/dropdowns.css +2 -4
  5. package/dist/css/input-groups.css +2 -4
  6. package/dist/css/list-group.css +2 -4
  7. package/dist/css/navbar.css +2 -4
  8. package/dist/css/neptune-addons.css +2 -4
  9. package/dist/css/neptune-core.css +8 -12
  10. package/dist/css/neptune.css +20 -36
  11. package/dist/css/popovers.css +2 -4
  12. package/package.json +3 -2
  13. package/src/less/core/_scaffolding.less +3 -3
package/README.md CHANGED
@@ -23,7 +23,7 @@ yarn add @transferwise/neptune-css
23
23
  npm install @transferwise/neptune-css
24
24
  ```
25
25
 
26
- There are three bundles to choose from, depending on your needs:
26
+ There are 3 bundles to choose from, depending on your needs:
27
27
 
28
28
  ```js
29
29
  // Everything
package/dist/css/accordion.css CHANGED
@@ -65,8 +65,7 @@
65
65
  }
66
66
  @supports (hyphenate-limit-chars: 1) {
67
67
  .decision__title {
68
- -webkit-hyphens: auto;
69
- hyphens: auto;
68
+ hyphens: auto;
70
69
  hyphenate-limit-chars: 7 3;
71
70
  }
72
71
  @media (min-width: 768px) {
@@ -82,8 +81,7 @@
82
81
  }
83
82
  @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
84
83
  .decision__title {
85
- -webkit-hyphens: auto;
86
- hyphens: auto;
84
+ hyphens: auto;
87
85
  -webkit-hyphenate-limit-before: 3;
88
86
  -webkit-hyphenate-limit-after: 3;
89
87
  }
package/dist/css/decision.css CHANGED
@@ -30,8 +30,7 @@
30
30
  }
31
31
  @supports (hyphenate-limit-chars: 1) {
32
32
  .decision__title {
33
- -webkit-hyphens: auto;
34
- hyphens: auto;
33
+ hyphens: auto;
35
34
  hyphenate-limit-chars: 7 3;
36
35
  }
37
36
  @media (min-width: 768px) {
@@ -47,8 +46,7 @@
47
46
  }
48
47
  @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
49
48
  .decision__title {
50
- -webkit-hyphens: auto;
51
- hyphens: auto;
49
+ hyphens: auto;
52
50
  -webkit-hyphenate-limit-before: 3;
53
51
  -webkit-hyphenate-limit-after: 3;
54
52
  }
package/dist/css/dropdowns.css CHANGED
@@ -381,8 +381,7 @@
381
381
  }
382
382
  @supports (hyphenate-limit-chars: 1) {
383
383
  .dropdown-header {
384
- -webkit-hyphens: auto;
385
- hyphens: auto;
384
+ hyphens: auto;
386
385
  hyphenate-limit-chars: 7 3;
387
386
  }
388
387
  @media (min-width: 768px) {
@@ -398,8 +397,7 @@
398
397
  }
399
398
  @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
400
399
  .dropdown-header {
401
- -webkit-hyphens: auto;
402
- hyphens: auto;
400
+ hyphens: auto;
403
401
  -webkit-hyphenate-limit-before: 3;
404
402
  -webkit-hyphenate-limit-after: 3;
405
403
  }
package/dist/css/input-groups.css CHANGED
@@ -2381,8 +2381,7 @@ select[multiple].input-group-lg > .input-group-btn .btn {
2381
2381
  .input-group-lg > .form-control,
2382
2382
  .input-group-lg > .input-group-addon,
2383
2383
  .input-group-lg > .input-group-btn .btn {
2384
- -webkit-hyphens: auto;
2385
- hyphens: auto;
2384
+ hyphens: auto;
2386
2385
  hyphenate-limit-chars: 7 3;
2387
2386
  }
2388
2387
  @media (min-width: 768px) {
@@ -2404,8 +2403,7 @@ select[multiple].input-group-lg > .input-group-btn .btn {
2404
2403
  .input-group-lg > .form-control,
2405
2404
  .input-group-lg > .input-group-addon,
2406
2405
  .input-group-lg > .input-group-btn .btn {
2407
- -webkit-hyphens: auto;
2408
- hyphens: auto;
2406
+ hyphens: auto;
2409
2407
  -webkit-hyphenate-limit-before: 3;
2410
2408
  -webkit-hyphenate-limit-after: 3;
2411
2409
  }
package/dist/css/list-group.css CHANGED
@@ -67,8 +67,7 @@ html:not([dir="rtl"]) .list-group-item {
67
67
  }
68
68
  @supports (hyphenate-limit-chars: 1) {
69
69
  .list-group-item-heading {
70
- -webkit-hyphens: auto;
71
- hyphens: auto;
70
+ hyphens: auto;
72
71
  hyphenate-limit-chars: 7 3;
73
72
  }
74
73
  @media (min-width: 768px) {
@@ -84,8 +83,7 @@ html:not([dir="rtl"]) .list-group-item {
84
83
  }
85
84
  @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
86
85
  .list-group-item-heading {
87
- -webkit-hyphens: auto;
88
- hyphens: auto;
86
+ hyphens: auto;
89
87
  -webkit-hyphenate-limit-before: 3;
90
88
  -webkit-hyphenate-limit-after: 3;
91
89
  }
package/dist/css/navbar.css CHANGED
@@ -529,8 +529,7 @@
529
529
  }
530
530
  @supports (hyphenate-limit-chars: 1) {
531
531
  .dropdown-header {
532
- -webkit-hyphens: auto;
533
- hyphens: auto;
532
+ hyphens: auto;
534
533
  hyphenate-limit-chars: 7 3;
535
534
  }
536
535
  @media (min-width: 768px) {
@@ -546,8 +545,7 @@
546
545
  }
547
546
  @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
548
547
  .dropdown-header {
549
- -webkit-hyphens: auto;
550
- hyphens: auto;
548
+ hyphens: auto;
551
549
  -webkit-hyphenate-limit-before: 3;
552
550
  -webkit-hyphenate-limit-after: 3;
553
551
  }
package/dist/css/neptune-addons.css CHANGED
@@ -1825,8 +1825,7 @@ html:not([dir="rtl"]) .p-x-panel {
1825
1825
  }
1826
1826
  @supports (hyphenate-limit-chars: 1) {
1827
1827
  .np-text-hyphenated {
1828
- -webkit-hyphens: auto;
1829
- hyphens: auto;
1828
+ hyphens: auto;
1830
1829
  hyphenate-limit-chars: 7 3;
1831
1830
  }
1832
1831
  @media (min-width: 768px) {
@@ -1842,8 +1841,7 @@ html:not([dir="rtl"]) .p-x-panel {
1842
1841
  }
1843
1842
  @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
1844
1843
  .np-text-hyphenated {
1845
- -webkit-hyphens: auto;
1846
- hyphens: auto;
1844
+ hyphens: auto;
1847
1845
  -webkit-hyphenate-limit-before: 3;
1848
1846
  -webkit-hyphenate-limit-after: 3;
1849
1847
  }
package/dist/css/neptune-core.css CHANGED
@@ -97,7 +97,7 @@ Use a better box model (opinionated).
97
97
  }
98
98
  html {
99
99
  /* Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */
100
- font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
100
+ font-family: system-ui,-apple-system,Segoe UI,Ubuntu,Cantarell,Noto Sans, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
101
101
  line-height: 1.15;
102
102
  /* 1. Correct the line height in all browsers. */
103
103
  -webkit-text-size-adjust: 100%;
@@ -352,7 +352,7 @@ pre {
352
352
  a,
353
353
  .np-text-link-default,
354
354
  .np-text-link-large {
355
- color: var(--color-content-link);
355
+ color: var(--color-sentiment-content-primary, var(--color-content-link));
356
356
  }
357
357
  .bg-primary .anchor,
358
358
  .bg-primary a,
@@ -384,7 +384,7 @@ a:hover,
384
384
  a:focus,
385
385
  .np-text-link-default:focus,
386
386
  .np-text-link-large:focus {
387
- color: var(--color-content-link-hover);
387
+ color: var(--color-sentiment-content-primary-hover, var(--color-content-link-hover));
388
388
  -webkit-text-decoration: underline;
389
389
  text-decoration: underline;
390
390
  }
@@ -392,7 +392,7 @@ a:focus,
392
392
  a:active,
393
393
  .np-text-link-default:active,
394
394
  .np-text-link-large:active {
395
- color: var(--color-content-link-active);
395
+ color: var(--color-sentiment-content-primary-active, var(--color-content-link-active));
396
396
  }
397
397
  .anchor.secondary,
398
398
  a.secondary,
@@ -739,8 +739,7 @@ h6,
739
739
  .np-text-title-subsection,
740
740
  .np-text-title-body,
741
741
  .np-text-title-group {
742
- -webkit-hyphens: auto;
743
- hyphens: auto;
742
+ hyphens: auto;
744
743
  hyphenate-limit-chars: 7 3;
745
744
  }
746
745
  @media (min-width: 768px) {
@@ -819,8 +818,7 @@ h6,
819
818
  .np-text-title-subsection,
820
819
  .np-text-title-body,
821
820
  .np-text-title-group {
822
- -webkit-hyphens: auto;
823
- hyphens: auto;
821
+ hyphens: auto;
824
822
  -webkit-hyphenate-limit-before: 3;
825
823
  -webkit-hyphenate-limit-after: 3;
826
824
  }
@@ -1109,8 +1107,7 @@ a,
1109
1107
  .np-text-display-large,
1110
1108
  .np-text-display-medium,
1111
1109
  .np-text-display-small {
1112
- -webkit-hyphens: auto;
1113
- hyphens: auto;
1110
+ hyphens: auto;
1114
1111
  hyphenate-limit-chars: 7 3;
1115
1112
  }
1116
1113
  @media (min-width: 768px) {
@@ -1135,8 +1132,7 @@ a,
1135
1132
  .np-text-display-large,
1136
1133
  .np-text-display-medium,
1137
1134
  .np-text-display-small {
1138
- -webkit-hyphens: auto;
1139
- hyphens: auto;
1135
+ hyphens: auto;
1140
1136
  -webkit-hyphenate-limit-before: 3;
1141
1137
  -webkit-hyphenate-limit-after: 3;
1142
1138
  }
package/dist/css/neptune.css CHANGED
@@ -2355,7 +2355,7 @@ Use a better box model (opinionated).
2355
2355
 
2356
2356
  html {
2357
2357
  /* Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */
2358
- font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
2358
+ font-family: system-ui,-apple-system,Segoe UI,Ubuntu,Cantarell,Noto Sans, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
2359
2359
  line-height: 1.15;
2360
2360
  /* 1. Correct the line height in all browsers. */
2361
2361
  -webkit-text-size-adjust: 100%;
@@ -2656,7 +2656,7 @@ pre {
2656
2656
  a,
2657
2657
  .np-text-link-default,
2658
2658
  .np-text-link-large {
2659
- color: var(--color-content-link);
2659
+ color: var(--color-sentiment-content-primary, var(--color-content-link));
2660
2660
  }
2661
2661
 
2662
2662
  .bg-primary .anchor,
@@ -2692,7 +2692,7 @@ a:hover,
2692
2692
  a:focus,
2693
2693
  .np-text-link-default:focus,
2694
2694
  .np-text-link-large:focus {
2695
- color: var(--color-content-link-hover);
2695
+ color: var(--color-sentiment-content-primary-hover, var(--color-content-link-hover));
2696
2696
  -webkit-text-decoration: underline;
2697
2697
  text-decoration: underline;
2698
2698
  }
@@ -2701,7 +2701,7 @@ a:focus,
2701
2701
  a:active,
2702
2702
  .np-text-link-default:active,
2703
2703
  .np-text-link-large:active {
2704
- color: var(--color-content-link-active);
2704
+ color: var(--color-sentiment-content-primary-active, var(--color-content-link-active));
2705
2705
  }
2706
2706
 
2707
2707
  .anchor.secondary,
@@ -3104,8 +3104,7 @@ h6,
3104
3104
  .np-text-title-subsection,
3105
3105
  .np-text-title-body,
3106
3106
  .np-text-title-group {
3107
- -webkit-hyphens: auto;
3108
- hyphens: auto;
3107
+ hyphens: auto;
3109
3108
  hyphenate-limit-chars: 7 3;
3110
3109
  }
3111
3110
  @media (min-width: 768px) {
@@ -3185,8 +3184,7 @@ h6,
3185
3184
  .np-text-title-subsection,
3186
3185
  .np-text-title-body,
3187
3186
  .np-text-title-group {
3188
- -webkit-hyphens: auto;
3189
- hyphens: auto;
3187
+ hyphens: auto;
3190
3188
  -webkit-hyphenate-limit-before: 3;
3191
3189
  -webkit-hyphenate-limit-after: 3;
3192
3190
  }
@@ -3514,8 +3512,7 @@ a,
3514
3512
  .np-text-display-large,
3515
3513
  .np-text-display-medium,
3516
3514
  .np-text-display-small {
3517
- -webkit-hyphens: auto;
3518
- hyphens: auto;
3515
+ hyphens: auto;
3519
3516
  hyphenate-limit-chars: 7 3;
3520
3517
  }
3521
3518
  @media (min-width: 768px) {
@@ -3541,8 +3538,7 @@ a,
3541
3538
  .np-text-display-large,
3542
3539
  .np-text-display-medium,
3543
3540
  .np-text-display-small {
3544
- -webkit-hyphens: auto;
3545
- hyphens: auto;
3541
+ hyphens: auto;
3546
3542
  -webkit-hyphenate-limit-before: 3;
3547
3543
  -webkit-hyphenate-limit-after: 3;
3548
3544
  }
@@ -6760,8 +6756,7 @@ html:not([dir="rtl"]) .p-x-panel {
6760
6756
 
6761
6757
  @supports (hyphenate-limit-chars: 1) {
6762
6758
  .np-text-hyphenated {
6763
- -webkit-hyphens: auto;
6764
- hyphens: auto;
6759
+ hyphens: auto;
6765
6760
  hyphenate-limit-chars: 7 3;
6766
6761
  }
6767
6762
  @media (min-width: 768px) {
@@ -6778,8 +6773,7 @@ html:not([dir="rtl"]) .p-x-panel {
6778
6773
 
6779
6774
  @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
6780
6775
  .np-text-hyphenated {
6781
- -webkit-hyphens: auto;
6782
- hyphens: auto;
6776
+ hyphens: auto;
6783
6777
  -webkit-hyphenate-limit-before: 3;
6784
6778
  -webkit-hyphenate-limit-after: 3;
6785
6779
  }
@@ -12859,8 +12853,7 @@ select[multiple].input-group-lg > .input-group-btn .btn {
12859
12853
  .input-group-lg > .form-control,
12860
12854
  .input-group-lg > .input-group-addon,
12861
12855
  .input-group-lg > .input-group-btn .btn {
12862
- -webkit-hyphens: auto;
12863
- hyphens: auto;
12856
+ hyphens: auto;
12864
12857
  hyphenate-limit-chars: 7 3;
12865
12858
  }
12866
12859
  @media (min-width: 768px) {
@@ -12883,8 +12876,7 @@ select[multiple].input-group-lg > .input-group-btn .btn {
12883
12876
  .input-group-lg > .form-control,
12884
12877
  .input-group-lg > .input-group-addon,
12885
12878
  .input-group-lg > .input-group-btn .btn {
12886
- -webkit-hyphens: auto;
12887
- hyphens: auto;
12879
+ hyphens: auto;
12888
12880
  -webkit-hyphenate-limit-before: 3;
12889
12881
  -webkit-hyphenate-limit-after: 3;
12890
12882
  }
@@ -13877,8 +13869,7 @@ li > a > .currency-flag:first-child {
13877
13869
 
13878
13870
  @supports (hyphenate-limit-chars: 1) {
13879
13871
  .decision__title {
13880
- -webkit-hyphens: auto;
13881
- hyphens: auto;
13872
+ hyphens: auto;
13882
13873
  hyphenate-limit-chars: 7 3;
13883
13874
  }
13884
13875
  @media (min-width: 768px) {
@@ -13895,8 +13886,7 @@ li > a > .currency-flag:first-child {
13895
13886
 
13896
13887
  @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
13897
13888
  .decision__title {
13898
- -webkit-hyphens: auto;
13899
- hyphens: auto;
13889
+ hyphens: auto;
13900
13890
  -webkit-hyphenate-limit-before: 3;
13901
13891
  -webkit-hyphenate-limit-after: 3;
13902
13892
  }
@@ -14426,8 +14416,7 @@ li > a > .currency-flag:first-child {
14426
14416
 
14427
14417
  @supports (hyphenate-limit-chars: 1) {
14428
14418
  .dropdown-header {
14429
- -webkit-hyphens: auto;
14430
- hyphens: auto;
14419
+ hyphens: auto;
14431
14420
  hyphenate-limit-chars: 7 3;
14432
14421
  }
14433
14422
  @media (min-width: 768px) {
@@ -14444,8 +14433,7 @@ li > a > .currency-flag:first-child {
14444
14433
 
14445
14434
  @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
14446
14435
  .dropdown-header {
14447
- -webkit-hyphens: auto;
14448
- hyphens: auto;
14436
+ hyphens: auto;
14449
14437
  -webkit-hyphenate-limit-before: 3;
14450
14438
  -webkit-hyphenate-limit-after: 3;
14451
14439
  }
@@ -18286,8 +18274,7 @@ html:not([dir="rtl"]) .list-group-item {
18286
18274
 
18287
18275
  @supports (hyphenate-limit-chars: 1) {
18288
18276
  .list-group-item-heading {
18289
- -webkit-hyphens: auto;
18290
- hyphens: auto;
18277
+ hyphens: auto;
18291
18278
  hyphenate-limit-chars: 7 3;
18292
18279
  }
18293
18280
  @media (min-width: 768px) {
@@ -18304,8 +18291,7 @@ html:not([dir="rtl"]) .list-group-item {
18304
18291
 
18305
18292
  @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
18306
18293
  .list-group-item-heading {
18307
- -webkit-hyphens: auto;
18308
- hyphens: auto;
18294
+ hyphens: auto;
18309
18295
  -webkit-hyphenate-limit-before: 3;
18310
18296
  -webkit-hyphenate-limit-after: 3;
18311
18297
  }
@@ -22511,8 +22497,7 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
22511
22497
 
22512
22498
  @supports (hyphenate-limit-chars: 1) {
22513
22499
  .popover-title {
22514
- -webkit-hyphens: auto;
22515
- hyphens: auto;
22500
+ hyphens: auto;
22516
22501
  hyphenate-limit-chars: 7 3;
22517
22502
  }
22518
22503
  @media (min-width: 768px) {
@@ -22529,8 +22514,7 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
22529
22514
 
22530
22515
  @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
22531
22516
  .popover-title {
22532
- -webkit-hyphens: auto;
22533
- hyphens: auto;
22517
+ hyphens: auto;
22534
22518
  -webkit-hyphenate-limit-before: 3;
22535
22519
  -webkit-hyphenate-limit-after: 3;
22536
22520
  }
package/dist/css/popovers.css CHANGED
@@ -419,8 +419,7 @@ button.close {
419
419
  }
420
420
  @supports (hyphenate-limit-chars: 1) {
421
421
  .popover-title {
422
- -webkit-hyphens: auto;
423
- hyphens: auto;
422
+ hyphens: auto;
424
423
  hyphenate-limit-chars: 7 3;
425
424
  }
426
425
  @media (min-width: 768px) {
@@ -436,8 +435,7 @@ button.close {
436
435
  }
437
436
  @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
438
437
  .popover-title {
439
- -webkit-hyphens: auto;
440
- hyphens: auto;
438
+ hyphens: auto;
441
439
  -webkit-hyphenate-limit-before: 3;
442
440
  -webkit-hyphenate-limit-after: 3;
443
441
  }
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.25.2",
4
+ "version": "14.26.1",
5
5
  "license": "MIT",
6
6
  "repository": {
7
7
  "type": "git",
@@ -32,7 +32,8 @@
32
32
  "@wise/wds-configs": "0.0.0"
33
33
  },
34
34
  "publishConfig": {
35
- "access": "public"
35
+ "access": "public",
36
+ "registry": "https://registry.npmjs.org/"
36
37
  },
37
38
  "scripts": {
38
39
  "analyze:css-selectors": "node ./scripts/analyze-css-selectors.js",
package/src/less/core/_scaffolding.less CHANGED
@@ -98,7 +98,7 @@ pre {
98
98
  a,
99
99
  .np-text-link-default,
100
100
  .np-text-link-large {
101
- color: var(--color-content-link);
101
+ color: var(--color-sentiment-content-primary, var(--color-content-link));
102
102
 
103
103
  // @DEPRECATED: .bg-primary use .bg-elevated or ThemeProvider with theme="forest-green" instead
104
104
  .bg-primary & {
@@ -116,12 +116,12 @@ a,
116
116
 
117
117
  &:hover,
118
118
  &:focus {
119
- color: var(--color-content-link-hover);
119
+ color: var(--color-sentiment-content-primary-hover, var(--color-content-link-hover));
120
120
  text-decoration: underline;
121
121
  }
122
122
 
123
123
  &:active {
124
- color: var(--color-content-link-active);
124
+ color: var(--color-sentiment-content-primary-active, var(--color-content-link-active));
125
125
  }
126
126
 
127
127
  &.secondary {