@transferwise/neptune-css 0.0.0-experimental-69786e7 → 0.0.0-experimental-484c667

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.
@@ -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
+ .hyphenation {
1828
+ -webkit-hyphens: auto;
1829
+ hyphens: auto;
1830
+ hyphenate-limit-chars: 7 3;
1831
+ }
1832
+ @media (min-width: 768px) {
1833
+ .hyphenation {
1834
+ hyphenate-limit-chars: 8 3;
1835
+ }
1836
+ }
1837
+ @media (min-width: 992px) {
1838
+ .hyphenation {
1839
+ hyphenate-limit-chars: 10 4 3;
1840
+ }
1841
+ }
1842
+ }
1843
+ @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
1844
+ .hyphenation {
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
+ .hyphenation {
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);
@@ -6089,6 +6089,38 @@ html:not([dir="rtl"]) .p-x-panel {
6089
6089
  }
6090
6090
  }
6091
6091
 
6092
+ @supports (hyphenate-limit-chars: 1) {
6093
+ .hyphenation {
6094
+ -webkit-hyphens: auto;
6095
+ hyphens: auto;
6096
+ hyphenate-limit-chars: 7 3;
6097
+ }
6098
+ @media (min-width: 768px) {
6099
+ .hyphenation {
6100
+ hyphenate-limit-chars: 8 3;
6101
+ }
6102
+ }
6103
+ @media (min-width: 992px) {
6104
+ .hyphenation {
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
+ .hyphenation {
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
+ .hyphenation {
6119
+ -webkit-hyphenate-limit-before: 4;
6120
+ }
6121
+ }
6122
+ }
6123
+
6092
6124
  .border-bottom {
6093
6125
  border-bottom: 1px solid rgba(134,167,189,0.10196);
6094
6126
  border-bottom: 1px solid var(--color-background-neutral);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@transferwise/neptune-css",
3
3
  "description": "Neptune CSS library",
4
- "version": "0.0.0-experimental-69786e7",
4
+ "version": "0.0.0-experimental-484c667",
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
+ .hyphenation {
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
+ }
@@ -25,28 +25,7 @@ h6,
25
25
  line-height: var(--line-height-title);
26
26
  letter-spacing: 0;
27
27
 
28
- @supports (hyphenate-limit-chars: 1) {
29
- hyphens: auto;
30
- hyphenate-limit-chars: 7 3;
31
-
32
- @media (--screen-md) {
33
- hyphenate-limit-chars: 8 3;
34
- }
35
-
36
- @media (--screen-lg) {
37
- hyphenate-limit-chars: 10 4 3;
38
- }
39
- }
40
-
41
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
42
- hyphens: auto;
43
- -webkit-hyphenate-limit-before: 3;
44
- -webkit-hyphenate-limit-after: 3;
45
-
46
- @media (--screen-lg) {
47
- -webkit-hyphenate-limit-before: 4;
48
- }
49
- }
28
+ .hyphenation;
50
29
 
51
30
  + p,
52
31
  + ul:not(.list-unstyled),
@@ -236,32 +215,9 @@ a,
236
215
  .np-text-display-medium,
237
216
  .np-text-display-small {
238
217
  letter-spacing: normal;
239
-
240
- @supports (hyphenate-limit-chars: 1) {
241
- hyphens: auto;
242
- hyphenate-limit-chars: 7 3;
243
-
244
- @media (--screen-md) {
245
- hyphenate-limit-chars: 8 3;
246
- }
247
-
248
- @media (--screen-lg) {
249
- hyphenate-limit-chars: 10 4 3;
250
- }
251
- }
252
-
253
- @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
254
- hyphens: auto;
255
- -webkit-hyphenate-limit-before: 3;
256
- -webkit-hyphenate-limit-after: 3;
257
-
258
- @media (--screen-lg) {
259
- -webkit-hyphenate-limit-before: 4;
260
- }
261
- }
218
+ .hyphenation;
262
219
  }
263
220
 
264
-
265
221
  .np-text-display-extra-large,
266
222
  .np-text-display-large {
267
223
  .display-formatting(var(--size-64), normal, var(--font-weight-bold));