@dnb/eufemia 10.0.0-beta.6 → 10.0.0-beta.8

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 (372) hide show
  1. package/CHANGELOG.md +63 -0
  2. package/cjs/components/accordion/Accordion.d.ts +2 -1
  3. package/cjs/components/anchor/Anchor.d.ts +5 -1
  4. package/cjs/components/anchor/Anchor.js +53 -4
  5. package/cjs/components/anchor/style/anchor-mixins.scss +8 -4
  6. package/cjs/components/anchor/style/dnb-anchor.css +8 -9
  7. package/cjs/components/anchor/style/dnb-anchor.min.css +1 -1
  8. package/cjs/components/anchor/style/dnb-anchor.scss +2 -1
  9. package/cjs/components/anchor/style/themes/dnb-anchor-theme-sbanken.css +63 -1
  10. package/cjs/components/anchor/style/themes/dnb-anchor-theme-sbanken.min.css +1 -1
  11. package/cjs/components/anchor/style/themes/dnb-anchor-theme-sbanken.scss +88 -26
  12. package/cjs/components/anchor/style/themes/dnb-anchor-theme-ui.css +4 -4
  13. package/cjs/components/anchor/style/themes/dnb-anchor-theme-ui.min.css +1 -1
  14. package/cjs/components/anchor/style/themes/dnb-anchor-theme-ui.scss +4 -4
  15. package/cjs/components/autocomplete/Autocomplete.d.ts +3 -2
  16. package/cjs/components/autocomplete/Autocomplete.js +8 -5
  17. package/cjs/components/button/Button.d.ts +5 -3
  18. package/cjs/components/button/Button.js +8 -5
  19. package/cjs/components/button/style/dnb-button--tertiary.css +16 -7
  20. package/cjs/components/button/style/dnb-button--tertiary.min.css +1 -1
  21. package/cjs/components/button/style/dnb-button--tertiary.scss +28 -18
  22. package/cjs/components/button/style/dnb-button.css +1 -3
  23. package/cjs/components/button/style/dnb-button.min.css +1 -1
  24. package/cjs/components/button/style/dnb-button.scss +0 -1
  25. package/cjs/components/button/style/themes/button-mixins.scss +4 -4
  26. package/cjs/components/button/style/themes/dnb-button-theme-eiendom.css +16 -7
  27. package/cjs/components/button/style/themes/dnb-button-theme-eiendom.min.css +1 -1
  28. package/cjs/components/button/style/themes/dnb-button-theme-sbanken.css +38 -7
  29. package/cjs/components/button/style/themes/dnb-button-theme-sbanken.min.css +1 -1
  30. package/cjs/components/button/style/themes/dnb-button-theme-sbanken.scss +6 -0
  31. package/cjs/components/button/style/themes/dnb-button-theme-ui.css +16 -7
  32. package/cjs/components/button/style/themes/dnb-button-theme-ui.min.css +1 -1
  33. package/cjs/components/checkbox/Checkbox.d.ts +3 -2
  34. package/cjs/components/checkbox/Checkbox.js +8 -5
  35. package/cjs/components/date-picker/DatePicker.d.ts +3 -2
  36. package/cjs/components/date-picker/DatePicker.js +9 -5
  37. package/cjs/components/dialog/style/dnb-dialog.css +3 -3
  38. package/cjs/components/dialog/style/dnb-dialog.min.css +1 -1
  39. package/cjs/components/dialog/style/dnb-dialog.scss +2 -4
  40. package/cjs/components/dropdown/Dropdown.d.ts +3 -2
  41. package/cjs/components/dropdown/Dropdown.js +8 -5
  42. package/cjs/components/form-row/FormRow.d.ts +2 -1
  43. package/cjs/components/form-row/FormRow.js +8 -5
  44. package/cjs/components/form-set/FormSet.d.ts +2 -1
  45. package/cjs/components/form-status/FormStatus.d.ts +6 -6
  46. package/cjs/components/form-status/FormStatus.js +13 -7
  47. package/cjs/components/global-status/GlobalStatus.d.ts +8 -0
  48. package/cjs/components/help-button/HelpButton.d.ts +1 -3
  49. package/cjs/components/help-button/HelpButton.js +9 -17
  50. package/cjs/components/icon/style/dnb-icon.css +7 -3
  51. package/cjs/components/icon/style/dnb-icon.min.css +1 -1
  52. package/cjs/components/icon/style/dnb-icon.scss +16 -10
  53. package/cjs/components/input/Input.d.ts +11 -5
  54. package/cjs/components/input/Input.js +8 -5
  55. package/cjs/components/input-masked/InputMasked.d.ts +3 -2
  56. package/cjs/components/input-masked/InputMaskedUtils.js +7 -3
  57. package/cjs/components/lib.d.ts +1 -1
  58. package/cjs/components/modal/Modal.js +21 -7
  59. package/cjs/components/modal/ModalContent.js +2 -2
  60. package/cjs/components/number-format/NumberUtils.js +5 -4
  61. package/cjs/components/progress-indicator/ProgressIndicator.d.ts +1 -1
  62. package/cjs/components/progress-indicator/ProgressIndicatorCircular.d.ts +1 -1
  63. package/cjs/components/progress-indicator/ProgressIndicatorLinear.d.ts +1 -1
  64. package/cjs/components/radio/Radio.d.ts +4 -3
  65. package/cjs/components/radio/Radio.js +8 -5
  66. package/cjs/components/radio/RadioGroup.d.ts +4 -3
  67. package/cjs/components/radio/RadioGroup.js +8 -5
  68. package/cjs/components/slider/SliderInstance.js +2 -3
  69. package/cjs/components/slider/SliderProvider.js +2 -2
  70. package/cjs/components/slider/types.d.ts +2 -1
  71. package/cjs/components/switch/Switch.d.ts +3 -2
  72. package/cjs/components/switch/Switch.js +8 -5
  73. package/cjs/components/textarea/Textarea.d.ts +3 -2
  74. package/cjs/components/textarea/Textarea.js +8 -5
  75. package/cjs/components/timeline/TimelineItem.d.ts +2 -2
  76. package/cjs/components/toggle-button/ToggleButton.d.ts +4 -3
  77. package/cjs/components/toggle-button/ToggleButton.js +8 -5
  78. package/cjs/components/toggle-button/ToggleButtonGroup.d.ts +3 -2
  79. package/cjs/components/toggle-button/ToggleButtonGroup.js +8 -5
  80. package/cjs/components/tooltip/TooltipWithEvents.d.ts +2 -2
  81. package/cjs/components/tooltip/TooltipWithEvents.js +6 -1
  82. package/cjs/components/visually-hidden/style/dnb-visually-hidden.css +14 -14
  83. package/cjs/components/visually-hidden/style/dnb-visually-hidden.min.css +1 -1
  84. package/cjs/elements/Link.d.ts +1 -1
  85. package/cjs/elements/lib.d.ts +1 -1
  86. package/cjs/elements/typography/style/themes/dnb-typography-theme-sbanken.scss +16 -0
  87. package/cjs/elements/typography/style/themes/dnb-typography-theme-ui.scss +4 -23
  88. package/cjs/elements/typography/style/typography-mixins.scss +33 -0
  89. package/cjs/shared/Eufemia.d.ts +1 -0
  90. package/cjs/shared/Eufemia.js +4 -1
  91. package/cjs/shared/Theme.d.ts +6 -2
  92. package/cjs/shared/Theme.js +11 -5
  93. package/cjs/shared/VisibilityByTheme.js +10 -1
  94. package/cjs/style/core/scopes.scss +1 -1
  95. package/cjs/style/core/utilities.scss +17 -13
  96. package/cjs/style/dnb-ui-basis.css +16 -16
  97. package/cjs/style/dnb-ui-basis.min.css +1 -1
  98. package/cjs/style/dnb-ui-body.css +2 -2
  99. package/cjs/style/dnb-ui-body.min.css +1 -1
  100. package/cjs/style/dnb-ui-components.css +33 -32
  101. package/cjs/style/dnb-ui-components.min.css +1 -1
  102. package/cjs/style/dnb-ui-core.css +16 -16
  103. package/cjs/style/dnb-ui-core.min.css +1 -1
  104. package/cjs/style/themes/theme-eiendom/eiendom-theme-basis.css +5 -0
  105. package/cjs/style/themes/theme-eiendom/eiendom-theme-components.css +69 -50
  106. package/cjs/style/themes/theme-eiendom/eiendom-theme-components.min.css +1 -1
  107. package/cjs/style/themes/theme-eiendom/eiendom-theme-elements.css +5 -0
  108. package/cjs/style/themes/theme-sbanken/sbanken-theme-basis.css +39 -30
  109. package/cjs/style/themes/theme-sbanken/sbanken-theme-basis.min.css +1 -1
  110. package/cjs/style/themes/theme-sbanken/sbanken-theme-basis.scss +4 -0
  111. package/cjs/style/themes/theme-sbanken/sbanken-theme-components.css +133 -40
  112. package/cjs/style/themes/theme-sbanken/sbanken-theme-components.min.css +1 -1
  113. package/cjs/style/themes/theme-sbanken/sbanken-theme-elements.css +36 -31
  114. package/cjs/style/themes/theme-sbanken/sbanken-theme-elements.min.css +1 -1
  115. package/cjs/style/themes/theme-sbanken/sbanken-theme-elements.scss +1 -1
  116. package/cjs/style/themes/theme-ui/ui-theme-basis.css +5 -0
  117. package/cjs/style/themes/theme-ui/ui-theme-components.css +53 -43
  118. package/cjs/style/themes/theme-ui/ui-theme-components.min.css +1 -1
  119. package/cjs/style/themes/theme-ui/ui-theme-elements.css +5 -0
  120. package/cjs/style/themes/theme-ui/ui-theme-tags.css +3 -3
  121. package/cjs/style/themes/theme-ui/ui-theme-tags.min.css +1 -1
  122. package/components/accordion/Accordion.d.ts +2 -1
  123. package/components/anchor/Anchor.d.ts +5 -1
  124. package/components/anchor/Anchor.js +49 -4
  125. package/components/anchor/style/anchor-mixins.scss +8 -4
  126. package/components/anchor/style/dnb-anchor.css +8 -9
  127. package/components/anchor/style/dnb-anchor.min.css +1 -1
  128. package/components/anchor/style/dnb-anchor.scss +2 -1
  129. package/components/anchor/style/themes/dnb-anchor-theme-sbanken.css +63 -1
  130. package/components/anchor/style/themes/dnb-anchor-theme-sbanken.min.css +1 -1
  131. package/components/anchor/style/themes/dnb-anchor-theme-sbanken.scss +88 -26
  132. package/components/anchor/style/themes/dnb-anchor-theme-ui.css +4 -4
  133. package/components/anchor/style/themes/dnb-anchor-theme-ui.min.css +1 -1
  134. package/components/anchor/style/themes/dnb-anchor-theme-ui.scss +4 -4
  135. package/components/autocomplete/Autocomplete.d.ts +3 -2
  136. package/components/autocomplete/Autocomplete.js +8 -5
  137. package/components/button/Button.d.ts +5 -3
  138. package/components/button/Button.js +8 -5
  139. package/components/button/style/dnb-button--tertiary.css +16 -7
  140. package/components/button/style/dnb-button--tertiary.min.css +1 -1
  141. package/components/button/style/dnb-button--tertiary.scss +28 -18
  142. package/components/button/style/dnb-button.css +1 -3
  143. package/components/button/style/dnb-button.min.css +1 -1
  144. package/components/button/style/dnb-button.scss +0 -1
  145. package/components/button/style/themes/button-mixins.scss +4 -4
  146. package/components/button/style/themes/dnb-button-theme-eiendom.css +16 -7
  147. package/components/button/style/themes/dnb-button-theme-eiendom.min.css +1 -1
  148. package/components/button/style/themes/dnb-button-theme-sbanken.css +38 -7
  149. package/components/button/style/themes/dnb-button-theme-sbanken.min.css +1 -1
  150. package/components/button/style/themes/dnb-button-theme-sbanken.scss +6 -0
  151. package/components/button/style/themes/dnb-button-theme-ui.css +16 -7
  152. package/components/button/style/themes/dnb-button-theme-ui.min.css +1 -1
  153. package/components/checkbox/Checkbox.d.ts +3 -2
  154. package/components/checkbox/Checkbox.js +8 -5
  155. package/components/date-picker/DatePicker.d.ts +3 -2
  156. package/components/date-picker/DatePicker.js +9 -5
  157. package/components/dialog/style/dnb-dialog.css +3 -3
  158. package/components/dialog/style/dnb-dialog.min.css +1 -1
  159. package/components/dialog/style/dnb-dialog.scss +2 -4
  160. package/components/dropdown/Dropdown.d.ts +3 -2
  161. package/components/dropdown/Dropdown.js +8 -5
  162. package/components/form-row/FormRow.d.ts +2 -1
  163. package/components/form-row/FormRow.js +8 -5
  164. package/components/form-set/FormSet.d.ts +2 -1
  165. package/components/form-status/FormStatus.d.ts +6 -6
  166. package/components/form-status/FormStatus.js +13 -7
  167. package/components/global-status/GlobalStatus.d.ts +8 -0
  168. package/components/help-button/HelpButton.d.ts +1 -3
  169. package/components/help-button/HelpButton.js +9 -16
  170. package/components/icon/style/dnb-icon.css +7 -3
  171. package/components/icon/style/dnb-icon.min.css +1 -1
  172. package/components/icon/style/dnb-icon.scss +16 -10
  173. package/components/input/Input.d.ts +11 -5
  174. package/components/input/Input.js +8 -5
  175. package/components/input-masked/InputMasked.d.ts +3 -2
  176. package/components/input-masked/InputMaskedUtils.js +7 -3
  177. package/components/lib.d.ts +1 -1
  178. package/components/modal/Modal.js +21 -7
  179. package/components/modal/ModalContent.js +2 -2
  180. package/components/number-format/NumberUtils.js +5 -4
  181. package/components/progress-indicator/ProgressIndicator.d.ts +1 -1
  182. package/components/progress-indicator/ProgressIndicatorCircular.d.ts +1 -1
  183. package/components/progress-indicator/ProgressIndicatorLinear.d.ts +1 -1
  184. package/components/radio/Radio.d.ts +4 -3
  185. package/components/radio/Radio.js +8 -5
  186. package/components/radio/RadioGroup.d.ts +4 -3
  187. package/components/radio/RadioGroup.js +8 -5
  188. package/components/slider/SliderInstance.js +2 -3
  189. package/components/slider/SliderProvider.js +2 -2
  190. package/components/slider/types.d.ts +2 -1
  191. package/components/switch/Switch.d.ts +3 -2
  192. package/components/switch/Switch.js +8 -5
  193. package/components/textarea/Textarea.d.ts +3 -2
  194. package/components/textarea/Textarea.js +8 -5
  195. package/components/timeline/TimelineItem.d.ts +2 -2
  196. package/components/toggle-button/ToggleButton.d.ts +4 -3
  197. package/components/toggle-button/ToggleButton.js +8 -5
  198. package/components/toggle-button/ToggleButtonGroup.d.ts +3 -2
  199. package/components/toggle-button/ToggleButtonGroup.js +8 -5
  200. package/components/tooltip/TooltipWithEvents.d.ts +2 -2
  201. package/components/tooltip/TooltipWithEvents.js +6 -1
  202. package/components/visually-hidden/style/dnb-visually-hidden.css +14 -14
  203. package/components/visually-hidden/style/dnb-visually-hidden.min.css +1 -1
  204. package/elements/Link.d.ts +1 -1
  205. package/elements/lib.d.ts +1 -1
  206. package/elements/typography/style/themes/dnb-typography-theme-sbanken.scss +16 -0
  207. package/elements/typography/style/themes/dnb-typography-theme-ui.scss +4 -23
  208. package/elements/typography/style/typography-mixins.scss +33 -0
  209. package/es/components/accordion/Accordion.d.ts +2 -1
  210. package/es/components/anchor/Anchor.d.ts +5 -1
  211. package/es/components/anchor/Anchor.js +49 -4
  212. package/es/components/anchor/style/anchor-mixins.scss +8 -4
  213. package/es/components/anchor/style/dnb-anchor.css +8 -9
  214. package/es/components/anchor/style/dnb-anchor.min.css +1 -1
  215. package/es/components/anchor/style/dnb-anchor.scss +2 -1
  216. package/es/components/anchor/style/themes/dnb-anchor-theme-sbanken.css +63 -1
  217. package/es/components/anchor/style/themes/dnb-anchor-theme-sbanken.min.css +1 -1
  218. package/es/components/anchor/style/themes/dnb-anchor-theme-sbanken.scss +88 -26
  219. package/es/components/anchor/style/themes/dnb-anchor-theme-ui.css +4 -4
  220. package/es/components/anchor/style/themes/dnb-anchor-theme-ui.min.css +1 -1
  221. package/es/components/anchor/style/themes/dnb-anchor-theme-ui.scss +4 -4
  222. package/es/components/autocomplete/Autocomplete.d.ts +3 -2
  223. package/es/components/autocomplete/Autocomplete.js +8 -5
  224. package/es/components/button/Button.d.ts +5 -3
  225. package/es/components/button/Button.js +8 -5
  226. package/es/components/button/style/dnb-button--tertiary.css +16 -7
  227. package/es/components/button/style/dnb-button--tertiary.min.css +1 -1
  228. package/es/components/button/style/dnb-button--tertiary.scss +28 -18
  229. package/es/components/button/style/dnb-button.css +1 -3
  230. package/es/components/button/style/dnb-button.min.css +1 -1
  231. package/es/components/button/style/dnb-button.scss +0 -1
  232. package/es/components/button/style/themes/button-mixins.scss +4 -4
  233. package/es/components/button/style/themes/dnb-button-theme-eiendom.css +16 -7
  234. package/es/components/button/style/themes/dnb-button-theme-eiendom.min.css +1 -1
  235. package/es/components/button/style/themes/dnb-button-theme-sbanken.css +38 -7
  236. package/es/components/button/style/themes/dnb-button-theme-sbanken.min.css +1 -1
  237. package/es/components/button/style/themes/dnb-button-theme-sbanken.scss +6 -0
  238. package/es/components/button/style/themes/dnb-button-theme-ui.css +16 -7
  239. package/es/components/button/style/themes/dnb-button-theme-ui.min.css +1 -1
  240. package/es/components/checkbox/Checkbox.d.ts +3 -2
  241. package/es/components/checkbox/Checkbox.js +8 -5
  242. package/es/components/date-picker/DatePicker.d.ts +3 -2
  243. package/es/components/date-picker/DatePicker.js +9 -5
  244. package/es/components/dialog/style/dnb-dialog.css +3 -3
  245. package/es/components/dialog/style/dnb-dialog.min.css +1 -1
  246. package/es/components/dialog/style/dnb-dialog.scss +2 -4
  247. package/es/components/dropdown/Dropdown.d.ts +3 -2
  248. package/es/components/dropdown/Dropdown.js +8 -5
  249. package/es/components/form-row/FormRow.d.ts +2 -1
  250. package/es/components/form-row/FormRow.js +8 -5
  251. package/es/components/form-set/FormSet.d.ts +2 -1
  252. package/es/components/form-status/FormStatus.d.ts +6 -6
  253. package/es/components/form-status/FormStatus.js +13 -7
  254. package/es/components/global-status/GlobalStatus.d.ts +8 -0
  255. package/es/components/help-button/HelpButton.d.ts +1 -3
  256. package/es/components/help-button/HelpButton.js +9 -16
  257. package/es/components/icon/style/dnb-icon.css +7 -3
  258. package/es/components/icon/style/dnb-icon.min.css +1 -1
  259. package/es/components/icon/style/dnb-icon.scss +16 -10
  260. package/es/components/input/Input.d.ts +11 -5
  261. package/es/components/input/Input.js +8 -5
  262. package/es/components/input-masked/InputMasked.d.ts +3 -2
  263. package/es/components/input-masked/InputMaskedUtils.js +7 -3
  264. package/es/components/lib.d.ts +1 -1
  265. package/es/components/modal/Modal.js +21 -7
  266. package/es/components/modal/ModalContent.js +2 -2
  267. package/es/components/number-format/NumberUtils.js +5 -4
  268. package/es/components/progress-indicator/ProgressIndicator.d.ts +1 -1
  269. package/es/components/progress-indicator/ProgressIndicatorCircular.d.ts +1 -1
  270. package/es/components/progress-indicator/ProgressIndicatorLinear.d.ts +1 -1
  271. package/es/components/radio/Radio.d.ts +4 -3
  272. package/es/components/radio/Radio.js +8 -5
  273. package/es/components/radio/RadioGroup.d.ts +4 -3
  274. package/es/components/radio/RadioGroup.js +8 -5
  275. package/es/components/slider/SliderInstance.js +2 -3
  276. package/es/components/slider/SliderProvider.js +2 -2
  277. package/es/components/slider/types.d.ts +2 -1
  278. package/es/components/switch/Switch.d.ts +3 -2
  279. package/es/components/switch/Switch.js +8 -5
  280. package/es/components/textarea/Textarea.d.ts +3 -2
  281. package/es/components/textarea/Textarea.js +8 -5
  282. package/es/components/timeline/TimelineItem.d.ts +2 -2
  283. package/es/components/toggle-button/ToggleButton.d.ts +4 -3
  284. package/es/components/toggle-button/ToggleButton.js +8 -5
  285. package/es/components/toggle-button/ToggleButtonGroup.d.ts +3 -2
  286. package/es/components/toggle-button/ToggleButtonGroup.js +8 -5
  287. package/es/components/tooltip/TooltipWithEvents.d.ts +2 -2
  288. package/es/components/tooltip/TooltipWithEvents.js +6 -1
  289. package/es/components/visually-hidden/style/dnb-visually-hidden.css +14 -14
  290. package/es/components/visually-hidden/style/dnb-visually-hidden.min.css +1 -1
  291. package/es/elements/Link.d.ts +1 -1
  292. package/es/elements/lib.d.ts +1 -1
  293. package/es/elements/typography/style/themes/dnb-typography-theme-sbanken.scss +16 -0
  294. package/es/elements/typography/style/themes/dnb-typography-theme-ui.scss +4 -23
  295. package/es/elements/typography/style/typography-mixins.scss +33 -0
  296. package/es/shared/Eufemia.d.ts +1 -0
  297. package/es/shared/Eufemia.js +2 -1
  298. package/es/shared/Theme.d.ts +6 -2
  299. package/es/shared/Theme.js +11 -5
  300. package/es/shared/VisibilityByTheme.js +6 -1
  301. package/es/style/core/scopes.scss +1 -1
  302. package/es/style/core/utilities.scss +17 -13
  303. package/es/style/dnb-ui-basis.css +16 -16
  304. package/es/style/dnb-ui-basis.min.css +1 -1
  305. package/es/style/dnb-ui-body.css +2 -2
  306. package/es/style/dnb-ui-body.min.css +1 -1
  307. package/es/style/dnb-ui-components.css +33 -32
  308. package/es/style/dnb-ui-components.min.css +1 -1
  309. package/es/style/dnb-ui-core.css +16 -16
  310. package/es/style/dnb-ui-core.min.css +1 -1
  311. package/es/style/themes/theme-eiendom/eiendom-theme-basis.css +5 -0
  312. package/es/style/themes/theme-eiendom/eiendom-theme-components.css +69 -50
  313. package/es/style/themes/theme-eiendom/eiendom-theme-components.min.css +1 -1
  314. package/es/style/themes/theme-eiendom/eiendom-theme-elements.css +5 -0
  315. package/es/style/themes/theme-sbanken/sbanken-theme-basis.css +39 -30
  316. package/es/style/themes/theme-sbanken/sbanken-theme-basis.min.css +1 -1
  317. package/es/style/themes/theme-sbanken/sbanken-theme-basis.scss +4 -0
  318. package/es/style/themes/theme-sbanken/sbanken-theme-components.css +133 -40
  319. package/es/style/themes/theme-sbanken/sbanken-theme-components.min.css +1 -1
  320. package/es/style/themes/theme-sbanken/sbanken-theme-elements.css +36 -31
  321. package/es/style/themes/theme-sbanken/sbanken-theme-elements.min.css +1 -1
  322. package/es/style/themes/theme-sbanken/sbanken-theme-elements.scss +1 -1
  323. package/es/style/themes/theme-ui/ui-theme-basis.css +5 -0
  324. package/es/style/themes/theme-ui/ui-theme-components.css +53 -43
  325. package/es/style/themes/theme-ui/ui-theme-components.min.css +1 -1
  326. package/es/style/themes/theme-ui/ui-theme-elements.css +5 -0
  327. package/es/style/themes/theme-ui/ui-theme-tags.css +3 -3
  328. package/es/style/themes/theme-ui/ui-theme-tags.min.css +1 -1
  329. package/esm/dnb-ui-basis.min.mjs +1 -1
  330. package/esm/dnb-ui-components.min.mjs +1 -1
  331. package/esm/dnb-ui-elements.min.mjs +1 -1
  332. package/esm/dnb-ui-extensions.min.mjs +1 -1
  333. package/esm/dnb-ui-lib.min.mjs +1 -1
  334. package/package.json +1 -1
  335. package/shared/Eufemia.d.ts +1 -0
  336. package/shared/Eufemia.js +2 -1
  337. package/shared/Theme.d.ts +6 -2
  338. package/shared/Theme.js +11 -5
  339. package/shared/VisibilityByTheme.js +6 -1
  340. package/style/core/scopes.scss +1 -1
  341. package/style/core/utilities.scss +17 -13
  342. package/style/dnb-ui-basis.css +16 -16
  343. package/style/dnb-ui-basis.min.css +1 -1
  344. package/style/dnb-ui-body.css +2 -2
  345. package/style/dnb-ui-body.min.css +1 -1
  346. package/style/dnb-ui-components.css +33 -32
  347. package/style/dnb-ui-components.min.css +1 -1
  348. package/style/dnb-ui-core.css +16 -16
  349. package/style/dnb-ui-core.min.css +1 -1
  350. package/style/themes/theme-eiendom/eiendom-theme-basis.css +5 -0
  351. package/style/themes/theme-eiendom/eiendom-theme-components.css +69 -50
  352. package/style/themes/theme-eiendom/eiendom-theme-components.min.css +1 -1
  353. package/style/themes/theme-eiendom/eiendom-theme-elements.css +5 -0
  354. package/style/themes/theme-sbanken/sbanken-theme-basis.css +39 -30
  355. package/style/themes/theme-sbanken/sbanken-theme-basis.min.css +1 -1
  356. package/style/themes/theme-sbanken/sbanken-theme-basis.scss +4 -0
  357. package/style/themes/theme-sbanken/sbanken-theme-components.css +133 -40
  358. package/style/themes/theme-sbanken/sbanken-theme-components.min.css +1 -1
  359. package/style/themes/theme-sbanken/sbanken-theme-elements.css +36 -31
  360. package/style/themes/theme-sbanken/sbanken-theme-elements.min.css +1 -1
  361. package/style/themes/theme-sbanken/sbanken-theme-elements.scss +1 -1
  362. package/style/themes/theme-ui/ui-theme-basis.css +5 -0
  363. package/style/themes/theme-ui/ui-theme-components.css +53 -43
  364. package/style/themes/theme-ui/ui-theme-components.min.css +1 -1
  365. package/style/themes/theme-ui/ui-theme-elements.css +5 -0
  366. package/style/themes/theme-ui/ui-theme-tags.css +3 -3
  367. package/style/themes/theme-ui/ui-theme-tags.min.css +1 -1
  368. package/umd/dnb-ui-basis.min.js +1 -1
  369. package/umd/dnb-ui-components.min.js +1 -1
  370. package/umd/dnb-ui-elements.min.js +1 -1
  371. package/umd/dnb-ui-extensions.min.js +1 -1
  372. package/umd/dnb-ui-lib.min.js +1 -1
@@ -917,37 +917,13 @@ sub {
917
917
  border-color: transparent;
918
918
  }
919
919
 
920
- .dnb-hr {
921
- color: var(--color-black-80);
922
- }
923
-
924
- .dnb-img[alt]::after {
925
- color: var(--color-black-80);
926
- background-color: var(--color-black-8);
927
- }
928
- .dnb-img__img--error {
929
- color: var(--color-black-80);
930
- background-color: var(--color-black-8);
931
- }
932
-
933
- .dnb-label {
934
- color: var(--color-black-80);
935
- }
936
-
937
- .dnb-ul {
938
- color: var(--theme-color-black-80, currentColor);
939
- }
940
-
941
- .dnb-ol {
942
- color: var(--theme-color-black-80, currentColor);
943
- }
944
-
945
- .dnb-dl {
946
- color: var(--theme-color-black-80, currentColor);
947
- }
948
-
920
+ /*
921
+ * Core Styles
922
+ * Mainly only the margins are defined in here
923
+ *
924
+ */
949
925
  .dnb-p {
950
- color: var(--theme-color-black-80, currentColor);
926
+ color: var(--sb-color-text);
951
927
  }
952
928
 
953
929
  h1,
@@ -956,7 +932,7 @@ h3,
956
932
  h4,
957
933
  h5,
958
934
  h6 {
959
- color: var(--theme-color-black-80, currentColor);
935
+ color: var(--sb-color-text);
960
936
  }
961
937
 
962
938
  .dnb-lead,
@@ -975,5 +951,34 @@ h6 {
975
951
  .dnb-core-style .dnb-h--basis,
976
952
  .dnb-core-style .dnb-h--small,
977
953
  .dnb-core-style .dnb-h--x-small {
954
+ color: var(--sb-color-text);
955
+ }
956
+
957
+ .dnb-hr {
958
+ color: var(--color-black-80);
959
+ }
960
+
961
+ .dnb-img[alt]::after {
962
+ color: var(--color-black-80);
963
+ background-color: var(--color-black-8);
964
+ }
965
+ .dnb-img__img--error {
966
+ color: var(--color-black-80);
967
+ background-color: var(--color-black-8);
968
+ }
969
+
970
+ .dnb-label {
971
+ color: var(--color-black-80);
972
+ }
973
+
974
+ .dnb-ul {
975
+ color: var(--theme-color-black-80, currentColor);
976
+ }
977
+
978
+ .dnb-ol {
979
+ color: var(--theme-color-black-80, currentColor);
980
+ }
981
+
982
+ .dnb-dl {
978
983
  color: var(--theme-color-black-80, currentColor);
979
984
  }
@@ -1 +1 @@
1
- @charset "UTF-8";.dnb-blockquote{border-radius:1rem;display:inline-block;font-size:var(--font-size-small);line-height:var(--line-height-small);padding:1.5rem;position:relative;width:auto}.dnb-blockquote:not([class*=dnb-space]){margin:0}.dnb-blockquote:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0E1RTFEMiIgc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMzcuNSAyNy41YTkgOSAwIDEgMCAwLTE4IDkgOSAwIDAgMCAwIDE4eiIvPjxwYXRoIHN0cm9rZT0iI0E1RTFEMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTQ2LjUgMTguNWEyMSAyMSAwIDAgMS0yMSAyMSIvPjxwYXRoIGZpbGw9IiNBNUUxRDIiIHN0cm9rZT0iI0E1RTFEMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTEzLjUgMjcuNWE5IDkgMCAxIDAgMC0xOCA5IDkgMCAwIDAgMCAxOHoiLz48cGF0aCBzdHJva2U9IiNBNUUxRDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik0yMi41IDE4LjVhMjEgMjEgMCAwIDEtMjEgMjEiLz48L3N2Zz4=");background-size:cover;content:"";height:3em;left:1.5rem;position:absolute;top:2rem;width:3em}.dnb-blockquote,.dnb-blockquote.dnb-blockquote--left{padding-bottom:3rem;padding-left:6rem;padding-top:2rem}.dnb-blockquote.dnb-blockquote--top{padding-bottom:3rem;padding-left:1.5rem;padding-top:6rem}.dnb-blockquote.dnb-blockquote--no-background{background-color:transparent}.dnb-blockquote .dnb-cite,.dnb-blockquote .dnb-figcaption,.dnb-blockquote cite,.dnb-blockquote figcaption,.dnb-blockquote footer{display:block;font-style:italic;font-weight:var(--font-weight-medium);line-height:var(--line-height-basis);margin-top:1rem}.dnb-blockquote .dnb-cite:before,.dnb-blockquote .dnb-figcaption:before,.dnb-blockquote cite:before,.dnb-blockquote figcaption:before,.dnb-blockquote footer:before{content:"—";display:inline-block;padding-right:.5rem}.dnb-spacing .dnb-blockquote .dnb-h--large,.dnb-spacing .dnb-blockquote .dnb-h--medium,.dnb-spacing .dnb-blockquote .dnb-h--xx-large,.dnb-spacing .dnb-blockquote .dnb-lead,.dnb-spacing .dnb-blockquote h1,.dnb-spacing .dnb-blockquote h2,.dnb-spacing .dnb-blockquote h3{margin:0}.dnb-blockquote .dnb-anchor{font-size:inherit}.dnb-spacing .dnb-blockquote:not([class*=dnb-space__top]){margin-top:0}.dnb-spacing .dnb-blockquote:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-spacing .dnb-blockquote p:last-child{margin-bottom:0}.dnb-code{border-radius:.1875em;color:inherit;display:inline-block;font-size:inherit;line-height:var(--line-height-xx-small--em);padding:.25em;text-decoration:inherit}del .dnb-code{text-decoration:line-through}.dnb-code:not([class*=dnb-space]){margin:-.25em 0}.dnb-pre{word-wrap:normal;border-radius:.5rem;display:block;font-family:var(--font-family-monospace);font-size:inherit;-webkit-hyphens:none;hyphens:none;outline:none;overflow:auto;padding:1rem;-moz-tab-size:2;tab-size:2;text-align:left;text-shadow:none;vertical-align:baseline;white-space:pre;word-break:normal;word-spacing:normal}.dnb-pre:not([class*=dnb-space]){margin:0}.dnb-pre pre{padding:1rem}.dnb-pre .dnb-spacing pre:not([class*=dnb-space__top]){margin-top:0}.dnb-pre .dnb-spacing pre:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-spacing .dnb-pre:not([class*=dnb-space__top]){margin-top:0}.dnb-spacing .dnb-pre:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-skeleton>.dnb-code{background-color:transparent}.dnb-hr{border:0;display:flex;height:0;padding:0;position:relative}.dnb-hr:not([class*=dnb-space]){margin:0}.dnb-hr:after{background-color:currentcolor;border-radius:.5px;color:inherit;content:"";height:1px;left:0;position:absolute;right:0;top:0;width:100%;z-index:1}.dnb-hr--fullscreen:after{left:-100vw;width:200vw}.dnb-hr--light:after{background-color:transparent;background-image:linear-gradient(180deg,currentcolor 60%,transparent 65%);background-size:100% 1px;border-radius:.25px}.dnb-hr--medium:after{background-color:transparent;background-image:linear-gradient(180deg,currentcolor 51%,transparent 0);background-size:100% 3px;border-radius:.75px;height:2px}.dnb-spacing .dnb-hr:not([class*=dnb-space__top]){margin-top:0}.dnb-spacing .dnb-hr:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-img{align-items:center;display:inline-flex;flex-direction:column;padding:0;text-align:center}.dnb-img:not([class*=dnb-space]){margin:0}.dnb-img figcaption,.dnb-img img{font-size:var(--font-size-basis)}.dnb-img img{border-radius:inherit;border-style:none;box-sizing:content-box;max-width:100%;position:relative;z-index:2}.dnb-img img[alt]:after{align-items:center;border-radius:inherit;content:attr(alt);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:3}.dnb-img figcaption{margin-top:.5rem}.dnb-label{cursor:pointer;overflow-wrap:break-word}.dnb-label[disabled]{cursor:not-allowed}.dnb-ul{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-ul:not([class*=dnb-space]){margin:0}.dnb-ul:not([class*=dnb-space__left]){padding-left:2rem}.dnb-ul ol,.dnb-ul ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.dnb-ul--outside li,.dnb-ul li{position:relative}.dnb-ul--outside li:before,.dnb-ul li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.dnb-ul--inside li:before{left:0;padding-right:0;position:relative;text-align:initial;width:auto}.dnb-ul .dnb-anchor{font-size:inherit}.dnb-ul li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.dnb-ol{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-ol:not([class*=dnb-space]){margin:0}.dnb-ol:not([class*=dnb-space__left]){padding-left:2rem}.dnb-ol li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.dnb-ol ol,.dnb-ol ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.dnb-ol--outside li,.dnb-ol li{position:relative}.dnb-ol--outside li:before,.dnb-ol li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.dnb-ol--inside li:before{left:0;padding-right:0;position:relative;text-align:initial;width:auto}.dnb-ol .dnb-anchor{font-size:inherit}.dnb-ol li{list-style-type:decimal}.dnb-ol--nested,.dnb-ol--nested ol{counter-reset:item}.dnb-ol--nested li{display:block}.dnb-ol--nested li:before{content:counters(item,".") ". ";counter-increment:item}.dnb-ol--nested li li:before{content:counters(item,".") " ";counter-increment:item}.dnb-ol[type] li{display:list-item;list-style-type:inherit}.dnb-ol[type] li:before,.dnb-ol[type] li li:before{content:none}.dnb-dl{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-dl:not([class*=dnb-space__top]){margin-top:0}.dnb-dl:not([class*=dnb-space__bottom]){margin-bottom:0}.dnb-dl dt{font-weight:var(--font-weight-medium);margin-top:1rem;padding:0}.dnb-dl dd~dt{margin-top:1.5rem}.dnb-dl dd{margin:.5rem 0 1rem;padding:0}.dnb-dl:not([class*=dnb-space])>dd>dl,.dnb-dl>dd>dl{margin-left:2rem;margin-top:1.5rem}@media screen and (min-width:40em){.dnb-dl__direction--horizontal{display:flex;flex-wrap:wrap}.dnb-dl__direction--horizontal dt{margin-right:1rem;max-width:40%}.dnb-dl__direction--horizontal dd{width:calc(60% - 1rem)}.dnb-dl__direction--horizontal dd,.dnb-dl__direction--horizontal dd~dt,.dnb-dl__direction--horizontal dt{margin-bottom:0;margin-top:.5rem}.dnb-dl__direction--horizontal dd:first-of-type,.dnb-dl__direction--horizontal dd~dt:first-of-type,.dnb-dl__direction--horizontal dt:first-of-type{margin-top:0}.dnb-dl dd.dnb-dl__item{flex-basis:100%;height:0;margin:0}}.dnb-spacing .dnb-ol:not([class*=dnb-space__top]),.dnb-spacing .dnb-ul:not([class*=dnb-space__top]){margin-top:0}.dnb-spacing .dnb-ol:not([class*=dnb-space__bottom]),.dnb-spacing .dnb-ul:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-spacing .dnb-ol>li,.dnb-spacing .dnb-ul>li{margin-bottom:1rem;margin-top:1rem}.dnb-spacing .dnb-ol>li>p,.dnb-spacing .dnb-ul>li>p{margin-top:1rem}.dnb-spacing .dnb-ol:not([class*=dnb-space]) li>ol,.dnb-spacing .dnb-ol:not([class*=dnb-space]) li>ul,.dnb-spacing .dnb-ol li>ol,.dnb-spacing .dnb-ol li>ul,.dnb-spacing .dnb-ul:not([class*=dnb-space]) li>ol,.dnb-spacing .dnb-ul:not([class*=dnb-space]) li>ul,.dnb-spacing .dnb-ul li>ol,.dnb-spacing .dnb-ul li>ul{margin-top:-.5rem}.dnb-spacing .dnb-dl:not([class*=dnb-space__top]){margin-top:0}.dnb-spacing .dnb-dl:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-unstyled-list{list-style-type:none}.dnb-unstyled-list:not([class*=dnb-space]){margin:0}.dnb-unstyled-list:not([class*=dnb-space__left]){padding-left:0}.dnb-unstyled-list>li{list-style-type:none}.dnb-unstyled-list>li:before{content:none}.dnb-unstyled-list>dd,.dnb-unstyled-list>dl{margin-left:0}.dnb-small{font-size:var(--font-size-small)}sub,sup{font-size:.777777em;line-height:.5em}.dnb-p{font-size:var(--font-size-basis);padding:0}.dnb-p:not([class*=space__top]){margin-top:0}.dnb-p:not([class*=space__bottom]){margin-bottom:0}.dnb-p--lead{font-size:var(--font-size-medium);font-weight:var(--font-weight-medium);line-height:var(--line-height-lead)}.dnb-p--lead>small{font-size:var(--font-size-basis);line-height:var(--line-height-basis)}.dnb-p--medium,.dnb-p b,.dnb-p strong{font-weight:var(--font-weight-medium)}.dnb-p--bold{font-weight:var(--font-weight-bold)}.dnb-p__size--xx-large{font-size:var(--font-size-xx-large);line-height:var(--line-height-x-large)}.dnb-p__size--x-large{font-size:var(--font-size-x-large);line-height:var(--line-height-x-large)}.dnb-p__size--large{font-size:var(--font-size-large);line-height:var(--line-height-large)}.dnb-p__size--basis{font-size:var(--font-size-basis);line-height:var(--line-height-basis)}.dnb-p__size--medium{font-size:var(--font-size-medium);line-height:var(--line-height-medium)}.dnb-p--small,.dnb-p>small,.dnb-p__size--small{font-size:var(--font-size-small);line-height:var(--line-height-small)}.dnb-p--x-small,.dnb-p__size--x-small{font-size:var(--font-size-x-small);line-height:var(--line-height-x-small)}.dnb-p>cite{font-style:italic;line-height:var(--line-height-basis)}.dnb-p>cite,.dnb-table b,.dnb-table strong{font-weight:var(--font-weight-medium)}.dnb-h--xx-large{font-size:var(--font-size-xx-large);line-height:var(--line-height-x-large)}.dnb-h--xx-large>small{display:block}.dnb-h--x-large,.dnb-h--x-large>small,.dnb-h--xx-large>small{font-size:var(--font-size-x-large);line-height:var(--line-height-large)}.dnb-h--x-large>small{display:block}.dnb-h--large{font-size:var(--font-size-large);line-height:var(--line-height-medium)}.dnb-h--large>small{font-size:var(--font-size-medium);line-height:calc(var(--line-height-medium) - .125rem)}.dnb-h--medium,.dnb-lead{font-size:var(--font-size-medium);font-weight:var(--font-weight-medium);line-height:var(--line-height-lead)}.dnb-h--basis,.dnb-h--medium>small,.dnb-lead>small{font-size:var(--font-size-basis);line-height:var(--line-height-basis)}.dnb-h--basis>small,.dnb-h--small{font-size:var(--font-size-small);line-height:var(--line-height-small)}.dnb-h--small>small{font-size:var(--font-size-x-small);line-height:var(--line-height-small)}.dnb-h--x-small{font-size:var(--font-size-x-small);line-height:var(--line-height-x-small)}.dnb-core-style .dnb-h--basis,.dnb-core-style .dnb-h--large,.dnb-core-style .dnb-h--medium,.dnb-core-style .dnb-h--small,.dnb-core-style .dnb-h--x-large,.dnb-core-style .dnb-h--x-small,.dnb-core-style .dnb-h--xx-large,.dnb-core-style .dnb-lead,.dnb-h--basis,.dnb-h--large,.dnb-h--medium,.dnb-h--small,.dnb-h--x-large,.dnb-h--x-small,.dnb-h--xx-large,.dnb-lead{font-family:var(--font-family-default);font-weight:var(--font-weight-medium);padding:0}.dnb-core-style .dnb-h--basis:not([class*=dnb-space]),.dnb-core-style .dnb-h--large:not([class*=dnb-space]),.dnb-core-style .dnb-h--medium:not([class*=dnb-space]),.dnb-core-style .dnb-h--small:not([class*=dnb-space]),.dnb-core-style .dnb-h--x-large:not([class*=dnb-space]),.dnb-core-style .dnb-h--x-small:not([class*=dnb-space]),.dnb-core-style .dnb-h--xx-large:not([class*=dnb-space]),.dnb-core-style .dnb-lead:not([class*=dnb-space]),.dnb-h--basis:not([class*=dnb-space]),.dnb-h--large:not([class*=dnb-space]),.dnb-h--medium:not([class*=dnb-space]),.dnb-h--small:not([class*=dnb-space]),.dnb-h--x-large:not([class*=dnb-space]),.dnb-h--x-small:not([class*=dnb-space]),.dnb-h--xx-large:not([class*=dnb-space]),.dnb-lead:not([class*=dnb-space]){margin:0}.dnb-core-style .dnb-h--basis .dnb-icon--default,.dnb-core-style .dnb-h--large .dnb-icon--default,.dnb-core-style .dnb-h--medium .dnb-icon--default,.dnb-core-style .dnb-h--small .dnb-icon--default,.dnb-core-style .dnb-h--x-large .dnb-icon--default,.dnb-core-style .dnb-h--x-small .dnb-icon--default,.dnb-core-style .dnb-h--xx-large .dnb-icon--default,.dnb-core-style .dnb-lead .dnb-icon--default,.dnb-h--basis .dnb-icon--default,.dnb-h--large .dnb-icon--default,.dnb-h--medium .dnb-icon--default,.dnb-h--small .dnb-icon--default,.dnb-h--x-large .dnb-icon--default,.dnb-h--x-small .dnb-icon--default,.dnb-h--xx-large .dnb-icon--default,.dnb-lead .dnb-icon--default{font-size:1em}.dnb-core-style .dnb-h--basis .dnb-icon--medium,.dnb-core-style .dnb-h--large .dnb-icon--medium,.dnb-core-style .dnb-h--medium .dnb-icon--medium,.dnb-core-style .dnb-h--small .dnb-icon--medium,.dnb-core-style .dnb-h--x-large .dnb-icon--medium,.dnb-core-style .dnb-h--x-small .dnb-icon--medium,.dnb-core-style .dnb-h--xx-large .dnb-icon--medium,.dnb-core-style .dnb-lead .dnb-icon--medium,.dnb-h--basis .dnb-icon--medium,.dnb-h--large .dnb-icon--medium,.dnb-h--medium .dnb-icon--medium,.dnb-h--small .dnb-icon--medium,.dnb-h--x-large .dnb-icon--medium,.dnb-h--x-small .dnb-icon--medium,.dnb-h--xx-large .dnb-icon--medium,.dnb-lead .dnb-icon--medium{font-size:1.5em}.dnb-core-style .dnb-h--basis .dnb-anchor,.dnb-core-style .dnb-h--basis a,.dnb-core-style .dnb-h--large .dnb-anchor,.dnb-core-style .dnb-h--large a,.dnb-core-style .dnb-h--medium .dnb-anchor,.dnb-core-style .dnb-h--medium a,.dnb-core-style .dnb-h--small .dnb-anchor,.dnb-core-style .dnb-h--small a,.dnb-core-style .dnb-h--x-large .dnb-anchor,.dnb-core-style .dnb-h--x-large a,.dnb-core-style .dnb-h--x-small .dnb-anchor,.dnb-core-style .dnb-h--x-small a,.dnb-core-style .dnb-h--xx-large .dnb-anchor,.dnb-core-style .dnb-h--xx-large a,.dnb-core-style .dnb-lead .dnb-anchor,.dnb-core-style .dnb-lead a,.dnb-h--basis .dnb-anchor,.dnb-h--basis a,.dnb-h--large .dnb-anchor,.dnb-h--large a,.dnb-h--medium .dnb-anchor,.dnb-h--medium a,.dnb-h--small .dnb-anchor,.dnb-h--small a,.dnb-h--x-large .dnb-anchor,.dnb-h--x-large a,.dnb-h--x-small .dnb-anchor,.dnb-h--x-small a,.dnb-h--xx-large .dnb-anchor,.dnb-h--xx-large a,.dnb-lead .dnb-anchor,.dnb-lead a{padding-bottom:.03125rem;padding-top:0}.dnb-core-style .dnb-spacing .dnb-h--xx-large:not([class*=space__top]),.dnb-spacing .dnb-h--xx-large:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-spacing .dnb-h--xx-large:not([class*=space__bottom]),.dnb-spacing .dnb-h--xx-large:not([class*=space__bottom]){margin-bottom:2.5rem}.dnb-core-style .dnb-spacing .dnb-h--x-large:not([class*=space__top]),.dnb-spacing .dnb-h--x-large:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-spacing .dnb-h--x-large:not([class*=space__bottom]),.dnb-spacing .dnb-h--x-large:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-spacing .dnb-h--large:not([class*=space__top]),.dnb-spacing .dnb-h--large:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-spacing .dnb-h--large:not([class*=space__bottom]),.dnb-spacing .dnb-h--large:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-spacing .dnb-h--basis:not([class*=space__top]),.dnb-core-style .dnb-spacing .dnb-h--medium:not([class*=space__top]),.dnb-core-style .dnb-spacing .dnb-h--small:not([class*=space__top]),.dnb-core-style .dnb-spacing .dnb-h--x-small:not([class*=space__top]),.dnb-core-style .dnb-spacing .dnb-lead:not([class*=space__top]),.dnb-spacing .dnb-h--basis:not([class*=space__top]),.dnb-spacing .dnb-h--medium:not([class*=space__top]),.dnb-spacing .dnb-h--small:not([class*=space__top]),.dnb-spacing .dnb-h--x-small:not([class*=space__top]),.dnb-spacing .dnb-lead:not([class*=space__top]){margin-top:2rem}.dnb-core-style .dnb-spacing .dnb-h--basis:not([class*=space__bottom]),.dnb-core-style .dnb-spacing .dnb-h--medium:not([class*=space__bottom]),.dnb-core-style .dnb-spacing .dnb-h--small:not([class*=space__bottom]),.dnb-core-style .dnb-spacing .dnb-h--x-small:not([class*=space__bottom]),.dnb-core-style .dnb-spacing .dnb-lead:not([class*=space__bottom]),.dnb-spacing .dnb-h--basis:not([class*=space__bottom]),.dnb-spacing .dnb-h--medium:not([class*=space__bottom]),.dnb-spacing .dnb-h--small:not([class*=space__bottom]),.dnb-spacing .dnb-h--x-small:not([class*=space__bottom]),.dnb-spacing .dnb-lead:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-spacing .dnb-p:not([class*=dnb-space__top]),.dnb-spacing .dnb-p:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing .dnb-p:not([class*=dnb-space__bottom]),.dnb-spacing .dnb-p:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-blockquote{background-color:var(--sb-color-violet-light-4);border-radius:1.125rem;color:var(--sb-color-text)}.dnb-blockquote:before{filter:brightness(0) saturate(100%) invert(20%) sepia(99%) saturate(6711%) hue-rotate(265deg) brightness(71%) contrast(115%)}.dnb-blockquote.dnb-blockquote--no-background:before{filter:brightness(0) saturate(100%) invert(12%) sepia(4%) saturate(6079%) hue-rotate(204deg) brightness(78%) contrast(99%)}.dnb-blockquote .dnb-h--large,.dnb-blockquote .dnb-h--medium,.dnb-blockquote .dnb-h--xx-large,.dnb-blockquote .dnb-lead,.dnb-blockquote h1,.dnb-blockquote h2,.dnb-blockquote h3{color:var(--sb-color-text)}.dnb-code{background-color:var(--sb-color-blue-light-3);border-radius:.5rem;font-family:var(--sb-font-family-default)}.dnb-pre{background-color:#222;color:var(--color-mint-green-12)}.dnb-pre.dnb-pre--focus{--border-color:var(--sb-color-green);--border-width:0.25rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-hr{color:var(--color-black-80)}.dnb-img[alt]:after,.dnb-img__img--error{background-color:var(--color-black-8);color:var(--color-black-80)}.dnb-label{color:var(--color-black-80)}.dnb-core-style .dnb-h--basis,.dnb-core-style .dnb-h--large,.dnb-core-style .dnb-h--medium,.dnb-core-style .dnb-h--small,.dnb-core-style .dnb-h--x-large,.dnb-core-style .dnb-h--x-small,.dnb-core-style .dnb-h--xx-large,.dnb-core-style .dnb-lead,.dnb-dl,.dnb-h--basis,.dnb-h--large,.dnb-h--medium,.dnb-h--small,.dnb-h--x-large,.dnb-h--x-small,.dnb-h--xx-large,.dnb-lead,.dnb-ol,.dnb-p,.dnb-ul,h1,h2,h3,h4,h5,h6{color:var(--theme-color-black-80,currentColor)}
1
+ @charset "UTF-8";.dnb-blockquote{border-radius:1rem;display:inline-block;font-size:var(--font-size-small);line-height:var(--line-height-small);padding:1.5rem;position:relative;width:auto}.dnb-blockquote:not([class*=dnb-space]){margin:0}.dnb-blockquote:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0E1RTFEMiIgc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMzcuNSAyNy41YTkgOSAwIDEgMCAwLTE4IDkgOSAwIDAgMCAwIDE4eiIvPjxwYXRoIHN0cm9rZT0iI0E1RTFEMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTQ2LjUgMTguNWEyMSAyMSAwIDAgMS0yMSAyMSIvPjxwYXRoIGZpbGw9IiNBNUUxRDIiIHN0cm9rZT0iI0E1RTFEMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTEzLjUgMjcuNWE5IDkgMCAxIDAgMC0xOCA5IDkgMCAwIDAgMCAxOHoiLz48cGF0aCBzdHJva2U9IiNBNUUxRDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik0yMi41IDE4LjVhMjEgMjEgMCAwIDEtMjEgMjEiLz48L3N2Zz4=");background-size:cover;content:"";height:3em;left:1.5rem;position:absolute;top:2rem;width:3em}.dnb-blockquote,.dnb-blockquote.dnb-blockquote--left{padding-bottom:3rem;padding-left:6rem;padding-top:2rem}.dnb-blockquote.dnb-blockquote--top{padding-bottom:3rem;padding-left:1.5rem;padding-top:6rem}.dnb-blockquote.dnb-blockquote--no-background{background-color:transparent}.dnb-blockquote .dnb-cite,.dnb-blockquote .dnb-figcaption,.dnb-blockquote cite,.dnb-blockquote figcaption,.dnb-blockquote footer{display:block;font-style:italic;font-weight:var(--font-weight-medium);line-height:var(--line-height-basis);margin-top:1rem}.dnb-blockquote .dnb-cite:before,.dnb-blockquote .dnb-figcaption:before,.dnb-blockquote cite:before,.dnb-blockquote figcaption:before,.dnb-blockquote footer:before{content:"—";display:inline-block;padding-right:.5rem}.dnb-spacing .dnb-blockquote .dnb-h--large,.dnb-spacing .dnb-blockquote .dnb-h--medium,.dnb-spacing .dnb-blockquote .dnb-h--xx-large,.dnb-spacing .dnb-blockquote .dnb-lead,.dnb-spacing .dnb-blockquote h1,.dnb-spacing .dnb-blockquote h2,.dnb-spacing .dnb-blockquote h3{margin:0}.dnb-blockquote .dnb-anchor{font-size:inherit}.dnb-spacing .dnb-blockquote:not([class*=dnb-space__top]){margin-top:0}.dnb-spacing .dnb-blockquote:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-spacing .dnb-blockquote p:last-child{margin-bottom:0}.dnb-code{border-radius:.1875em;color:inherit;display:inline-block;font-size:inherit;line-height:var(--line-height-xx-small--em);padding:.25em;text-decoration:inherit}del .dnb-code{text-decoration:line-through}.dnb-code:not([class*=dnb-space]){margin:-.25em 0}.dnb-pre{word-wrap:normal;border-radius:.5rem;display:block;font-family:var(--font-family-monospace);font-size:inherit;-webkit-hyphens:none;hyphens:none;outline:none;overflow:auto;padding:1rem;-moz-tab-size:2;tab-size:2;text-align:left;text-shadow:none;vertical-align:baseline;white-space:pre;word-break:normal;word-spacing:normal}.dnb-pre:not([class*=dnb-space]){margin:0}.dnb-pre pre{padding:1rem}.dnb-pre .dnb-spacing pre:not([class*=dnb-space__top]){margin-top:0}.dnb-pre .dnb-spacing pre:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-spacing .dnb-pre:not([class*=dnb-space__top]){margin-top:0}.dnb-spacing .dnb-pre:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-skeleton>.dnb-code{background-color:transparent}.dnb-hr{border:0;display:flex;height:0;padding:0;position:relative}.dnb-hr:not([class*=dnb-space]){margin:0}.dnb-hr:after{background-color:currentcolor;border-radius:.5px;color:inherit;content:"";height:1px;left:0;position:absolute;right:0;top:0;width:100%;z-index:1}.dnb-hr--fullscreen:after{left:-100vw;width:200vw}.dnb-hr--light:after{background-color:transparent;background-image:linear-gradient(180deg,currentcolor 60%,transparent 65%);background-size:100% 1px;border-radius:.25px}.dnb-hr--medium:after{background-color:transparent;background-image:linear-gradient(180deg,currentcolor 51%,transparent 0);background-size:100% 3px;border-radius:.75px;height:2px}.dnb-spacing .dnb-hr:not([class*=dnb-space__top]){margin-top:0}.dnb-spacing .dnb-hr:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-img{align-items:center;display:inline-flex;flex-direction:column;padding:0;text-align:center}.dnb-img:not([class*=dnb-space]){margin:0}.dnb-img figcaption,.dnb-img img{font-size:var(--font-size-basis)}.dnb-img img{border-radius:inherit;border-style:none;box-sizing:content-box;max-width:100%;position:relative;z-index:2}.dnb-img img[alt]:after{align-items:center;border-radius:inherit;content:attr(alt);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:3}.dnb-img figcaption{margin-top:.5rem}.dnb-label{cursor:pointer;overflow-wrap:break-word}.dnb-label[disabled]{cursor:not-allowed}.dnb-ul{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-ul:not([class*=dnb-space]){margin:0}.dnb-ul:not([class*=dnb-space__left]){padding-left:2rem}.dnb-ul ol,.dnb-ul ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.dnb-ul--outside li,.dnb-ul li{position:relative}.dnb-ul--outside li:before,.dnb-ul li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.dnb-ul--inside li:before{left:0;padding-right:0;position:relative;text-align:initial;width:auto}.dnb-ul .dnb-anchor{font-size:inherit}.dnb-ul li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.dnb-ol{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-ol:not([class*=dnb-space]){margin:0}.dnb-ol:not([class*=dnb-space__left]){padding-left:2rem}.dnb-ol li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.dnb-ol ol,.dnb-ol ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.dnb-ol--outside li,.dnb-ol li{position:relative}.dnb-ol--outside li:before,.dnb-ol li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.dnb-ol--inside li:before{left:0;padding-right:0;position:relative;text-align:initial;width:auto}.dnb-ol .dnb-anchor{font-size:inherit}.dnb-ol li{list-style-type:decimal}.dnb-ol--nested,.dnb-ol--nested ol{counter-reset:item}.dnb-ol--nested li{display:block}.dnb-ol--nested li:before{content:counters(item,".") ". ";counter-increment:item}.dnb-ol--nested li li:before{content:counters(item,".") " ";counter-increment:item}.dnb-ol[type] li{display:list-item;list-style-type:inherit}.dnb-ol[type] li:before,.dnb-ol[type] li li:before{content:none}.dnb-dl{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-dl:not([class*=dnb-space__top]){margin-top:0}.dnb-dl:not([class*=dnb-space__bottom]){margin-bottom:0}.dnb-dl dt{font-weight:var(--font-weight-medium);margin-top:1rem;padding:0}.dnb-dl dd~dt{margin-top:1.5rem}.dnb-dl dd{margin:.5rem 0 1rem;padding:0}.dnb-dl:not([class*=dnb-space])>dd>dl,.dnb-dl>dd>dl{margin-left:2rem;margin-top:1.5rem}@media screen and (min-width:40em){.dnb-dl__direction--horizontal{display:flex;flex-wrap:wrap}.dnb-dl__direction--horizontal dt{margin-right:1rem;max-width:40%}.dnb-dl__direction--horizontal dd{width:calc(60% - 1rem)}.dnb-dl__direction--horizontal dd,.dnb-dl__direction--horizontal dd~dt,.dnb-dl__direction--horizontal dt{margin-bottom:0;margin-top:.5rem}.dnb-dl__direction--horizontal dd:first-of-type,.dnb-dl__direction--horizontal dd~dt:first-of-type,.dnb-dl__direction--horizontal dt:first-of-type{margin-top:0}.dnb-dl dd.dnb-dl__item{flex-basis:100%;height:0;margin:0}}.dnb-spacing .dnb-ol:not([class*=dnb-space__top]),.dnb-spacing .dnb-ul:not([class*=dnb-space__top]){margin-top:0}.dnb-spacing .dnb-ol:not([class*=dnb-space__bottom]),.dnb-spacing .dnb-ul:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-spacing .dnb-ol>li,.dnb-spacing .dnb-ul>li{margin-bottom:1rem;margin-top:1rem}.dnb-spacing .dnb-ol>li>p,.dnb-spacing .dnb-ul>li>p{margin-top:1rem}.dnb-spacing .dnb-ol:not([class*=dnb-space]) li>ol,.dnb-spacing .dnb-ol:not([class*=dnb-space]) li>ul,.dnb-spacing .dnb-ol li>ol,.dnb-spacing .dnb-ol li>ul,.dnb-spacing .dnb-ul:not([class*=dnb-space]) li>ol,.dnb-spacing .dnb-ul:not([class*=dnb-space]) li>ul,.dnb-spacing .dnb-ul li>ol,.dnb-spacing .dnb-ul li>ul{margin-top:-.5rem}.dnb-spacing .dnb-dl:not([class*=dnb-space__top]){margin-top:0}.dnb-spacing .dnb-dl:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-unstyled-list{list-style-type:none}.dnb-unstyled-list:not([class*=dnb-space]){margin:0}.dnb-unstyled-list:not([class*=dnb-space__left]){padding-left:0}.dnb-unstyled-list>li{list-style-type:none}.dnb-unstyled-list>li:before{content:none}.dnb-unstyled-list>dd,.dnb-unstyled-list>dl{margin-left:0}.dnb-small{font-size:var(--font-size-small)}sub,sup{font-size:.777777em;line-height:.5em}.dnb-p{font-size:var(--font-size-basis);padding:0}.dnb-p:not([class*=space__top]){margin-top:0}.dnb-p:not([class*=space__bottom]){margin-bottom:0}.dnb-p--lead{font-size:var(--font-size-medium);font-weight:var(--font-weight-medium);line-height:var(--line-height-lead)}.dnb-p--lead>small{font-size:var(--font-size-basis);line-height:var(--line-height-basis)}.dnb-p--medium,.dnb-p b,.dnb-p strong{font-weight:var(--font-weight-medium)}.dnb-p--bold{font-weight:var(--font-weight-bold)}.dnb-p__size--xx-large{font-size:var(--font-size-xx-large);line-height:var(--line-height-x-large)}.dnb-p__size--x-large{font-size:var(--font-size-x-large);line-height:var(--line-height-x-large)}.dnb-p__size--large{font-size:var(--font-size-large);line-height:var(--line-height-large)}.dnb-p__size--basis{font-size:var(--font-size-basis);line-height:var(--line-height-basis)}.dnb-p__size--medium{font-size:var(--font-size-medium);line-height:var(--line-height-medium)}.dnb-p--small,.dnb-p>small,.dnb-p__size--small{font-size:var(--font-size-small);line-height:var(--line-height-small)}.dnb-p--x-small,.dnb-p__size--x-small{font-size:var(--font-size-x-small);line-height:var(--line-height-x-small)}.dnb-p>cite{font-style:italic;line-height:var(--line-height-basis)}.dnb-p>cite,.dnb-table b,.dnb-table strong{font-weight:var(--font-weight-medium)}.dnb-h--xx-large{font-size:var(--font-size-xx-large);line-height:var(--line-height-x-large)}.dnb-h--xx-large>small{display:block}.dnb-h--x-large,.dnb-h--x-large>small,.dnb-h--xx-large>small{font-size:var(--font-size-x-large);line-height:var(--line-height-large)}.dnb-h--x-large>small{display:block}.dnb-h--large{font-size:var(--font-size-large);line-height:var(--line-height-medium)}.dnb-h--large>small{font-size:var(--font-size-medium);line-height:calc(var(--line-height-medium) - .125rem)}.dnb-h--medium,.dnb-lead{font-size:var(--font-size-medium);font-weight:var(--font-weight-medium);line-height:var(--line-height-lead)}.dnb-h--basis,.dnb-h--medium>small,.dnb-lead>small{font-size:var(--font-size-basis);line-height:var(--line-height-basis)}.dnb-h--basis>small,.dnb-h--small{font-size:var(--font-size-small);line-height:var(--line-height-small)}.dnb-h--small>small{font-size:var(--font-size-x-small);line-height:var(--line-height-small)}.dnb-h--x-small{font-size:var(--font-size-x-small);line-height:var(--line-height-x-small)}.dnb-core-style .dnb-h--basis,.dnb-core-style .dnb-h--large,.dnb-core-style .dnb-h--medium,.dnb-core-style .dnb-h--small,.dnb-core-style .dnb-h--x-large,.dnb-core-style .dnb-h--x-small,.dnb-core-style .dnb-h--xx-large,.dnb-core-style .dnb-lead,.dnb-h--basis,.dnb-h--large,.dnb-h--medium,.dnb-h--small,.dnb-h--x-large,.dnb-h--x-small,.dnb-h--xx-large,.dnb-lead{font-family:var(--font-family-default);font-weight:var(--font-weight-medium);padding:0}.dnb-core-style .dnb-h--basis:not([class*=dnb-space]),.dnb-core-style .dnb-h--large:not([class*=dnb-space]),.dnb-core-style .dnb-h--medium:not([class*=dnb-space]),.dnb-core-style .dnb-h--small:not([class*=dnb-space]),.dnb-core-style .dnb-h--x-large:not([class*=dnb-space]),.dnb-core-style .dnb-h--x-small:not([class*=dnb-space]),.dnb-core-style .dnb-h--xx-large:not([class*=dnb-space]),.dnb-core-style .dnb-lead:not([class*=dnb-space]),.dnb-h--basis:not([class*=dnb-space]),.dnb-h--large:not([class*=dnb-space]),.dnb-h--medium:not([class*=dnb-space]),.dnb-h--small:not([class*=dnb-space]),.dnb-h--x-large:not([class*=dnb-space]),.dnb-h--x-small:not([class*=dnb-space]),.dnb-h--xx-large:not([class*=dnb-space]),.dnb-lead:not([class*=dnb-space]){margin:0}.dnb-core-style .dnb-h--basis .dnb-icon--default,.dnb-core-style .dnb-h--large .dnb-icon--default,.dnb-core-style .dnb-h--medium .dnb-icon--default,.dnb-core-style .dnb-h--small .dnb-icon--default,.dnb-core-style .dnb-h--x-large .dnb-icon--default,.dnb-core-style .dnb-h--x-small .dnb-icon--default,.dnb-core-style .dnb-h--xx-large .dnb-icon--default,.dnb-core-style .dnb-lead .dnb-icon--default,.dnb-h--basis .dnb-icon--default,.dnb-h--large .dnb-icon--default,.dnb-h--medium .dnb-icon--default,.dnb-h--small .dnb-icon--default,.dnb-h--x-large .dnb-icon--default,.dnb-h--x-small .dnb-icon--default,.dnb-h--xx-large .dnb-icon--default,.dnb-lead .dnb-icon--default{font-size:1em}.dnb-core-style .dnb-h--basis .dnb-icon--medium,.dnb-core-style .dnb-h--large .dnb-icon--medium,.dnb-core-style .dnb-h--medium .dnb-icon--medium,.dnb-core-style .dnb-h--small .dnb-icon--medium,.dnb-core-style .dnb-h--x-large .dnb-icon--medium,.dnb-core-style .dnb-h--x-small .dnb-icon--medium,.dnb-core-style .dnb-h--xx-large .dnb-icon--medium,.dnb-core-style .dnb-lead .dnb-icon--medium,.dnb-h--basis .dnb-icon--medium,.dnb-h--large .dnb-icon--medium,.dnb-h--medium .dnb-icon--medium,.dnb-h--small .dnb-icon--medium,.dnb-h--x-large .dnb-icon--medium,.dnb-h--x-small .dnb-icon--medium,.dnb-h--xx-large .dnb-icon--medium,.dnb-lead .dnb-icon--medium{font-size:1.5em}.dnb-core-style .dnb-h--basis .dnb-anchor,.dnb-core-style .dnb-h--basis a,.dnb-core-style .dnb-h--large .dnb-anchor,.dnb-core-style .dnb-h--large a,.dnb-core-style .dnb-h--medium .dnb-anchor,.dnb-core-style .dnb-h--medium a,.dnb-core-style .dnb-h--small .dnb-anchor,.dnb-core-style .dnb-h--small a,.dnb-core-style .dnb-h--x-large .dnb-anchor,.dnb-core-style .dnb-h--x-large a,.dnb-core-style .dnb-h--x-small .dnb-anchor,.dnb-core-style .dnb-h--x-small a,.dnb-core-style .dnb-h--xx-large .dnb-anchor,.dnb-core-style .dnb-h--xx-large a,.dnb-core-style .dnb-lead .dnb-anchor,.dnb-core-style .dnb-lead a,.dnb-h--basis .dnb-anchor,.dnb-h--basis a,.dnb-h--large .dnb-anchor,.dnb-h--large a,.dnb-h--medium .dnb-anchor,.dnb-h--medium a,.dnb-h--small .dnb-anchor,.dnb-h--small a,.dnb-h--x-large .dnb-anchor,.dnb-h--x-large a,.dnb-h--x-small .dnb-anchor,.dnb-h--x-small a,.dnb-h--xx-large .dnb-anchor,.dnb-h--xx-large a,.dnb-lead .dnb-anchor,.dnb-lead a{padding-bottom:.03125rem;padding-top:0}.dnb-core-style .dnb-spacing .dnb-h--xx-large:not([class*=space__top]),.dnb-spacing .dnb-h--xx-large:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-spacing .dnb-h--xx-large:not([class*=space__bottom]),.dnb-spacing .dnb-h--xx-large:not([class*=space__bottom]){margin-bottom:2.5rem}.dnb-core-style .dnb-spacing .dnb-h--x-large:not([class*=space__top]),.dnb-spacing .dnb-h--x-large:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-spacing .dnb-h--x-large:not([class*=space__bottom]),.dnb-spacing .dnb-h--x-large:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-spacing .dnb-h--large:not([class*=space__top]),.dnb-spacing .dnb-h--large:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-spacing .dnb-h--large:not([class*=space__bottom]),.dnb-spacing .dnb-h--large:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-spacing .dnb-h--basis:not([class*=space__top]),.dnb-core-style .dnb-spacing .dnb-h--medium:not([class*=space__top]),.dnb-core-style .dnb-spacing .dnb-h--small:not([class*=space__top]),.dnb-core-style .dnb-spacing .dnb-h--x-small:not([class*=space__top]),.dnb-core-style .dnb-spacing .dnb-lead:not([class*=space__top]),.dnb-spacing .dnb-h--basis:not([class*=space__top]),.dnb-spacing .dnb-h--medium:not([class*=space__top]),.dnb-spacing .dnb-h--small:not([class*=space__top]),.dnb-spacing .dnb-h--x-small:not([class*=space__top]),.dnb-spacing .dnb-lead:not([class*=space__top]){margin-top:2rem}.dnb-core-style .dnb-spacing .dnb-h--basis:not([class*=space__bottom]),.dnb-core-style .dnb-spacing .dnb-h--medium:not([class*=space__bottom]),.dnb-core-style .dnb-spacing .dnb-h--small:not([class*=space__bottom]),.dnb-core-style .dnb-spacing .dnb-h--x-small:not([class*=space__bottom]),.dnb-core-style .dnb-spacing .dnb-lead:not([class*=space__bottom]),.dnb-spacing .dnb-h--basis:not([class*=space__bottom]),.dnb-spacing .dnb-h--medium:not([class*=space__bottom]),.dnb-spacing .dnb-h--small:not([class*=space__bottom]),.dnb-spacing .dnb-h--x-small:not([class*=space__bottom]),.dnb-spacing .dnb-lead:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-spacing .dnb-p:not([class*=dnb-space__top]),.dnb-spacing .dnb-p:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing .dnb-p:not([class*=dnb-space__bottom]),.dnb-spacing .dnb-p:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-blockquote{background-color:var(--sb-color-violet-light-4);border-radius:1.125rem;color:var(--sb-color-text)}.dnb-blockquote:before{filter:brightness(0) saturate(100%) invert(20%) sepia(99%) saturate(6711%) hue-rotate(265deg) brightness(71%) contrast(115%)}.dnb-blockquote.dnb-blockquote--no-background:before{filter:brightness(0) saturate(100%) invert(12%) sepia(4%) saturate(6079%) hue-rotate(204deg) brightness(78%) contrast(99%)}.dnb-blockquote .dnb-h--large,.dnb-blockquote .dnb-h--medium,.dnb-blockquote .dnb-h--xx-large,.dnb-blockquote .dnb-lead,.dnb-blockquote h1,.dnb-blockquote h2,.dnb-blockquote h3{color:var(--sb-color-text)}.dnb-code{background-color:var(--sb-color-blue-light-3);border-radius:.5rem;font-family:var(--sb-font-family-default)}.dnb-pre{background-color:#222;color:var(--color-mint-green-12)}.dnb-pre.dnb-pre--focus{--border-color:var(--sb-color-green);--border-width:0.25rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-core-style .dnb-h--basis,.dnb-core-style .dnb-h--large,.dnb-core-style .dnb-h--medium,.dnb-core-style .dnb-h--small,.dnb-core-style .dnb-h--x-large,.dnb-core-style .dnb-h--x-small,.dnb-core-style .dnb-h--xx-large,.dnb-core-style .dnb-lead,.dnb-h--basis,.dnb-h--large,.dnb-h--medium,.dnb-h--small,.dnb-h--x-large,.dnb-h--x-small,.dnb-h--xx-large,.dnb-lead,.dnb-p,h1,h2,h3,h4,h5,h6{color:var(--sb-color-text)}.dnb-hr{color:var(--color-black-80)}.dnb-img[alt]:after,.dnb-img__img--error{background-color:var(--color-black-8);color:var(--color-black-80)}.dnb-label{color:var(--color-black-80)}.dnb-dl,.dnb-ol,.dnb-ul{color:var(--theme-color-black-80,currentColor)}
@@ -16,8 +16,8 @@ $THEME_FALLBACK: 'ui';
16
16
 
17
17
  @import '../../../elements/blockquote/style/themes/dnb-blockquote-theme-sbanken.scss';
18
18
  @import '../../../elements/code/style/themes/dnb-code-theme-sbanken.scss';
19
+ @import '../../../elements/typography/style/themes/dnb-typography-theme-sbanken.scss';
19
20
  @import '../../../elements/hr/style/themes/dnb-hr-theme-ui.scss';
20
21
  @import '../../../elements/img/style/themes/dnb-img-theme-ui.scss';
21
22
  @import '../../../elements/label/style/themes/dnb-label-theme-ui.scss';
22
23
  @import '../../../elements/lists/style/themes/dnb-lists-theme-ui.scss';
23
- @import '../../../elements/typography/style/themes/dnb-typography-theme-ui.scss';
@@ -1123,6 +1123,11 @@ html[data-whatinput=keyboard] .dnb-blockquote:not(.dnb-blockquote--no-background
1123
1123
  color: var(--theme-color-black-80, currentColor);
1124
1124
  }
1125
1125
 
1126
+ /*
1127
+ * Core Styles
1128
+ * Mainly only the margins are defined in here
1129
+ *
1130
+ */
1126
1131
  .dnb-p {
1127
1132
  color: var(--theme-color-black-80, currentColor);
1128
1133
  }
@@ -640,16 +640,17 @@ button.dnb-anchor {
640
640
  }
641
641
 
642
642
  .dnb-anchor {
643
+ --anchor-underline-thickness: 0.0938rem;
643
644
  display: inline;
644
- padding: 0.05575em 0.125em;
645
+ padding: 0.05575em 0;
645
646
  font-size: var(--font-size-basis);
646
647
  text-decoration: underline;
647
648
  -webkit-text-decoration-color: currentcolor;
648
649
  text-decoration-color: currentcolor;
649
- text-decoration-thickness: 0.0938rem;
650
+ text-decoration-thickness: var(--anchor-underline-thickness);
650
651
  text-underline-offset: 0.25em;
651
652
  border-radius: 0;
652
- transition: background-color 200ms ease-in-out, border-radius 200ms ease-in-out;
653
+ transition: box-shadow 200ms ease-in-out, border-radius 200ms ease-in-out;
653
654
  }
654
655
  sup .dnb-anchor, sub .dnb-anchor {
655
656
  padding: 0 0.025em;
@@ -735,6 +736,10 @@ html[data-whatinput=keyboard] .dnb-anchor:focus {
735
736
 
736
737
  .dnb-anchor--focus {
737
738
  outline: none;
739
+ --border-color: var(--focus-ring-color);
740
+ --border-width: var(--focus-ring-width);
741
+ box-shadow: 0 0 0 var(--border-width) var(--border-color);
742
+ border-color: transparent;
738
743
  border-radius: 0.25em;
739
744
  }
740
745
  .dnb-anchor--focus:not(:active) {
@@ -744,12 +749,6 @@ html[data-whatinput=keyboard] .dnb-anchor:focus {
744
749
  .dnb-anchor--focus:not(:active), .dnb-section .dnb-anchor--focus:not(:active).dnb-anchor {
745
750
  text-decoration: none;
746
751
  }
747
- html[data-whatinput=mouse] .dnb-anchor--focus {
748
- --border-color: var(--focus-ring-color);
749
- --border-width: var(--focus-ring-width);
750
- box-shadow: 0 0 0 var(--border-width) var(--border-color);
751
- border-color: transparent;
752
- }
753
752
 
754
753
  .dnb-anchor--no-style {
755
754
  color: inherit;
@@ -1443,9 +1442,7 @@ label + .dnb-autocomplete[class*=__form-status] .dnb-autocomplete__shell {
1443
1442
  .dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-left .dnb-button__icon, .dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-top .dnb-button__icon {
1444
1443
  order: 1;
1445
1444
  }
1446
- .dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-left > *,
1447
- .dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-left .dnb-button__text, .dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-top > *,
1448
- .dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-top .dnb-button__text {
1445
+ .dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-left .dnb-button__text, .dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-top .dnb-button__text {
1449
1446
  order: 2;
1450
1447
  }
1451
1448
  .dnb-button--stretch {
@@ -2286,12 +2283,12 @@ html[data-whatinput=keyboard] .dnb-date-picker table.dnb-no-focus:focus {
2286
2283
  .dnb-dialog__actions {
2287
2284
  padding-top: 1.5rem;
2288
2285
  display: flex;
2286
+ flex-flow: row wrap;
2289
2287
  justify-content: center;
2288
+ grid-gap: 1rem;
2289
+ gap: 1rem;
2290
2290
  width: 100%;
2291
2291
  }
2292
- .dnb-dialog__actions > :not(:last-child) {
2293
- margin-right: 1rem;
2294
- }
2295
2292
  .dnb-dialog--information .dnb-dialog__actions {
2296
2293
  justify-content: left;
2297
2294
  }
@@ -3410,8 +3407,9 @@ button .dnb-form-status__text {
3410
3407
  width: 1em;
3411
3408
  height: 1em;
3412
3409
  }
3413
- .dnb-icon img,
3414
- .dnb-icon svg {
3410
+ .dnb-icon img, .dnb-core-style .dnb-icon img,
3411
+ .dnb-icon svg,
3412
+ .dnb-core-style .dnb-icon svg {
3415
3413
  width: inherit;
3416
3414
  height: inherit;
3417
3415
  shape-rendering: geometricprecision;
@@ -3459,9 +3457,12 @@ button .dnb-form-status__text {
3459
3457
  align-items: center;
3460
3458
  justify-content: center;
3461
3459
  }
3462
- h1 .dnb-icon, h2 .dnb-icon, h3 .dnb-icon, h4 .dnb-icon, h5 .dnb-icon, h6 .dnb-icon {
3460
+ h1 > .dnb-icon, h2 > .dnb-icon, h3 > .dnb-icon, h4 > .dnb-icon, h5 > .dnb-icon, h6 > .dnb-icon {
3463
3461
  vertical-align: middle;
3464
3462
  }
3463
+ p > .dnb-icon {
3464
+ vertical-align: inherit;
3465
+ }
3465
3466
  .dnb-icon.dnb-skeleton {
3466
3467
  color: var(--skeleton-color) !important;
3467
3468
  }
@@ -7566,20 +7567,20 @@ html[data-visual-test] .dnb-tooltip--hide {
7566
7567
  * Utilities
7567
7568
  */
7568
7569
  .dnb-visually-hidden--focusable:not(:focus):not(:focus-within) {
7569
- -webkit-user-select: none;
7570
- user-select: none;
7571
- -webkit-touch-callout: none;
7572
- pointer-events: none;
7573
- position: absolute;
7574
- -webkit-clip-path: inset(50%);
7575
- clip-path: inset(50%);
7576
- max-width: 1px;
7577
- max-height: 1px;
7578
- overflow: hidden;
7579
- white-space: nowrap;
7580
- padding: 0;
7581
- margin: 0;
7582
- border: 0;
7570
+ -webkit-user-select: none !important;
7571
+ user-select: none !important;
7572
+ -webkit-touch-callout: none !important;
7573
+ pointer-events: none !important;
7574
+ position: absolute !important;
7575
+ -webkit-clip-path: inset(50%) !important;
7576
+ clip-path: inset(50%) !important;
7577
+ max-width: 1px !important;
7578
+ max-height: 1px !important;
7579
+ overflow: hidden !important;
7580
+ white-space: nowrap !important;
7581
+ padding: 0 !important;
7582
+ margin: 0 !important;
7583
+ border: 0 !important;
7583
7584
  }
7584
7585
 
7585
7586
  /**
@@ -7724,11 +7725,11 @@ html:not([data-whatintent=touch]) .dnb-accordion__variant--outlined.dnb-accordio
7724
7725
  }
7725
7726
  .dnb-anchor:hover, .dnb-anchor:active {
7726
7727
  color: var(--color-sea-green);
7727
- background-color: var(--color-mint-green-50);
7728
+ box-shadow: inset 100vw 100vw 0 0 var(--color-mint-green-50), -0.125em 0 0 0 var(--color-mint-green-50), 0.125em 0 0 0 var(--color-mint-green-50);
7728
7729
  }
7729
7730
  .dnb-anchor:active {
7730
7731
  color: var(--color-mint-green);
7731
- background-color: var(--color-emerald-green);
7732
+ box-shadow: inset 100vw 100vw 0 0 var(--color-emerald-green), -0.125em 0 0 0 var(--color-emerald-green), 0.125em 0 0 0 var(--color-emerald-green);
7732
7733
  }
7733
7734
  .dnb-anchor:focus:not(:active) {
7734
7735
  color: var(--color-sea-green);
@@ -7736,12 +7737,12 @@ html:not([data-whatintent=touch]) .dnb-accordion__variant--outlined.dnb-accordio
7736
7737
 
7737
7738
  .dnb-anchor--hover {
7738
7739
  color: var(--color-sea-green);
7739
- background-color: var(--color-mint-green-50);
7740
+ box-shadow: inset 100vw 100vw 0 0 var(--color-mint-green-50), -0.125em 0 0 0 var(--color-mint-green-50), 0.125em 0 0 0 var(--color-mint-green-50);
7740
7741
  }
7741
7742
 
7742
7743
  .dnb-anchor--active {
7743
7744
  color: var(--color-mint-green);
7744
- background-color: var(--color-emerald-green);
7745
+ box-shadow: inset 100vw 100vw 0 0 var(--color-emerald-green), -0.125em 0 0 0 var(--color-emerald-green), 0.125em 0 0 0 var(--color-emerald-green);
7745
7746
  }
7746
7747
 
7747
7748
  .dnb-anchor--focus:not(:active) {
@@ -7878,6 +7879,9 @@ html[data-whatinput=keyboard] .dnb-anchor--contrast:not(:disabled):focus {
7878
7879
  * Button mixins
7879
7880
  *
7880
7881
  */
7882
+ .dnb-button--tertiary {
7883
+ --button-tertiary-focus-overflow: -1rem;
7884
+ }
7881
7885
  .dnb-button--tertiary .dnb-button__text {
7882
7886
  position: relative;
7883
7887
  }
@@ -7956,17 +7960,23 @@ html[data-whatintent=touch] .dnb-button--tertiary:active:not([disabled]) .dnb-bu
7956
7960
  html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text::after, html:not([data-whatintent=touch]) html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text::after {
7957
7961
  visibility: hidden;
7958
7962
  }
7959
- .dnb-button--tertiary .dnb-button__icon {
7963
+ .dnb-button--tertiary.dnb-button--has-text .dnb-button__icon {
7960
7964
  align-self: flex-start;
7961
7965
  margin-top: calc(var(--button-height) / 2 - 0.5rem);
7962
7966
  }
7963
- .dnb-button--tertiary.dnb-button--size-large .dnb-button__icon {
7967
+ .dnb-button--tertiary.dnb-button--has-text .dnb-button__icon.dnb-icon--medium {
7968
+ margin-top: calc(var(--button-height) / 2 - 0.75rem);
7969
+ }
7970
+ .dnb-button--tertiary.dnb-button--has-text .dnb-button__icon.dnb-icon--large {
7971
+ margin-top: calc(var(--button-height) / 2 - 1rem);
7972
+ }
7973
+ .dnb-button--tertiary.dnb-button--has-text.dnb-button--size-large .dnb-button__icon {
7964
7974
  margin-top: calc(var(--button-height--large) / 2 - 0.5rem);
7965
7975
  }
7966
- .dnb-button--tertiary.dnb-button--size-medium .dnb-button__icon {
7976
+ .dnb-button--tertiary.dnb-button--has-text.dnb-button--size-medium .dnb-button__icon {
7967
7977
  margin-top: calc(var(--button-height--medium) / 2 - 0.5rem);
7968
7978
  }
7969
- .dnb-button--tertiary.dnb-button--size-small .dnb-button__icon {
7979
+ .dnb-button--tertiary.dnb-button--has-text.dnb-button--size-small .dnb-button__icon {
7970
7980
  margin-top: calc(var(--button-height--small) / 2 - 0.5rem);
7971
7981
  }
7972
7982
  .dnb-button--tertiary.dnb-button--icon-position-top {
@@ -7977,7 +7987,7 @@ html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .
7977
7987
  .dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--has-text {
7978
7988
  padding: 0;
7979
7989
  }
7980
- .dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__icon {
7990
+ .dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--has-text .dnb-button__icon {
7981
7991
  margin-top: 0.5rem;
7982
7992
  align-self: center;
7983
7993
  }
@@ -8019,7 +8029,7 @@ html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .
8019
8029
  cursor: not-allowed;
8020
8030
  }
8021
8031
  .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left:focus:not([disabled])::before, html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left:focus:not([disabled])::before {
8022
- right: -1rem;
8032
+ right: var(--button-tertiary-focus-overflow);
8023
8033
  }
8024
8034
  .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right {
8025
8035
  /* stylelint-disable */
@@ -8046,7 +8056,7 @@ html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .
8046
8056
  cursor: not-allowed;
8047
8057
  }
8048
8058
  .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right:focus:not([disabled])::before, html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right:focus:not([disabled])::before {
8049
- left: -1rem;
8059
+ left: var(--button-tertiary-focus-overflow);
8050
8060
  }
8051
8061
  .dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):focus[disabled], html:not([data-whatintent=touch]) .dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):focus[disabled] {
8052
8062
  cursor: not-allowed;