@transferwise/neptune-css 0.0.0-experimental-86c6017 → 0.0.0-experimental-74e7404

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 (47) 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 -368
  13. package/dist/css/neptune.css +1451 -2885
  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 -793
  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/_fonts.less +0 -1
  34. package/src/less/core/_typography.less +221 -67
  35. package/src/less/core/fonts/_fonts-en.less +8 -0
  36. package/src/less/decision.less +2 -2
  37. package/src/less/dropdowns.less +5 -6
  38. package/src/less/droppable.less +4 -4
  39. package/src/less/footer.less +3 -4
  40. package/src/less/forms/bootstrap-forms.less +57 -70
  41. package/src/less/input-groups.less +5 -5
  42. package/src/less/list-group.less +4 -7
  43. package/src/less/mixins/_text-emphasis.less +1 -7
  44. package/src/less/neptune.bundle.less +0 -4
  45. package/src/less/popovers.less +3 -3
  46. package/src/less/sequences.less +2 -7
  47. package/src/less/tooltip.less +1 -1
@@ -1,162 +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: "Inter";
11
- font-style: normal;
12
- font-display: swap;
13
- font-weight: 100 900;
14
- src: url(../fonts/inter/inter-latin-wght-normal.woff2) format("woff2");
15
- 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;
16
- }
17
- @font-face {
18
- font-family: "Inter";
3
+ font-family: Inter;
19
4
  font-style: normal;
20
5
  font-display: swap;
21
6
  font-weight: 100 900;
22
- src: url(../fonts/inter/inter-latin-ext-wght-normal.woff2) format("woff2");
23
- 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;
24
- }
25
- @font-face {
26
- font-family: "Inter";
27
- font-style: normal;
28
- font-display: swap;
29
- font-weight: 100 900;
30
- src: url(../fonts/inter/inter-cyrillic-wght-normal.woff2) format("woff2");
7
+ src: url("../fonts/inter-cyrillic-variable-wghtOnly-normal.woff2") format("woff2");
31
8
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
32
9
  }
33
10
  @font-face {
34
- font-family: "Inter";
11
+ font-family: Inter;
35
12
  font-style: normal;
36
13
  font-display: swap;
37
14
  font-weight: 100 900;
38
- src: url(../fonts/inter/inter-cyrillic-ext-wght-normal.woff2) format("woff2");
39
- 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;
40
17
  }
41
18
  @font-face {
42
- font-family: "Inter";
19
+ font-family: Inter;
43
20
  font-style: normal;
44
21
  font-display: swap;
45
22
  font-weight: 100 900;
46
- src: url(../fonts/inter/inter-greek-wght-normal.woff2) format("woff2");
47
- 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;
48
25
  }
49
26
  @font-face {
50
- font-family: "Inter";
27
+ font-family: Inter;
51
28
  font-style: normal;
52
29
  font-display: swap;
53
30
  font-weight: 100 900;
54
- 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");
55
32
  unicode-range: U+1F00-1FFF;
56
33
  }
57
34
  @font-face {
58
- font-family: "Inter";
35
+ font-family: Inter;
59
36
  font-style: normal;
60
37
  font-display: swap;
61
38
  font-weight: 100 900;
62
- src: url(../fonts/inter/inter-vietnamese-wght-normal.woff2) format("woff2");
63
- 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;
64
41
  }
65
42
  @font-face {
66
- font-family: "Vazirmatn";
43
+ font-family: Inter;
67
44
  font-style: normal;
68
45
  font-display: swap;
69
46
  font-weight: 100 900;
70
- src: url(../fonts/vazirmatn/vazirmatn-arabic-wght-normal.woff2) format("woff2");
71
- 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;
72
49
  }
73
50
  @font-face {
74
- font-family: "Vazirmatn";
51
+ font-family: Inter;
75
52
  font-style: normal;
76
53
  font-display: swap;
77
54
  font-weight: 100 900;
78
- src: url(../fonts/vazirmatn/vazirmatn-latin-wght-normal.woff2) format("woff2");
79
- 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;
80
- }
81
- @font-face {
82
- font-family: "Vazirmatn";
83
- font-style: normal;
84
- font-display: swap;
85
- font-weight: 100 900;
86
- src: url(../fonts/vazirmatn/vazirmatn-latin-ext-wght-normal.woff2) format("woff2");
87
- 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;
88
- }
89
- @font-face {
90
- font-family: "Rubik";
91
- font-style: normal;
92
- font-display: swap;
93
- font-weight: 300 900;
94
- src: url(../fonts/rubik/rubik-arabic-wght-normal.woff2) format("woff2");
95
- 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;
96
- }
97
- @font-face {
98
- font-family: "Rubik";
99
- font-style: normal;
100
- font-display: swap;
101
- font-weight: 300 900;
102
- src: url(../fonts/rubik/rubik-latin-wght-normal.woff2) format("woff2");
103
- 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;
104
- }
105
- @font-face {
106
- font-family: "Rubik";
107
- font-style: normal;
108
- font-display: swap;
109
- font-weight: 300 900;
110
- src: url(../fonts/rubik/rubik-latin-ext-wght-normal.woff2) format("woff2");
111
- 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;
112
- }
113
- @font-face {
114
- font-family: "Rubik";
115
- font-style: normal;
116
- font-display: swap;
117
- font-weight: 900;
118
- src: url(../fonts/rubik/rubik-cyrillic-900-normal.woff2) format("woff2");
119
- unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
120
- }
121
- @font-face {
122
- font-family: "Rubik";
123
- font-style: normal;
124
- font-display: swap;
125
- font-weight: 900;
126
- src: url(../fonts/rubik/rubik-cyrillic-ext-900-normal.woff2) format("woff2");
127
- unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
128
- }
129
- @font-face {
130
- font-family: "Rubik Body";
131
- font-style: normal;
132
- font-display: swap;
133
- font-weight: 300;
134
- src: url(../fonts/rubik/rubik-body-cyrillic-330-normal.woff2) format("woff2");
135
- unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
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;
136
57
  }
137
58
  @font-face {
138
- font-family: "Rubik Body";
139
- font-style: normal;
140
- font-display: swap;
141
- font-weight: 300;
142
- src: url(../fonts/rubik/rubik-body-cyrillic-ext-330-normal.woff2) format("woff2");
143
- unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
144
- }
145
- @font-face {
146
- font-family: "Rubik Body";
147
- font-style: normal;
148
- font-display: swap;
149
- font-weight: 600;
150
- src: url(../fonts/rubik/rubik-body-cyrillic-600-normal.woff2) format("woff2");
151
- unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
152
- }
153
- @font-face {
154
- font-family: "Rubik Body";
59
+ font-family: "Wise Sans";
155
60
  font-style: normal;
156
61
  font-display: swap;
157
- font-weight: 600;
158
- src: url(../fonts/rubik/rubik-body-cyrillic-ext-600-normal.woff2) format("woff2");
159
- 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");
160
63
  }
161
64
  /* stylelint-disable selector-max-empty-lines */
162
65
  /*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */
@@ -696,7 +599,7 @@ video {
696
599
  clip: auto;
697
600
  }
698
601
  /* stylelint-disable selector-max-empty-lines */
699
- /* DEPRECATED: use `.wds-text-*` instead */
602
+ /* DEPRECATED: use .np-text-*-title instead */
700
603
  /* stylelint-disable-next-line selector-list-comma-newline-after */
701
604
  .h1,
702
605
  .h2,
@@ -723,6 +626,9 @@ h6,
723
626
  margin: 0;
724
627
  color: #37517e;
725
628
  color: var(--color-content-primary);
629
+ line-height: 1.2;
630
+ line-height: var(--line-height-title);
631
+ letter-spacing: 0;
726
632
  word-wrap: break-word;
727
633
  }
728
634
  @supports (hyphenate-limit-chars: 1) {
@@ -927,50 +833,77 @@ h6 + ol:not(.list-unstyled),
927
833
  margin-block-start: 8px;
928
834
  margin-block-start: var(--size-8);
929
835
  }
930
- /* DEPRECATED: use `.wds-text-title-screen` instead */
836
+ /* DEPRECATED: use .np-text-title-screen instead */
931
837
  /* stylelint-disable-next-line selector-list-comma-newline-after */
932
838
  .h1,
933
839
  .title-1,
934
840
  h1,
935
- .np-text-title-screen,
936
- .wds-text-title-screen,
937
- .h1,
938
- .title-1,
939
- h1,
940
841
  .np-text-title-screen {
941
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%;
942
849
  }
943
- /* DEPRECATED: use `.wds-text-title-section` instead */
850
+ /* DEPRECATED: use .np-text-title-section instead */
944
851
  /* stylelint-disable-next-line selector-list-comma-newline-after */
945
852
  .h2,
946
853
  .title-2,
947
854
  h2,
948
- .np-text-title-section,
949
- .wds-text-title-section,
950
- .h2,
951
- .title-2,
952
- h2,
953
855
  .np-text-title-section {
954
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%;
955
863
  }
956
- /* DEPRECATED: use `.wds-text-title-subsection` instead */
864
+ /* DEPRECATED: use .np-text-title-subsection instead */
957
865
  /* stylelint-disable-next-line selector-list-comma-newline-after */
958
866
  .h3,
959
867
  .title-3,
960
868
  h3,
961
- .np-text-title-subsection,
962
- .wds-text-title-subsection,
963
- .h3,
964
- .title-3,
965
- h3,
966
869
  .np-text-title-subsection {
967
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%;
968
877
  }
969
- /* DEPRECATED: use `.wds-text-title-body` instead */
878
+ /* DEPRECATED: use .np-text-title-body instead */
970
879
  /* stylelint-disable-next-line selector-list-comma-newline-after */
971
- /* 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 */
972
892
  /* stylelint-disable-next-line selector-list-comma-newline-after */
973
- /* 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 */
974
907
  .lead {
975
908
  margin-block-end: 24px;
976
909
  margin-block-end: var(--size-24);
@@ -983,7 +916,7 @@ h3,
983
916
  color: #5d7079;
984
917
  color: var(--color-content-secondary);
985
918
  }
986
- /* DEPRECATED: use `.wds-text-body-default` instead */
919
+ /* DEPRECATED: use .np-text-body-default instead */
987
920
  /* stylelint-disable-next-line selector-list-comma-newline-after */
988
921
  .body-2,
989
922
  .body-3,
@@ -991,34 +924,16 @@ h3,
991
924
  .tiny,
992
925
  body,
993
926
  small,
994
- .np-text-body-default,
995
- .wds-text-body-default,
996
- .body-2,
997
- .body-3,
998
- .small,
999
- .tiny,
1000
- body,
1001
- small,
1002
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);
1003
934
  word-wrap: break-word;
1004
935
  }
1005
936
  @supports (hyphenate-limit-chars: 1) {
1006
- .body-2,
1007
- .body-3,
1008
- .small,
1009
- .tiny,
1010
- body,
1011
- small,
1012
- .np-text-body-default,
1013
- .wds-text-body-default,
1014
- .body-2,
1015
- .body-3,
1016
- .small,
1017
- .tiny,
1018
- body,
1019
- small,
1020
- .np-text-body-default,
1021
- .wds-text-body-default,
1022
937
  .body-2,
1023
938
  .body-3,
1024
939
  .small,
@@ -1030,22 +945,6 @@ small,
1030
945
  hyphenate-limit-chars: 7 3;
1031
946
  }
1032
947
  @media (min-width: 840px) {
1033
- .body-2,
1034
- .body-3,
1035
- .small,
1036
- .tiny,
1037
- body,
1038
- small,
1039
- .np-text-body-default,
1040
- .wds-text-body-default,
1041
- .body-2,
1042
- .body-3,
1043
- .small,
1044
- .tiny,
1045
- body,
1046
- small,
1047
- .np-text-body-default,
1048
- .wds-text-body-default,
1049
948
  .body-2,
1050
949
  .body-3,
1051
950
  .small,
@@ -1057,22 +956,6 @@ small,
1057
956
  }
1058
957
  }
1059
958
  @media (min-width: 1160px) {
1060
- .body-2,
1061
- .body-3,
1062
- .small,
1063
- .tiny,
1064
- body,
1065
- small,
1066
- .np-text-body-default,
1067
- .wds-text-body-default,
1068
- .body-2,
1069
- .body-3,
1070
- .small,
1071
- .tiny,
1072
- body,
1073
- small,
1074
- .np-text-body-default,
1075
- .wds-text-body-default,
1076
959
  .body-2,
1077
960
  .body-3,
1078
961
  .small,
@@ -1085,22 +968,6 @@ small,
1085
968
  }
1086
969
  }
1087
970
  @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
1088
- .body-2,
1089
- .body-3,
1090
- .small,
1091
- .tiny,
1092
- body,
1093
- small,
1094
- .np-text-body-default,
1095
- .wds-text-body-default,
1096
- .body-2,
1097
- .body-3,
1098
- .small,
1099
- .tiny,
1100
- body,
1101
- small,
1102
- .np-text-body-default,
1103
- .wds-text-body-default,
1104
971
  .body-2,
1105
972
  .body-3,
1106
973
  .small,
@@ -1113,22 +980,6 @@ small,
1113
980
  -webkit-hyphenate-limit-after: 3;
1114
981
  }
1115
982
  @media (min-width: 1160px) {
1116
- .body-2,
1117
- .body-3,
1118
- .small,
1119
- .tiny,
1120
- body,
1121
- small,
1122
- .np-text-body-default,
1123
- .wds-text-body-default,
1124
- .body-2,
1125
- .body-3,
1126
- .small,
1127
- .tiny,
1128
- body,
1129
- small,
1130
- .np-text-body-default,
1131
- .wds-text-body-default,
1132
983
  .body-2,
1133
984
  .body-3,
1134
985
  .small,
@@ -1140,30 +991,21 @@ small,
1140
991
  }
1141
992
  }
1142
993
  }
1143
- /* DEPRECATED: use `.wds-text-body-default-bold` instead */
994
+ /* DEPRECATED: use .np-text-body-default-bold instead */
1144
995
  /* stylelint-disable-next-line selector-list-comma-newline-after */
1145
996
  .control-2,
1146
997
  .label,
1147
998
  .control-label,
1148
- .np-text-body-default-bold,
1149
- .wds-text-body-default-bold,
1150
- .control-2,
1151
- .label,
1152
- .control-label,
1153
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);
1154
1006
  word-wrap: break-word;
1155
1007
  }
1156
1008
  @supports (hyphenate-limit-chars: 1) {
1157
- .control-2,
1158
- .label,
1159
- .control-label,
1160
- .np-text-body-default-bold,
1161
- .wds-text-body-default-bold,
1162
- .control-2,
1163
- .label,
1164
- .control-label,
1165
- .np-text-body-default-bold,
1166
- .wds-text-body-default-bold,
1167
1009
  .control-2,
1168
1010
  .label,
1169
1011
  .control-label,
@@ -1172,16 +1014,6 @@ small,
1172
1014
  hyphenate-limit-chars: 7 3;
1173
1015
  }
1174
1016
  @media (min-width: 840px) {
1175
- .control-2,
1176
- .label,
1177
- .control-label,
1178
- .np-text-body-default-bold,
1179
- .wds-text-body-default-bold,
1180
- .control-2,
1181
- .label,
1182
- .control-label,
1183
- .np-text-body-default-bold,
1184
- .wds-text-body-default-bold,
1185
1017
  .control-2,
1186
1018
  .label,
1187
1019
  .control-label,
@@ -1190,16 +1022,6 @@ small,
1190
1022
  }
1191
1023
  }
1192
1024
  @media (min-width: 1160px) {
1193
- .control-2,
1194
- .label,
1195
- .control-label,
1196
- .np-text-body-default-bold,
1197
- .wds-text-body-default-bold,
1198
- .control-2,
1199
- .label,
1200
- .control-label,
1201
- .np-text-body-default-bold,
1202
- .wds-text-body-default-bold,
1203
1025
  .control-2,
1204
1026
  .label,
1205
1027
  .control-label,
@@ -1209,16 +1031,6 @@ small,
1209
1031
  }
1210
1032
  }
1211
1033
  @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
1212
- .control-2,
1213
- .label,
1214
- .control-label,
1215
- .np-text-body-default-bold,
1216
- .wds-text-body-default-bold,
1217
- .control-2,
1218
- .label,
1219
- .control-label,
1220
- .np-text-body-default-bold,
1221
- .wds-text-body-default-bold,
1222
1034
  .control-2,
1223
1035
  .label,
1224
1036
  .control-label,
@@ -1228,16 +1040,6 @@ small,
1228
1040
  -webkit-hyphenate-limit-after: 3;
1229
1041
  }
1230
1042
  @media (min-width: 1160px) {
1231
- .control-2,
1232
- .label,
1233
- .control-label,
1234
- .np-text-body-default-bold,
1235
- .wds-text-body-default-bold,
1236
- .control-2,
1237
- .label,
1238
- .control-label,
1239
- .np-text-body-default-bold,
1240
- .wds-text-body-default-bold,
1241
1043
  .control-2,
1242
1044
  .label,
1243
1045
  .control-label,
@@ -1246,26 +1048,20 @@ small,
1246
1048
  }
1247
1049
  }
1248
1050
  }
1249
- /* DEPRECATED: use `.wds-text-body-large` instead */
1051
+ /* DEPRECATED: use .np-text-body-large instead */
1250
1052
  /* stylelint-disable-next-line selector-list-comma-newline-after */
1251
1053
  .body-1,
1252
1054
  .value,
1253
- .np-text-body-large,
1254
- .wds-text-body-large,
1255
- .body-1,
1256
- .value,
1257
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;
1258
1062
  word-wrap: break-word;
1259
1063
  }
1260
1064
  @supports (hyphenate-limit-chars: 1) {
1261
- .body-1,
1262
- .value,
1263
- .np-text-body-large,
1264
- .wds-text-body-large,
1265
- .body-1,
1266
- .value,
1267
- .np-text-body-large,
1268
- .wds-text-body-large,
1269
1065
  .body-1,
1270
1066
  .value,
1271
1067
  .np-text-body-large {
@@ -1273,14 +1069,6 @@ small,
1273
1069
  hyphenate-limit-chars: 7 3;
1274
1070
  }
1275
1071
  @media (min-width: 840px) {
1276
- .body-1,
1277
- .value,
1278
- .np-text-body-large,
1279
- .wds-text-body-large,
1280
- .body-1,
1281
- .value,
1282
- .np-text-body-large,
1283
- .wds-text-body-large,
1284
1072
  .body-1,
1285
1073
  .value,
1286
1074
  .np-text-body-large {
@@ -1288,14 +1076,6 @@ small,
1288
1076
  }
1289
1077
  }
1290
1078
  @media (min-width: 1160px) {
1291
- .body-1,
1292
- .value,
1293
- .np-text-body-large,
1294
- .wds-text-body-large,
1295
- .body-1,
1296
- .value,
1297
- .np-text-body-large,
1298
- .wds-text-body-large,
1299
1079
  .body-1,
1300
1080
  .value,
1301
1081
  .np-text-body-large {
@@ -1304,14 +1084,6 @@ small,
1304
1084
  }
1305
1085
  }
1306
1086
  @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
1307
- .body-1,
1308
- .value,
1309
- .np-text-body-large,
1310
- .wds-text-body-large,
1311
- .body-1,
1312
- .value,
1313
- .np-text-body-large,
1314
- .wds-text-body-large,
1315
1087
  .body-1,
1316
1088
  .value,
1317
1089
  .np-text-body-large {
@@ -1320,14 +1092,6 @@ small,
1320
1092
  -webkit-hyphenate-limit-after: 3;
1321
1093
  }
1322
1094
  @media (min-width: 1160px) {
1323
- .body-1,
1324
- .value,
1325
- .np-text-body-large,
1326
- .wds-text-body-large,
1327
- .body-1,
1328
- .value,
1329
- .np-text-body-large,
1330
- .wds-text-body-large,
1331
1095
  .body-1,
1332
1096
  .value,
1333
1097
  .np-text-body-large {
@@ -1335,46 +1099,31 @@ small,
1335
1099
  }
1336
1100
  }
1337
1101
  }
1338
- /* DEPRECATED: use `.wds-text-body-large-bold` instead */
1102
+ /* DEPRECATED: use np-text-body-large-bold instead */
1339
1103
  /* stylelint-disable-next-line selector-list-comma-newline-after */
1340
1104
  .control-1,
1341
- .np-text-body-large-bold,
1342
- .wds-text-body-large-bold,
1343
- .control-1,
1344
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;
1345
1112
  word-wrap: break-word;
1346
1113
  }
1347
1114
  @supports (hyphenate-limit-chars: 1) {
1348
- .control-1,
1349
- .np-text-body-large-bold,
1350
- .wds-text-body-large-bold,
1351
- .control-1,
1352
- .np-text-body-large-bold,
1353
- .wds-text-body-large-bold,
1354
1115
  .control-1,
1355
1116
  .np-text-body-large-bold {
1356
1117
  hyphens: auto;
1357
1118
  hyphenate-limit-chars: 7 3;
1358
1119
  }
1359
1120
  @media (min-width: 840px) {
1360
- .control-1,
1361
- .np-text-body-large-bold,
1362
- .wds-text-body-large-bold,
1363
- .control-1,
1364
- .np-text-body-large-bold,
1365
- .wds-text-body-large-bold,
1366
1121
  .control-1,
1367
1122
  .np-text-body-large-bold {
1368
1123
  hyphenate-limit-chars: 8 3;
1369
1124
  }
1370
1125
  }
1371
1126
  @media (min-width: 1160px) {
1372
- .control-1,
1373
- .np-text-body-large-bold,
1374
- .wds-text-body-large-bold,
1375
- .control-1,
1376
- .np-text-body-large-bold,
1377
- .wds-text-body-large-bold,
1378
1127
  .control-1,
1379
1128
  .np-text-body-large-bold {
1380
1129
  hyphenate-limit-chars: 10 4 3;
@@ -1382,12 +1131,6 @@ small,
1382
1131
  }
1383
1132
  }
1384
1133
  @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
1385
- .control-1,
1386
- .np-text-body-large-bold,
1387
- .wds-text-body-large-bold,
1388
- .control-1,
1389
- .np-text-body-large-bold,
1390
- .wds-text-body-large-bold,
1391
1134
  .control-1,
1392
1135
  .np-text-body-large-bold {
1393
1136
  hyphens: auto;
@@ -1395,12 +1138,6 @@ small,
1395
1138
  -webkit-hyphenate-limit-after: 3;
1396
1139
  }
1397
1140
  @media (min-width: 1160px) {
1398
- .control-1,
1399
- .np-text-body-large-bold,
1400
- .wds-text-body-large-bold,
1401
- .control-1,
1402
- .np-text-body-large-bold,
1403
- .wds-text-body-large-bold,
1404
1141
  .control-1,
1405
1142
  .np-text-body-large-bold {
1406
1143
  -webkit-hyphenate-limit-before: 4;
@@ -1428,7 +1165,12 @@ a,
1428
1165
  letter-spacing: -0.006em;
1429
1166
  line-height: 155%;
1430
1167
  }
1431
- /* 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
+ }
1432
1174
  .display-1,
1433
1175
  .display-2,
1434
1176
  .display-3,
@@ -1437,9 +1179,7 @@ a,
1437
1179
  .np-text-display-extra-large,
1438
1180
  .np-text-display-large,
1439
1181
  .np-text-display-medium,
1440
- .np-text-display-small {
1441
- font-synthesis: none;
1442
- }
1182
+ .np-text-display-small,
1443
1183
  .display-1--forced,
1444
1184
  .display-2--forced,
1445
1185
  .display-3--forced,
@@ -1453,11 +1193,62 @@ a,
1453
1193
  font-family: var(--font-family-display);
1454
1194
  font-synthesis: none;
1455
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
+ }
1456
1246
  /* DEPRECATED(.np-text-display-extra-large): use .np-text-display-large instead */
1457
1247
  .np-text-display-extra-large,
1458
1248
  .np-text-display-large,
1459
1249
  .np-text-display-medium,
1460
1250
  .np-text-display-small {
1251
+ letter-spacing: normal;
1461
1252
  word-wrap: break-word;
1462
1253
  }
1463
1254
  @supports (hyphenate-limit-chars: 1) {
@@ -1503,6 +1294,50 @@ a,
1503
1294
  }
1504
1295
  }
1505
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
+ }
1506
1341
  /* Disable hyphenation for English
1507
1342
  * and Japanese, Thai, Chinese (these languages use character-level breaks and should never insert hyphens). */
1508
1343
  :lang(en),
@@ -1512,6 +1347,350 @@ a,
1512
1347
  :lang(zh-HK) {
1513
1348
  hyphens: none;
1514
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
+ }
1515
1694
  /* DEPRECATED: use `.np-text-display-*` instead */
1516
1695
  .display-1 {
1517
1696
  margin-block-end: 24px;