@navikt/ds-css 7.7.0 → 7.8.1

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 (214) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/config/bundle.darkside.ts +270 -0
  3. package/config/tests/bundle.test.ts +46 -0
  4. package/darkside/baseline/{utilities.darkside.css → baseline.darkside.css} +9 -0
  5. package/darkside/baseline/tokens.darkside.css +1 -0
  6. package/darkside/button.darkside.css +1 -1
  7. package/darkside/copybutton.darkside.css +1 -1
  8. package/darkside/dropdown.darkside.css +1 -1
  9. package/darkside/form/combobox.darkside.css +1 -22
  10. package/darkside/form/fieldset.darkside.css +1 -1
  11. package/darkside/form/form.darkside.css +2 -2
  12. package/darkside/form/radio-checkbox.darkside.css +1 -1
  13. package/darkside/form/search.darkside.css +6 -2
  14. package/darkside/form/switch.darkside.css +1 -1
  15. package/darkside/guide-panel.darkside.css +78 -60
  16. package/darkside/index.css +9 -11
  17. package/darkside/link.darkside.css +2 -2
  18. package/darkside/table.darkside.css +52 -97
  19. package/darkside/tag.darkside.css +85 -147
  20. package/darkside/timeline.darkside.css +118 -211
  21. package/darkside/tooltip.darkside.css +82 -57
  22. package/darkside/typography.darkside.css +0 -12
  23. package/dist/component/form.css +2 -21
  24. package/dist/component/form.min.css +1 -1
  25. package/dist/component/link.css +1 -1
  26. package/dist/component/link.min.css +1 -1
  27. package/dist/component/table.css +1 -1
  28. package/dist/component/table.min.css +1 -1
  29. package/dist/component/tag.css +12 -6
  30. package/dist/component/tag.min.css +1 -1
  31. package/dist/components.css +17 -990
  32. package/dist/components.min.css +2 -4
  33. package/dist/darkside/component/accordion.css +174 -0
  34. package/dist/darkside/component/accordion.min.css +1 -0
  35. package/dist/darkside/component/actionmenu.css +182 -0
  36. package/dist/darkside/component/actionmenu.min.css +1 -0
  37. package/dist/darkside/component/alert.css +105 -0
  38. package/dist/darkside/component/alert.min.css +1 -0
  39. package/dist/darkside/component/button.css +271 -0
  40. package/dist/darkside/component/button.min.css +1 -0
  41. package/dist/darkside/component/chat.css +103 -0
  42. package/dist/darkside/component/chat.min.css +1 -0
  43. package/dist/darkside/component/chips.css +176 -0
  44. package/dist/darkside/component/chips.min.css +1 -0
  45. package/dist/darkside/component/copybutton.css +176 -0
  46. package/dist/darkside/component/copybutton.min.css +1 -0
  47. package/dist/darkside/component/date.css +262 -0
  48. package/dist/darkside/component/date.min.css +1 -0
  49. package/dist/darkside/component/dropdown.css +92 -0
  50. package/dist/darkside/component/dropdown.min.css +1 -0
  51. package/dist/darkside/component/expansioncard.css +167 -0
  52. package/dist/darkside/component/expansioncard.min.css +1 -0
  53. package/dist/darkside/component/form.css +1871 -0
  54. package/dist/darkside/component/form.min.css +1 -0
  55. package/dist/darkside/component/guidepanel.css +113 -0
  56. package/dist/darkside/component/guidepanel.min.css +1 -0
  57. package/dist/darkside/component/helptext.css +53 -0
  58. package/dist/darkside/component/helptext.min.css +1 -0
  59. package/dist/darkside/component/internalheader.css +100 -0
  60. package/dist/darkside/component/internalheader.min.css +1 -0
  61. package/dist/darkside/component/link.css +60 -0
  62. package/dist/darkside/component/link.min.css +1 -0
  63. package/dist/darkside/component/linkpanel.css +48 -0
  64. package/dist/darkside/component/linkpanel.min.css +1 -0
  65. package/dist/darkside/component/list.css +88 -0
  66. package/dist/darkside/component/list.min.css +1 -0
  67. package/dist/darkside/component/loader.css +119 -0
  68. package/dist/darkside/component/loader.min.css +1 -0
  69. package/dist/darkside/component/modal.css +175 -0
  70. package/dist/darkside/component/modal.min.css +1 -0
  71. package/dist/darkside/component/pagination.css +43 -0
  72. package/dist/darkside/component/pagination.min.css +1 -0
  73. package/dist/darkside/component/panel.css +12 -0
  74. package/dist/darkside/component/panel.min.css +1 -0
  75. package/dist/darkside/component/popover.css +18 -0
  76. package/dist/darkside/component/popover.min.css +1 -0
  77. package/dist/darkside/component/primitives.css +1291 -0
  78. package/dist/darkside/component/primitives.min.css +1 -0
  79. package/dist/darkside/component/progressbar.css +106 -0
  80. package/dist/darkside/component/progressbar.min.css +1 -0
  81. package/dist/darkside/component/readmore.css +95 -0
  82. package/dist/darkside/component/readmore.min.css +1 -0
  83. package/dist/darkside/component/skeleton.css +66 -0
  84. package/dist/darkside/component/skeleton.min.css +1 -0
  85. package/dist/darkside/component/stepper.css +234 -0
  86. package/dist/darkside/component/stepper.min.css +1 -0
  87. package/dist/darkside/component/table.css +225 -0
  88. package/dist/darkside/component/table.min.css +1 -0
  89. package/dist/darkside/component/tabs.css +138 -0
  90. package/dist/darkside/component/tabs.min.css +1 -0
  91. package/dist/darkside/component/tag.css +128 -0
  92. package/dist/darkside/component/tag.min.css +1 -0
  93. package/dist/darkside/component/theme.css +17 -0
  94. package/dist/darkside/component/theme.min.css +1 -0
  95. package/dist/darkside/component/timeline.css +338 -0
  96. package/dist/darkside/component/timeline.min.css +1 -0
  97. package/dist/darkside/component/togglegroup.css +105 -0
  98. package/dist/darkside/component/togglegroup.min.css +1 -0
  99. package/dist/darkside/component/tooltip.css +108 -0
  100. package/dist/darkside/component/tooltip.min.css +1 -0
  101. package/dist/darkside/component/typography.css +242 -0
  102. package/dist/darkside/component/typography.min.css +1 -0
  103. package/dist/darkside/components.css +7471 -0
  104. package/dist/darkside/components.min.css +1 -0
  105. package/dist/darkside/global/baseline.css +47 -0
  106. package/dist/darkside/global/baseline.min.css +1 -0
  107. package/dist/darkside/global/fonts.css +109 -0
  108. package/dist/darkside/global/fonts.min.css +1 -0
  109. package/dist/darkside/global/print.css +52 -0
  110. package/dist/darkside/global/print.min.css +1 -0
  111. package/dist/darkside/global/reset.css +93 -0
  112. package/dist/darkside/global/reset.min.css +1 -0
  113. package/dist/darkside/global/tokens.css +895 -0
  114. package/dist/darkside/global/tokens.min.css +1 -0
  115. package/dist/darkside/index.css +8670 -0
  116. package/dist/darkside/index.min.css +1 -0
  117. package/dist/darkside/version/7.8.1/component/accordion.css +174 -0
  118. package/dist/darkside/version/7.8.1/component/accordion.min.css +1 -0
  119. package/dist/darkside/version/7.8.1/component/actionmenu.css +182 -0
  120. package/dist/darkside/version/7.8.1/component/actionmenu.min.css +1 -0
  121. package/dist/darkside/version/7.8.1/component/alert.css +105 -0
  122. package/dist/darkside/version/7.8.1/component/alert.min.css +1 -0
  123. package/dist/darkside/version/7.8.1/component/button.css +271 -0
  124. package/dist/darkside/version/7.8.1/component/button.min.css +1 -0
  125. package/dist/darkside/version/7.8.1/component/chat.css +103 -0
  126. package/dist/darkside/version/7.8.1/component/chat.min.css +1 -0
  127. package/dist/darkside/version/7.8.1/component/chips.css +176 -0
  128. package/dist/darkside/version/7.8.1/component/chips.min.css +1 -0
  129. package/dist/darkside/version/7.8.1/component/copybutton.css +176 -0
  130. package/dist/darkside/version/7.8.1/component/copybutton.min.css +1 -0
  131. package/dist/darkside/version/7.8.1/component/date.css +262 -0
  132. package/dist/darkside/version/7.8.1/component/date.min.css +1 -0
  133. package/dist/darkside/version/7.8.1/component/dropdown.css +92 -0
  134. package/dist/darkside/version/7.8.1/component/dropdown.min.css +1 -0
  135. package/dist/darkside/version/7.8.1/component/expansioncard.css +167 -0
  136. package/dist/darkside/version/7.8.1/component/expansioncard.min.css +1 -0
  137. package/dist/darkside/version/7.8.1/component/form.css +1871 -0
  138. package/dist/darkside/version/7.8.1/component/form.min.css +1 -0
  139. package/dist/darkside/version/7.8.1/component/guidepanel.css +113 -0
  140. package/dist/darkside/version/7.8.1/component/guidepanel.min.css +1 -0
  141. package/dist/darkside/version/7.8.1/component/helptext.css +53 -0
  142. package/dist/darkside/version/7.8.1/component/helptext.min.css +1 -0
  143. package/dist/darkside/version/7.8.1/component/internalheader.css +100 -0
  144. package/dist/darkside/version/7.8.1/component/internalheader.min.css +1 -0
  145. package/dist/darkside/version/7.8.1/component/link.css +60 -0
  146. package/dist/darkside/version/7.8.1/component/link.min.css +1 -0
  147. package/dist/darkside/version/7.8.1/component/linkpanel.css +48 -0
  148. package/dist/darkside/version/7.8.1/component/linkpanel.min.css +1 -0
  149. package/dist/darkside/version/7.8.1/component/list.css +88 -0
  150. package/dist/darkside/version/7.8.1/component/list.min.css +1 -0
  151. package/dist/darkside/version/7.8.1/component/loader.css +119 -0
  152. package/dist/darkside/version/7.8.1/component/loader.min.css +1 -0
  153. package/dist/darkside/version/7.8.1/component/modal.css +175 -0
  154. package/dist/darkside/version/7.8.1/component/modal.min.css +1 -0
  155. package/dist/darkside/version/7.8.1/component/pagination.css +43 -0
  156. package/dist/darkside/version/7.8.1/component/pagination.min.css +1 -0
  157. package/dist/darkside/version/7.8.1/component/panel.css +12 -0
  158. package/dist/darkside/version/7.8.1/component/panel.min.css +1 -0
  159. package/dist/darkside/version/7.8.1/component/popover.css +18 -0
  160. package/dist/darkside/version/7.8.1/component/popover.min.css +1 -0
  161. package/dist/darkside/version/7.8.1/component/primitives.css +1291 -0
  162. package/dist/darkside/version/7.8.1/component/primitives.min.css +1 -0
  163. package/dist/darkside/version/7.8.1/component/progressbar.css +106 -0
  164. package/dist/darkside/version/7.8.1/component/progressbar.min.css +1 -0
  165. package/dist/darkside/version/7.8.1/component/readmore.css +95 -0
  166. package/dist/darkside/version/7.8.1/component/readmore.min.css +1 -0
  167. package/dist/darkside/version/7.8.1/component/skeleton.css +66 -0
  168. package/dist/darkside/version/7.8.1/component/skeleton.min.css +1 -0
  169. package/dist/darkside/version/7.8.1/component/stepper.css +234 -0
  170. package/dist/darkside/version/7.8.1/component/stepper.min.css +1 -0
  171. package/dist/darkside/version/7.8.1/component/table.css +225 -0
  172. package/dist/darkside/version/7.8.1/component/table.min.css +1 -0
  173. package/dist/darkside/version/7.8.1/component/tabs.css +138 -0
  174. package/dist/darkside/version/7.8.1/component/tabs.min.css +1 -0
  175. package/dist/darkside/version/7.8.1/component/tag.css +128 -0
  176. package/dist/darkside/version/7.8.1/component/tag.min.css +1 -0
  177. package/dist/darkside/version/7.8.1/component/theme.css +17 -0
  178. package/dist/darkside/version/7.8.1/component/theme.min.css +1 -0
  179. package/dist/darkside/version/7.8.1/component/timeline.css +338 -0
  180. package/dist/darkside/version/7.8.1/component/timeline.min.css +1 -0
  181. package/dist/darkside/version/7.8.1/component/togglegroup.css +105 -0
  182. package/dist/darkside/version/7.8.1/component/togglegroup.min.css +1 -0
  183. package/dist/darkside/version/7.8.1/component/tooltip.css +108 -0
  184. package/dist/darkside/version/7.8.1/component/tooltip.min.css +1 -0
  185. package/dist/darkside/version/7.8.1/component/typography.css +242 -0
  186. package/dist/darkside/version/7.8.1/component/typography.min.css +1 -0
  187. package/dist/darkside/version/7.8.1/components.css +7471 -0
  188. package/dist/darkside/version/7.8.1/components.min.css +1 -0
  189. package/dist/darkside/version/7.8.1/global/baseline.css +47 -0
  190. package/dist/darkside/version/7.8.1/global/baseline.min.css +1 -0
  191. package/dist/darkside/version/7.8.1/global/fonts.css +109 -0
  192. package/dist/darkside/version/7.8.1/global/fonts.min.css +1 -0
  193. package/dist/darkside/version/7.8.1/global/print.css +52 -0
  194. package/dist/darkside/version/7.8.1/global/print.min.css +1 -0
  195. package/dist/darkside/version/7.8.1/global/reset.css +93 -0
  196. package/dist/darkside/version/7.8.1/global/reset.min.css +1 -0
  197. package/dist/darkside/version/7.8.1/global/tokens.css +895 -0
  198. package/dist/darkside/version/7.8.1/global/tokens.min.css +1 -0
  199. package/dist/darkside/version/7.8.1/index.css +8670 -0
  200. package/dist/darkside/version/7.8.1/index.min.css +1 -0
  201. package/dist/global/tokens.css +1 -1
  202. package/dist/global/tokens.min.css +1 -1
  203. package/dist/index.css +17 -31
  204. package/dist/index.min.css +2 -2
  205. package/form/combobox.css +2 -22
  206. package/link.css +1 -1
  207. package/package.json +23 -9
  208. package/table.css +1 -1
  209. package/tag.css +12 -6
  210. package/tokens.json +0 -3
  211. package/darkside/index copy.css +0 -37
  212. package/dist/component/index.css +0 -10123
  213. package/dist/component/index.min.css +0 -9
  214. /package/darkside/{baseline/theme.darkside.css → theme.darkside.css} +0 -0
package/dist/darkside/component/typography.css ADDED
@@ -0,0 +1,242 @@
1
+ @layer aksel.components {
2
+ .navds-heading {
3
+ font-weight: var(--ax-font-weight-bold);
4
+ margin: 0;
5
+ }
6
+
7
+ .navds-heading--xlarge {
8
+ font-size: var(--ax-font-size-heading-2xlarge);
9
+ letter-spacing: -.01em;
10
+ line-height: var(--ax-font-line-height-heading-2xlarge);
11
+ }
12
+
13
+ .navds-heading--xlarge.navds-typo--spacing {
14
+ margin-bottom: var(--ax-spacing-5);
15
+ }
16
+
17
+ .navds-heading--large {
18
+ font-size: var(--ax-font-size-heading-xlarge);
19
+ letter-spacing: -.008em;
20
+ line-height: var(--ax-font-line-height-heading-xlarge);
21
+ }
22
+
23
+ .navds-heading--large.navds-typo--spacing {
24
+ margin-bottom: var(--ax-spacing-4);
25
+ }
26
+
27
+ @media (max-width: 480px) {
28
+ .navds-heading--xlarge {
29
+ font-size: var(--ax-font-size-heading-xlarge);
30
+ letter-spacing: -.008em;
31
+ line-height: var(--ax-font-line-height-heading-xlarge);
32
+ }
33
+
34
+ .navds-heading--xlarge.navds-typo--spacing {
35
+ margin-bottom: var(--ax-spacing-4);
36
+ }
37
+
38
+ .navds-heading--large {
39
+ font-size: var(--ax-font-size-heading-large);
40
+ letter-spacing: -.004em;
41
+ line-height: var(--ax-font-line-height-heading-large);
42
+ }
43
+
44
+ .navds-heading--large.navds-typo--spacing {
45
+ margin-bottom: var(--ax-spacing-3);
46
+ }
47
+ }
48
+
49
+ .navds-heading--medium {
50
+ font-size: var(--ax-font-size-heading-medium);
51
+ letter-spacing: -.002em;
52
+ line-height: var(--ax-font-line-height-heading-medium);
53
+ }
54
+
55
+ .navds-heading--medium.navds-typo--spacing {
56
+ margin-bottom: var(--ax-spacing-3);
57
+ }
58
+
59
+ .navds-heading--small {
60
+ font-size: var(--ax-font-size-heading-small);
61
+ letter-spacing: -.001em;
62
+ line-height: var(--ax-font-line-height-heading-small);
63
+ }
64
+
65
+ .navds-heading--small.navds-typo--spacing {
66
+ margin-bottom: var(--ax-spacing-3);
67
+ }
68
+
69
+ .navds-heading--xsmall {
70
+ font-size: var(--ax-font-size-heading-xsmall);
71
+ letter-spacing: -.001em;
72
+ line-height: var(--ax-font-line-height-heading-xsmall);
73
+ }
74
+
75
+ .navds-heading--xsmall.navds-typo--spacing {
76
+ margin-bottom: var(--ax-spacing-3);
77
+ }
78
+
79
+ .navds-ingress {
80
+ font-size: var(--ax-font-size-xlarge);
81
+ font-weight: var(--ax-font-weight-regular);
82
+ letter-spacing: -.001em;
83
+ line-height: var(--ax-font-line-height-xlarge);
84
+ margin: 0;
85
+ }
86
+
87
+ .navds-ingress.navds-typo--spacing {
88
+ margin-bottom: var(--ax-spacing-10);
89
+ }
90
+
91
+ .navds-body-long {
92
+ font-size: var(--ax-font-size-large);
93
+ font-weight: var(--ax-font-weight-regular);
94
+ letter-spacing: 0;
95
+ line-height: var(--ax-font-line-height-xlarge);
96
+ margin: 0;
97
+ }
98
+
99
+ .navds-body-long.navds-typo--spacing {
100
+ margin-bottom: var(--ax-spacing-7);
101
+ }
102
+
103
+ .navds-body-long--large {
104
+ font-size: var(--ax-font-size-xlarge);
105
+ letter-spacing: -.0013em;
106
+ line-height: var(--ax-font-line-height-xlarge);
107
+ }
108
+
109
+ .navds-body-long--large.navds-typo--spacing {
110
+ margin-bottom: var(--ax-spacing-10);
111
+ }
112
+
113
+ .navds-body-long--small {
114
+ font-size: var(--ax-font-size-medium);
115
+ letter-spacing: .002em;
116
+ line-height: var(--ax-font-line-height-large);
117
+ }
118
+
119
+ .navds-body-long--small.navds-typo--spacing {
120
+ margin-bottom: var(--ax-spacing-6);
121
+ }
122
+
123
+ .navds-body-short {
124
+ font-size: var(--ax-font-size-large);
125
+ font-weight: var(--ax-font-weight-regular);
126
+ letter-spacing: 0;
127
+ line-height: var(--ax-font-line-height-large);
128
+ margin: 0;
129
+ }
130
+
131
+ .navds-body-short.navds-typo--spacing {
132
+ margin-bottom: var(--ax-spacing-3);
133
+ }
134
+
135
+ .navds-body-short--large {
136
+ font-size: var(--ax-font-size-xlarge);
137
+ letter-spacing: -.0013em;
138
+ line-height: var(--ax-font-line-height-large);
139
+ }
140
+
141
+ .navds-body-short--large.navds-typo--spacing {
142
+ margin-bottom: var(--ax-spacing-4);
143
+ }
144
+
145
+ .navds-body-short--small {
146
+ font-size: var(--ax-font-size-medium);
147
+ letter-spacing: .002em;
148
+ line-height: var(--ax-font-line-height-medium);
149
+ }
150
+
151
+ .navds-body-short--small.navds-typo--spacing {
152
+ margin-bottom: var(--ax-spacing-2);
153
+ }
154
+
155
+ .navds-label {
156
+ font-size: var(--ax-font-size-large);
157
+ font-weight: var(--ax-font-weight-bold);
158
+ letter-spacing: 0;
159
+ line-height: var(--ax-font-line-height-large);
160
+ margin: 0;
161
+ }
162
+
163
+ .navds-label.navds-typo--spacing {
164
+ margin-bottom: var(--ax-spacing-3);
165
+ }
166
+
167
+ .navds-label--small {
168
+ font-size: var(--ax-font-size-medium);
169
+ letter-spacing: .002em;
170
+ line-height: var(--ax-font-line-height-medium);
171
+ }
172
+
173
+ .navds-label--small.navds-typo--spacing {
174
+ margin-bottom: var(--ax-spacing-2);
175
+ }
176
+
177
+ .navds-detail {
178
+ font-size: var(--ax-font-size-small);
179
+ letter-spacing: .004em;
180
+ line-height: var(--ax-font-line-height-medium);
181
+ margin: 0;
182
+ }
183
+
184
+ .navds-detail.navds-typo--spacing {
185
+ margin-bottom: var(--ax-spacing-2);
186
+ }
187
+
188
+ .navds-detail.navds-typo--uppercase {
189
+ text-transform: uppercase;
190
+ }
191
+
192
+ .navds-detail--small {
193
+ font-weight: var(--ax-font-weight-regular);
194
+ }
195
+
196
+ .navds-detail--small.navds-typo--spacing {
197
+ margin-bottom: var(--ax-spacing-2);
198
+ }
199
+
200
+ .navds-error-message {
201
+ color: var(--ax-text-danger);
202
+ }
203
+
204
+ .navds-typo--truncate {
205
+ white-space: nowrap;
206
+ text-overflow: ellipsis;
207
+ overflow: hidden;
208
+ }
209
+
210
+ .navds-typo--semibold {
211
+ font-weight: var(--ax-font-weight-bold);
212
+ }
213
+
214
+ .navds-typo--align-start {
215
+ text-align: start;
216
+ }
217
+
218
+ .navds-typo--align-center {
219
+ text-align: center;
220
+ }
221
+
222
+ .navds-typo--align-end {
223
+ text-align: end;
224
+ }
225
+
226
+ .navds-typo--visually-hidden {
227
+ clip: rect(0, 0, 0, 0) !important;
228
+ white-space: nowrap !important;
229
+ border: 0 !important;
230
+ width: 1px !important;
231
+ height: 1px !important;
232
+ margin: -1px !important;
233
+ padding: 0 !important;
234
+ position: absolute !important;
235
+ top: 0 !important;
236
+ overflow: hidden !important;
237
+ }
238
+
239
+ .navds-typo--color-subtle {
240
+ color: var(--ax-text-subtle);
241
+ }
242
+ }
package/dist/darkside/component/typography.min.css ADDED
@@ -0,0 +1 @@
1
+ @layer aksel.components{.navds-heading{font-weight:var(--ax-font-weight-bold);margin:0}.navds-heading--xlarge{font-size:var(--ax-font-size-heading-2xlarge);letter-spacing:-.01em;line-height:var(--ax-font-line-height-heading-2xlarge)}.navds-heading--xlarge.navds-typo--spacing{margin-bottom:var(--ax-spacing-5)}.navds-heading--large{font-size:var(--ax-font-size-heading-xlarge);letter-spacing:-.008em;line-height:var(--ax-font-line-height-heading-xlarge)}.navds-heading--large.navds-typo--spacing{margin-bottom:var(--ax-spacing-4)}@media (max-width:480px){.navds-heading--xlarge{font-size:var(--ax-font-size-heading-xlarge);letter-spacing:-.008em;line-height:var(--ax-font-line-height-heading-xlarge)}.navds-heading--xlarge.navds-typo--spacing{margin-bottom:var(--ax-spacing-4)}.navds-heading--large{font-size:var(--ax-font-size-heading-large);letter-spacing:-.004em;line-height:var(--ax-font-line-height-heading-large)}.navds-heading--large.navds-typo--spacing{margin-bottom:var(--ax-spacing-3)}}.navds-heading--medium{font-size:var(--ax-font-size-heading-medium);letter-spacing:-.002em;line-height:var(--ax-font-line-height-heading-medium)}.navds-heading--medium.navds-typo--spacing{margin-bottom:var(--ax-spacing-3)}.navds-heading--small{font-size:var(--ax-font-size-heading-small);letter-spacing:-.001em;line-height:var(--ax-font-line-height-heading-small)}.navds-heading--small.navds-typo--spacing{margin-bottom:var(--ax-spacing-3)}.navds-heading--xsmall{font-size:var(--ax-font-size-heading-xsmall);letter-spacing:-.001em;line-height:var(--ax-font-line-height-heading-xsmall)}.navds-heading--xsmall.navds-typo--spacing{margin-bottom:var(--ax-spacing-3)}.navds-ingress{font-size:var(--ax-font-size-xlarge);font-weight:var(--ax-font-weight-regular);letter-spacing:-.001em;line-height:var(--ax-font-line-height-xlarge);margin:0}.navds-ingress.navds-typo--spacing{margin-bottom:var(--ax-spacing-10)}.navds-body-long{font-size:var(--ax-font-size-large);font-weight:var(--ax-font-weight-regular);letter-spacing:0;line-height:var(--ax-font-line-height-xlarge);margin:0}.navds-body-long.navds-typo--spacing{margin-bottom:var(--ax-spacing-7)}.navds-body-long--large{font-size:var(--ax-font-size-xlarge);letter-spacing:-.0013em;line-height:var(--ax-font-line-height-xlarge)}.navds-body-long--large.navds-typo--spacing{margin-bottom:var(--ax-spacing-10)}.navds-body-long--small{font-size:var(--ax-font-size-medium);letter-spacing:.002em;line-height:var(--ax-font-line-height-large)}.navds-body-long--small.navds-typo--spacing{margin-bottom:var(--ax-spacing-6)}.navds-body-short{font-size:var(--ax-font-size-large);font-weight:var(--ax-font-weight-regular);letter-spacing:0;line-height:var(--ax-font-line-height-large);margin:0}.navds-body-short.navds-typo--spacing{margin-bottom:var(--ax-spacing-3)}.navds-body-short--large{font-size:var(--ax-font-size-xlarge);letter-spacing:-.0013em;line-height:var(--ax-font-line-height-large)}.navds-body-short--large.navds-typo--spacing{margin-bottom:var(--ax-spacing-4)}.navds-body-short--small{font-size:var(--ax-font-size-medium);letter-spacing:.002em;line-height:var(--ax-font-line-height-medium)}.navds-body-short--small.navds-typo--spacing{margin-bottom:var(--ax-spacing-2)}.navds-label{font-size:var(--ax-font-size-large);font-weight:var(--ax-font-weight-bold);letter-spacing:0;line-height:var(--ax-font-line-height-large);margin:0}.navds-label.navds-typo--spacing{margin-bottom:var(--ax-spacing-3)}.navds-label--small{font-size:var(--ax-font-size-medium);letter-spacing:.002em;line-height:var(--ax-font-line-height-medium)}.navds-label--small.navds-typo--spacing{margin-bottom:var(--ax-spacing-2)}.navds-detail{font-size:var(--ax-font-size-small);letter-spacing:.004em;line-height:var(--ax-font-line-height-medium);margin:0}.navds-detail.navds-typo--spacing{margin-bottom:var(--ax-spacing-2)}.navds-detail.navds-typo--uppercase{text-transform:uppercase}.navds-detail--small{font-weight:var(--ax-font-weight-regular)}.navds-detail--small.navds-typo--spacing{margin-bottom:var(--ax-spacing-2)}.navds-error-message{color:var(--ax-text-danger)}.navds-typo--truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.navds-typo--semibold{font-weight:var(--ax-font-weight-bold)}.navds-typo--align-start{text-align:start}.navds-typo--align-center{text-align:center}.navds-typo--align-end{text-align:end}.navds-typo--visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;top:0!important;overflow:hidden!important}.navds-typo--color-subtle{color:var(--ax-text-subtle)}}