@transferwise/neptune-css 0.0.0-experimental-74e7404 → 0.0.0-experimental-7eb16ef

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