@transferwise/neptune-css 0.0.0-experimental-ec32b8c → 0.0.0-experimental-8dcd019

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 (45) hide show
  1. package/dist/css/accordion.css +23 -52
  2. package/dist/css/button-groups.css +29 -8
  3. package/dist/css/buttons.css +26 -2
  4. package/dist/css/decision.css +23 -52
  5. package/dist/css/dropdowns.css +39 -62
  6. package/dist/css/droppable.css +28 -8
  7. package/dist/css/footer.css +41 -14
  8. package/dist/css/input-groups.css +172 -165
  9. package/dist/css/list-group.css +0 -45
  10. package/dist/css/navbar.css +39 -62
  11. package/dist/css/neptune-addons.css +15 -0
  12. package/dist/css/neptune-core.css +375 -547
  13. package/dist/css/neptune.css +2902 -1443
  14. package/dist/css/popovers.css +35 -60
  15. package/dist/css/sequences.css +6 -1
  16. package/dist/css/tooltip.css +27 -7
  17. package/dist/less/neptune-tokens.less +0 -48
  18. package/dist/props/neptune-tokens.css +802 -1
  19. package/package.json +1 -1
  20. package/src/less/addons/_background-utilities.less +5 -0
  21. package/src/less/button-groups.less +3 -2
  22. package/src/less/buttons.less +1 -1
  23. package/src/less/core/_typography.less +67 -221
  24. package/src/less/decision.less +2 -2
  25. package/src/less/dropdowns.less +6 -5
  26. package/src/less/droppable.less +4 -4
  27. package/src/less/footer.less +4 -3
  28. package/src/less/forms/bootstrap-forms.less +70 -57
  29. package/src/less/input-groups.less +5 -5
  30. package/src/less/list-group.less +7 -4
  31. package/src/less/mixins/_text-emphasis.less +7 -1
  32. package/src/less/neptune.bundle.less +4 -0
  33. package/src/less/popovers.less +3 -3
  34. package/src/less/sequences.less +7 -2
  35. package/src/less/tooltip.less +1 -1
  36. package/dist/fonts/inter-cyrillic-ext-variable-wghtOnly-normal.woff2 +0 -0
  37. package/dist/fonts/inter-cyrillic-variable-wghtOnly-normal.woff2 +0 -0
  38. package/dist/fonts/inter-greek-ext-variable-wghtOnly-normal.woff2 +0 -0
  39. package/dist/fonts/inter-greek-variable-wghtOnly-normal.woff2 +0 -0
  40. package/dist/fonts/inter-latin-ext-variable-wghtOnly-normal.woff2 +0 -0
  41. package/dist/fonts/inter-latin-variable-wghtOnly-normal.woff2 +0 -0
  42. package/dist/fonts/inter-vietnamese-variable-wghtOnly-normal.woff2 +0 -0
  43. package/dist/less/legacy-variables.css +0 -0
  44. package/dist/less/neptune-tokens.css +0 -0
  45. package/dist/less/zindex.css +0 -0
package/dist/css/neptune-core.css CHANGED
@@ -1,65 +1,169 @@
1
1
  /* See: https://github.com/fontsource/fontsource/blob/main/fonts/google/inter/variable.css */
2
2
  @font-face {
3
- font-family: Inter;
3
+ font-family: "Wise Sans";
4
+ font-style: normal;
5
+ font-display: swap;
6
+ src: url("../fonts/WiseSans-Heavy.woff2") format("woff2");
7
+ unicode-range: U+D, U+20-7E, U+A0-148, U+14A-17E, U+18F, U+192, U+1A0-1A1, U+1AF-1B0, U+1C4-1DC, U+1E2-1E3, U+1E6-1E7, U+1EA-1EB, U+1F1, U+1F3, U+1FA-21B, U+22A-22D, U+230-233, U+237, U+259, U+2BC-2BF, U+2C6-2C7, U+2D8-2DD, U+300-304, U+306-30C, U+30F-311, U+31B, U+323-328, U+32E, U+331, U+35F, U+374-375, U+37E, U+384, U+386-38A, U+38C, U+38E-3A1, U+3A3-3CE, U+400-45F, U+462-463, U+472-475, U+490-493, U+496-497, U+49A-49B, U+4A2-4A3, U+4AE-4B3, U+4B6-4B7, U+4BA-4BB, U+4C0, U+4CF, U+4D8-4D9, U+4E2-4E3, U+4E8-4E9, U+4EE-4EF, U+60B, U+9F3, U+E3F, U+17DB, U+1E08-1E09, U+1E0C-1E0F, U+1E14-1E17, U+1E1C-1E1D, U+1E20-1E21, U+1E24-1E25, U+1E2A-1E2B, U+1E2E-1E2F, U+1E34-1E3B, U+1E40-1E49, U+1E4C-1E53, U+1E5A-1E69, U+1E6C-1E6F, U+1E78-1E7B, U+1E80-1E85, U+1E8E-1E8F, U+1E92-1E97, U+1E9E, U+1EA0-1EF9, U+2013-2014, U+2018-2022, U+2026, U+2030, U+2032-2033, U+2039-203A, U+2044, U+2070, U+2074-2079, U+2080-2089, U+20A1-20AE, U+20B1-20B5, U+20B8-20BA, U+20BC-20BF, U+2116-2117, U+2122, U+2126, U+2153-215E, U+2190-2199, U+2202, U+2206, U+220F, U+2211-2212, U+2217, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+22A0, U+25A0-25A1, U+25AA-25AB, U+25B2-25B3, U+25BC-25BD, U+25CA-25CB, U+25CF, U+279D, U+27A7, U+5143, U+A78B-A78C, U+FB01-FB02, U+FDFC;
8
+ }
9
+ @font-face {
10
+ font-family: "Wise Sans Numeric";
11
+ font-style: normal;
12
+ font-display: swap;
13
+ src: url("../fonts/WiseSans-Heavy.woff2") format("woff2");
14
+ unicode-range: U+002B-002E, U+0030-0039, U+00A0, U+2212;
15
+ }
16
+ @font-face {
17
+ font-family: "Inter";
18
+ font-style: normal;
19
+ font-display: swap;
20
+ font-weight: 100 900;
21
+ src: url(../fonts/inter/inter-latin-wght-normal.woff2) format("woff2");
22
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
23
+ }
24
+ @font-face {
25
+ font-family: "Inter";
26
+ font-style: normal;
27
+ font-display: swap;
28
+ font-weight: 100 900;
29
+ src: url(../fonts/inter/inter-latin-ext-wght-normal.woff2) format("woff2");
30
+ unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
31
+ }
32
+ @font-face {
33
+ font-family: "Inter";
4
34
  font-style: normal;
5
35
  font-display: swap;
6
36
  font-weight: 100 900;
7
- src: url("../fonts/inter-cyrillic-variable-wghtOnly-normal.woff2") format("woff2");
37
+ src: url(../fonts/inter/inter-cyrillic-wght-normal.woff2) format("woff2");
8
38
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
9
39
  }
10
40
  @font-face {
11
- font-family: Inter;
41
+ font-family: "Inter";
12
42
  font-style: normal;
13
43
  font-display: swap;
14
44
  font-weight: 100 900;
15
- src: url("../fonts/inter-cyrillic-ext-variable-wghtOnly-normal.woff2") format("woff2");
16
- unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
45
+ src: url(../fonts/inter/inter-cyrillic-ext-wght-normal.woff2) format("woff2");
46
+ unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
17
47
  }
18
48
  @font-face {
19
- font-family: Inter;
49
+ font-family: "Inter";
20
50
  font-style: normal;
21
51
  font-display: swap;
22
52
  font-weight: 100 900;
23
- src: url("../fonts/inter-greek-variable-wghtOnly-normal.woff2") format("woff2");
24
- unicode-range: U+0370-03FF;
53
+ src: url(../fonts/inter/inter-greek-wght-normal.woff2) format("woff2");
54
+ unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
25
55
  }
26
56
  @font-face {
27
- font-family: Inter;
57
+ font-family: "Inter";
28
58
  font-style: normal;
29
59
  font-display: swap;
30
60
  font-weight: 100 900;
31
- src: url("../fonts/inter-greek-ext-variable-wghtOnly-normal.woff2") format("woff2");
61
+ src: url(../fonts/inter/inter-greek-ext-wght-normal.woff2) format("woff2");
32
62
  unicode-range: U+1F00-1FFF;
33
63
  }
34
64
  @font-face {
35
- font-family: Inter;
65
+ font-family: "Inter";
36
66
  font-style: normal;
37
67
  font-display: swap;
38
68
  font-weight: 100 900;
39
- src: url("../fonts/inter-latin-variable-wghtOnly-normal.woff2") format("woff2");
40
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
69
+ src: url(../fonts/inter/inter-vietnamese-wght-normal.woff2) format("woff2");
70
+ unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
41
71
  }
42
72
  @font-face {
43
- font-family: Inter;
73
+ font-family: "Vazirmatn";
44
74
  font-style: normal;
45
75
  font-display: swap;
46
76
  font-weight: 100 900;
47
- src: url("../fonts/inter-latin-ext-variable-wghtOnly-normal.woff2") format("woff2");
48
- unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
77
+ src: url(../fonts/vazirmatn/vazirmatn-arabic-wght-normal.woff2) format("woff2");
78
+ unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
49
79
  }
50
80
  @font-face {
51
- font-family: Inter;
81
+ font-family: "Vazirmatn";
52
82
  font-style: normal;
53
83
  font-display: swap;
54
84
  font-weight: 100 900;
55
- src: url("../fonts/inter-vietnamese-variable-wghtOnly-normal.woff2") format("woff2");
56
- unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
85
+ src: url(../fonts/vazirmatn/vazirmatn-latin-wght-normal.woff2) format("woff2");
86
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
57
87
  }
58
88
  @font-face {
59
- font-family: "Wise Sans";
89
+ font-family: "Vazirmatn";
60
90
  font-style: normal;
61
91
  font-display: swap;
62
- src: url("../fonts/WiseSans-Heavy.woff2") format("woff2");
92
+ font-weight: 100 900;
93
+ src: url(../fonts/vazirmatn/vazirmatn-latin-ext-wght-normal.woff2) format("woff2");
94
+ unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
95
+ }
96
+ @font-face {
97
+ font-family: "Rubik";
98
+ font-style: normal;
99
+ font-display: swap;
100
+ font-weight: 300 900;
101
+ src: url(../fonts/rubik/rubik-arabic-wght-normal.woff2) format("woff2");
102
+ unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
103
+ }
104
+ @font-face {
105
+ font-family: "Rubik";
106
+ font-style: normal;
107
+ font-display: swap;
108
+ font-weight: 300 900;
109
+ src: url(../fonts/rubik/rubik-latin-wght-normal.woff2) format("woff2");
110
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
111
+ }
112
+ @font-face {
113
+ font-family: "Rubik";
114
+ font-style: normal;
115
+ font-display: swap;
116
+ font-weight: 300 900;
117
+ src: url(../fonts/rubik/rubik-latin-ext-wght-normal.woff2) format("woff2");
118
+ unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
119
+ }
120
+ @font-face {
121
+ font-family: "Rubik";
122
+ font-style: normal;
123
+ font-display: swap;
124
+ font-weight: 900;
125
+ src: url(../fonts/rubik/rubik-cyrillic-900-normal.woff2) format("woff2");
126
+ unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
127
+ }
128
+ @font-face {
129
+ font-family: "Rubik";
130
+ font-style: normal;
131
+ font-display: swap;
132
+ font-weight: 900;
133
+ src: url(../fonts/rubik/rubik-cyrillic-ext-900-normal.woff2) format("woff2");
134
+ unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
135
+ }
136
+ @font-face {
137
+ font-family: "Rubik Body";
138
+ font-style: normal;
139
+ font-display: swap;
140
+ font-weight: 300;
141
+ src: url(../fonts/rubik/rubik-body-cyrillic-330-normal.woff2) format("woff2");
142
+ unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
143
+ }
144
+ @font-face {
145
+ font-family: "Rubik Body";
146
+ font-style: normal;
147
+ font-display: swap;
148
+ font-weight: 300;
149
+ src: url(../fonts/rubik/rubik-body-cyrillic-ext-330-normal.woff2) format("woff2");
150
+ unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
151
+ }
152
+ @font-face {
153
+ font-family: "Rubik Body";
154
+ font-style: normal;
155
+ font-display: swap;
156
+ font-weight: 600;
157
+ src: url(../fonts/rubik/rubik-body-cyrillic-600-normal.woff2) format("woff2");
158
+ unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
159
+ }
160
+ @font-face {
161
+ font-family: "Rubik Body";
162
+ font-style: normal;
163
+ font-display: swap;
164
+ font-weight: 600;
165
+ src: url(../fonts/rubik/rubik-body-cyrillic-ext-600-normal.woff2) format("woff2");
166
+ unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
63
167
  }
64
168
  /* stylelint-disable selector-max-empty-lines */
65
169
  /*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */
@@ -599,7 +703,7 @@ video {
599
703
  clip: auto;
600
704
  }
601
705
  /* stylelint-disable selector-max-empty-lines */
602
- /* DEPRECATED: use .np-text-*-title instead */
706
+ /* DEPRECATED: use `.wds-text-*` instead */
603
707
  /* stylelint-disable-next-line selector-list-comma-newline-after */
604
708
  .h1,
605
709
  .h2,
@@ -626,9 +730,6 @@ h6,
626
730
  margin: 0;
627
731
  color: #37517e;
628
732
  color: var(--color-content-primary);
629
- line-height: 1.2;
630
- line-height: var(--line-height-title);
631
- letter-spacing: 0;
632
733
  word-wrap: break-word;
633
734
  }
634
735
  @supports (hyphenate-limit-chars: 1) {
@@ -833,77 +934,50 @@ h6 + ol:not(.list-unstyled),
833
934
  margin-block-start: 8px;
834
935
  margin-block-start: var(--size-8);
835
936
  }
836
- /* DEPRECATED: use .np-text-title-screen instead */
937
+ /* DEPRECATED: use `.wds-text-title-screen` instead */
837
938
  /* stylelint-disable-next-line selector-list-comma-newline-after */
838
939
  .h1,
839
940
  .title-1,
840
941
  h1,
942
+ .np-text-title-screen,
943
+ .wds-text-title-screen,
944
+ .h1,
945
+ .title-1,
946
+ h1,
841
947
  .np-text-title-screen {
842
948
  margin-block-end: initial;
843
- font-size: 1.875rem;
844
- font-size: var(--font-size-30);
845
- font-weight: 600;
846
- font-weight: var(--font-weight-semi-bold);
847
- letter-spacing: -0.021em;
848
- line-height: 115%;
849
949
  }
850
- /* DEPRECATED: use .np-text-title-section instead */
950
+ /* DEPRECATED: use `.wds-text-title-section` instead */
851
951
  /* stylelint-disable-next-line selector-list-comma-newline-after */
852
952
  .h2,
853
953
  .title-2,
854
954
  h2,
955
+ .np-text-title-section,
956
+ .wds-text-title-section,
957
+ .h2,
958
+ .title-2,
959
+ h2,
855
960
  .np-text-title-section {
856
961
  margin-block-end: initial;
857
- font-weight: 600;
858
- font-weight: var(--font-weight-semi-bold);
859
- font-size: 1.625rem;
860
- font-size: var(--font-size-26);
861
- letter-spacing: -0.02em;
862
- line-height: 122%;
863
962
  }
864
- /* DEPRECATED: use .np-text-title-subsection instead */
963
+ /* DEPRECATED: use `.wds-text-title-subsection` instead */
865
964
  /* stylelint-disable-next-line selector-list-comma-newline-after */
866
965
  .h3,
867
966
  .title-3,
868
967
  h3,
968
+ .np-text-title-subsection,
969
+ .wds-text-title-subsection,
970
+ .h3,
971
+ .title-3,
972
+ h3,
869
973
  .np-text-title-subsection {
870
974
  margin-block-end: initial;
871
- font-size: 1.375rem;
872
- font-size: var(--font-size-22);
873
- font-weight: 600;
874
- font-weight: var(--font-weight-semi-bold);
875
- letter-spacing: -0.018em;
876
- line-height: 125%;
877
975
  }
878
- /* DEPRECATED: use .np-text-title-body instead */
976
+ /* DEPRECATED: use `.wds-text-title-body` instead */
879
977
  /* stylelint-disable-next-line selector-list-comma-newline-after */
880
- .h4,
881
- .title-4,
882
- h4,
883
- .np-text-title-body {
884
- font-size: 1.125rem;
885
- font-size: var(--font-size-18);
886
- font-weight: 600;
887
- font-weight: var(--font-weight-semi-bold);
888
- letter-spacing: -0.014em;
889
- line-height: 135%;
890
- }
891
- /* DEPRECATED: use .np-text-title-group instead */
978
+ /* DEPRECATED: use `.wds-text-title-group` instead */
892
979
  /* stylelint-disable-next-line selector-list-comma-newline-after */
893
- .h5,
894
- .h6,
895
- .title-5,
896
- h5,
897
- h6,
898
- .np-text-title-group {
899
- font-weight: 500;
900
- font-weight: var(--font-weight-medium);
901
- font-size: 0.875rem;
902
- font-size: var(--font-size-14);
903
- letter-spacing: -0.006em;
904
- line-height: 140%;
905
- }
906
- /* DEPRECATED: use .np-text-title-body instead */
980
+ /* DEPRECATED: use `.wds-text-title-body` instead */
907
981
  .lead {
908
982
  margin-block-end: 24px;
909
983
  margin-block-end: var(--size-24);
@@ -916,7 +990,7 @@ h6,
916
990
  color: #5d7079;
917
991
  color: var(--color-content-secondary);
918
992
  }
919
- /* DEPRECATED: use .np-text-body-default instead */
993
+ /* DEPRECATED: use `.wds-text-body-default` instead */
920
994
  /* stylelint-disable-next-line selector-list-comma-newline-after */
921
995
  .body-2,
922
996
  .body-3,
@@ -924,16 +998,34 @@ h6,
924
998
  .tiny,
925
999
  body,
926
1000
  small,
1001
+ .np-text-body-default,
1002
+ .wds-text-body-default,
1003
+ .body-2,
1004
+ .body-3,
1005
+ .small,
1006
+ .tiny,
1007
+ body,
1008
+ small,
927
1009
  .np-text-body-default {
928
- font-size: 0.875rem;
929
- font-size: var(--font-size-14);
930
- line-height: 155%;
931
- letter-spacing: -0.006em;
932
- font-weight: 400;
933
- font-weight: var(--font-weight-regular);
934
1010
  word-wrap: break-word;
935
1011
  }
936
1012
  @supports (hyphenate-limit-chars: 1) {
1013
+ .body-2,
1014
+ .body-3,
1015
+ .small,
1016
+ .tiny,
1017
+ body,
1018
+ small,
1019
+ .np-text-body-default,
1020
+ .wds-text-body-default,
1021
+ .body-2,
1022
+ .body-3,
1023
+ .small,
1024
+ .tiny,
1025
+ body,
1026
+ small,
1027
+ .np-text-body-default,
1028
+ .wds-text-body-default,
937
1029
  .body-2,
938
1030
  .body-3,
939
1031
  .small,
@@ -945,6 +1037,22 @@ small,
945
1037
  hyphenate-limit-chars: 7 3;
946
1038
  }
947
1039
  @media (min-width: 840px) {
1040
+ .body-2,
1041
+ .body-3,
1042
+ .small,
1043
+ .tiny,
1044
+ body,
1045
+ small,
1046
+ .np-text-body-default,
1047
+ .wds-text-body-default,
1048
+ .body-2,
1049
+ .body-3,
1050
+ .small,
1051
+ .tiny,
1052
+ body,
1053
+ small,
1054
+ .np-text-body-default,
1055
+ .wds-text-body-default,
948
1056
  .body-2,
949
1057
  .body-3,
950
1058
  .small,
@@ -956,6 +1064,22 @@ small,
956
1064
  }
957
1065
  }
958
1066
  @media (min-width: 1160px) {
1067
+ .body-2,
1068
+ .body-3,
1069
+ .small,
1070
+ .tiny,
1071
+ body,
1072
+ small,
1073
+ .np-text-body-default,
1074
+ .wds-text-body-default,
1075
+ .body-2,
1076
+ .body-3,
1077
+ .small,
1078
+ .tiny,
1079
+ body,
1080
+ small,
1081
+ .np-text-body-default,
1082
+ .wds-text-body-default,
959
1083
  .body-2,
960
1084
  .body-3,
961
1085
  .small,
@@ -968,6 +1092,22 @@ small,
968
1092
  }
969
1093
  }
970
1094
  @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
1095
+ .body-2,
1096
+ .body-3,
1097
+ .small,
1098
+ .tiny,
1099
+ body,
1100
+ small,
1101
+ .np-text-body-default,
1102
+ .wds-text-body-default,
1103
+ .body-2,
1104
+ .body-3,
1105
+ .small,
1106
+ .tiny,
1107
+ body,
1108
+ small,
1109
+ .np-text-body-default,
1110
+ .wds-text-body-default,
971
1111
  .body-2,
972
1112
  .body-3,
973
1113
  .small,
@@ -980,6 +1120,22 @@ small,
980
1120
  -webkit-hyphenate-limit-after: 3;
981
1121
  }
982
1122
  @media (min-width: 1160px) {
1123
+ .body-2,
1124
+ .body-3,
1125
+ .small,
1126
+ .tiny,
1127
+ body,
1128
+ small,
1129
+ .np-text-body-default,
1130
+ .wds-text-body-default,
1131
+ .body-2,
1132
+ .body-3,
1133
+ .small,
1134
+ .tiny,
1135
+ body,
1136
+ small,
1137
+ .np-text-body-default,
1138
+ .wds-text-body-default,
983
1139
  .body-2,
984
1140
  .body-3,
985
1141
  .small,
@@ -991,21 +1147,30 @@ small,
991
1147
  }
992
1148
  }
993
1149
  }
994
- /* DEPRECATED: use .np-text-body-default-bold instead */
1150
+ /* DEPRECATED: use `.wds-text-body-default-bold` instead */
995
1151
  /* stylelint-disable-next-line selector-list-comma-newline-after */
996
1152
  .control-2,
997
1153
  .label,
998
1154
  .control-label,
1155
+ .np-text-body-default-bold,
1156
+ .wds-text-body-default-bold,
1157
+ .control-2,
1158
+ .label,
1159
+ .control-label,
999
1160
  .np-text-body-default-bold {
1000
- font-size: 0.875rem;
1001
- font-size: var(--font-size-14);
1002
- line-height: 155%;
1003
- letter-spacing: -0.006em;
1004
- font-weight: 600;
1005
- font-weight: var(--font-weight-semi-bold);
1006
1161
  word-wrap: break-word;
1007
1162
  }
1008
1163
  @supports (hyphenate-limit-chars: 1) {
1164
+ .control-2,
1165
+ .label,
1166
+ .control-label,
1167
+ .np-text-body-default-bold,
1168
+ .wds-text-body-default-bold,
1169
+ .control-2,
1170
+ .label,
1171
+ .control-label,
1172
+ .np-text-body-default-bold,
1173
+ .wds-text-body-default-bold,
1009
1174
  .control-2,
1010
1175
  .label,
1011
1176
  .control-label,
@@ -1014,6 +1179,16 @@ small,
1014
1179
  hyphenate-limit-chars: 7 3;
1015
1180
  }
1016
1181
  @media (min-width: 840px) {
1182
+ .control-2,
1183
+ .label,
1184
+ .control-label,
1185
+ .np-text-body-default-bold,
1186
+ .wds-text-body-default-bold,
1187
+ .control-2,
1188
+ .label,
1189
+ .control-label,
1190
+ .np-text-body-default-bold,
1191
+ .wds-text-body-default-bold,
1017
1192
  .control-2,
1018
1193
  .label,
1019
1194
  .control-label,
@@ -1022,6 +1197,16 @@ small,
1022
1197
  }
1023
1198
  }
1024
1199
  @media (min-width: 1160px) {
1200
+ .control-2,
1201
+ .label,
1202
+ .control-label,
1203
+ .np-text-body-default-bold,
1204
+ .wds-text-body-default-bold,
1205
+ .control-2,
1206
+ .label,
1207
+ .control-label,
1208
+ .np-text-body-default-bold,
1209
+ .wds-text-body-default-bold,
1025
1210
  .control-2,
1026
1211
  .label,
1027
1212
  .control-label,
@@ -1031,6 +1216,16 @@ small,
1031
1216
  }
1032
1217
  }
1033
1218
  @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
1219
+ .control-2,
1220
+ .label,
1221
+ .control-label,
1222
+ .np-text-body-default-bold,
1223
+ .wds-text-body-default-bold,
1224
+ .control-2,
1225
+ .label,
1226
+ .control-label,
1227
+ .np-text-body-default-bold,
1228
+ .wds-text-body-default-bold,
1034
1229
  .control-2,
1035
1230
  .label,
1036
1231
  .control-label,
@@ -1040,6 +1235,16 @@ small,
1040
1235
  -webkit-hyphenate-limit-after: 3;
1041
1236
  }
1042
1237
  @media (min-width: 1160px) {
1238
+ .control-2,
1239
+ .label,
1240
+ .control-label,
1241
+ .np-text-body-default-bold,
1242
+ .wds-text-body-default-bold,
1243
+ .control-2,
1244
+ .label,
1245
+ .control-label,
1246
+ .np-text-body-default-bold,
1247
+ .wds-text-body-default-bold,
1043
1248
  .control-2,
1044
1249
  .label,
1045
1250
  .control-label,
@@ -1048,20 +1253,26 @@ small,
1048
1253
  }
1049
1254
  }
1050
1255
  }
1051
- /* DEPRECATED: use .np-text-body-large instead */
1256
+ /* DEPRECATED: use `.wds-text-body-large` instead */
1052
1257
  /* stylelint-disable-next-line selector-list-comma-newline-after */
1053
1258
  .body-1,
1054
1259
  .value,
1260
+ .np-text-body-large,
1261
+ .wds-text-body-large,
1262
+ .body-1,
1263
+ .value,
1055
1264
  .np-text-body-large {
1056
- font-weight: 400;
1057
- font-weight: var(--font-weight-regular);
1058
- font-size: 1rem;
1059
- font-size: var(--font-size-16);
1060
- line-height: 150%;
1061
- letter-spacing: -0.011em;
1062
1265
  word-wrap: break-word;
1063
1266
  }
1064
1267
  @supports (hyphenate-limit-chars: 1) {
1268
+ .body-1,
1269
+ .value,
1270
+ .np-text-body-large,
1271
+ .wds-text-body-large,
1272
+ .body-1,
1273
+ .value,
1274
+ .np-text-body-large,
1275
+ .wds-text-body-large,
1065
1276
  .body-1,
1066
1277
  .value,
1067
1278
  .np-text-body-large {
@@ -1069,6 +1280,14 @@ small,
1069
1280
  hyphenate-limit-chars: 7 3;
1070
1281
  }
1071
1282
  @media (min-width: 840px) {
1283
+ .body-1,
1284
+ .value,
1285
+ .np-text-body-large,
1286
+ .wds-text-body-large,
1287
+ .body-1,
1288
+ .value,
1289
+ .np-text-body-large,
1290
+ .wds-text-body-large,
1072
1291
  .body-1,
1073
1292
  .value,
1074
1293
  .np-text-body-large {
@@ -1076,6 +1295,14 @@ small,
1076
1295
  }
1077
1296
  }
1078
1297
  @media (min-width: 1160px) {
1298
+ .body-1,
1299
+ .value,
1300
+ .np-text-body-large,
1301
+ .wds-text-body-large,
1302
+ .body-1,
1303
+ .value,
1304
+ .np-text-body-large,
1305
+ .wds-text-body-large,
1079
1306
  .body-1,
1080
1307
  .value,
1081
1308
  .np-text-body-large {
@@ -1084,6 +1311,14 @@ small,
1084
1311
  }
1085
1312
  }
1086
1313
  @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
1314
+ .body-1,
1315
+ .value,
1316
+ .np-text-body-large,
1317
+ .wds-text-body-large,
1318
+ .body-1,
1319
+ .value,
1320
+ .np-text-body-large,
1321
+ .wds-text-body-large,
1087
1322
  .body-1,
1088
1323
  .value,
1089
1324
  .np-text-body-large {
@@ -1092,6 +1327,14 @@ small,
1092
1327
  -webkit-hyphenate-limit-after: 3;
1093
1328
  }
1094
1329
  @media (min-width: 1160px) {
1330
+ .body-1,
1331
+ .value,
1332
+ .np-text-body-large,
1333
+ .wds-text-body-large,
1334
+ .body-1,
1335
+ .value,
1336
+ .np-text-body-large,
1337
+ .wds-text-body-large,
1095
1338
  .body-1,
1096
1339
  .value,
1097
1340
  .np-text-body-large {
@@ -1099,31 +1342,46 @@ small,
1099
1342
  }
1100
1343
  }
1101
1344
  }
1102
- /* DEPRECATED: use np-text-body-large-bold instead */
1345
+ /* DEPRECATED: use `.wds-text-body-large-bold` instead */
1103
1346
  /* stylelint-disable-next-line selector-list-comma-newline-after */
1104
1347
  .control-1,
1348
+ .np-text-body-large-bold,
1349
+ .wds-text-body-large-bold,
1350
+ .control-1,
1105
1351
  .np-text-body-large-bold {
1106
- font-weight: 600;
1107
- font-weight: var(--font-weight-semi-bold);
1108
- font-size: 1rem;
1109
- font-size: var(--font-size-16);
1110
- line-height: 150%;
1111
- letter-spacing: -0.011em;
1112
1352
  word-wrap: break-word;
1113
1353
  }
1114
1354
  @supports (hyphenate-limit-chars: 1) {
1355
+ .control-1,
1356
+ .np-text-body-large-bold,
1357
+ .wds-text-body-large-bold,
1358
+ .control-1,
1359
+ .np-text-body-large-bold,
1360
+ .wds-text-body-large-bold,
1115
1361
  .control-1,
1116
1362
  .np-text-body-large-bold {
1117
1363
  hyphens: auto;
1118
1364
  hyphenate-limit-chars: 7 3;
1119
1365
  }
1120
1366
  @media (min-width: 840px) {
1367
+ .control-1,
1368
+ .np-text-body-large-bold,
1369
+ .wds-text-body-large-bold,
1370
+ .control-1,
1371
+ .np-text-body-large-bold,
1372
+ .wds-text-body-large-bold,
1121
1373
  .control-1,
1122
1374
  .np-text-body-large-bold {
1123
1375
  hyphenate-limit-chars: 8 3;
1124
1376
  }
1125
1377
  }
1126
1378
  @media (min-width: 1160px) {
1379
+ .control-1,
1380
+ .np-text-body-large-bold,
1381
+ .wds-text-body-large-bold,
1382
+ .control-1,
1383
+ .np-text-body-large-bold,
1384
+ .wds-text-body-large-bold,
1127
1385
  .control-1,
1128
1386
  .np-text-body-large-bold {
1129
1387
  hyphenate-limit-chars: 10 4 3;
@@ -1131,6 +1389,12 @@ small,
1131
1389
  }
1132
1390
  }
1133
1391
  @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
1392
+ .control-1,
1393
+ .np-text-body-large-bold,
1394
+ .wds-text-body-large-bold,
1395
+ .control-1,
1396
+ .np-text-body-large-bold,
1397
+ .wds-text-body-large-bold,
1134
1398
  .control-1,
1135
1399
  .np-text-body-large-bold {
1136
1400
  hyphens: auto;
@@ -1138,6 +1402,12 @@ small,
1138
1402
  -webkit-hyphenate-limit-after: 3;
1139
1403
  }
1140
1404
  @media (min-width: 1160px) {
1405
+ .control-1,
1406
+ .np-text-body-large-bold,
1407
+ .wds-text-body-large-bold,
1408
+ .control-1,
1409
+ .np-text-body-large-bold,
1410
+ .wds-text-body-large-bold,
1141
1411
  .control-1,
1142
1412
  .np-text-body-large-bold {
1143
1413
  -webkit-hyphenate-limit-before: 4;
@@ -1165,12 +1435,7 @@ a,
1165
1435
  letter-spacing: -0.006em;
1166
1436
  line-height: 155%;
1167
1437
  }
1168
- .np-text-display-number {
1169
- font-weight: 600;
1170
- font-weight: var(--font-weight-semi-bold);
1171
- font-size: 40px;
1172
- line-height: 110%;
1173
- }
1438
+ /* DEPRECATED: use .wds-text-display-number-small instead */
1174
1439
  .display-1,
1175
1440
  .display-2,
1176
1441
  .display-3,
@@ -1179,7 +1444,9 @@ a,
1179
1444
  .np-text-display-extra-large,
1180
1445
  .np-text-display-large,
1181
1446
  .np-text-display-medium,
1182
- .np-text-display-small,
1447
+ .np-text-display-small {
1448
+ font-synthesis: none;
1449
+ }
1183
1450
  .display-1--forced,
1184
1451
  .display-2--forced,
1185
1452
  .display-3--forced,
@@ -1193,62 +1460,11 @@ a,
1193
1460
  font-family: var(--font-family-display);
1194
1461
  font-synthesis: none;
1195
1462
  }
1196
- :lang(ja) .display-1,
1197
- :lang(ja) .display-2,
1198
- :lang(ja) .display-3,
1199
- :lang(ja) .display-4,
1200
- :lang(ja) .display-5,
1201
- :lang(ja) .np-text-display-extra-large,
1202
- :lang(ja) .np-text-display-large,
1203
- :lang(ja) .np-text-display-medium,
1204
- :lang(ja) .np-text-display-small,
1205
- :lang(th) .display-1,
1206
- :lang(th) .display-2,
1207
- :lang(th) .display-3,
1208
- :lang(th) .display-4,
1209
- :lang(th) .display-5,
1210
- :lang(th) .np-text-display-extra-large,
1211
- :lang(th) .np-text-display-large,
1212
- :lang(th) .np-text-display-medium,
1213
- :lang(th) .np-text-display-small,
1214
- :lang(zh-CN) .display-1,
1215
- :lang(zh-CN) .display-2,
1216
- :lang(zh-CN) .display-3,
1217
- :lang(zh-CN) .display-4,
1218
- :lang(zh-CN) .display-5,
1219
- :lang(zh-CN) .np-text-display-extra-large,
1220
- :lang(zh-CN) .np-text-display-large,
1221
- :lang(zh-CN) .np-text-display-medium,
1222
- :lang(zh-CN) .np-text-display-small,
1223
- :lang(zh-HK) .display-1,
1224
- :lang(zh-HK) .display-2,
1225
- :lang(zh-HK) .display-3,
1226
- :lang(zh-HK) .display-4,
1227
- :lang(zh-HK) .display-5,
1228
- :lang(zh-HK) .np-text-display-extra-large,
1229
- :lang(zh-HK) .np-text-display-large,
1230
- :lang(zh-HK) .np-text-display-medium,
1231
- :lang(zh-HK) .np-text-display-small {
1232
- /**
1233
- * Wise Sans covers extended Latin glyphs for logged-in experiences and a small subset
1234
- * of Japanese ones for the logged out ones (exposed by the Editorial DS). Unfortunately,
1235
- * font files are browser-cached and we carried over to launchpad, where it causes issues
1236
- * for unsupported locales, especially those that share glyphs, like Japanese and Chinese.
1237
- * There are exceptions for small UI parts where Wise Sans is fine or expected — e.g. the
1238
- * numeric input of ExpressiveMoneyInput.
1239
- * Add `--forced` BEM modifier to the original class name to guarantee it.
1240
- */
1241
- font-family: 'Inter', Helvetica, Arial, sans-serif;
1242
- font-family: var(--font-family-regular);
1243
- line-height: 1.2;
1244
- line-height: var(--line-height-title);
1245
- }
1246
1463
  /* DEPRECATED(.np-text-display-extra-large): use .np-text-display-large instead */
1247
1464
  .np-text-display-extra-large,
1248
1465
  .np-text-display-large,
1249
1466
  .np-text-display-medium,
1250
1467
  .np-text-display-small {
1251
- letter-spacing: normal;
1252
1468
  word-wrap: break-word;
1253
1469
  }
1254
1470
  @supports (hyphenate-limit-chars: 1) {
@@ -1294,50 +1510,6 @@ a,
1294
1510
  }
1295
1511
  }
1296
1512
  }
1297
- .np-text-display-extra-large,
1298
- .np-text-display-large {
1299
- font-size: 64px;
1300
- font-size: var(--size-64);
1301
- line-height: normal;
1302
- font-weight: 700;
1303
- font-weight: var(--font-weight-bold);
1304
- }
1305
- .np-text-display-medium {
1306
- font-size: 52px;
1307
- font-size: var(--size-52);
1308
- line-height: normal;
1309
- font-weight: 700;
1310
- font-weight: var(--font-weight-bold);
1311
- }
1312
- .np-text-display-small {
1313
- font-size: 40px;
1314
- font-size: var(--size-40);
1315
- line-height: normal;
1316
- font-weight: 700;
1317
- font-weight: var(--font-weight-bold);
1318
- }
1319
- :lang(en) > .np-text-display-extra-large,
1320
- :lang(en) > .np-text-display-large {
1321
- font-size: 64px;
1322
- font-size: var(--size-64);
1323
- line-height: 0.85;
1324
- font-weight: 400;
1325
- font-weight: var(--font-weight-regular);
1326
- }
1327
- :lang(en) > .np-text-display-medium {
1328
- font-size: 52px;
1329
- font-size: var(--size-52);
1330
- line-height: 0.85;
1331
- font-weight: 400;
1332
- font-weight: var(--font-weight-regular);
1333
- }
1334
- :lang(en) > .np-text-display-small {
1335
- font-size: 40px;
1336
- font-size: var(--size-40);
1337
- line-height: 0.85;
1338
- font-weight: 400;
1339
- font-weight: var(--font-weight-regular);
1340
- }
1341
1513
  /* Disable hyphenation for English
1342
1514
  * and Japanese, Thai, Chinese (these languages use character-level breaks and should never insert hyphens). */
1343
1515
  :lang(en),
@@ -1347,350 +1519,6 @@ a,
1347
1519
  :lang(zh-HK) {
1348
1520
  hyphens: none;
1349
1521
  }
1350
- :lang(af) .np-text-display-extra-large,
1351
- :lang(sq) .np-text-display-extra-large,
1352
- :lang(eu) .np-text-display-extra-large,
1353
- :lang(bs) .np-text-display-extra-large,
1354
- :lang(ca) .np-text-display-extra-large,
1355
- :lang(kw) .np-text-display-extra-large,
1356
- :lang(hr) .np-text-display-extra-large,
1357
- :lang(cs) .np-text-display-extra-large,
1358
- :lang(da) .np-text-display-extra-large,
1359
- :lang(nl) .np-text-display-extra-large,
1360
- :lang(eo) .np-text-display-extra-large,
1361
- :lang(et) .np-text-display-extra-large,
1362
- :lang(fo) .np-text-display-extra-large,
1363
- :lang(fi) .np-text-display-extra-large,
1364
- :lang(fr) .np-text-display-extra-large,
1365
- :lang(gl) .np-text-display-extra-large,
1366
- :lang(lg) .np-text-display-extra-large,
1367
- :lang(de) .np-text-display-extra-large,
1368
- :lang(hu) .np-text-display-extra-large,
1369
- :lang(is) .np-text-display-extra-large,
1370
- :lang(se) .np-text-display-extra-large,
1371
- :lang(id) .np-text-display-extra-large,
1372
- :lang(in) .np-text-display-extra-large,
1373
- :lang(ga) .np-text-display-extra-large,
1374
- :lang(it) .np-text-display-extra-large,
1375
- :lang(kl) .np-text-display-extra-large,
1376
- :lang(ki) .np-text-display-extra-large,
1377
- :lang(rw) .np-text-display-extra-large,
1378
- :lang(lv) .np-text-display-extra-large,
1379
- :lang(lt) .np-text-display-extra-large,
1380
- :lang(lb) .np-text-display-extra-large,
1381
- :lang(mg) .np-text-display-extra-large,
1382
- :lang(ms) .np-text-display-extra-large,
1383
- :lang(mt) .np-text-display-extra-large,
1384
- :lang(gv) .np-text-display-extra-large,
1385
- :lang(mi) .np-text-display-extra-large,
1386
- :lang(nd) .np-text-display-extra-large,
1387
- :lang(nb) .np-text-display-extra-large,
1388
- :lang(nn) .np-text-display-extra-large,
1389
- :lang(om) .np-text-display-extra-large,
1390
- :lang(pl) .np-text-display-extra-large,
1391
- :lang(pt) .np-text-display-extra-large,
1392
- :lang(ro) .np-text-display-extra-large,
1393
- :lang(rm) .np-text-display-extra-large,
1394
- :lang(rn) .np-text-display-extra-large,
1395
- :lang(sg) .np-text-display-extra-large,
1396
- :lang(gd) .np-text-display-extra-large,
1397
- :lang(sr) .np-text-display-extra-large,
1398
- :lang(sn) .np-text-display-extra-large,
1399
- :lang(sk) .np-text-display-extra-large,
1400
- :lang(sl) .np-text-display-extra-large,
1401
- :lang(so) .np-text-display-extra-large,
1402
- :lang(es) .np-text-display-extra-large,
1403
- :lang(sw) .np-text-display-extra-large,
1404
- :lang(sv) .np-text-display-extra-large,
1405
- :lang(tr) .np-text-display-extra-large,
1406
- :lang(cy) .np-text-display-extra-large,
1407
- :lang(fy) .np-text-display-extra-large,
1408
- :lang(wo) .np-text-display-extra-large,
1409
- :lang(zu) .np-text-display-extra-large,
1410
- :lang(hsb) .np-text-display-extra-large,
1411
- :lang(gsw) .np-text-display-extra-large,
1412
- :lang(dsb) .np-text-display-extra-large,
1413
- :lang(fil) .np-text-display-extra-large,
1414
- :lang(af) .np-text-display-large,
1415
- :lang(sq) .np-text-display-large,
1416
- :lang(eu) .np-text-display-large,
1417
- :lang(bs) .np-text-display-large,
1418
- :lang(ca) .np-text-display-large,
1419
- :lang(kw) .np-text-display-large,
1420
- :lang(hr) .np-text-display-large,
1421
- :lang(cs) .np-text-display-large,
1422
- :lang(da) .np-text-display-large,
1423
- :lang(nl) .np-text-display-large,
1424
- :lang(eo) .np-text-display-large,
1425
- :lang(et) .np-text-display-large,
1426
- :lang(fo) .np-text-display-large,
1427
- :lang(fi) .np-text-display-large,
1428
- :lang(fr) .np-text-display-large,
1429
- :lang(gl) .np-text-display-large,
1430
- :lang(lg) .np-text-display-large,
1431
- :lang(de) .np-text-display-large,
1432
- :lang(hu) .np-text-display-large,
1433
- :lang(is) .np-text-display-large,
1434
- :lang(se) .np-text-display-large,
1435
- :lang(id) .np-text-display-large,
1436
- :lang(in) .np-text-display-large,
1437
- :lang(ga) .np-text-display-large,
1438
- :lang(it) .np-text-display-large,
1439
- :lang(kl) .np-text-display-large,
1440
- :lang(ki) .np-text-display-large,
1441
- :lang(rw) .np-text-display-large,
1442
- :lang(lv) .np-text-display-large,
1443
- :lang(lt) .np-text-display-large,
1444
- :lang(lb) .np-text-display-large,
1445
- :lang(mg) .np-text-display-large,
1446
- :lang(ms) .np-text-display-large,
1447
- :lang(mt) .np-text-display-large,
1448
- :lang(gv) .np-text-display-large,
1449
- :lang(mi) .np-text-display-large,
1450
- :lang(nd) .np-text-display-large,
1451
- :lang(nb) .np-text-display-large,
1452
- :lang(nn) .np-text-display-large,
1453
- :lang(om) .np-text-display-large,
1454
- :lang(pl) .np-text-display-large,
1455
- :lang(pt) .np-text-display-large,
1456
- :lang(ro) .np-text-display-large,
1457
- :lang(rm) .np-text-display-large,
1458
- :lang(rn) .np-text-display-large,
1459
- :lang(sg) .np-text-display-large,
1460
- :lang(gd) .np-text-display-large,
1461
- :lang(sr) .np-text-display-large,
1462
- :lang(sn) .np-text-display-large,
1463
- :lang(sk) .np-text-display-large,
1464
- :lang(sl) .np-text-display-large,
1465
- :lang(so) .np-text-display-large,
1466
- :lang(es) .np-text-display-large,
1467
- :lang(sw) .np-text-display-large,
1468
- :lang(sv) .np-text-display-large,
1469
- :lang(tr) .np-text-display-large,
1470
- :lang(cy) .np-text-display-large,
1471
- :lang(fy) .np-text-display-large,
1472
- :lang(wo) .np-text-display-large,
1473
- :lang(zu) .np-text-display-large,
1474
- :lang(hsb) .np-text-display-large,
1475
- :lang(gsw) .np-text-display-large,
1476
- :lang(dsb) .np-text-display-large,
1477
- :lang(fil) .np-text-display-large {
1478
- font-size: 64px;
1479
- font-size: var(--size-64);
1480
- line-height: 1.05;
1481
- font-weight: 400;
1482
- font-weight: var(--font-weight-regular);
1483
- }
1484
- :lang(af) .np-text-display-medium,
1485
- :lang(sq) .np-text-display-medium,
1486
- :lang(eu) .np-text-display-medium,
1487
- :lang(bs) .np-text-display-medium,
1488
- :lang(ca) .np-text-display-medium,
1489
- :lang(kw) .np-text-display-medium,
1490
- :lang(hr) .np-text-display-medium,
1491
- :lang(cs) .np-text-display-medium,
1492
- :lang(da) .np-text-display-medium,
1493
- :lang(nl) .np-text-display-medium,
1494
- :lang(eo) .np-text-display-medium,
1495
- :lang(et) .np-text-display-medium,
1496
- :lang(fo) .np-text-display-medium,
1497
- :lang(fi) .np-text-display-medium,
1498
- :lang(fr) .np-text-display-medium,
1499
- :lang(gl) .np-text-display-medium,
1500
- :lang(lg) .np-text-display-medium,
1501
- :lang(de) .np-text-display-medium,
1502
- :lang(hu) .np-text-display-medium,
1503
- :lang(is) .np-text-display-medium,
1504
- :lang(se) .np-text-display-medium,
1505
- :lang(id) .np-text-display-medium,
1506
- :lang(in) .np-text-display-medium,
1507
- :lang(ga) .np-text-display-medium,
1508
- :lang(it) .np-text-display-medium,
1509
- :lang(kl) .np-text-display-medium,
1510
- :lang(ki) .np-text-display-medium,
1511
- :lang(rw) .np-text-display-medium,
1512
- :lang(lv) .np-text-display-medium,
1513
- :lang(lt) .np-text-display-medium,
1514
- :lang(lb) .np-text-display-medium,
1515
- :lang(mg) .np-text-display-medium,
1516
- :lang(ms) .np-text-display-medium,
1517
- :lang(mt) .np-text-display-medium,
1518
- :lang(gv) .np-text-display-medium,
1519
- :lang(mi) .np-text-display-medium,
1520
- :lang(nd) .np-text-display-medium,
1521
- :lang(nb) .np-text-display-medium,
1522
- :lang(nn) .np-text-display-medium,
1523
- :lang(om) .np-text-display-medium,
1524
- :lang(pl) .np-text-display-medium,
1525
- :lang(pt) .np-text-display-medium,
1526
- :lang(ro) .np-text-display-medium,
1527
- :lang(rm) .np-text-display-medium,
1528
- :lang(rn) .np-text-display-medium,
1529
- :lang(sg) .np-text-display-medium,
1530
- :lang(gd) .np-text-display-medium,
1531
- :lang(sr) .np-text-display-medium,
1532
- :lang(sn) .np-text-display-medium,
1533
- :lang(sk) .np-text-display-medium,
1534
- :lang(sl) .np-text-display-medium,
1535
- :lang(so) .np-text-display-medium,
1536
- :lang(es) .np-text-display-medium,
1537
- :lang(sw) .np-text-display-medium,
1538
- :lang(sv) .np-text-display-medium,
1539
- :lang(tr) .np-text-display-medium,
1540
- :lang(cy) .np-text-display-medium,
1541
- :lang(fy) .np-text-display-medium,
1542
- :lang(wo) .np-text-display-medium,
1543
- :lang(zu) .np-text-display-medium,
1544
- :lang(hsb) .np-text-display-medium,
1545
- :lang(gsw) .np-text-display-medium,
1546
- :lang(dsb) .np-text-display-medium,
1547
- :lang(fil) .np-text-display-medium {
1548
- font-size: 52px;
1549
- font-size: var(--size-52);
1550
- line-height: 1.05;
1551
- font-weight: 400;
1552
- font-weight: var(--font-weight-regular);
1553
- }
1554
- :lang(af) .np-text-display-small,
1555
- :lang(sq) .np-text-display-small,
1556
- :lang(eu) .np-text-display-small,
1557
- :lang(bs) .np-text-display-small,
1558
- :lang(ca) .np-text-display-small,
1559
- :lang(kw) .np-text-display-small,
1560
- :lang(hr) .np-text-display-small,
1561
- :lang(cs) .np-text-display-small,
1562
- :lang(da) .np-text-display-small,
1563
- :lang(nl) .np-text-display-small,
1564
- :lang(eo) .np-text-display-small,
1565
- :lang(et) .np-text-display-small,
1566
- :lang(fo) .np-text-display-small,
1567
- :lang(fi) .np-text-display-small,
1568
- :lang(fr) .np-text-display-small,
1569
- :lang(gl) .np-text-display-small,
1570
- :lang(lg) .np-text-display-small,
1571
- :lang(de) .np-text-display-small,
1572
- :lang(hu) .np-text-display-small,
1573
- :lang(is) .np-text-display-small,
1574
- :lang(se) .np-text-display-small,
1575
- :lang(id) .np-text-display-small,
1576
- :lang(in) .np-text-display-small,
1577
- :lang(ga) .np-text-display-small,
1578
- :lang(it) .np-text-display-small,
1579
- :lang(kl) .np-text-display-small,
1580
- :lang(ki) .np-text-display-small,
1581
- :lang(rw) .np-text-display-small,
1582
- :lang(lv) .np-text-display-small,
1583
- :lang(lt) .np-text-display-small,
1584
- :lang(lb) .np-text-display-small,
1585
- :lang(mg) .np-text-display-small,
1586
- :lang(ms) .np-text-display-small,
1587
- :lang(mt) .np-text-display-small,
1588
- :lang(gv) .np-text-display-small,
1589
- :lang(mi) .np-text-display-small,
1590
- :lang(nd) .np-text-display-small,
1591
- :lang(nb) .np-text-display-small,
1592
- :lang(nn) .np-text-display-small,
1593
- :lang(om) .np-text-display-small,
1594
- :lang(pl) .np-text-display-small,
1595
- :lang(pt) .np-text-display-small,
1596
- :lang(ro) .np-text-display-small,
1597
- :lang(rm) .np-text-display-small,
1598
- :lang(rn) .np-text-display-small,
1599
- :lang(sg) .np-text-display-small,
1600
- :lang(gd) .np-text-display-small,
1601
- :lang(sr) .np-text-display-small,
1602
- :lang(sn) .np-text-display-small,
1603
- :lang(sk) .np-text-display-small,
1604
- :lang(sl) .np-text-display-small,
1605
- :lang(so) .np-text-display-small,
1606
- :lang(es) .np-text-display-small,
1607
- :lang(sw) .np-text-display-small,
1608
- :lang(sv) .np-text-display-small,
1609
- :lang(tr) .np-text-display-small,
1610
- :lang(cy) .np-text-display-small,
1611
- :lang(fy) .np-text-display-small,
1612
- :lang(wo) .np-text-display-small,
1613
- :lang(zu) .np-text-display-small,
1614
- :lang(hsb) .np-text-display-small,
1615
- :lang(gsw) .np-text-display-small,
1616
- :lang(dsb) .np-text-display-small,
1617
- :lang(fil) .np-text-display-small {
1618
- font-size: 40px;
1619
- font-size: var(--size-40);
1620
- line-height: 1.05;
1621
- font-weight: 400;
1622
- font-weight: var(--font-weight-regular);
1623
- }
1624
- :lang(el) .np-text-display-extra-large,
1625
- :lang(az) .np-text-display-extra-large,
1626
- :lang(be) .np-text-display-extra-large,
1627
- :lang(bs) .np-text-display-extra-large,
1628
- :lang(bg) .np-text-display-extra-large,
1629
- :lang(ce) .np-text-display-extra-large,
1630
- :lang(mk) .np-text-display-extra-large,
1631
- :lang(os) .np-text-display-extra-large,
1632
- :lang(ru) .np-text-display-extra-large,
1633
- :lang(sr) .np-text-display-extra-large,
1634
- :lang(uk) .np-text-display-extra-large,
1635
- :lang(uz) .np-text-display-extra-large,
1636
- :lang(sah) .np-text-display-extra-large,
1637
- :lang(el) .np-text-display-large,
1638
- :lang(az) .np-text-display-large,
1639
- :lang(be) .np-text-display-large,
1640
- :lang(bs) .np-text-display-large,
1641
- :lang(bg) .np-text-display-large,
1642
- :lang(ce) .np-text-display-large,
1643
- :lang(mk) .np-text-display-large,
1644
- :lang(os) .np-text-display-large,
1645
- :lang(ru) .np-text-display-large,
1646
- :lang(sr) .np-text-display-large,
1647
- :lang(uk) .np-text-display-large,
1648
- :lang(uz) .np-text-display-large,
1649
- :lang(sah) .np-text-display-large {
1650
- font-size: 60px;
1651
- font-size: var(--size-60);
1652
- line-height: 120%;
1653
- font-weight: 600;
1654
- font-weight: var(--font-weight-semi-bold);
1655
- }
1656
- :lang(el) .np-text-display-medium,
1657
- :lang(az) .np-text-display-medium,
1658
- :lang(be) .np-text-display-medium,
1659
- :lang(bs) .np-text-display-medium,
1660
- :lang(bg) .np-text-display-medium,
1661
- :lang(ce) .np-text-display-medium,
1662
- :lang(mk) .np-text-display-medium,
1663
- :lang(os) .np-text-display-medium,
1664
- :lang(ru) .np-text-display-medium,
1665
- :lang(sr) .np-text-display-medium,
1666
- :lang(uk) .np-text-display-medium,
1667
- :lang(uz) .np-text-display-medium,
1668
- :lang(sah) .np-text-display-medium {
1669
- font-size: 48px;
1670
- font-size: var(--size-48);
1671
- line-height: 120%;
1672
- font-weight: 600;
1673
- font-weight: var(--font-weight-semi-bold);
1674
- }
1675
- :lang(el) .np-text-display-small,
1676
- :lang(az) .np-text-display-small,
1677
- :lang(be) .np-text-display-small,
1678
- :lang(bs) .np-text-display-small,
1679
- :lang(bg) .np-text-display-small,
1680
- :lang(ce) .np-text-display-small,
1681
- :lang(mk) .np-text-display-small,
1682
- :lang(os) .np-text-display-small,
1683
- :lang(ru) .np-text-display-small,
1684
- :lang(sr) .np-text-display-small,
1685
- :lang(uk) .np-text-display-small,
1686
- :lang(uz) .np-text-display-small,
1687
- :lang(sah) .np-text-display-small {
1688
- font-size: 40px;
1689
- font-size: var(--size-40);
1690
- line-height: 120%;
1691
- font-weight: 600;
1692
- font-weight: var(--font-weight-semi-bold);
1693
- }
1694
1522
  /* DEPRECATED: use `.np-text-display-*` instead */
1695
1523
  .display-1 {
1696
1524
  margin-block-end: 24px;