@transferwise/neptune-css 0.0.0-experimental-0cae6bf → 0.0.0-experimental-d0b3ee6

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 +52 -23
  2. package/dist/css/button-groups.css +8 -29
  3. package/dist/css/buttons.css +2 -26
  4. package/dist/css/decision.css +52 -23
  5. package/dist/css/dropdowns.css +62 -39
  6. package/dist/css/droppable.css +8 -28
  7. package/dist/css/footer.css +14 -41
  8. package/dist/css/input-groups.css +165 -172
  9. package/dist/css/list-group.css +45 -0
  10. package/dist/css/navbar.css +62 -39
  11. package/dist/css/neptune-addons.css +0 -15
  12. package/dist/css/neptune-core.css +547 -375
  13. package/dist/css/neptune.css +1451 -2910
  14. package/dist/css/popovers.css +60 -35
  15. package/dist/css/sequences.css +1 -6
  16. package/dist/css/tooltip.css +7 -27
  17. package/dist/fonts/inter-cyrillic-ext-variable-wghtOnly-normal.woff2 +0 -0
  18. package/dist/fonts/inter-cyrillic-variable-wghtOnly-normal.woff2 +0 -0
  19. package/dist/fonts/inter-greek-ext-variable-wghtOnly-normal.woff2 +0 -0
  20. package/dist/fonts/inter-greek-variable-wghtOnly-normal.woff2 +0 -0
  21. package/dist/fonts/inter-latin-ext-variable-wghtOnly-normal.woff2 +0 -0
  22. package/dist/fonts/inter-latin-variable-wghtOnly-normal.woff2 +0 -0
  23. package/dist/fonts/inter-vietnamese-variable-wghtOnly-normal.woff2 +0 -0
  24. package/dist/less/legacy-variables.css +0 -0
  25. package/dist/less/neptune-tokens.css +0 -0
  26. package/dist/less/neptune-tokens.less +48 -0
  27. package/dist/less/zindex.css +0 -0
  28. package/dist/props/neptune-tokens.css +1 -802
  29. package/package.json +1 -1
  30. package/src/less/addons/_background-utilities.less +0 -5
  31. package/src/less/button-groups.less +2 -3
  32. package/src/less/buttons.less +1 -1
  33. package/src/less/core/_typography.less +221 -67
  34. package/src/less/decision.less +2 -2
  35. package/src/less/dropdowns.less +5 -6
  36. package/src/less/droppable.less +4 -4
  37. package/src/less/footer.less +3 -4
  38. package/src/less/forms/bootstrap-forms.less +57 -70
  39. package/src/less/input-groups.less +5 -5
  40. package/src/less/list-group.less +4 -7
  41. package/src/less/mixins/_text-emphasis.less +1 -7
  42. package/src/less/neptune.bundle.less +0 -4
  43. package/src/less/popovers.less +3 -3
  44. package/src/less/sequences.less +2 -7
  45. package/src/less/tooltip.less +1 -1
@@ -1,169 +1,65 @@
1
1
  /* See: https://github.com/fontsource/fontsource/blob/main/fonts/google/inter/variable.css */
2
2
  @font-face {
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";
3
+ font-family: Inter;
34
4
  font-style: normal;
35
5
  font-display: swap;
36
6
  font-weight: 100 900;
37
- src: url(../fonts/inter/inter-cyrillic-wght-normal.woff2) format("woff2");
7
+ src: url("../fonts/inter-cyrillic-variable-wghtOnly-normal.woff2") format("woff2");
38
8
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
39
9
  }
40
10
  @font-face {
41
- font-family: "Inter";
11
+ font-family: Inter;
42
12
  font-style: normal;
43
13
  font-display: swap;
44
14
  font-weight: 100 900;
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;
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;
47
17
  }
48
18
  @font-face {
49
- font-family: "Inter";
19
+ font-family: Inter;
50
20
  font-style: normal;
51
21
  font-display: swap;
52
22
  font-weight: 100 900;
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;
23
+ src: url("../fonts/inter-greek-variable-wghtOnly-normal.woff2") format("woff2");
24
+ unicode-range: U+0370-03FF;
55
25
  }
56
26
  @font-face {
57
- font-family: "Inter";
27
+ font-family: Inter;
58
28
  font-style: normal;
59
29
  font-display: swap;
60
30
  font-weight: 100 900;
61
- src: url(../fonts/inter/inter-greek-ext-wght-normal.woff2) format("woff2");
31
+ src: url("../fonts/inter-greek-ext-variable-wghtOnly-normal.woff2") format("woff2");
62
32
  unicode-range: U+1F00-1FFF;
63
33
  }
64
34
  @font-face {
65
- font-family: "Inter";
35
+ font-family: Inter;
66
36
  font-style: normal;
67
37
  font-display: swap;
68
38
  font-weight: 100 900;
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;
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;
71
41
  }
72
42
  @font-face {
73
- font-family: "Vazirmatn";
43
+ font-family: Inter;
74
44
  font-style: normal;
75
45
  font-display: swap;
76
46
  font-weight: 100 900;
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;
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;
79
49
  }
80
50
  @font-face {
81
- font-family: "Vazirmatn";
51
+ font-family: Inter;
82
52
  font-style: normal;
83
53
  font-display: swap;
84
54
  font-weight: 100 900;
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;
87
- }
88
- @font-face {
89
- font-family: "Vazirmatn";
90
- font-style: normal;
91
- font-display: swap;
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;
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;
151
57
  }
152
58
  @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";
59
+ font-family: "Wise Sans";
162
60
  font-style: normal;
163
61
  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;
62
+ src: url("../fonts/WiseSans-Heavy.woff2") format("woff2");
167
63
  }
168
64
  /* stylelint-disable selector-max-empty-lines */
169
65
  /*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */
@@ -703,7 +599,7 @@ video {
703
599
  clip: auto;
704
600
  }
705
601
  /* stylelint-disable selector-max-empty-lines */
706
- /* DEPRECATED: use `.wds-text-*` instead */
602
+ /* DEPRECATED: use .np-text-*-title instead */
707
603
  /* stylelint-disable-next-line selector-list-comma-newline-after */
708
604
  .h1,
709
605
  .h2,
@@ -730,6 +626,9 @@ h6,
730
626
  margin: 0;
731
627
  color: #37517e;
732
628
  color: var(--color-content-primary);
629
+ line-height: 1.2;
630
+ line-height: var(--line-height-title);
631
+ letter-spacing: 0;
733
632
  word-wrap: break-word;
734
633
  }
735
634
  @supports (hyphenate-limit-chars: 1) {
@@ -934,50 +833,77 @@ h6 + ol:not(.list-unstyled),
934
833
  margin-block-start: 8px;
935
834
  margin-block-start: var(--size-8);
936
835
  }
937
- /* DEPRECATED: use `.wds-text-title-screen` instead */
836
+ /* DEPRECATED: use .np-text-title-screen instead */
938
837
  /* stylelint-disable-next-line selector-list-comma-newline-after */
939
838
  .h1,
940
839
  .title-1,
941
840
  h1,
942
- .np-text-title-screen,
943
- .wds-text-title-screen,
944
- .h1,
945
- .title-1,
946
- h1,
947
841
  .np-text-title-screen {
948
842
  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%;
949
849
  }
950
- /* DEPRECATED: use `.wds-text-title-section` instead */
850
+ /* DEPRECATED: use .np-text-title-section instead */
951
851
  /* stylelint-disable-next-line selector-list-comma-newline-after */
952
852
  .h2,
953
853
  .title-2,
954
854
  h2,
955
- .np-text-title-section,
956
- .wds-text-title-section,
957
- .h2,
958
- .title-2,
959
- h2,
960
855
  .np-text-title-section {
961
856
  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%;
962
863
  }
963
- /* DEPRECATED: use `.wds-text-title-subsection` instead */
864
+ /* DEPRECATED: use .np-text-title-subsection instead */
964
865
  /* stylelint-disable-next-line selector-list-comma-newline-after */
965
866
  .h3,
966
867
  .title-3,
967
868
  h3,
968
- .np-text-title-subsection,
969
- .wds-text-title-subsection,
970
- .h3,
971
- .title-3,
972
- h3,
973
869
  .np-text-title-subsection {
974
870
  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%;
975
877
  }
976
- /* DEPRECATED: use `.wds-text-title-body` instead */
878
+ /* DEPRECATED: use .np-text-title-body instead */
977
879
  /* stylelint-disable-next-line selector-list-comma-newline-after */
978
- /* DEPRECATED: use `.wds-text-title-group` instead */
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 */
979
892
  /* stylelint-disable-next-line selector-list-comma-newline-after */
980
- /* DEPRECATED: use `.wds-text-title-body` instead */
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 */
981
907
  .lead {
982
908
  margin-block-end: 24px;
983
909
  margin-block-end: var(--size-24);
@@ -990,7 +916,7 @@ h3,
990
916
  color: #5d7079;
991
917
  color: var(--color-content-secondary);
992
918
  }
993
- /* DEPRECATED: use `.wds-text-body-default` instead */
919
+ /* DEPRECATED: use .np-text-body-default instead */
994
920
  /* stylelint-disable-next-line selector-list-comma-newline-after */
995
921
  .body-2,
996
922
  .body-3,
@@ -998,34 +924,16 @@ h3,
998
924
  .tiny,
999
925
  body,
1000
926
  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,
1009
927
  .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);
1010
934
  word-wrap: break-word;
1011
935
  }
1012
936
  @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,
1029
937
  .body-2,
1030
938
  .body-3,
1031
939
  .small,
@@ -1037,22 +945,6 @@ small,
1037
945
  hyphenate-limit-chars: 7 3;
1038
946
  }
1039
947
  @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,
1056
948
  .body-2,
1057
949
  .body-3,
1058
950
  .small,
@@ -1064,22 +956,6 @@ small,
1064
956
  }
1065
957
  }
1066
958
  @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,
1083
959
  .body-2,
1084
960
  .body-3,
1085
961
  .small,
@@ -1092,22 +968,6 @@ small,
1092
968
  }
1093
969
  }
1094
970
  @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,
1111
971
  .body-2,
1112
972
  .body-3,
1113
973
  .small,
@@ -1120,22 +980,6 @@ small,
1120
980
  -webkit-hyphenate-limit-after: 3;
1121
981
  }
1122
982
  @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,
1139
983
  .body-2,
1140
984
  .body-3,
1141
985
  .small,
@@ -1147,30 +991,21 @@ small,
1147
991
  }
1148
992
  }
1149
993
  }
1150
- /* DEPRECATED: use `.wds-text-body-default-bold` instead */
994
+ /* DEPRECATED: use .np-text-body-default-bold instead */
1151
995
  /* stylelint-disable-next-line selector-list-comma-newline-after */
1152
996
  .control-2,
1153
997
  .label,
1154
998
  .control-label,
1155
- .np-text-body-default-bold,
1156
- .wds-text-body-default-bold,
1157
- .control-2,
1158
- .label,
1159
- .control-label,
1160
999
  .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);
1161
1006
  word-wrap: break-word;
1162
1007
  }
1163
1008
  @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,
1174
1009
  .control-2,
1175
1010
  .label,
1176
1011
  .control-label,
@@ -1179,16 +1014,6 @@ small,
1179
1014
  hyphenate-limit-chars: 7 3;
1180
1015
  }
1181
1016
  @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,
1192
1017
  .control-2,
1193
1018
  .label,
1194
1019
  .control-label,
@@ -1197,16 +1022,6 @@ small,
1197
1022
  }
1198
1023
  }
1199
1024
  @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,
1210
1025
  .control-2,
1211
1026
  .label,
1212
1027
  .control-label,
@@ -1216,16 +1031,6 @@ small,
1216
1031
  }
1217
1032
  }
1218
1033
  @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,
1229
1034
  .control-2,
1230
1035
  .label,
1231
1036
  .control-label,
@@ -1235,16 +1040,6 @@ small,
1235
1040
  -webkit-hyphenate-limit-after: 3;
1236
1041
  }
1237
1042
  @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,
1248
1043
  .control-2,
1249
1044
  .label,
1250
1045
  .control-label,
@@ -1253,26 +1048,20 @@ small,
1253
1048
  }
1254
1049
  }
1255
1050
  }
1256
- /* DEPRECATED: use `.wds-text-body-large` instead */
1051
+ /* DEPRECATED: use .np-text-body-large instead */
1257
1052
  /* stylelint-disable-next-line selector-list-comma-newline-after */
1258
1053
  .body-1,
1259
1054
  .value,
1260
- .np-text-body-large,
1261
- .wds-text-body-large,
1262
- .body-1,
1263
- .value,
1264
1055
  .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;
1265
1062
  word-wrap: break-word;
1266
1063
  }
1267
1064
  @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,
1276
1065
  .body-1,
1277
1066
  .value,
1278
1067
  .np-text-body-large {
@@ -1280,14 +1069,6 @@ small,
1280
1069
  hyphenate-limit-chars: 7 3;
1281
1070
  }
1282
1071
  @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,
1291
1072
  .body-1,
1292
1073
  .value,
1293
1074
  .np-text-body-large {
@@ -1295,14 +1076,6 @@ small,
1295
1076
  }
1296
1077
  }
1297
1078
  @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,
1306
1079
  .body-1,
1307
1080
  .value,
1308
1081
  .np-text-body-large {
@@ -1311,14 +1084,6 @@ small,
1311
1084
  }
1312
1085
  }
1313
1086
  @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,
1322
1087
  .body-1,
1323
1088
  .value,
1324
1089
  .np-text-body-large {
@@ -1327,14 +1092,6 @@ small,
1327
1092
  -webkit-hyphenate-limit-after: 3;
1328
1093
  }
1329
1094
  @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,
1338
1095
  .body-1,
1339
1096
  .value,
1340
1097
  .np-text-body-large {
@@ -1342,46 +1099,31 @@ small,
1342
1099
  }
1343
1100
  }
1344
1101
  }
1345
- /* DEPRECATED: use `.wds-text-body-large-bold` instead */
1102
+ /* DEPRECATED: use np-text-body-large-bold instead */
1346
1103
  /* stylelint-disable-next-line selector-list-comma-newline-after */
1347
1104
  .control-1,
1348
- .np-text-body-large-bold,
1349
- .wds-text-body-large-bold,
1350
- .control-1,
1351
1105
  .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;
1352
1112
  word-wrap: break-word;
1353
1113
  }
1354
1114
  @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,
1361
1115
  .control-1,
1362
1116
  .np-text-body-large-bold {
1363
1117
  hyphens: auto;
1364
1118
  hyphenate-limit-chars: 7 3;
1365
1119
  }
1366
1120
  @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,
1373
1121
  .control-1,
1374
1122
  .np-text-body-large-bold {
1375
1123
  hyphenate-limit-chars: 8 3;
1376
1124
  }
1377
1125
  }
1378
1126
  @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,
1385
1127
  .control-1,
1386
1128
  .np-text-body-large-bold {
1387
1129
  hyphenate-limit-chars: 10 4 3;
@@ -1389,12 +1131,6 @@ small,
1389
1131
  }
1390
1132
  }
1391
1133
  @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,
1398
1134
  .control-1,
1399
1135
  .np-text-body-large-bold {
1400
1136
  hyphens: auto;
@@ -1402,12 +1138,6 @@ small,
1402
1138
  -webkit-hyphenate-limit-after: 3;
1403
1139
  }
1404
1140
  @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,
1411
1141
  .control-1,
1412
1142
  .np-text-body-large-bold {
1413
1143
  -webkit-hyphenate-limit-before: 4;
@@ -1435,7 +1165,12 @@ a,
1435
1165
  letter-spacing: -0.006em;
1436
1166
  line-height: 155%;
1437
1167
  }
1438
- /* DEPRECATED: use .wds-text-display-number-small instead */
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
+ }
1439
1174
  .display-1,
1440
1175
  .display-2,
1441
1176
  .display-3,
@@ -1444,9 +1179,7 @@ a,
1444
1179
  .np-text-display-extra-large,
1445
1180
  .np-text-display-large,
1446
1181
  .np-text-display-medium,
1447
- .np-text-display-small {
1448
- font-synthesis: none;
1449
- }
1182
+ .np-text-display-small,
1450
1183
  .display-1--forced,
1451
1184
  .display-2--forced,
1452
1185
  .display-3--forced,
@@ -1460,11 +1193,62 @@ a,
1460
1193
  font-family: var(--font-family-display);
1461
1194
  font-synthesis: none;
1462
1195
  }
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
+ }
1463
1246
  /* DEPRECATED(.np-text-display-extra-large): use .np-text-display-large instead */
1464
1247
  .np-text-display-extra-large,
1465
1248
  .np-text-display-large,
1466
1249
  .np-text-display-medium,
1467
1250
  .np-text-display-small {
1251
+ letter-spacing: normal;
1468
1252
  word-wrap: break-word;
1469
1253
  }
1470
1254
  @supports (hyphenate-limit-chars: 1) {
@@ -1510,6 +1294,50 @@ a,
1510
1294
  }
1511
1295
  }
1512
1296
  }
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
+ }
1513
1341
  /* Disable hyphenation for English
1514
1342
  * and Japanese, Thai, Chinese (these languages use character-level breaks and should never insert hyphens). */
1515
1343
  :lang(en),
@@ -1519,6 +1347,350 @@ a,
1519
1347
  :lang(zh-HK) {
1520
1348
  hyphens: none;
1521
1349
  }
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
+ }
1522
1694
  /* DEPRECATED: use `.np-text-display-*` instead */
1523
1695
  .display-1 {
1524
1696
  margin-block-end: 24px;