@transferwise/neptune-css 14.24.2 → 14.24.4

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.
@@ -67,6 +67,36 @@
67
67
  letter-spacing: -0.014em;
68
68
  line-height: 135%;
69
69
  }
70
+ @supports (hyphenate-limit-chars: 1) {
71
+ .decision__title {
72
+ -webkit-hyphens: auto;
73
+ hyphens: auto;
74
+ hyphenate-limit-chars: 7 3;
75
+ }
76
+ @media (min-width: 768px) {
77
+ .decision__title {
78
+ hyphenate-limit-chars: 8 3;
79
+ }
80
+ }
81
+ @media (min-width: 992px) {
82
+ .decision__title {
83
+ hyphenate-limit-chars: 10 4 3;
84
+ }
85
+ }
86
+ }
87
+ @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
88
+ .decision__title {
89
+ -webkit-hyphens: auto;
90
+ hyphens: auto;
91
+ -webkit-hyphenate-limit-before: 3;
92
+ -webkit-hyphenate-limit-after: 3;
93
+ }
94
+ @media (min-width: 992px) {
95
+ .decision__title {
96
+ -webkit-hyphenate-limit-before: 4;
97
+ }
98
+ }
99
+ }
70
100
  .decision__title + p,
71
101
  .decision__title + ul:not(.list-unstyled),
72
102
  .decision__title + ol:not(.list-unstyled) {
@@ -27,6 +27,34 @@
27
27
  font-weight: var(--font-weight-semi-bold);
28
28
  letter-spacing: -0.014em;
29
29
  line-height: 135%;
30
+ }@supports (hyphenate-limit-chars: 1) {
31
+ .decision__title {
32
+ -webkit-hyphens: auto;
33
+ hyphens: auto;
34
+ hyphenate-limit-chars: 7 3;
35
+ }
36
+ @media (min-width: 768px) {
37
+ .decision__title {
38
+ hyphenate-limit-chars: 8 3;
39
+ }
40
+ }
41
+ @media (min-width: 992px) {
42
+ .decision__title {
43
+ hyphenate-limit-chars: 10 4 3;
44
+ }
45
+ }
46
+ }@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
47
+ .decision__title {
48
+ -webkit-hyphens: auto;
49
+ hyphens: auto;
50
+ -webkit-hyphenate-limit-before: 3;
51
+ -webkit-hyphenate-limit-after: 3;
52
+ }
53
+ @media (min-width: 992px) {
54
+ .decision__title {
55
+ -webkit-hyphenate-limit-before: 4;
56
+ }
57
+ }
30
58
  }.decision__title + p,
31
59
  .decision__title + ul:not(.list-unstyled),
32
60
  .decision__title + ol:not(.list-unstyled) {
@@ -341,6 +341,34 @@
341
341
  font-size: var(--font-size-14);
342
342
  letter-spacing: -0.006em;
343
343
  line-height: 140%;
344
+ }@supports (hyphenate-limit-chars: 1) {
345
+ .dropdown-header {
346
+ -webkit-hyphens: auto;
347
+ hyphens: auto;
348
+ hyphenate-limit-chars: 7 3;
349
+ }
350
+ @media (min-width: 768px) {
351
+ .dropdown-header {
352
+ hyphenate-limit-chars: 8 3;
353
+ }
354
+ }
355
+ @media (min-width: 992px) {
356
+ .dropdown-header {
357
+ hyphenate-limit-chars: 10 4 3;
358
+ }
359
+ }
360
+ }@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
361
+ .dropdown-header {
362
+ -webkit-hyphens: auto;
363
+ hyphens: auto;
364
+ -webkit-hyphenate-limit-before: 3;
365
+ -webkit-hyphenate-limit-after: 3;
366
+ }
367
+ @media (min-width: 992px) {
368
+ .dropdown-header {
369
+ -webkit-hyphenate-limit-before: 4;
370
+ }
371
+ }
344
372
  }.dropdown-header + p,
345
373
  .dropdown-header + ul:not(.list-unstyled),
346
374
  .dropdown-header + ol:not(.list-unstyled) {
@@ -2381,6 +2381,46 @@ select[multiple].input-group-lg > .input-group-addon,
2381
2381
  select[multiple].input-group-lg > .input-group-btn .btn {
2382
2382
  height: auto;
2383
2383
  }
2384
+ @supports (hyphenate-limit-chars: 1) {
2385
+ .input-group-lg > .form-control,
2386
+ .input-group-lg > .input-group-addon,
2387
+ .input-group-lg > .input-group-btn .btn {
2388
+ -webkit-hyphens: auto;
2389
+ hyphens: auto;
2390
+ hyphenate-limit-chars: 7 3;
2391
+ }
2392
+ @media (min-width: 768px) {
2393
+ .input-group-lg > .form-control,
2394
+ .input-group-lg > .input-group-addon,
2395
+ .input-group-lg > .input-group-btn .btn {
2396
+ hyphenate-limit-chars: 8 3;
2397
+ }
2398
+ }
2399
+ @media (min-width: 992px) {
2400
+ .input-group-lg > .form-control,
2401
+ .input-group-lg > .input-group-addon,
2402
+ .input-group-lg > .input-group-btn .btn {
2403
+ hyphenate-limit-chars: 10 4 3;
2404
+ }
2405
+ }
2406
+ }
2407
+ @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
2408
+ .input-group-lg > .form-control,
2409
+ .input-group-lg > .input-group-addon,
2410
+ .input-group-lg > .input-group-btn .btn {
2411
+ -webkit-hyphens: auto;
2412
+ hyphens: auto;
2413
+ -webkit-hyphenate-limit-before: 3;
2414
+ -webkit-hyphenate-limit-after: 3;
2415
+ }
2416
+ @media (min-width: 992px) {
2417
+ .input-group-lg > .form-control,
2418
+ .input-group-lg > .input-group-addon,
2419
+ .input-group-lg > .input-group-btn .btn {
2420
+ -webkit-hyphenate-limit-before: 4;
2421
+ }
2422
+ }
2423
+ }
2384
2424
  .input-group-lg > .form-control + p,
2385
2425
  .input-group-lg > .input-group-addon + p,
2386
2426
  .input-group-lg > .input-group-btn .btn + p,
@@ -57,6 +57,34 @@
57
57
  line-height: 140%;
58
58
  color: #37517e;
59
59
  color: var(--color-content-primary);
60
+ }@supports (hyphenate-limit-chars: 1) {
61
+ .list-group-item-heading {
62
+ -webkit-hyphens: auto;
63
+ hyphens: auto;
64
+ hyphenate-limit-chars: 7 3;
65
+ }
66
+ @media (min-width: 768px) {
67
+ .list-group-item-heading {
68
+ hyphenate-limit-chars: 8 3;
69
+ }
70
+ }
71
+ @media (min-width: 992px) {
72
+ .list-group-item-heading {
73
+ hyphenate-limit-chars: 10 4 3;
74
+ }
75
+ }
76
+ }@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
77
+ .list-group-item-heading {
78
+ -webkit-hyphens: auto;
79
+ hyphens: auto;
80
+ -webkit-hyphenate-limit-before: 3;
81
+ -webkit-hyphenate-limit-after: 3;
82
+ }
83
+ @media (min-width: 992px) {
84
+ .list-group-item-heading {
85
+ -webkit-hyphenate-limit-before: 4;
86
+ }
87
+ }
60
88
  }.list-group-item-heading + p,
61
89
  .list-group-item-heading + ul:not(.list-unstyled),
62
90
  .list-group-item-heading + ol:not(.list-unstyled) {
@@ -531,6 +531,36 @@
531
531
  letter-spacing: -0.006em;
532
532
  line-height: 140%;
533
533
  }
534
+ @supports (hyphenate-limit-chars: 1) {
535
+ .dropdown-header {
536
+ -webkit-hyphens: auto;
537
+ hyphens: auto;
538
+ hyphenate-limit-chars: 7 3;
539
+ }
540
+ @media (min-width: 768px) {
541
+ .dropdown-header {
542
+ hyphenate-limit-chars: 8 3;
543
+ }
544
+ }
545
+ @media (min-width: 992px) {
546
+ .dropdown-header {
547
+ hyphenate-limit-chars: 10 4 3;
548
+ }
549
+ }
550
+ }
551
+ @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
552
+ .dropdown-header {
553
+ -webkit-hyphens: auto;
554
+ hyphens: auto;
555
+ -webkit-hyphenate-limit-before: 3;
556
+ -webkit-hyphenate-limit-after: 3;
557
+ }
558
+ @media (min-width: 992px) {
559
+ .dropdown-header {
560
+ -webkit-hyphenate-limit-before: 4;
561
+ }
562
+ }
563
+ }
534
564
  .dropdown-header + p,
535
565
  .dropdown-header + ul:not(.list-unstyled),
536
566
  .dropdown-header + ol:not(.list-unstyled) {
@@ -1823,6 +1823,36 @@ html:not([dir="rtl"]) .p-x-panel {
1823
1823
  padding-bottom: var(--size-96);
1824
1824
  }
1825
1825
  }
1826
+ @supports (hyphenate-limit-chars: 1) {
1827
+ .np-text-hyphenated {
1828
+ -webkit-hyphens: auto;
1829
+ hyphens: auto;
1830
+ hyphenate-limit-chars: 7 3;
1831
+ }
1832
+ @media (min-width: 768px) {
1833
+ .np-text-hyphenated {
1834
+ hyphenate-limit-chars: 8 3;
1835
+ }
1836
+ }
1837
+ @media (min-width: 992px) {
1838
+ .np-text-hyphenated {
1839
+ hyphenate-limit-chars: 10 4 3;
1840
+ }
1841
+ }
1842
+ }
1843
+ @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
1844
+ .np-text-hyphenated {
1845
+ -webkit-hyphens: auto;
1846
+ hyphens: auto;
1847
+ -webkit-hyphenate-limit-before: 3;
1848
+ -webkit-hyphenate-limit-after: 3;
1849
+ }
1850
+ @media (min-width: 992px) {
1851
+ .np-text-hyphenated {
1852
+ -webkit-hyphenate-limit-before: 4;
1853
+ }
1854
+ }
1855
+ }
1826
1856
  .border-bottom {
1827
1857
  border-bottom: 1px solid rgba(134,167,189,0.10196);
1828
1858
  border-bottom: 1px solid var(--color-background-neutral);
@@ -770,6 +770,141 @@ h6,
770
770
  line-height: var(--line-height-title);
771
771
  letter-spacing: 0;
772
772
  }
773
+ @supports (hyphenate-limit-chars: 1) {
774
+ .h1,
775
+ .h2,
776
+ .h3,
777
+ .h4,
778
+ .h5,
779
+ .h6,
780
+ .title-1,
781
+ .title-2,
782
+ .title-3,
783
+ .title-4,
784
+ .title-5,
785
+ h1,
786
+ h2,
787
+ h3,
788
+ h4,
789
+ h5,
790
+ h6,
791
+ .np-text-title-screen,
792
+ .np-text-title-section,
793
+ .np-text-title-subsection,
794
+ .np-text-title-body,
795
+ .np-text-title-group {
796
+ -webkit-hyphens: auto;
797
+ hyphens: auto;
798
+ hyphenate-limit-chars: 7 3;
799
+ }
800
+ @media (min-width: 768px) {
801
+ .h1,
802
+ .h2,
803
+ .h3,
804
+ .h4,
805
+ .h5,
806
+ .h6,
807
+ .title-1,
808
+ .title-2,
809
+ .title-3,
810
+ .title-4,
811
+ .title-5,
812
+ h1,
813
+ h2,
814
+ h3,
815
+ h4,
816
+ h5,
817
+ h6,
818
+ .np-text-title-screen,
819
+ .np-text-title-section,
820
+ .np-text-title-subsection,
821
+ .np-text-title-body,
822
+ .np-text-title-group {
823
+ hyphenate-limit-chars: 8 3;
824
+ }
825
+ }
826
+ @media (min-width: 992px) {
827
+ .h1,
828
+ .h2,
829
+ .h3,
830
+ .h4,
831
+ .h5,
832
+ .h6,
833
+ .title-1,
834
+ .title-2,
835
+ .title-3,
836
+ .title-4,
837
+ .title-5,
838
+ h1,
839
+ h2,
840
+ h3,
841
+ h4,
842
+ h5,
843
+ h6,
844
+ .np-text-title-screen,
845
+ .np-text-title-section,
846
+ .np-text-title-subsection,
847
+ .np-text-title-body,
848
+ .np-text-title-group {
849
+ hyphenate-limit-chars: 10 4 3;
850
+ }
851
+ }
852
+ }
853
+ @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
854
+ .h1,
855
+ .h2,
856
+ .h3,
857
+ .h4,
858
+ .h5,
859
+ .h6,
860
+ .title-1,
861
+ .title-2,
862
+ .title-3,
863
+ .title-4,
864
+ .title-5,
865
+ h1,
866
+ h2,
867
+ h3,
868
+ h4,
869
+ h5,
870
+ h6,
871
+ .np-text-title-screen,
872
+ .np-text-title-section,
873
+ .np-text-title-subsection,
874
+ .np-text-title-body,
875
+ .np-text-title-group {
876
+ -webkit-hyphens: auto;
877
+ hyphens: auto;
878
+ -webkit-hyphenate-limit-before: 3;
879
+ -webkit-hyphenate-limit-after: 3;
880
+ }
881
+ @media (min-width: 992px) {
882
+ .h1,
883
+ .h2,
884
+ .h3,
885
+ .h4,
886
+ .h5,
887
+ .h6,
888
+ .title-1,
889
+ .title-2,
890
+ .title-3,
891
+ .title-4,
892
+ .title-5,
893
+ h1,
894
+ h2,
895
+ h3,
896
+ h4,
897
+ h5,
898
+ h6,
899
+ .np-text-title-screen,
900
+ .np-text-title-section,
901
+ .np-text-title-subsection,
902
+ .np-text-title-body,
903
+ .np-text-title-group {
904
+ -webkit-hyphenate-limit-before: 4;
905
+ }
906
+ }
907
+ }
773
908
  .h1 + p,
774
909
  .h2 + p,
775
910
  .h3 + p,
@@ -2412,6 +2412,143 @@ h6,
2412
2412
  letter-spacing: 0;
2413
2413
  }
2414
2414
 
2415
+ @supports (hyphenate-limit-chars: 1) {
2416
+ .h1,
2417
+ .h2,
2418
+ .h3,
2419
+ .h4,
2420
+ .h5,
2421
+ .h6,
2422
+ .title-1,
2423
+ .title-2,
2424
+ .title-3,
2425
+ .title-4,
2426
+ .title-5,
2427
+ h1,
2428
+ h2,
2429
+ h3,
2430
+ h4,
2431
+ h5,
2432
+ h6,
2433
+ .np-text-title-screen,
2434
+ .np-text-title-section,
2435
+ .np-text-title-subsection,
2436
+ .np-text-title-body,
2437
+ .np-text-title-group {
2438
+ -webkit-hyphens: auto;
2439
+ hyphens: auto;
2440
+ hyphenate-limit-chars: 7 3;
2441
+ }
2442
+ @media (min-width: 768px) {
2443
+ .h1,
2444
+ .h2,
2445
+ .h3,
2446
+ .h4,
2447
+ .h5,
2448
+ .h6,
2449
+ .title-1,
2450
+ .title-2,
2451
+ .title-3,
2452
+ .title-4,
2453
+ .title-5,
2454
+ h1,
2455
+ h2,
2456
+ h3,
2457
+ h4,
2458
+ h5,
2459
+ h6,
2460
+ .np-text-title-screen,
2461
+ .np-text-title-section,
2462
+ .np-text-title-subsection,
2463
+ .np-text-title-body,
2464
+ .np-text-title-group {
2465
+ hyphenate-limit-chars: 8 3;
2466
+ }
2467
+ }
2468
+ @media (min-width: 992px) {
2469
+ .h1,
2470
+ .h2,
2471
+ .h3,
2472
+ .h4,
2473
+ .h5,
2474
+ .h6,
2475
+ .title-1,
2476
+ .title-2,
2477
+ .title-3,
2478
+ .title-4,
2479
+ .title-5,
2480
+ h1,
2481
+ h2,
2482
+ h3,
2483
+ h4,
2484
+ h5,
2485
+ h6,
2486
+ .np-text-title-screen,
2487
+ .np-text-title-section,
2488
+ .np-text-title-subsection,
2489
+ .np-text-title-body,
2490
+ .np-text-title-group {
2491
+ hyphenate-limit-chars: 10 4 3;
2492
+ }
2493
+ }
2494
+ }
2495
+
2496
+ @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
2497
+ .h1,
2498
+ .h2,
2499
+ .h3,
2500
+ .h4,
2501
+ .h5,
2502
+ .h6,
2503
+ .title-1,
2504
+ .title-2,
2505
+ .title-3,
2506
+ .title-4,
2507
+ .title-5,
2508
+ h1,
2509
+ h2,
2510
+ h3,
2511
+ h4,
2512
+ h5,
2513
+ h6,
2514
+ .np-text-title-screen,
2515
+ .np-text-title-section,
2516
+ .np-text-title-subsection,
2517
+ .np-text-title-body,
2518
+ .np-text-title-group {
2519
+ -webkit-hyphens: auto;
2520
+ hyphens: auto;
2521
+ -webkit-hyphenate-limit-before: 3;
2522
+ -webkit-hyphenate-limit-after: 3;
2523
+ }
2524
+ @media (min-width: 992px) {
2525
+ .h1,
2526
+ .h2,
2527
+ .h3,
2528
+ .h4,
2529
+ .h5,
2530
+ .h6,
2531
+ .title-1,
2532
+ .title-2,
2533
+ .title-3,
2534
+ .title-4,
2535
+ .title-5,
2536
+ h1,
2537
+ h2,
2538
+ h3,
2539
+ h4,
2540
+ h5,
2541
+ h6,
2542
+ .np-text-title-screen,
2543
+ .np-text-title-section,
2544
+ .np-text-title-subsection,
2545
+ .np-text-title-body,
2546
+ .np-text-title-group {
2547
+ -webkit-hyphenate-limit-before: 4;
2548
+ }
2549
+ }
2550
+ }
2551
+
2415
2552
  .h1 + p,
2416
2553
  .h2 + p,
2417
2554
  .h3 + p,
@@ -5952,6 +6089,38 @@ html:not([dir="rtl"]) .p-x-panel {
5952
6089
  }
5953
6090
  }
5954
6091
 
6092
+ @supports (hyphenate-limit-chars: 1) {
6093
+ .np-text-hyphenated {
6094
+ -webkit-hyphens: auto;
6095
+ hyphens: auto;
6096
+ hyphenate-limit-chars: 7 3;
6097
+ }
6098
+ @media (min-width: 768px) {
6099
+ .np-text-hyphenated {
6100
+ hyphenate-limit-chars: 8 3;
6101
+ }
6102
+ }
6103
+ @media (min-width: 992px) {
6104
+ .np-text-hyphenated {
6105
+ hyphenate-limit-chars: 10 4 3;
6106
+ }
6107
+ }
6108
+ }
6109
+
6110
+ @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
6111
+ .np-text-hyphenated {
6112
+ -webkit-hyphens: auto;
6113
+ hyphens: auto;
6114
+ -webkit-hyphenate-limit-before: 3;
6115
+ -webkit-hyphenate-limit-after: 3;
6116
+ }
6117
+ @media (min-width: 992px) {
6118
+ .np-text-hyphenated {
6119
+ -webkit-hyphenate-limit-before: 4;
6120
+ }
6121
+ }
6122
+ }
6123
+
5955
6124
  .border-bottom {
5956
6125
  border-bottom: 1px solid rgba(134,167,189,0.10196);
5957
6126
  border-bottom: 1px solid var(--color-background-neutral);
@@ -12017,6 +12186,48 @@ select[multiple].input-group-lg > .input-group-btn .btn {
12017
12186
  height: auto;
12018
12187
  }
12019
12188
 
12189
+ @supports (hyphenate-limit-chars: 1) {
12190
+ .input-group-lg > .form-control,
12191
+ .input-group-lg > .input-group-addon,
12192
+ .input-group-lg > .input-group-btn .btn {
12193
+ -webkit-hyphens: auto;
12194
+ hyphens: auto;
12195
+ hyphenate-limit-chars: 7 3;
12196
+ }
12197
+ @media (min-width: 768px) {
12198
+ .input-group-lg > .form-control,
12199
+ .input-group-lg > .input-group-addon,
12200
+ .input-group-lg > .input-group-btn .btn {
12201
+ hyphenate-limit-chars: 8 3;
12202
+ }
12203
+ }
12204
+ @media (min-width: 992px) {
12205
+ .input-group-lg > .form-control,
12206
+ .input-group-lg > .input-group-addon,
12207
+ .input-group-lg > .input-group-btn .btn {
12208
+ hyphenate-limit-chars: 10 4 3;
12209
+ }
12210
+ }
12211
+ }
12212
+
12213
+ @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
12214
+ .input-group-lg > .form-control,
12215
+ .input-group-lg > .input-group-addon,
12216
+ .input-group-lg > .input-group-btn .btn {
12217
+ -webkit-hyphens: auto;
12218
+ hyphens: auto;
12219
+ -webkit-hyphenate-limit-before: 3;
12220
+ -webkit-hyphenate-limit-after: 3;
12221
+ }
12222
+ @media (min-width: 992px) {
12223
+ .input-group-lg > .form-control,
12224
+ .input-group-lg > .input-group-addon,
12225
+ .input-group-lg > .input-group-btn .btn {
12226
+ -webkit-hyphenate-limit-before: 4;
12227
+ }
12228
+ }
12229
+ }
12230
+
12020
12231
  .input-group-lg > .form-control + p,
12021
12232
  .input-group-lg > .input-group-addon + p,
12022
12233
  .input-group-lg > .input-group-btn .btn + p,
@@ -12995,6 +13206,38 @@ li > a > .currency-flag:first-child {
12995
13206
  line-height: 135%;
12996
13207
  }
12997
13208
 
13209
+ @supports (hyphenate-limit-chars: 1) {
13210
+ .decision__title {
13211
+ -webkit-hyphens: auto;
13212
+ hyphens: auto;
13213
+ hyphenate-limit-chars: 7 3;
13214
+ }
13215
+ @media (min-width: 768px) {
13216
+ .decision__title {
13217
+ hyphenate-limit-chars: 8 3;
13218
+ }
13219
+ }
13220
+ @media (min-width: 992px) {
13221
+ .decision__title {
13222
+ hyphenate-limit-chars: 10 4 3;
13223
+ }
13224
+ }
13225
+ }
13226
+
13227
+ @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
13228
+ .decision__title {
13229
+ -webkit-hyphens: auto;
13230
+ hyphens: auto;
13231
+ -webkit-hyphenate-limit-before: 3;
13232
+ -webkit-hyphenate-limit-after: 3;
13233
+ }
13234
+ @media (min-width: 992px) {
13235
+ .decision__title {
13236
+ -webkit-hyphenate-limit-before: 4;
13237
+ }
13238
+ }
13239
+ }
13240
+
12998
13241
  .decision__title + p,
12999
13242
  .decision__title + ul:not(.list-unstyled),
13000
13243
  .decision__title + ol:not(.list-unstyled) {
@@ -13512,6 +13755,38 @@ li > a > .currency-flag:first-child {
13512
13755
  line-height: 140%;
13513
13756
  }
13514
13757
 
13758
+ @supports (hyphenate-limit-chars: 1) {
13759
+ .dropdown-header {
13760
+ -webkit-hyphens: auto;
13761
+ hyphens: auto;
13762
+ hyphenate-limit-chars: 7 3;
13763
+ }
13764
+ @media (min-width: 768px) {
13765
+ .dropdown-header {
13766
+ hyphenate-limit-chars: 8 3;
13767
+ }
13768
+ }
13769
+ @media (min-width: 992px) {
13770
+ .dropdown-header {
13771
+ hyphenate-limit-chars: 10 4 3;
13772
+ }
13773
+ }
13774
+ }
13775
+
13776
+ @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
13777
+ .dropdown-header {
13778
+ -webkit-hyphens: auto;
13779
+ hyphens: auto;
13780
+ -webkit-hyphenate-limit-before: 3;
13781
+ -webkit-hyphenate-limit-after: 3;
13782
+ }
13783
+ @media (min-width: 992px) {
13784
+ .dropdown-header {
13785
+ -webkit-hyphenate-limit-before: 4;
13786
+ }
13787
+ }
13788
+ }
13789
+
13515
13790
  .dropdown-header + p,
13516
13791
  .dropdown-header + ul:not(.list-unstyled),
13517
13792
  .dropdown-header + ol:not(.list-unstyled) {
@@ -17340,6 +17615,38 @@ html:not([dir="rtl"]) .list-group-item {
17340
17615
  color: var(--color-content-primary);
17341
17616
  }
17342
17617
 
17618
+ @supports (hyphenate-limit-chars: 1) {
17619
+ .list-group-item-heading {
17620
+ -webkit-hyphens: auto;
17621
+ hyphens: auto;
17622
+ hyphenate-limit-chars: 7 3;
17623
+ }
17624
+ @media (min-width: 768px) {
17625
+ .list-group-item-heading {
17626
+ hyphenate-limit-chars: 8 3;
17627
+ }
17628
+ }
17629
+ @media (min-width: 992px) {
17630
+ .list-group-item-heading {
17631
+ hyphenate-limit-chars: 10 4 3;
17632
+ }
17633
+ }
17634
+ }
17635
+
17636
+ @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
17637
+ .list-group-item-heading {
17638
+ -webkit-hyphens: auto;
17639
+ hyphens: auto;
17640
+ -webkit-hyphenate-limit-before: 3;
17641
+ -webkit-hyphenate-limit-after: 3;
17642
+ }
17643
+ @media (min-width: 992px) {
17644
+ .list-group-item-heading {
17645
+ -webkit-hyphenate-limit-before: 4;
17646
+ }
17647
+ }
17648
+ }
17649
+
17343
17650
  .list-group-item-heading + p,
17344
17651
  .list-group-item-heading + ul:not(.list-unstyled),
17345
17652
  .list-group-item-heading + ol:not(.list-unstyled) {
@@ -21533,6 +21840,38 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
21533
21840
  color: var(--color-content-primary) !important;
21534
21841
  }
21535
21842
 
21843
+ @supports (hyphenate-limit-chars: 1) {
21844
+ .popover-title {
21845
+ -webkit-hyphens: auto;
21846
+ hyphens: auto;
21847
+ hyphenate-limit-chars: 7 3;
21848
+ }
21849
+ @media (min-width: 768px) {
21850
+ .popover-title {
21851
+ hyphenate-limit-chars: 8 3;
21852
+ }
21853
+ }
21854
+ @media (min-width: 992px) {
21855
+ .popover-title {
21856
+ hyphenate-limit-chars: 10 4 3;
21857
+ }
21858
+ }
21859
+ }
21860
+
21861
+ @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
21862
+ .popover-title {
21863
+ -webkit-hyphens: auto;
21864
+ hyphens: auto;
21865
+ -webkit-hyphenate-limit-before: 3;
21866
+ -webkit-hyphenate-limit-after: 3;
21867
+ }
21868
+ @media (min-width: 992px) {
21869
+ .popover-title {
21870
+ -webkit-hyphenate-limit-before: 4;
21871
+ }
21872
+ }
21873
+ }
21874
+
21536
21875
  .popover-title + p,
21537
21876
  .popover-title + ul:not(.list-unstyled),
21538
21877
  .popover-title + ol:not(.list-unstyled) {
@@ -344,6 +344,34 @@
344
344
  border-bottom: 0;
345
345
  border-radius: 2px 2px 0 0;
346
346
  color: var(--color-content-primary) !important;
347
+ }@supports (hyphenate-limit-chars: 1) {
348
+ .popover-title {
349
+ -webkit-hyphens: auto;
350
+ hyphens: auto;
351
+ hyphenate-limit-chars: 7 3;
352
+ }
353
+ @media (min-width: 768px) {
354
+ .popover-title {
355
+ hyphenate-limit-chars: 8 3;
356
+ }
357
+ }
358
+ @media (min-width: 992px) {
359
+ .popover-title {
360
+ hyphenate-limit-chars: 10 4 3;
361
+ }
362
+ }
363
+ }@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
364
+ .popover-title {
365
+ -webkit-hyphens: auto;
366
+ hyphens: auto;
367
+ -webkit-hyphenate-limit-before: 3;
368
+ -webkit-hyphenate-limit-after: 3;
369
+ }
370
+ @media (min-width: 992px) {
371
+ .popover-title {
372
+ -webkit-hyphenate-limit-before: 4;
373
+ }
374
+ }
347
375
  }.popover-title + p,
348
376
  .popover-title + ul:not(.list-unstyled),
349
377
  .popover-title + ol:not(.list-unstyled) {
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.24.2",
4
+ "version": "14.24.4",
5
5
  "license": "MIT",
6
6
  "repository": {
7
7
  "type": "git",
@@ -46,3 +46,28 @@
46
46
  padding-bottom: var(--size-96);
47
47
  }
48
48
  }
49
+
50
+ .np-text-hyphenated {
51
+ @supports (hyphenate-limit-chars: 1) {
52
+ hyphens: auto;
53
+ hyphenate-limit-chars: 7 3;
54
+
55
+ @media (--screen-md) {
56
+ hyphenate-limit-chars: 8 3;
57
+ }
58
+
59
+ @media (--screen-lg) {
60
+ hyphenate-limit-chars: 10 4 3;
61
+ }
62
+ }
63
+
64
+ @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
65
+ hyphens: auto;
66
+ -webkit-hyphenate-limit-before: 3;
67
+ -webkit-hyphenate-limit-after: 3;
68
+
69
+ @media (--screen-lg) {
70
+ -webkit-hyphenate-limit-before: 4;
71
+ }
72
+ }
73
+ }
@@ -24,7 +24,8 @@ h6,
24
24
  color: var(--color-content-primary);
25
25
  line-height: var(--line-height-title);
26
26
  letter-spacing: 0;
27
-
27
+ .np-text-hyphenated;
28
+
28
29
  + p,
29
30
  + ul:not(.list-unstyled),
30
31
  + ol:not(.list-unstyled) {
@@ -213,32 +214,9 @@ a,
213
214
  .np-text-display-medium,
214
215
  .np-text-display-small {
215
216
  letter-spacing: normal;
216
-
217
- @supports (hyphenate-limit-chars: 1) {
218
- hyphens: auto;
219
- hyphenate-limit-chars: 7 3;
220
-
221
- @media (--screen-md) {
222
- hyphenate-limit-chars: 8 3;
223
- }
224
-
225
- @media (--screen-lg) {
226
- hyphenate-limit-chars: 10 4 3;
227
- }
228
- }
229
-
230
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
231
- hyphens: auto;
232
- -webkit-hyphenate-limit-before: 3;
233
- -webkit-hyphenate-limit-after: 3;
234
-
235
- @media (--screen-lg) {
236
- -webkit-hyphenate-limit-before: 4;
237
- }
238
- }
217
+ .np-text-hyphenated;
239
218
  }
240
219
 
241
-
242
220
  .np-text-display-extra-large,
243
221
  .np-text-display-large {
244
222
  .display-formatting(var(--size-64), normal, var(--font-weight-bold));