@dnb/eufemia 10.16.0 → 10.18.0

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 (591) hide show
  1. package/CHANGELOG.md +54 -0
  2. package/cjs/components/anchor/Anchor.js +9 -5
  3. package/cjs/components/anchor/Anchor.js.map +1 -1
  4. package/cjs/components/anchor/style/anchor-mixins.scss +0 -11
  5. package/cjs/components/anchor/style/dnb-anchor.css +0 -16
  6. package/cjs/components/anchor/style/dnb-anchor.min.css +1 -1
  7. package/cjs/components/anchor/style/themes/dnb-anchor-theme-eiendom.css +16 -4
  8. package/cjs/components/anchor/style/themes/dnb-anchor-theme-eiendom.min.css +1 -1
  9. package/cjs/components/anchor/style/themes/dnb-anchor-theme-ui.css +16 -4
  10. package/cjs/components/anchor/style/themes/dnb-anchor-theme-ui.min.css +1 -1
  11. package/cjs/components/anchor/style/themes/dnb-anchor-theme-ui.scss +10 -2
  12. package/cjs/components/autocomplete/Autocomplete.js +2 -2
  13. package/cjs/components/autocomplete/Autocomplete.js.map +1 -1
  14. package/cjs/components/button/style/dnb-button.css +13 -0
  15. package/cjs/components/button/style/dnb-button.min.css +1 -1
  16. package/cjs/components/button/style/dnb-button.scss +16 -0
  17. package/cjs/components/button/style/themes/dnb-button-theme-eiendom.css +12 -1
  18. package/cjs/components/button/style/themes/dnb-button-theme-eiendom.min.css +1 -1
  19. package/cjs/components/button/style/themes/dnb-button-theme-sbanken.css +12 -0
  20. package/cjs/components/button/style/themes/dnb-button-theme-sbanken.min.css +2 -2
  21. package/cjs/components/button/style/themes/dnb-button-theme-sbanken.scss +10 -0
  22. package/cjs/components/button/style/themes/dnb-button-theme-ui.css +12 -1
  23. package/cjs/components/button/style/themes/dnb-button-theme-ui.min.css +1 -1
  24. package/cjs/components/button/style/themes/dnb-button-theme-ui.scss +12 -3
  25. package/cjs/components/date-picker/DatePicker.d.ts +14 -1
  26. package/cjs/components/date-picker/DatePicker.js +0 -1
  27. package/cjs/components/date-picker/DatePicker.js.map +1 -1
  28. package/cjs/components/date-picker/DatePickerCalc.js +2 -1
  29. package/cjs/components/date-picker/DatePickerCalc.js.map +1 -1
  30. package/cjs/components/date-picker/DatePickerInput.d.ts +3 -0
  31. package/cjs/components/date-picker/DatePickerInput.js +9 -2
  32. package/cjs/components/date-picker/DatePickerInput.js.map +1 -1
  33. package/cjs/components/dropdown/Dropdown.js +3 -2
  34. package/cjs/components/dropdown/Dropdown.js.map +1 -1
  35. package/cjs/components/flex/Container.js +15 -2
  36. package/cjs/components/flex/Container.js.map +1 -1
  37. package/cjs/components/flex/export.d.ts +1 -0
  38. package/cjs/components/flex/export.js +7 -0
  39. package/cjs/components/flex/export.js.map +1 -1
  40. package/cjs/components/flex/utils.d.ts +1 -1
  41. package/cjs/components/flex/utils.js +11 -1
  42. package/cjs/components/flex/utils.js.map +1 -1
  43. package/cjs/components/flex/withChildren.d.ts +6 -0
  44. package/cjs/components/flex/withChildren.js +13 -0
  45. package/cjs/components/flex/withChildren.js.map +1 -0
  46. package/cjs/components/input/Input.js +3 -3
  47. package/cjs/components/input/Input.js.map +1 -1
  48. package/cjs/components/input/style/themes/dnb-input-theme-ui.css +2 -0
  49. package/cjs/components/input/style/themes/dnb-input-theme-ui.min.css +1 -1
  50. package/cjs/components/input/style/themes/dnb-input-theme-ui.scss +2 -0
  51. package/cjs/components/input-masked/InputMaskedHooks.d.ts +1 -0
  52. package/cjs/components/input-masked/InputMaskedHooks.js +13 -8
  53. package/cjs/components/input-masked/InputMaskedHooks.js.map +1 -1
  54. package/cjs/components/input-masked/MultiInputMask.d.ts +10 -2
  55. package/cjs/components/input-masked/MultiInputMask.js +41 -14
  56. package/cjs/components/input-masked/MultiInputMask.js.map +1 -1
  57. package/cjs/components/input-masked/hooks/useHandleCursorPosition.js +7 -3
  58. package/cjs/components/input-masked/hooks/useHandleCursorPosition.js.map +1 -1
  59. package/cjs/components/input-masked/hooks/useMultiInputValues.d.ts +2 -2
  60. package/cjs/components/input-masked/hooks/useMultiInputValues.js.map +1 -1
  61. package/cjs/components/number-format/NumberFormat.js +1 -1
  62. package/cjs/components/number-format/NumberFormat.js.map +1 -1
  63. package/cjs/components/textarea/style/dnb-textarea.css +5 -0
  64. package/cjs/components/textarea/style/dnb-textarea.min.css +1 -1
  65. package/cjs/components/textarea/style/dnb-textarea.scss +4 -0
  66. package/cjs/components/toggle-button/style/themes/dnb-toggle-button-theme-sbanken.css +8 -1
  67. package/cjs/components/toggle-button/style/themes/dnb-toggle-button-theme-sbanken.min.css +1 -1
  68. package/cjs/components/toggle-button/style/themes/dnb-toggle-button-theme-sbanken.scss +6 -1
  69. package/cjs/components/toggle-button/style/themes/dnb-toggle-button-theme-ui.css +4 -0
  70. package/cjs/components/toggle-button/style/themes/dnb-toggle-button-theme-ui.min.css +1 -1
  71. package/cjs/components/toggle-button/style/themes/dnb-toggle-button-theme-ui.scss +5 -0
  72. package/cjs/components/visually-hidden/VisuallyHidden.js +1 -1
  73. package/cjs/components/visually-hidden/VisuallyHidden.js.map +1 -1
  74. package/cjs/extensions/forms/DataContext/Provider/Provider.d.ts +8 -4
  75. package/cjs/extensions/forms/DataContext/Provider/Provider.js +22 -4
  76. package/cjs/extensions/forms/DataContext/Provider/Provider.js.map +1 -1
  77. package/cjs/extensions/forms/Field/ArraySelection/ArraySelection.js +14 -14
  78. package/cjs/extensions/forms/Field/ArraySelection/ArraySelection.js.map +1 -1
  79. package/cjs/extensions/forms/Field/ArraySelection/style/dnb-array-selection.css +12 -2
  80. package/cjs/extensions/forms/Field/ArraySelection/style/dnb-array-selection.min.css +1 -1
  81. package/cjs/extensions/forms/Field/ArraySelection/style/dnb-array-selection.scss +12 -2
  82. package/cjs/extensions/forms/Field/Currency/Currency.d.ts +1 -5
  83. package/cjs/extensions/forms/Field/Currency/Currency.js.map +1 -1
  84. package/cjs/extensions/forms/Field/Date/Date.d.ts +3 -1
  85. package/cjs/extensions/forms/Field/Date/Date.js +47 -10
  86. package/cjs/extensions/forms/Field/Date/Date.js.map +1 -1
  87. package/cjs/extensions/forms/Field/Expiry/Expiry.d.ts +1 -1
  88. package/cjs/extensions/forms/Field/Expiry/Expiry.js +20 -10
  89. package/cjs/extensions/forms/Field/Expiry/Expiry.js.map +1 -1
  90. package/cjs/extensions/forms/Field/Number/Number.d.ts +5 -1
  91. package/cjs/extensions/forms/Field/Number/Number.js +109 -30
  92. package/cjs/extensions/forms/Field/Number/Number.js.map +1 -1
  93. package/cjs/extensions/forms/Field/Number/style/dnb-number.css +192 -0
  94. package/cjs/extensions/forms/Field/Number/style/dnb-number.min.css +1 -0
  95. package/cjs/extensions/forms/Field/Number/style/dnb-number.scss +176 -0
  96. package/cjs/extensions/forms/Field/Number/style/themes/dnb-number-theme-sbanken.css +74 -0
  97. package/cjs/extensions/forms/Field/Number/style/themes/dnb-number-theme-sbanken.min.css +3 -0
  98. package/cjs/extensions/forms/Field/Number/style/themes/dnb-number-theme-sbanken.scss +81 -0
  99. package/cjs/extensions/forms/Field/Number/style/themes/dnb-number-theme-ui.css +15 -0
  100. package/cjs/extensions/forms/Field/Number/style/themes/dnb-number-theme-ui.min.css +5 -0
  101. package/cjs/extensions/forms/Field/Number/style/themes/dnb-number-theme-ui.scss +15 -0
  102. package/cjs/extensions/forms/Field/PhoneNumber/PhoneNumber.js +7 -10
  103. package/cjs/extensions/forms/Field/PhoneNumber/PhoneNumber.js.map +1 -1
  104. package/cjs/extensions/forms/Field/Selection/Selection.d.ts +7 -1
  105. package/cjs/extensions/forms/Field/Selection/Selection.js +4 -9
  106. package/cjs/extensions/forms/Field/Selection/Selection.js.map +1 -1
  107. package/cjs/extensions/forms/Field/String/String.d.ts +0 -1
  108. package/cjs/extensions/forms/Field/String/String.js +23 -9
  109. package/cjs/extensions/forms/Field/String/String.js.map +1 -1
  110. package/cjs/extensions/forms/Field/Toggle/Toggle.js +0 -4
  111. package/cjs/extensions/forms/Field/Toggle/Toggle.js.map +1 -1
  112. package/cjs/extensions/forms/FieldBlock/FieldBlock.d.ts +1 -1
  113. package/cjs/extensions/forms/FieldBlock/FieldBlock.js +16 -26
  114. package/cjs/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
  115. package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.css +9 -9
  116. package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
  117. package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.scss +2 -11
  118. package/cjs/extensions/forms/Form/Handler/Handler.js +1 -0
  119. package/cjs/extensions/forms/Form/Handler/Handler.js.map +1 -1
  120. package/cjs/extensions/forms/{Visibility → Form/Visibility}/Visibility.d.ts +5 -2
  121. package/cjs/extensions/forms/{Visibility → Form/Visibility}/Visibility.js +7 -2
  122. package/cjs/extensions/forms/Form/Visibility/Visibility.js.map +1 -0
  123. package/cjs/extensions/forms/Form/Visibility/index.js.map +1 -0
  124. package/cjs/extensions/forms/Form/hooks/useData.d.ts +10 -0
  125. package/cjs/extensions/forms/Form/hooks/useData.js +36 -0
  126. package/cjs/extensions/forms/Form/hooks/useData.js.map +1 -0
  127. package/cjs/extensions/forms/Form/index.d.ts +2 -0
  128. package/cjs/extensions/forms/Form/index.js +14 -0
  129. package/cjs/extensions/forms/Form/index.js.map +1 -1
  130. package/cjs/extensions/forms/Iterate/Array/Array.js +0 -4
  131. package/cjs/extensions/forms/Iterate/Array/Array.js.map +1 -1
  132. package/cjs/extensions/forms/hooks/useDataValue.js +26 -33
  133. package/cjs/extensions/forms/hooks/useDataValue.js.map +1 -1
  134. package/cjs/extensions/forms/hooks/useId.d.ts +1 -0
  135. package/cjs/extensions/forms/hooks/useId.js +18 -0
  136. package/cjs/extensions/forms/hooks/useId.js.map +1 -0
  137. package/cjs/extensions/forms/index.d.ts +6 -1
  138. package/cjs/extensions/forms/index.js +5 -8
  139. package/cjs/extensions/forms/index.js.map +1 -1
  140. package/cjs/extensions/forms/style/dnb-forms.css +214 -11
  141. package/cjs/extensions/forms/style/dnb-forms.min.css +1 -1
  142. package/cjs/extensions/forms/types.d.ts +16 -18
  143. package/cjs/extensions/forms/types.js.map +1 -1
  144. package/cjs/extensions/forms/utils/TestElement/TestElement.d.ts +5 -1
  145. package/cjs/extensions/forms/utils/TestElement/TestElement.js +1 -0
  146. package/cjs/extensions/forms/utils/TestElement/TestElement.js.map +1 -1
  147. package/cjs/shared/Eufemia.d.ts +1 -1
  148. package/cjs/shared/Eufemia.js +2 -2
  149. package/cjs/shared/Eufemia.js.map +1 -1
  150. package/cjs/shared/helpers/EventEmitter.d.ts +5 -0
  151. package/cjs/shared/helpers/EventEmitter.js.map +1 -1
  152. package/cjs/shared/helpers/useEventEmitter.d.ts +2 -0
  153. package/cjs/shared/helpers/useEventEmitter.js.map +1 -1
  154. package/cjs/shared/helpers/useSharedState.d.ts +15 -0
  155. package/cjs/shared/helpers/useSharedState.js +71 -0
  156. package/cjs/shared/helpers/useSharedState.js.map +1 -0
  157. package/cjs/style/core/utilities.scss +1 -2
  158. package/cjs/style/dnb-ui-components.css +232 -27
  159. package/cjs/style/dnb-ui-components.min.css +3 -3
  160. package/cjs/style/dnb-ui-extensions.css +214 -11
  161. package/cjs/style/dnb-ui-extensions.min.css +1 -1
  162. package/cjs/style/dnb-ui-forms.css +214 -11
  163. package/cjs/style/dnb-ui-forms.min.css +1 -1
  164. package/cjs/style/dnb-ui-forms.scss +1 -0
  165. package/cjs/style/themes/theme-eiendom/eiendom-theme-components.css +498 -44
  166. package/cjs/style/themes/theme-eiendom/eiendom-theme-components.min.css +9 -5
  167. package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.css +230 -11
  168. package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +5 -1
  169. package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.scss +1 -0
  170. package/cjs/style/themes/theme-eiendom/eiendom-theme-forms.css +230 -12
  171. package/cjs/style/themes/theme-eiendom/eiendom-theme-forms.min.css +5 -1
  172. package/cjs/style/themes/theme-eiendom/eiendom-theme-forms.scss +2 -0
  173. package/cjs/style/themes/theme-sbanken/sbanken-theme-components.css +541 -40
  174. package/cjs/style/themes/theme-sbanken/sbanken-theme-components.min.css +8 -6
  175. package/cjs/style/themes/theme-sbanken/sbanken-theme-extensions.css +289 -11
  176. package/cjs/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +3 -1
  177. package/cjs/style/themes/theme-sbanken/sbanken-theme-extensions.scss +1 -0
  178. package/cjs/style/themes/theme-sbanken/sbanken-theme-forms.css +289 -12
  179. package/cjs/style/themes/theme-sbanken/sbanken-theme-forms.min.css +3 -1
  180. package/cjs/style/themes/theme-sbanken/sbanken-theme-forms.scss +2 -0
  181. package/cjs/style/themes/theme-ui/ui-theme-components.css +496 -44
  182. package/cjs/style/themes/theme-ui/ui-theme-components.min.css +9 -5
  183. package/cjs/style/themes/theme-ui/ui-theme-extensions.css +230 -11
  184. package/cjs/style/themes/theme-ui/ui-theme-extensions.min.css +5 -1
  185. package/cjs/style/themes/theme-ui/ui-theme-extensions.scss +1 -0
  186. package/cjs/style/themes/theme-ui/ui-theme-forms.css +230 -12
  187. package/cjs/style/themes/theme-ui/ui-theme-forms.min.css +5 -1
  188. package/cjs/style/themes/theme-ui/ui-theme-forms.scss +2 -0
  189. package/cjs/style/themes/theme-ui/ui-theme-tags.css +8 -10
  190. package/cjs/style/themes/theme-ui/ui-theme-tags.min.css +1 -1
  191. package/components/anchor/Anchor.js +9 -5
  192. package/components/anchor/Anchor.js.map +1 -1
  193. package/components/anchor/style/anchor-mixins.scss +0 -11
  194. package/components/anchor/style/dnb-anchor.css +0 -16
  195. package/components/anchor/style/dnb-anchor.min.css +1 -1
  196. package/components/anchor/style/themes/dnb-anchor-theme-eiendom.css +16 -4
  197. package/components/anchor/style/themes/dnb-anchor-theme-eiendom.min.css +1 -1
  198. package/components/anchor/style/themes/dnb-anchor-theme-ui.css +16 -4
  199. package/components/anchor/style/themes/dnb-anchor-theme-ui.min.css +1 -1
  200. package/components/anchor/style/themes/dnb-anchor-theme-ui.scss +10 -2
  201. package/components/autocomplete/Autocomplete.js +2 -2
  202. package/components/autocomplete/Autocomplete.js.map +1 -1
  203. package/components/button/style/dnb-button.css +13 -0
  204. package/components/button/style/dnb-button.min.css +1 -1
  205. package/components/button/style/dnb-button.scss +16 -0
  206. package/components/button/style/themes/dnb-button-theme-eiendom.css +12 -1
  207. package/components/button/style/themes/dnb-button-theme-eiendom.min.css +1 -1
  208. package/components/button/style/themes/dnb-button-theme-sbanken.css +12 -0
  209. package/components/button/style/themes/dnb-button-theme-sbanken.min.css +2 -2
  210. package/components/button/style/themes/dnb-button-theme-sbanken.scss +10 -0
  211. package/components/button/style/themes/dnb-button-theme-ui.css +12 -1
  212. package/components/button/style/themes/dnb-button-theme-ui.min.css +1 -1
  213. package/components/button/style/themes/dnb-button-theme-ui.scss +12 -3
  214. package/components/date-picker/DatePicker.d.ts +14 -1
  215. package/components/date-picker/DatePicker.js +0 -1
  216. package/components/date-picker/DatePicker.js.map +1 -1
  217. package/components/date-picker/DatePickerCalc.js +2 -1
  218. package/components/date-picker/DatePickerCalc.js.map +1 -1
  219. package/components/date-picker/DatePickerInput.d.ts +3 -0
  220. package/components/date-picker/DatePickerInput.js +9 -2
  221. package/components/date-picker/DatePickerInput.js.map +1 -1
  222. package/components/dropdown/Dropdown.js +3 -2
  223. package/components/dropdown/Dropdown.js.map +1 -1
  224. package/components/flex/Container.js +15 -2
  225. package/components/flex/Container.js.map +1 -1
  226. package/components/flex/export.d.ts +1 -0
  227. package/components/flex/export.js +1 -0
  228. package/components/flex/export.js.map +1 -1
  229. package/components/flex/utils.d.ts +1 -1
  230. package/components/flex/utils.js +11 -1
  231. package/components/flex/utils.js.map +1 -1
  232. package/components/flex/withChildren.d.ts +6 -0
  233. package/components/flex/withChildren.js +6 -0
  234. package/components/flex/withChildren.js.map +1 -0
  235. package/components/input/Input.js +3 -3
  236. package/components/input/Input.js.map +1 -1
  237. package/components/input/style/themes/dnb-input-theme-ui.css +2 -0
  238. package/components/input/style/themes/dnb-input-theme-ui.min.css +1 -1
  239. package/components/input/style/themes/dnb-input-theme-ui.scss +2 -0
  240. package/components/input-masked/InputMaskedHooks.d.ts +1 -0
  241. package/components/input-masked/InputMaskedHooks.js +13 -8
  242. package/components/input-masked/InputMaskedHooks.js.map +1 -1
  243. package/components/input-masked/MultiInputMask.d.ts +10 -2
  244. package/components/input-masked/MultiInputMask.js +39 -14
  245. package/components/input-masked/MultiInputMask.js.map +1 -1
  246. package/components/input-masked/hooks/useHandleCursorPosition.js +7 -3
  247. package/components/input-masked/hooks/useHandleCursorPosition.js.map +1 -1
  248. package/components/input-masked/hooks/useMultiInputValues.d.ts +2 -2
  249. package/components/input-masked/hooks/useMultiInputValues.js.map +1 -1
  250. package/components/number-format/NumberFormat.js +1 -1
  251. package/components/number-format/NumberFormat.js.map +1 -1
  252. package/components/textarea/style/dnb-textarea.css +5 -0
  253. package/components/textarea/style/dnb-textarea.min.css +1 -1
  254. package/components/textarea/style/dnb-textarea.scss +4 -0
  255. package/components/toggle-button/style/themes/dnb-toggle-button-theme-sbanken.css +8 -1
  256. package/components/toggle-button/style/themes/dnb-toggle-button-theme-sbanken.min.css +1 -1
  257. package/components/toggle-button/style/themes/dnb-toggle-button-theme-sbanken.scss +6 -1
  258. package/components/toggle-button/style/themes/dnb-toggle-button-theme-ui.css +4 -0
  259. package/components/toggle-button/style/themes/dnb-toggle-button-theme-ui.min.css +1 -1
  260. package/components/toggle-button/style/themes/dnb-toggle-button-theme-ui.scss +5 -0
  261. package/components/visually-hidden/VisuallyHidden.js +1 -1
  262. package/components/visually-hidden/VisuallyHidden.js.map +1 -1
  263. package/es/components/anchor/Anchor.js +9 -5
  264. package/es/components/anchor/Anchor.js.map +1 -1
  265. package/es/components/anchor/style/anchor-mixins.scss +0 -11
  266. package/es/components/anchor/style/dnb-anchor.css +0 -16
  267. package/es/components/anchor/style/dnb-anchor.min.css +1 -1
  268. package/es/components/anchor/style/themes/dnb-anchor-theme-eiendom.css +16 -4
  269. package/es/components/anchor/style/themes/dnb-anchor-theme-eiendom.min.css +1 -1
  270. package/es/components/anchor/style/themes/dnb-anchor-theme-ui.css +16 -4
  271. package/es/components/anchor/style/themes/dnb-anchor-theme-ui.min.css +1 -1
  272. package/es/components/anchor/style/themes/dnb-anchor-theme-ui.scss +10 -2
  273. package/es/components/autocomplete/Autocomplete.js +2 -2
  274. package/es/components/autocomplete/Autocomplete.js.map +1 -1
  275. package/es/components/button/style/dnb-button.css +13 -0
  276. package/es/components/button/style/dnb-button.min.css +1 -1
  277. package/es/components/button/style/dnb-button.scss +16 -0
  278. package/es/components/button/style/themes/dnb-button-theme-eiendom.css +12 -1
  279. package/es/components/button/style/themes/dnb-button-theme-eiendom.min.css +1 -1
  280. package/es/components/button/style/themes/dnb-button-theme-sbanken.css +12 -0
  281. package/es/components/button/style/themes/dnb-button-theme-sbanken.min.css +2 -2
  282. package/es/components/button/style/themes/dnb-button-theme-sbanken.scss +10 -0
  283. package/es/components/button/style/themes/dnb-button-theme-ui.css +12 -1
  284. package/es/components/button/style/themes/dnb-button-theme-ui.min.css +1 -1
  285. package/es/components/button/style/themes/dnb-button-theme-ui.scss +12 -3
  286. package/es/components/date-picker/DatePicker.d.ts +14 -1
  287. package/es/components/date-picker/DatePicker.js +0 -1
  288. package/es/components/date-picker/DatePicker.js.map +1 -1
  289. package/es/components/date-picker/DatePickerCalc.js +2 -1
  290. package/es/components/date-picker/DatePickerCalc.js.map +1 -1
  291. package/es/components/date-picker/DatePickerInput.d.ts +3 -0
  292. package/es/components/date-picker/DatePickerInput.js +9 -2
  293. package/es/components/date-picker/DatePickerInput.js.map +1 -1
  294. package/es/components/dropdown/Dropdown.js +3 -2
  295. package/es/components/dropdown/Dropdown.js.map +1 -1
  296. package/es/components/flex/Container.js +15 -2
  297. package/es/components/flex/Container.js.map +1 -1
  298. package/es/components/flex/export.d.ts +1 -0
  299. package/es/components/flex/export.js +1 -0
  300. package/es/components/flex/export.js.map +1 -1
  301. package/es/components/flex/utils.d.ts +1 -1
  302. package/es/components/flex/utils.js +11 -1
  303. package/es/components/flex/utils.js.map +1 -1
  304. package/es/components/flex/withChildren.d.ts +6 -0
  305. package/es/components/flex/withChildren.js +6 -0
  306. package/es/components/flex/withChildren.js.map +1 -0
  307. package/es/components/input/Input.js +3 -3
  308. package/es/components/input/Input.js.map +1 -1
  309. package/es/components/input/style/themes/dnb-input-theme-ui.css +2 -0
  310. package/es/components/input/style/themes/dnb-input-theme-ui.min.css +1 -1
  311. package/es/components/input/style/themes/dnb-input-theme-ui.scss +2 -0
  312. package/es/components/input-masked/InputMaskedHooks.d.ts +1 -0
  313. package/es/components/input-masked/InputMaskedHooks.js +13 -8
  314. package/es/components/input-masked/InputMaskedHooks.js.map +1 -1
  315. package/es/components/input-masked/MultiInputMask.d.ts +10 -2
  316. package/es/components/input-masked/MultiInputMask.js +39 -13
  317. package/es/components/input-masked/MultiInputMask.js.map +1 -1
  318. package/es/components/input-masked/hooks/useHandleCursorPosition.js +7 -3
  319. package/es/components/input-masked/hooks/useHandleCursorPosition.js.map +1 -1
  320. package/es/components/input-masked/hooks/useMultiInputValues.d.ts +2 -2
  321. package/es/components/input-masked/hooks/useMultiInputValues.js.map +1 -1
  322. package/es/components/number-format/NumberFormat.js +1 -1
  323. package/es/components/number-format/NumberFormat.js.map +1 -1
  324. package/es/components/textarea/style/dnb-textarea.css +5 -0
  325. package/es/components/textarea/style/dnb-textarea.min.css +1 -1
  326. package/es/components/textarea/style/dnb-textarea.scss +4 -0
  327. package/es/components/toggle-button/style/themes/dnb-toggle-button-theme-sbanken.css +8 -1
  328. package/es/components/toggle-button/style/themes/dnb-toggle-button-theme-sbanken.min.css +1 -1
  329. package/es/components/toggle-button/style/themes/dnb-toggle-button-theme-sbanken.scss +6 -1
  330. package/es/components/toggle-button/style/themes/dnb-toggle-button-theme-ui.css +4 -0
  331. package/es/components/toggle-button/style/themes/dnb-toggle-button-theme-ui.min.css +1 -1
  332. package/es/components/toggle-button/style/themes/dnb-toggle-button-theme-ui.scss +5 -0
  333. package/es/components/visually-hidden/VisuallyHidden.js +1 -1
  334. package/es/components/visually-hidden/VisuallyHidden.js.map +1 -1
  335. package/es/extensions/forms/DataContext/Provider/Provider.d.ts +8 -4
  336. package/es/extensions/forms/DataContext/Provider/Provider.js +22 -4
  337. package/es/extensions/forms/DataContext/Provider/Provider.js.map +1 -1
  338. package/es/extensions/forms/Field/ArraySelection/ArraySelection.js +15 -15
  339. package/es/extensions/forms/Field/ArraySelection/ArraySelection.js.map +1 -1
  340. package/es/extensions/forms/Field/ArraySelection/style/dnb-array-selection.css +12 -2
  341. package/es/extensions/forms/Field/ArraySelection/style/dnb-array-selection.min.css +1 -1
  342. package/es/extensions/forms/Field/ArraySelection/style/dnb-array-selection.scss +12 -2
  343. package/es/extensions/forms/Field/Currency/Currency.d.ts +1 -5
  344. package/es/extensions/forms/Field/Currency/Currency.js.map +1 -1
  345. package/es/extensions/forms/Field/Date/Date.d.ts +3 -1
  346. package/es/extensions/forms/Field/Date/Date.js +45 -9
  347. package/es/extensions/forms/Field/Date/Date.js.map +1 -1
  348. package/es/extensions/forms/Field/Expiry/Expiry.d.ts +1 -1
  349. package/es/extensions/forms/Field/Expiry/Expiry.js +20 -11
  350. package/es/extensions/forms/Field/Expiry/Expiry.js.map +1 -1
  351. package/es/extensions/forms/Field/Number/Number.d.ts +5 -1
  352. package/es/extensions/forms/Field/Number/Number.js +109 -31
  353. package/es/extensions/forms/Field/Number/Number.js.map +1 -1
  354. package/es/extensions/forms/Field/Number/style/dnb-number.css +192 -0
  355. package/es/extensions/forms/Field/Number/style/dnb-number.min.css +1 -0
  356. package/es/extensions/forms/Field/Number/style/dnb-number.scss +176 -0
  357. package/es/extensions/forms/Field/Number/style/themes/dnb-number-theme-sbanken.css +74 -0
  358. package/es/extensions/forms/Field/Number/style/themes/dnb-number-theme-sbanken.min.css +3 -0
  359. package/es/extensions/forms/Field/Number/style/themes/dnb-number-theme-sbanken.scss +81 -0
  360. package/es/extensions/forms/Field/Number/style/themes/dnb-number-theme-ui.css +15 -0
  361. package/es/extensions/forms/Field/Number/style/themes/dnb-number-theme-ui.min.css +5 -0
  362. package/es/extensions/forms/Field/Number/style/themes/dnb-number-theme-ui.scss +15 -0
  363. package/es/extensions/forms/Field/PhoneNumber/PhoneNumber.js +7 -10
  364. package/es/extensions/forms/Field/PhoneNumber/PhoneNumber.js.map +1 -1
  365. package/es/extensions/forms/Field/Selection/Selection.d.ts +7 -1
  366. package/es/extensions/forms/Field/Selection/Selection.js +4 -9
  367. package/es/extensions/forms/Field/Selection/Selection.js.map +1 -1
  368. package/es/extensions/forms/Field/String/String.d.ts +0 -1
  369. package/es/extensions/forms/Field/String/String.js +23 -9
  370. package/es/extensions/forms/Field/String/String.js.map +1 -1
  371. package/es/extensions/forms/Field/Toggle/Toggle.js +0 -4
  372. package/es/extensions/forms/Field/Toggle/Toggle.js.map +1 -1
  373. package/es/extensions/forms/FieldBlock/FieldBlock.d.ts +1 -1
  374. package/es/extensions/forms/FieldBlock/FieldBlock.js +14 -23
  375. package/es/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
  376. package/es/extensions/forms/FieldBlock/style/dnb-field-block.css +9 -9
  377. package/es/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
  378. package/es/extensions/forms/FieldBlock/style/dnb-field-block.scss +2 -11
  379. package/es/extensions/forms/Form/Handler/Handler.js +1 -0
  380. package/es/extensions/forms/Form/Handler/Handler.js.map +1 -1
  381. package/{extensions/forms → es/extensions/forms/Form}/Visibility/Visibility.d.ts +5 -2
  382. package/es/extensions/forms/{Visibility → Form/Visibility}/Visibility.js +7 -2
  383. package/es/extensions/forms/Form/Visibility/Visibility.js.map +1 -0
  384. package/es/extensions/forms/Form/Visibility/index.js.map +1 -0
  385. package/es/extensions/forms/Form/hooks/useData.d.ts +10 -0
  386. package/es/extensions/forms/Form/hooks/useData.js +29 -0
  387. package/es/extensions/forms/Form/hooks/useData.js.map +1 -0
  388. package/es/extensions/forms/Form/index.d.ts +2 -0
  389. package/es/extensions/forms/Form/index.js +2 -0
  390. package/es/extensions/forms/Form/index.js.map +1 -1
  391. package/es/extensions/forms/Iterate/Array/Array.js +0 -4
  392. package/es/extensions/forms/Iterate/Array/Array.js.map +1 -1
  393. package/es/extensions/forms/hooks/useDataValue.js +26 -33
  394. package/es/extensions/forms/hooks/useDataValue.js.map +1 -1
  395. package/es/extensions/forms/hooks/useId.d.ts +1 -0
  396. package/es/extensions/forms/hooks/useId.js +11 -0
  397. package/es/extensions/forms/hooks/useId.js.map +1 -0
  398. package/es/extensions/forms/index.d.ts +6 -1
  399. package/es/extensions/forms/index.js +3 -1
  400. package/es/extensions/forms/index.js.map +1 -1
  401. package/es/extensions/forms/style/dnb-forms.css +214 -11
  402. package/es/extensions/forms/style/dnb-forms.min.css +1 -1
  403. package/es/extensions/forms/types.d.ts +16 -18
  404. package/es/extensions/forms/types.js.map +1 -1
  405. package/es/extensions/forms/utils/TestElement/TestElement.d.ts +5 -1
  406. package/es/extensions/forms/utils/TestElement/TestElement.js +1 -0
  407. package/es/extensions/forms/utils/TestElement/TestElement.js.map +1 -1
  408. package/es/shared/Eufemia.d.ts +1 -1
  409. package/es/shared/Eufemia.js +2 -2
  410. package/es/shared/Eufemia.js.map +1 -1
  411. package/es/shared/helpers/EventEmitter.d.ts +5 -0
  412. package/es/shared/helpers/EventEmitter.js.map +1 -1
  413. package/es/shared/helpers/useEventEmitter.d.ts +2 -0
  414. package/es/shared/helpers/useEventEmitter.js.map +1 -1
  415. package/es/shared/helpers/useSharedState.d.ts +15 -0
  416. package/es/shared/helpers/useSharedState.js +63 -0
  417. package/es/shared/helpers/useSharedState.js.map +1 -0
  418. package/es/style/core/utilities.scss +1 -2
  419. package/es/style/dnb-ui-components.css +232 -27
  420. package/es/style/dnb-ui-components.min.css +3 -3
  421. package/es/style/dnb-ui-extensions.css +214 -11
  422. package/es/style/dnb-ui-extensions.min.css +1 -1
  423. package/es/style/dnb-ui-forms.css +214 -11
  424. package/es/style/dnb-ui-forms.min.css +1 -1
  425. package/es/style/dnb-ui-forms.scss +1 -0
  426. package/es/style/themes/theme-eiendom/eiendom-theme-components.css +498 -44
  427. package/es/style/themes/theme-eiendom/eiendom-theme-components.min.css +9 -5
  428. package/es/style/themes/theme-eiendom/eiendom-theme-extensions.css +230 -11
  429. package/es/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +5 -1
  430. package/es/style/themes/theme-eiendom/eiendom-theme-extensions.scss +1 -0
  431. package/es/style/themes/theme-eiendom/eiendom-theme-forms.css +230 -12
  432. package/es/style/themes/theme-eiendom/eiendom-theme-forms.min.css +5 -1
  433. package/es/style/themes/theme-eiendom/eiendom-theme-forms.scss +2 -0
  434. package/es/style/themes/theme-sbanken/sbanken-theme-components.css +541 -40
  435. package/es/style/themes/theme-sbanken/sbanken-theme-components.min.css +8 -6
  436. package/es/style/themes/theme-sbanken/sbanken-theme-extensions.css +289 -11
  437. package/es/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +3 -1
  438. package/es/style/themes/theme-sbanken/sbanken-theme-extensions.scss +1 -0
  439. package/es/style/themes/theme-sbanken/sbanken-theme-forms.css +289 -12
  440. package/es/style/themes/theme-sbanken/sbanken-theme-forms.min.css +3 -1
  441. package/es/style/themes/theme-sbanken/sbanken-theme-forms.scss +2 -0
  442. package/es/style/themes/theme-ui/ui-theme-components.css +496 -44
  443. package/es/style/themes/theme-ui/ui-theme-components.min.css +9 -5
  444. package/es/style/themes/theme-ui/ui-theme-extensions.css +230 -11
  445. package/es/style/themes/theme-ui/ui-theme-extensions.min.css +5 -1
  446. package/es/style/themes/theme-ui/ui-theme-extensions.scss +1 -0
  447. package/es/style/themes/theme-ui/ui-theme-forms.css +230 -12
  448. package/es/style/themes/theme-ui/ui-theme-forms.min.css +5 -1
  449. package/es/style/themes/theme-ui/ui-theme-forms.scss +2 -0
  450. package/es/style/themes/theme-ui/ui-theme-tags.css +8 -10
  451. package/es/style/themes/theme-ui/ui-theme-tags.min.css +1 -1
  452. package/esm/dnb-ui-basis.min.mjs +1 -1
  453. package/esm/dnb-ui-components.min.mjs +1 -1
  454. package/esm/dnb-ui-elements.min.mjs +1 -1
  455. package/esm/dnb-ui-extensions.min.mjs +3 -3
  456. package/esm/dnb-ui-lib.min.mjs +1 -1
  457. package/extensions/forms/DataContext/Provider/Provider.d.ts +8 -4
  458. package/extensions/forms/DataContext/Provider/Provider.js +22 -4
  459. package/extensions/forms/DataContext/Provider/Provider.js.map +1 -1
  460. package/extensions/forms/Field/ArraySelection/ArraySelection.js +15 -15
  461. package/extensions/forms/Field/ArraySelection/ArraySelection.js.map +1 -1
  462. package/extensions/forms/Field/ArraySelection/style/dnb-array-selection.css +12 -2
  463. package/extensions/forms/Field/ArraySelection/style/dnb-array-selection.min.css +1 -1
  464. package/extensions/forms/Field/ArraySelection/style/dnb-array-selection.scss +12 -2
  465. package/extensions/forms/Field/Currency/Currency.d.ts +1 -5
  466. package/extensions/forms/Field/Currency/Currency.js.map +1 -1
  467. package/extensions/forms/Field/Date/Date.d.ts +3 -1
  468. package/extensions/forms/Field/Date/Date.js +48 -11
  469. package/extensions/forms/Field/Date/Date.js.map +1 -1
  470. package/extensions/forms/Field/Expiry/Expiry.d.ts +1 -1
  471. package/extensions/forms/Field/Expiry/Expiry.js +21 -11
  472. package/extensions/forms/Field/Expiry/Expiry.js.map +1 -1
  473. package/extensions/forms/Field/Number/Number.d.ts +5 -1
  474. package/extensions/forms/Field/Number/Number.js +110 -31
  475. package/extensions/forms/Field/Number/Number.js.map +1 -1
  476. package/extensions/forms/Field/Number/style/dnb-number.css +192 -0
  477. package/extensions/forms/Field/Number/style/dnb-number.min.css +1 -0
  478. package/extensions/forms/Field/Number/style/dnb-number.scss +176 -0
  479. package/extensions/forms/Field/Number/style/themes/dnb-number-theme-sbanken.css +74 -0
  480. package/extensions/forms/Field/Number/style/themes/dnb-number-theme-sbanken.min.css +3 -0
  481. package/extensions/forms/Field/Number/style/themes/dnb-number-theme-sbanken.scss +81 -0
  482. package/extensions/forms/Field/Number/style/themes/dnb-number-theme-ui.css +15 -0
  483. package/extensions/forms/Field/Number/style/themes/dnb-number-theme-ui.min.css +5 -0
  484. package/extensions/forms/Field/Number/style/themes/dnb-number-theme-ui.scss +15 -0
  485. package/extensions/forms/Field/PhoneNumber/PhoneNumber.js +7 -10
  486. package/extensions/forms/Field/PhoneNumber/PhoneNumber.js.map +1 -1
  487. package/extensions/forms/Field/Selection/Selection.d.ts +7 -1
  488. package/extensions/forms/Field/Selection/Selection.js +4 -9
  489. package/extensions/forms/Field/Selection/Selection.js.map +1 -1
  490. package/extensions/forms/Field/String/String.d.ts +0 -1
  491. package/extensions/forms/Field/String/String.js +23 -9
  492. package/extensions/forms/Field/String/String.js.map +1 -1
  493. package/extensions/forms/Field/Toggle/Toggle.js +0 -4
  494. package/extensions/forms/Field/Toggle/Toggle.js.map +1 -1
  495. package/extensions/forms/FieldBlock/FieldBlock.d.ts +1 -1
  496. package/extensions/forms/FieldBlock/FieldBlock.js +16 -26
  497. package/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
  498. package/extensions/forms/FieldBlock/style/dnb-field-block.css +9 -9
  499. package/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
  500. package/extensions/forms/FieldBlock/style/dnb-field-block.scss +2 -11
  501. package/extensions/forms/Form/Handler/Handler.js +1 -0
  502. package/extensions/forms/Form/Handler/Handler.js.map +1 -1
  503. package/{es/extensions/forms → extensions/forms/Form}/Visibility/Visibility.d.ts +5 -2
  504. package/extensions/forms/{Visibility → Form/Visibility}/Visibility.js +7 -2
  505. package/extensions/forms/Form/Visibility/Visibility.js.map +1 -0
  506. package/extensions/forms/Form/Visibility/index.js.map +1 -0
  507. package/extensions/forms/Form/hooks/useData.d.ts +10 -0
  508. package/extensions/forms/Form/hooks/useData.js +30 -0
  509. package/extensions/forms/Form/hooks/useData.js.map +1 -0
  510. package/extensions/forms/Form/index.d.ts +2 -0
  511. package/extensions/forms/Form/index.js +2 -0
  512. package/extensions/forms/Form/index.js.map +1 -1
  513. package/extensions/forms/Iterate/Array/Array.js +0 -4
  514. package/extensions/forms/Iterate/Array/Array.js.map +1 -1
  515. package/extensions/forms/hooks/useDataValue.js +26 -33
  516. package/extensions/forms/hooks/useDataValue.js.map +1 -1
  517. package/extensions/forms/hooks/useId.d.ts +1 -0
  518. package/extensions/forms/hooks/useId.js +11 -0
  519. package/extensions/forms/hooks/useId.js.map +1 -0
  520. package/extensions/forms/index.d.ts +6 -1
  521. package/extensions/forms/index.js +3 -1
  522. package/extensions/forms/index.js.map +1 -1
  523. package/extensions/forms/style/dnb-forms.css +214 -11
  524. package/extensions/forms/style/dnb-forms.min.css +1 -1
  525. package/extensions/forms/types.d.ts +16 -18
  526. package/extensions/forms/types.js.map +1 -1
  527. package/extensions/forms/utils/TestElement/TestElement.d.ts +5 -1
  528. package/extensions/forms/utils/TestElement/TestElement.js +1 -0
  529. package/extensions/forms/utils/TestElement/TestElement.js.map +1 -1
  530. package/package.json +1 -1
  531. package/shared/Eufemia.d.ts +1 -1
  532. package/shared/Eufemia.js +2 -2
  533. package/shared/Eufemia.js.map +1 -1
  534. package/shared/helpers/EventEmitter.d.ts +5 -0
  535. package/shared/helpers/EventEmitter.js.map +1 -1
  536. package/shared/helpers/useEventEmitter.d.ts +2 -0
  537. package/shared/helpers/useEventEmitter.js.map +1 -1
  538. package/shared/helpers/useSharedState.d.ts +15 -0
  539. package/shared/helpers/useSharedState.js +63 -0
  540. package/shared/helpers/useSharedState.js.map +1 -0
  541. package/style/core/utilities.scss +1 -2
  542. package/style/dnb-ui-components.css +232 -27
  543. package/style/dnb-ui-components.min.css +3 -3
  544. package/style/dnb-ui-extensions.css +214 -11
  545. package/style/dnb-ui-extensions.min.css +1 -1
  546. package/style/dnb-ui-forms.css +214 -11
  547. package/style/dnb-ui-forms.min.css +1 -1
  548. package/style/dnb-ui-forms.scss +1 -0
  549. package/style/themes/theme-eiendom/eiendom-theme-components.css +498 -44
  550. package/style/themes/theme-eiendom/eiendom-theme-components.min.css +9 -5
  551. package/style/themes/theme-eiendom/eiendom-theme-extensions.css +230 -11
  552. package/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +5 -1
  553. package/style/themes/theme-eiendom/eiendom-theme-extensions.scss +1 -0
  554. package/style/themes/theme-eiendom/eiendom-theme-forms.css +230 -12
  555. package/style/themes/theme-eiendom/eiendom-theme-forms.min.css +5 -1
  556. package/style/themes/theme-eiendom/eiendom-theme-forms.scss +2 -0
  557. package/style/themes/theme-sbanken/sbanken-theme-components.css +541 -40
  558. package/style/themes/theme-sbanken/sbanken-theme-components.min.css +8 -6
  559. package/style/themes/theme-sbanken/sbanken-theme-extensions.css +289 -11
  560. package/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +3 -1
  561. package/style/themes/theme-sbanken/sbanken-theme-extensions.scss +1 -0
  562. package/style/themes/theme-sbanken/sbanken-theme-forms.css +289 -12
  563. package/style/themes/theme-sbanken/sbanken-theme-forms.min.css +3 -1
  564. package/style/themes/theme-sbanken/sbanken-theme-forms.scss +2 -0
  565. package/style/themes/theme-ui/ui-theme-components.css +496 -44
  566. package/style/themes/theme-ui/ui-theme-components.min.css +9 -5
  567. package/style/themes/theme-ui/ui-theme-extensions.css +230 -11
  568. package/style/themes/theme-ui/ui-theme-extensions.min.css +5 -1
  569. package/style/themes/theme-ui/ui-theme-extensions.scss +1 -0
  570. package/style/themes/theme-ui/ui-theme-forms.css +230 -12
  571. package/style/themes/theme-ui/ui-theme-forms.min.css +5 -1
  572. package/style/themes/theme-ui/ui-theme-forms.scss +2 -0
  573. package/style/themes/theme-ui/ui-theme-tags.css +8 -10
  574. package/style/themes/theme-ui/ui-theme-tags.min.css +1 -1
  575. package/umd/dnb-ui-basis.min.js +1 -1
  576. package/umd/dnb-ui-components.min.js +1 -1
  577. package/umd/dnb-ui-elements.min.js +1 -1
  578. package/umd/dnb-ui-extensions.min.js +3 -3
  579. package/umd/dnb-ui-lib.min.js +1 -1
  580. package/cjs/extensions/forms/Visibility/Visibility.js.map +0 -1
  581. package/cjs/extensions/forms/Visibility/index.js.map +0 -1
  582. package/es/extensions/forms/Visibility/Visibility.js.map +0 -1
  583. package/es/extensions/forms/Visibility/index.js.map +0 -1
  584. package/extensions/forms/Visibility/Visibility.js.map +0 -1
  585. package/extensions/forms/Visibility/index.js.map +0 -1
  586. /package/cjs/extensions/forms/{Visibility → Form/Visibility}/index.d.ts +0 -0
  587. /package/cjs/extensions/forms/{Visibility → Form/Visibility}/index.js +0 -0
  588. /package/es/extensions/forms/{Visibility → Form/Visibility}/index.d.ts +0 -0
  589. /package/es/extensions/forms/{Visibility → Form/Visibility}/index.js +0 -0
  590. /package/extensions/forms/{Visibility → Form/Visibility}/index.d.ts +0 -0
  591. /package/extensions/forms/{Visibility → Form/Visibility}/index.js +0 -0
@@ -1 +1,5 @@
1
- .dnb-forms-field-array-selection--options-layout-vertical .dnb-forms-field-array-selection__options{display:flex;flex-flow:column;row-gap:var(--spacing-x-small)}.dnb-forms-field-array-selection--options-layout-horizontal .dnb-forms-field-array-selection__options{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row wrap}.dnb-forms-field-expiry .dnb-multi-input-mask{width:var(--forms-field-width--small)}.dnb-forms-field-expiry .dnb-multi-input-mask .dnb-input__shell{justify-content:center}.dnb-forms-field-phone-number__country-code,.dnb-forms-field-phone-number__country-code .dnb-autocomplete__shell{width:calc(var(--forms-field-width--medium) - 2rem)}.dnb-forms-field-phone-number__number{flex:1}.dnb-forms-field-phone-number .dnb-form-label{max-width:14ch}.dnb-forms-field-postal-code-and-city__fields{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}.dnb-forms-field-postal-code-and-city__postal-code{flex:0 5rem}.dnb-forms-field-postal-code-and-city__city{flex:1}.dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label{align-self:center}.dnb-forms-field-selection__options-layout--horizontal .dnb-forms-field-block--layout-horizontal .dnb-form-label,.dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label{margin-bottom:0}.dnb-forms-field-selection__variant--button .dnb-forms-field-block--layout-horizontal .dnb-form-label{line-height:2.5rem}:root{--forms-field-width--small:5rem;--forms-field-width--medium:11rem;--forms-field-width--large:21rem}fieldset.dnb-forms-field-block{border:none;padding:0}fieldset.dnb-forms-field-block:not([class*=space__top]){margin-top:0}fieldset.dnb-forms-field-block:not([class*=space__right]){margin-right:0}fieldset.dnb-forms-field-block:not([class*=space__bottom]){margin-bottom:0}fieldset.dnb-forms-field-block:not([class*=space__left]){margin-left:0}.dnb-forms-field-block__grid{display:grid}.dnb-forms-field-block--layout-vertical{grid-template-areas:"label" "contents" "status";grid-template-columns:auto}.dnb-forms-field-block--layout-horizontal{grid-template-areas:"label contents" "status status";grid-template-columns:fit-content(100%) auto}.dnb-forms-field-block--width-stretch{flex-grow:1}@media screen and (min-width:30em){.dnb-forms-field-block--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block--width-large{width:var(--forms-field-width--large)}}.dnb-forms-field-block__label{align-items:center;display:flex;flex-flow:row;grid-area:label;justify-content:space-between}.dnb-forms-field-block__label-description{margin-left:.3em}.dnb-forms-field-block__label-description,.dnb-forms-field-block__label-secondary{color:var(--color-black-55);font-size:var(--font-size-small)}.dnb-forms-field-block__status{grid-area:status}.dnb-forms-field-block__contents{grid-area:contents}.dnb-forms-field-block__contents--width-stretch{width:100%}@media screen and (min-width:30em){.dnb-forms-field-block__contents--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block__contents--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block__contents--width-large{width:var(--forms-field-width--large)}}.dnb-forms-button-row{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}@media screen and (min-width:40em){.dnb-card+.dnb-forms-button-row:not([class*=space__left]){margin-left:var(--spacing-medium)}}.dnb-spacing .dnb-form-main-heading.dnb-h--large:not([class*=space__]){margin:0}@media screen and (min-width:40em){.dnb-form-main-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__left]){margin-left:var(--spacing-medium)}}.dnb-form-main-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-spacing .dnb-form-sub-heading.dnb-h--medium:not([class*=space__]){margin:0}.dnb-form-sub-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-forms-steps-layout{-moz-column-gap:var(--spacing-medium);column-gap:var(--spacing-medium);display:flex;flex-flow:row wrap}.dnb-forms-steps-layout__sidebar{flex:0}.dnb-forms-steps-layout__contents{flex:1 0 25rem}.dnb-forms-steps-layout__contents .dnb-card{--border-color:var(--color-pistachio)}@media screen and (max-width:60em){.dnb-forms-steps-layout{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-steps-layout__contents{flex-basis:auto}}.dnb-forms-steps-layout .dnb-step-indicator__sidebar{margin-right:0}.dnb-forms-value-block{display:block;font-size:var(--font-size-basis)}.dnb-forms-value-block--inline{display:inline-block;font-size:inherit;margin-left:var(--spacing-xx-small);margin-right:var(--spacing-xx-small)}.dnb-forms-value-block__label{font-weight:var(--font-weight-medium)}.dnb-forms-value-block__placeholder{color:rgba(0,0,0,.5)}.dnb-forms-test-element{border:1px dashed grey;border-radius:.5rem;color:#909090;padding:.5rem 1rem}
1
+ .dnb-forms-field-array-selection--layout-vertical .dnb-forms-field-array-selection__options{display:flex;flex-flow:column;row-gap:var(--spacing-x-small)}.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-array-selection__options{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row wrap;row-gap:var(--spacing-x-small)}@media screen and (min-width:40em){.dnb-forms-field-array-selection .dnb-forms-field-block--layout-horizontal .dnb-form-label{line-height:2.5rem;margin-bottom:0}}.dnb-forms-field-expiry .dnb-multi-input-mask{width:var(--forms-field-width--small)}.dnb-forms-field-expiry .dnb-multi-input-mask .dnb-input__shell{justify-content:center}.dnb-forms-field-number{--number-control-button-border-color:#000;--number-control-button-border-color--hover:#a9a9a9;--number-control-button-border-color--focus:#a9a9a9;--number-control-button-border-width--focus:0.125rem;--number-control-button-background-color--hover:grey;--number-control-button-color--hover:#000;--number-control-button-background-color--active:#000;--number-control-button-color--active:#d3d3d3;--number-control-button--error:red;--number-control-button--error-contrast:#fff;--number-control-button-width--small:2rem;--number-control-button-width--medium:2.5rem;--number-control-button-width--large:3rem;--forms-field-block--number-control-buttons-width--small:calc(var(--number-control-button-width--small)*2);--forms-field-block--number-control-buttons-width--medium:calc(var(--number-control-button-width--medium)*2);--forms-field-block--number-control-buttons-width--large:calc(var(--number-control-button-width--large)*2)}.dnb-forms-field-number__contents{align-items:center;display:flex}.dnb-forms-field-number__contents--has-controls{--border-color:var(--number-control-button-border-color);--border-width:0.0625rem;border-color:transparent;border-radius:.25rem;box-shadow:0 0 0 var(--border-width) var(--border-color)}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls:hover:not([disabled]){--border-color:var(--number-control-button-border-color);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}html[data-whatinput=keyboard] .dnb-forms-field-number__contents--has-controls:focus-within{--border-color:var(--number-control-button-border-color--focus);--border-width:var(--number-control-button-border-width--focus);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-forms-field-number__contents--has-controls .dnb-input__shell{border-radius:0;box-shadow:none}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-input__shell:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-input__shell:hover:not([disabled]){box-shadow:none}.dnb-forms-field-number__contents--has-controls .dnb-input:not([data-input-state=disabled]):not(:active)[data-input-state=focus] .dnb-input__shell{box-shadow:none;outline:initial}html[data-whatinput=""] .dnb-forms-field-number__contents--has-controls .dnb-input:not([data-input-state=disabled]):not(:active)[data-input-state=focus] .dnb-input__shell{box-shadow:none}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:hover:not([disabled]){background-color:var(--number-control-button-background-color--hover);color:var(--number-control-button-color--hover)}.dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active[disabled],.dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active[disabled]{cursor:not-allowed}.dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active:not([disabled]),.dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active:not([disabled]){background-color:var(--number-control-button-background-color--active);color:var(--number-control-button-color--active)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error{--border-color:var(--number-control-button--error);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error:hover:not([disabled]){--border-color:var(--number-control-button--error);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-input__status--error:not([data-input-state=disabled]):not(:hover):not(:active) .dnb-input__shell{box-shadow:none}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-before{color:var(--number-control-button--error)}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-before:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-before:hover:not([disabled]){background-color:var(--number-control-button--error-contrast);color:var(--number-control-button--error)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-after:active[disabled],.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-before:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-after:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-before:active[disabled]{cursor:not-allowed}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-after:active:not([disabled]),.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-before:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-after:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-before:active:not([disabled]){background-color:var(--number-control-button--error);color:var(--number-control-button--error-contrast)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-before[disabled]{color:var(--number-control-button--error-contrast)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--is-disabled{--border-color:var(--color-black-55);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--is-disabled:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--is-disabled:hover:not([disabled]){--border-color:var(--color-black-55);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--is-disabled .dnb-input[data-input-state=disabled] .dnb-input__shell{box-shadow:none}.dnb-input[data-input-state=disabled] .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--is-disabled{--border-color:var(--color-black-55);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--is-disabled .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--is-disabled .dnb-button--control-before[disabled]{background-color:var(--color-black-3);color:var(--color-black-20)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small{width:calc(var(--forms-field-width--small) + var(--forms-field-block--number-control-buttons-width--small))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small .dnb-button--control-before{width:var(--number-control-button-width--small)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium{width:calc(var(--forms-field-width--medium) + var(--forms-field-block--number-control-buttons-width--medium))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium .dnb-button--control-before{width:var(--number-control-button-width--medium)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large{width:calc(var(--forms-field-width--large) + var(--forms-field-block--number-control-buttons-width--large))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-before{width:var(--number-control-button-width--large)}.dnb-forms-field-phone-number__country-code,.dnb-forms-field-phone-number__country-code .dnb-autocomplete__shell{width:calc(var(--forms-field-width--medium) - 2rem)}.dnb-forms-field-phone-number__number{flex:1}.dnb-forms-field-phone-number .dnb-form-label{max-width:14ch}.dnb-forms-field-postal-code-and-city__fields{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}.dnb-forms-field-postal-code-and-city__postal-code{flex:0 5rem}.dnb-forms-field-postal-code-and-city__city{flex:1}.dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label{align-self:center}.dnb-forms-field-selection__options-layout--horizontal .dnb-forms-field-block--layout-horizontal .dnb-form-label,.dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label{margin-bottom:0}.dnb-forms-field-selection__variant--button .dnb-forms-field-block--layout-horizontal .dnb-form-label{line-height:2.5rem}:root{--forms-field-width--small:5rem;--forms-field-width--medium:11rem;--forms-field-width--large:21rem}fieldset.dnb-forms-field-block{border:none;padding:0}fieldset.dnb-forms-field-block:not([class*=space__top]){margin-top:0}fieldset.dnb-forms-field-block:not([class*=space__right]){margin-right:0}fieldset.dnb-forms-field-block:not([class*=space__bottom]){margin-bottom:0}fieldset.dnb-forms-field-block:not([class*=space__left]){margin-left:0}.dnb-forms-field-block__grid{display:grid}@media screen and (max-width:40em){.dnb-forms-field-block__grid{flex-wrap:wrap}.dnb-forms-field-block__grid>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-forms-field-block--layout-vertical{grid-template-areas:"label" "contents" "status";grid-template-columns:auto}.dnb-forms-field-block--layout-horizontal{grid-template-areas:"label contents" "status status";grid-template-columns:fit-content(100%) auto}.dnb-forms-field-block--width-stretch{flex-grow:1}@media screen and (min-width:30em){.dnb-forms-field-block--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block--width-large{width:var(--forms-field-width--large)}}.dnb-forms-field-block__label{align-items:center;display:flex;flex-flow:row;grid-area:label;justify-content:space-between}.dnb-forms-field-block__status{grid-area:status}.dnb-forms-field-block__contents{grid-area:contents}.dnb-forms-field-block__contents--width-stretch{width:100%}@media screen and (min-width:30em){.dnb-forms-field-block__contents--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block__contents--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block__contents--width-large{width:var(--forms-field-width--large)}}.dnb-forms-button-row{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}@media screen and (min-width:40em){.dnb-card+.dnb-forms-button-row:not([class*=space__left]){margin-left:var(--spacing-medium)}}.dnb-spacing .dnb-form-main-heading.dnb-h--large:not([class*=space__]){margin:0}@media screen and (min-width:40em){.dnb-form-main-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__left]){margin-left:var(--spacing-medium)}}.dnb-form-main-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-spacing .dnb-form-sub-heading.dnb-h--medium:not([class*=space__]){margin:0}.dnb-form-sub-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-forms-steps-layout{-moz-column-gap:var(--spacing-medium);column-gap:var(--spacing-medium);display:flex;flex-flow:row wrap}.dnb-forms-steps-layout__sidebar{flex:0}.dnb-forms-steps-layout__contents{flex:1 0 25rem}.dnb-forms-steps-layout__contents .dnb-card{--border-color:var(--color-pistachio)}@media screen and (max-width:60em){.dnb-forms-steps-layout{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-steps-layout__contents{flex-basis:auto}}.dnb-forms-steps-layout .dnb-step-indicator__sidebar{margin-right:0}.dnb-forms-value-block{display:block;font-size:var(--font-size-basis)}.dnb-forms-value-block--inline{display:inline-block;font-size:inherit;margin-left:var(--spacing-xx-small);margin-right:var(--spacing-xx-small)}.dnb-forms-value-block__label{font-weight:var(--font-weight-medium)}.dnb-forms-value-block__placeholder{color:rgba(0,0,0,.5)}.dnb-forms-test-element{border:1px dashed grey;border-radius:.5rem;color:#909090;padding:.5rem 1rem}.dnb-forms-field-number{--number-control-button-border-color:var(--color-sea-green);--number-control-button-border-color--hover:var(--color-emerald-green);--number-control-button-border-color--focus:var(--color-emerald-green);--number-control-button-background-color--hover:var(
2
+ --color-mint-green-12
3
+ );--number-control-button-color--hover:var(--color-emerald-green);--number-control-button-background-color--active:var(
4
+ --color-mint-green-50
5
+ );--number-control-button-color--active:var(--color-sea-green);--number-control-button--error:var(--color-fire-red);--number-control-button--error-contrast:var(--color-fire-red-8)}
@@ -13,3 +13,5 @@ $THEME_FALLBACK: 'ui';
13
13
  * NB: The content below is auto generated by the "themeFactory".
14
14
  * You may want to update it by running "yarn build" locally.
15
15
  */
16
+
17
+ @import '../../../extensions/forms/Field/Number/style/themes/dnb-number-theme-ui.scss';
@@ -91,14 +91,6 @@ sup .dnb-core-style a, sub .dnb-core-style a {
91
91
  .dnb-p .dnb-core-style a, .dnb-lead .dnb-core-style a, .dnb-h--xx-large .dnb-core-style a, .dnb-h--x-large .dnb-core-style a, .dnb-h--large .dnb-core-style a, .dnb-h--medium .dnb-core-style a, .dnb-h--basis .dnb-core-style a, .dnb-h--small .dnb-core-style a, .dnb-h--x-small .dnb-core-style a {
92
92
  font-size: inherit;
93
93
  }
94
- .dnb-core-style a--launch-icon .dnb-icon,
95
- .dnb-core-style a--launch-icon .dnb-icon.dnb-icon--default {
96
- font-size: 1.11em;
97
- }
98
- .dnb-core-style a--launch-icon .dnb-icon svg path,
99
- .dnb-core-style a--launch-icon .dnb-icon.dnb-icon--default svg path {
100
- stroke-width: 1.2;
101
- }
102
94
  .dnb-core-style a:focus-visible {
103
95
  background-color: transparent;
104
96
  transition: none;
@@ -831,12 +823,18 @@ del .dnb-core-style code {
831
823
  .dnb-core-style a:focus-visible {
832
824
  --anchor-color: var(--color-sea-green);
833
825
  }
834
- .dnb-core-style a--icon-left .dnb-icon {
826
+ .dnb-core-style a--icon-left .dnb-icon:first-child {
835
827
  margin-right: 0.25em;
836
828
  }
837
- .dnb-core-style a--icon-right .dnb-icon {
829
+ .dnb-core-style a--icon-right .dnb-icon:last-child {
838
830
  margin-left: 0.25em;
839
831
  }
832
+ .dnb-core-style a__launch-icon.dnb-icon.dnb-icon--default {
833
+ font-size: 1.11em;
834
+ }
835
+ .dnb-core-style a__launch-icon.dnb-icon.dnb-icon--default svg path {
836
+ stroke-width: 1.2;
837
+ }
840
838
  .dnb-core-style h1,
841
839
  .dnb-core-style h2,
842
840
  .dnb-core-style h3,
@@ -1 +1 @@
1
- @charset "UTF-8";.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,h1,h2,h3,h4,h5,h6{color:var(--theme-color-black-80,currentColor)}.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,.dnb-small,.dnb-table,b,h1,h2,h3,h4,h5,h6,p,small,strong,sub,sup{--typography-h-xx-large-small-line-height:var(--line-height-large);--typography-h-x-large-line-height:var(--line-height-large);--typography-h-x-large-small-font-size:var(--font-size-x-large);--typography-h-large-line-height:var(--line-height-medium);--typography-h-large-small-line-height:calc(var(--line-height-medium) - 0.125rem);--typography-lead-small-font-size:var(--font-size-basis);--typography-lead-small-line-height:var(--line-height-basis);--typography-h-medium-line-height:var(--line-height-lead);--typography-h-small-small-line-height:var(--line-height-small)}.dnb-core-style a{border-radius:0;display:inline;font-size:var(--font-size-basis);padding:.05575em 0;-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:currentcolor;text-decoration-thickness:var(--anchor-underline-thickness);text-underline-offset:.25em;transition:box-shadow .2s ease-in-out,border-radius .2s ease-in-out,background .2s ease-in-out}sub .dnb-core-style a,sup .dnb-core-style a{padding:0 .025em}.dnb-h--basis .dnb-core-style a,.dnb-h--large .dnb-core-style a,.dnb-h--medium .dnb-core-style a,.dnb-h--small .dnb-core-style a,.dnb-h--x-large .dnb-core-style a,.dnb-h--x-small .dnb-core-style a,.dnb-h--xx-large .dnb-core-style a,.dnb-lead .dnb-core-style a,.dnb-p .dnb-core-style a{font-size:inherit}.dnb-core-style a--launch-icon .dnb-icon,.dnb-core-style a--launch-icon .dnb-icon.dnb-icon--default{font-size:1.11em}.dnb-core-style a--launch-icon .dnb-icon svg path,.dnb-core-style a--launch-icon .dnb-icon.dnb-icon--default svg path{stroke-width:1.2}.dnb-core-style a:focus-visible{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;border-radius:.25em;box-shadow:0 0 0 var(--border-width) var(--border-color);outline:none;transition:none}.dnb-core-style a:focus-visible,.dnb-section .dnb-core-style a:focus-visible.dnb-anchor{-webkit-text-decoration:none;text-decoration:none}.dnb-core-style a:hover:where(:not(.dnb-anchor--no-hover)){border-radius:.25em}.dnb-core-style a:hover:where(:not(.dnb-anchor--no-hover)),.dnb-section .dnb-core-style a:hover:where(:not(.dnb-anchor--no-hover)).dnb-anchor{-webkit-text-decoration:none;text-decoration:none}@supports not (selector(*:where(*))){.dnb-core-style a:hover:not(.dnb-anchor--no-hover){border-radius:.25em}.dnb-core-style a:hover:not(.dnb-anchor--no-hover),.dnb-section .dnb-core-style a:hover:not(.dnb-anchor--no-hover).dnb-anchor{-webkit-text-decoration:none;text-decoration:none}}.dnb-core-style a:active{border-radius:.25em}.dnb-core-style a:active,.dnb-section .dnb-core-style a:active.dnb-anchor{-webkit-text-decoration:none;text-decoration:none}[data-visual-test-wrapper] .dnb-core-style a{transition:none}.dnb-core-style a .dnb-icon{display:inline-block;transform:translateY(-.0625em)}.dnb-core-style a--no-icon .dnb-icon{display:none}.dnb-core-style img{border-radius:inherit;border-style:none;box-sizing:content-box;max-width:100%;position:relative;z-index:2}.dnb-core-style 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-core-style figure{align-items:center;display:inline-flex;flex-direction:column;padding:0;text-align:center}.dnb-core-style figure:not([class*=dnb-space]){margin:0}.dnb-core-style figure figcaption,.dnb-core-style figure img{font-size:var(--font-size-basis)}.dnb-core-style figure img{border-radius:inherit;border-style:none;box-sizing:content-box;max-width:100%;position:relative;z-index:2}.dnb-core-style figure 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-core-style figure figcaption{margin-top:.5rem}.dnb-core-style blockquote{--blockquote-padding-top:2rem;--blockquote-padding-left:1.5rem;--blockquote-padding-bottom:3rem;--blockquote-quote-size:3rem;--blockquote-quote-padding:6rem;--blockquote-cite-style:italic;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-core-style blockquote:not([class*=dnb-space]){margin:0}.dnb-core-style blockquote:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0E1RTFEMiIgc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMzcuNSAyNy41YTkgOSAwIDEgMCAwLTE4IDkgOSAwIDAgMCAwIDE4Ii8+PHBhdGggc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNNDYuNSAxOC41YTIxIDIxIDAgMCAxLTIxIDIxIi8+PHBhdGggZmlsbD0iI0E1RTFEMiIgc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMTMuNSAyNy41YTkgOSAwIDEgMCAwLTE4IDkgOSAwIDAgMCAwIDE4Ii8+PHBhdGggc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMjIuNSAxOC41YTIxIDIxIDAgMCAxLTIxIDIxIi8+PC9zdmc+");background-size:cover;content:"";height:var(--blockquote-quote-size);left:var(--blockquote-padding-left);position:absolute;top:var(--blockquote-padding-top);width:var(--blockquote-quote-size)}.dnb-core-style blockquote,.dnb-core-style blockquote.dnb-blockquote--left{padding-bottom:var(--blockquote-padding-bottom);padding-left:var(--blockquote-quote-padding);padding-top:var(--blockquote-padding-top)}.dnb-core-style blockquote.dnb-blockquote--top{padding-bottom:var(--blockquote-padding-bottom);padding-left:var(--blockquote-padding-left);padding-top:var(--blockquote-quote-padding)}.dnb-core-style blockquote.dnb-blockquote--no-background{background-color:transparent}.dnb-core-style blockquote .dnb-cite,.dnb-core-style blockquote .dnb-figcaption,.dnb-core-style blockquote cite,.dnb-core-style blockquote figcaption,.dnb-core-style blockquote footer{display:block;font-style:var(--blockquote-cite-style);font-weight:var(--font-weight-medium);line-height:var(--line-height-basis);margin-top:1rem}.dnb-core-style blockquote .dnb-cite:before,.dnb-core-style blockquote .dnb-figcaption:before,.dnb-core-style blockquote cite:before,.dnb-core-style blockquote figcaption:before,.dnb-core-style blockquote footer:before{content:"—";display:inline-block;padding-right:.5rem}.dnb-spacing .dnb-core-style blockquote .dnb-h--large,.dnb-spacing .dnb-core-style blockquote .dnb-h--medium,.dnb-spacing .dnb-core-style blockquote .dnb-h--xx-large,.dnb-spacing .dnb-core-style blockquote .dnb-lead,.dnb-spacing .dnb-core-style blockquote h1,.dnb-spacing .dnb-core-style blockquote h2,.dnb-spacing .dnb-core-style blockquote h3{margin:0}.dnb-core-style blockquote .dnb-anchor{font-size:inherit}.dnb-core-style .dnb-spacing blockquote:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing blockquote:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style .dnb-spacing blockquote p:last-child{margin-bottom:0}.dnb-core-style hr{border:0;display:flow-root;height:0;padding:0;position:relative;width:100%}.dnb-core-style hr:not([class*=dnb-space]){margin:0}.dnb-core-style hr:after{background-color:currentcolor;border-radius:calc(var(--thickness)/2);color:inherit;content:"";height:var(--thickness);inset:0;position:absolute;z-index:1}.dnb-core-style .dnb-spacing hr:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing hr:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style p{font-size:var(--font-size-basis);padding:0}.dnb-core-style p:not([class*=space__top]){margin-top:0}.dnb-core-style p:not([class*=space__bottom]){margin-bottom:0}.dnb-core-style p--lead{font-size:var(--typography-lead-font-size);font-weight:var(--typography-lead-weight);line-height:var(--typography-lead-line-height)}.dnb-core-style p--lead>small{font-size:var(--typography-lead-small-font-size);line-height:var(--typography-lead-small-line-height)}.dnb-core-style p b,.dnb-core-style p strong,.dnb-core-style p--medium{font-weight:var(--font-weight-medium)}.dnb-core-style p--bold{font-weight:var(--font-weight-bold)}.dnb-core-style p__size--xx-large{font-size:var(--font-size-xx-large);line-height:var(--line-height-xx-large)}.dnb-core-style p__size--x-large{font-size:var(--font-size-x-large);line-height:var(--line-height-x-large)}.dnb-core-style p__size--large{font-size:var(--font-size-large);line-height:var(--line-height-large)}.dnb-core-style p__size--basis{font-size:var(--font-size-basis);line-height:var(--line-height-basis)}.dnb-core-style p__size--medium{font-size:var(--font-size-medium);line-height:var(--line-height-medium)}.dnb-core-style p--small,.dnb-core-style p>small,.dnb-core-style p__size--small{font-size:var(--font-size-small);line-height:var(--line-height-small)}.dnb-core-style p--x-small,.dnb-core-style p__size--x-small{font-size:var(--font-size-x-small);line-height:var(--line-height-x-small)}.dnb-core-style p>cite{font-style:italic;font-weight:var(--font-weight-medium);line-height:var(--line-height-basis)}.dnb-core-style b,.dnb-core-style strong{font-weight:var(--font-weight-bold)}.dnb-core-style small{font-size:var(--font-size-small)}.dnb-core-style h1,.dnb-core-style h2,.dnb-core-style h3,.dnb-core-style h4,.dnb-core-style h5,.dnb-core-style h6{font-family:var(--typography-h-default-font-family);padding:0}.dnb-core-style h1:not([class*=dnb-space]),.dnb-core-style h2:not([class*=dnb-space]),.dnb-core-style h3:not([class*=dnb-space]),.dnb-core-style h4:not([class*=dnb-space]),.dnb-core-style h5:not([class*=dnb-space]),.dnb-core-style h6:not([class*=dnb-space]){margin:0}.dnb-core-style h1 .dnb-icon--default,.dnb-core-style h2 .dnb-icon--default,.dnb-core-style h3 .dnb-icon--default,.dnb-core-style h4 .dnb-icon--default,.dnb-core-style h5 .dnb-icon--default,.dnb-core-style h6 .dnb-icon--default{font-size:1em}.dnb-core-style h1 .dnb-icon--medium,.dnb-core-style h2 .dnb-icon--medium,.dnb-core-style h3 .dnb-icon--medium,.dnb-core-style h4 .dnb-icon--medium,.dnb-core-style h5 .dnb-icon--medium,.dnb-core-style h6 .dnb-icon--medium{font-size:1.5em}.dnb-core-style h1 .dnb-anchor,.dnb-core-style h1 a,.dnb-core-style h2 .dnb-anchor,.dnb-core-style h2 a,.dnb-core-style h3 .dnb-anchor,.dnb-core-style h3 a,.dnb-core-style h4 .dnb-anchor,.dnb-core-style h4 a,.dnb-core-style h5 .dnb-anchor,.dnb-core-style h5 a,.dnb-core-style h6 .dnb-anchor,.dnb-core-style h6 a{padding-bottom:.03125rem;padding-top:0}.dnb-core-style h1{font-size:var(--typography-h-xx-large-font-size);font-weight:var(--typography-h-xx-large-weight);line-height:var(--typography-h-xx-large-line-height)}.dnb-core-style h1>small{display:block;font-size:var(--typography-h-xx-large-small-font-size);line-height:var(--typography-h-xx-large-small-line-height)}.dnb-core-style h2{font-size:var(--typography-h-large-font-size);font-weight:var(--typography-h-large-weight);line-height:var(--typography-h-large-line-height)}.dnb-core-style h2>small{font-size:var(--typography-h-large-small-font-size);line-height:var(--typography-h-large-small-line-height)}.dnb-core-style h3{font-size:var(--typography-h-medium-font-size);font-weight:var(--typography-h-medium-weight);line-height:var(--typography-h-medium-line-height)}.dnb-core-style h3>small{font-size:var(--typography-h-medium-small-font-size);line-height:var(--typography-h-medium-small-line-height)}.dnb-core-style h4{font-family:var(--typography-h-basis-font-family);font-size:var(--typography-h-basis-font-size);font-weight:var(--typography-h-basis-weight);line-height:var(--typography-h-basis-line-height)}.dnb-core-style h4>small{font-size:var(--typography-h-basis-small-font-size);line-height:var(--typography-h-basis-small-line-height)}.dnb-core-style h5{font-family:var(--typography-h-small-font-family);font-size:var(--typography-h-small-font-size);font-weight:var(--typography-h-small-weight);line-height:var(--typography-h-small-line-height)}.dnb-core-style h5>small{font-size:var(--typography-h-small-small-font-size);line-height:var(--typography-h-small-small-line-height)}.dnb-core-style h6{font-family:var(--typography-h-x-small-font-family);font-size:var(--typography-h-x-small-font-size);font-weight:var(--typography-h-x-small-weight);line-height:var(--typography-h-x-small-line-height)}.dnb-core-style h2>small,.dnb-core-style h3>small,.dnb-core-style h4>small,.dnb-core-style h5>small,.dnb-core-style h6>small{line-height:var(--line-height-xx-small--em)}.dnb-core-style .dnb-core-style .dnb-spacing h1:not([class*=space__top]),.dnb-core-style .dnb-spacing h1:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-core-style .dnb-spacing h1:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h1:not([class*=space__bottom]){margin-bottom:2.5rem}.dnb-core-style .dnb-core-style .dnb-spacing h2:not([class*=space__top]),.dnb-core-style .dnb-spacing h2:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-core-style .dnb-spacing h2:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h2:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-core-style .dnb-spacing h3:not([class*=space__top]),.dnb-core-style .dnb-core-style .dnb-spacing h4:not([class*=space__top]),.dnb-core-style .dnb-core-style .dnb-spacing h5:not([class*=space__top]),.dnb-core-style .dnb-core-style .dnb-spacing h6:not([class*=space__top]),.dnb-core-style .dnb-spacing h3:not([class*=space__top]),.dnb-core-style .dnb-spacing h4:not([class*=space__top]),.dnb-core-style .dnb-spacing h5:not([class*=space__top]),.dnb-core-style .dnb-spacing h6:not([class*=space__top]){margin-top:2rem}.dnb-core-style .dnb-core-style .dnb-spacing h3:not([class*=space__bottom]),.dnb-core-style .dnb-core-style .dnb-spacing h4:not([class*=space__bottom]),.dnb-core-style .dnb-core-style .dnb-spacing h5:not([class*=space__bottom]),.dnb-core-style .dnb-core-style .dnb-spacing h6:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h3:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h4:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h5:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h6:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-core-style .dnb-spacing p:not([class*=dnb-space__top]),.dnb-core-style .dnb-spacing p:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-core-style .dnb-spacing p:not([class*=dnb-space__bottom]),.dnb-core-style .dnb-spacing p:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style ul{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-core-style ul:not([class*=dnb-space]){margin:0}.dnb-core-style ul:not([class*=dnb-space__left]){padding-left:2rem}.dnb-core-style ul ol,.dnb-core-style ul ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.dnb-core-style ul li,.dnb-core-style ul--outside li{position:relative}.dnb-core-style ul li:before,.dnb-core-style ul--outside li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.dnb-core-style ul--inside li:before{left:0;padding-right:0;position:relative;text-align:initial;width:auto}.dnb-core-style ul .dnb-anchor{font-size:inherit}.dnb-core-style ul li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.dnb-core-style .dnb-spacing ul:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing ul:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style .dnb-spacing ul>li{margin-bottom:1rem;margin-top:1rem}.dnb-core-style .dnb-spacing ul>li>p{margin-top:1rem}.dnb-core-style .dnb-spacing ul li>ol,.dnb-core-style .dnb-spacing ul li>ul,.dnb-core-style .dnb-spacing ul:not([class*=dnb-space]) li>ol,.dnb-core-style .dnb-spacing ul:not([class*=dnb-space]) li>ul{margin-top:-.5rem}.dnb-core-style ol{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-core-style ol:not([class*=dnb-space]){margin:0}.dnb-core-style ol:not([class*=dnb-space__left]){padding-left:2rem}.dnb-core-style ol li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.dnb-core-style ol ol,.dnb-core-style ol ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.dnb-core-style ol li,.dnb-core-style ol--outside li{position:relative}.dnb-core-style ol li:before,.dnb-core-style ol--outside li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.dnb-core-style ol--inside li:before{left:0;padding-right:0;position:relative;text-align:initial;width:auto}.dnb-core-style ol .dnb-anchor{font-size:inherit}.dnb-core-style ol li{list-style-type:decimal}.dnb-core-style ol--nested,.dnb-core-style ol--nested ol{counter-reset:item}.dnb-core-style ol--nested li{display:block}.dnb-core-style ol--nested li:before{content:counters(item,".") ". ";counter-increment:item}.dnb-core-style ol--nested li li:before{content:counters(item,".") " ";counter-increment:item}.dnb-core-style ol[type] li{display:list-item;list-style-type:inherit}.dnb-core-style ol[type] li li:before,.dnb-core-style ol[type] li:before{content:none}.dnb-core-style .dnb-spacing ol:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing ol:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style .dnb-spacing ol>li{margin-bottom:1rem;margin-top:1rem}.dnb-core-style .dnb-spacing ol>li>p{margin-top:1rem}.dnb-core-style .dnb-spacing ol li>ol,.dnb-core-style .dnb-spacing ol li>ul,.dnb-core-style .dnb-spacing ol:not([class*=dnb-space]) li>ol,.dnb-core-style .dnb-spacing ol:not([class*=dnb-space]) li>ul{margin-top:-.5rem}.dnb-core-style dl{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-core-style dl:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style dl:not([class*=dnb-space__bottom]){margin-bottom:0}.dnb-core-style dl dt{font-weight:var(--font-weight-medium);margin-top:1rem;padding:0}.dnb-core-style dl dd~dt{margin-top:1.5rem}.dnb-core-style dl dd{margin:.5rem 0 1rem;padding:0}.dnb-core-style dl:not([class*=dnb-space])>dd>dl,.dnb-core-style dl>dd>dl{margin-left:2rem;margin-top:1.5rem}@media screen and (min-width:40em){.dnb-core-style dl__direction--horizontal{display:flex;flex-wrap:wrap}.dnb-core-style dl__direction--horizontal dt{margin-right:1rem;max-width:40%}.dnb-core-style dl__direction--horizontal dd{width:calc(60% - 1rem)}.dnb-core-style dl__direction--horizontal dd,.dnb-core-style dl__direction--horizontal dd~dt,.dnb-core-style dl__direction--horizontal dt{margin-bottom:0;margin-top:.5rem}.dnb-core-style dl__direction--horizontal dd:first-of-type,.dnb-core-style dl__direction--horizontal dd~dt:first-of-type,.dnb-core-style dl__direction--horizontal dt:first-of-type{margin-top:0}.dnb-core-style dl dd.dnb-core-style dl__item{flex-basis:100%;height:0;margin:0}}.dnb-core-style .dnb-spacing dl:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing dl:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style label{cursor:pointer;overflow-wrap:break-word}.dnb-core-style label[disabled]{cursor:not-allowed}.dnb-core-style 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-core-style code{-webkit-text-decoration:line-through;text-decoration:line-through}.dnb-core-style code:not([class*=dnb-space]){margin:-.25em 0}.dnb-core-style 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-core-style pre:not([class*=dnb-space]){margin:0}.dnb-core-style pre pre{padding:1rem}.dnb-core-style pre .dnb-spacing pre:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style pre .dnb-spacing pre:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style a{--theme-color-black-80:var(--color-sea-green);--anchor-color:var(--anchor-color--default,var(--color-sea-green));--anchor-color--active:var(--color-mint-green);--anchor-color--contrast:var(--color-emerald-green);--anchor-background--hover:var(--color-mint-green-50);--anchor-background--active:var(--color-emerald-green);color:var(--anchor-color)}.dnb-core-style a:hover:where(:not(.dnb-anchor--no-hover)){--anchor-color:var(--color-sea-green);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--hover)}@supports not (selector(*:where(*))){.dnb-core-style a:hover:not(.dnb-anchor--no-hover){--anchor-color:var(--color-sea-green);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--hover)}}.dnb-core-style a:active{--anchor-color:var(--anchor-color--active);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--active),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--active),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--active)}.dnb-core-style a:focus-visible{--anchor-color:var(--color-sea-green)}.dnb-core-style a--icon-left .dnb-icon{margin-right:.25em}.dnb-core-style a--icon-right .dnb-icon{margin-left:.25em}.dnb-core-style h1,.dnb-core-style h2,.dnb-core-style h3,.dnb-core-style h4,.dnb-core-style h5,.dnb-core-style h6,.dnb-core-style p{color:var(--theme-color-black-80,currentColor)}.dnb-core-style img[alt]:after{background-color:var(--color-black-8);color:var(--color-black-80)}
1
+ @charset "UTF-8";.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,h1,h2,h3,h4,h5,h6{color:var(--theme-color-black-80,currentColor)}.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,.dnb-small,.dnb-table,b,h1,h2,h3,h4,h5,h6,p,small,strong,sub,sup{--typography-h-xx-large-small-line-height:var(--line-height-large);--typography-h-x-large-line-height:var(--line-height-large);--typography-h-x-large-small-font-size:var(--font-size-x-large);--typography-h-large-line-height:var(--line-height-medium);--typography-h-large-small-line-height:calc(var(--line-height-medium) - 0.125rem);--typography-lead-small-font-size:var(--font-size-basis);--typography-lead-small-line-height:var(--line-height-basis);--typography-h-medium-line-height:var(--line-height-lead);--typography-h-small-small-line-height:var(--line-height-small)}.dnb-core-style a{border-radius:0;display:inline;font-size:var(--font-size-basis);padding:.05575em 0;-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:currentcolor;text-decoration-thickness:var(--anchor-underline-thickness);text-underline-offset:.25em;transition:box-shadow .2s ease-in-out,border-radius .2s ease-in-out,background .2s ease-in-out}sub .dnb-core-style a,sup .dnb-core-style a{padding:0 .025em}.dnb-h--basis .dnb-core-style a,.dnb-h--large .dnb-core-style a,.dnb-h--medium .dnb-core-style a,.dnb-h--small .dnb-core-style a,.dnb-h--x-large .dnb-core-style a,.dnb-h--x-small .dnb-core-style a,.dnb-h--xx-large .dnb-core-style a,.dnb-lead .dnb-core-style a,.dnb-p .dnb-core-style a{font-size:inherit}.dnb-core-style a:focus-visible{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;border-radius:.25em;box-shadow:0 0 0 var(--border-width) var(--border-color);outline:none;transition:none}.dnb-core-style a:focus-visible,.dnb-section .dnb-core-style a:focus-visible.dnb-anchor{-webkit-text-decoration:none;text-decoration:none}.dnb-core-style a:hover:where(:not(.dnb-anchor--no-hover)){border-radius:.25em}.dnb-core-style a:hover:where(:not(.dnb-anchor--no-hover)),.dnb-section .dnb-core-style a:hover:where(:not(.dnb-anchor--no-hover)).dnb-anchor{-webkit-text-decoration:none;text-decoration:none}@supports not (selector(*:where(*))){.dnb-core-style a:hover:not(.dnb-anchor--no-hover){border-radius:.25em}.dnb-core-style a:hover:not(.dnb-anchor--no-hover),.dnb-section .dnb-core-style a:hover:not(.dnb-anchor--no-hover).dnb-anchor{-webkit-text-decoration:none;text-decoration:none}}.dnb-core-style a:active{border-radius:.25em}.dnb-core-style a:active,.dnb-section .dnb-core-style a:active.dnb-anchor{-webkit-text-decoration:none;text-decoration:none}[data-visual-test-wrapper] .dnb-core-style a{transition:none}.dnb-core-style a .dnb-icon{display:inline-block;transform:translateY(-.0625em)}.dnb-core-style a--no-icon .dnb-icon{display:none}.dnb-core-style img{border-radius:inherit;border-style:none;box-sizing:content-box;max-width:100%;position:relative;z-index:2}.dnb-core-style 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-core-style figure{align-items:center;display:inline-flex;flex-direction:column;padding:0;text-align:center}.dnb-core-style figure:not([class*=dnb-space]){margin:0}.dnb-core-style figure figcaption,.dnb-core-style figure img{font-size:var(--font-size-basis)}.dnb-core-style figure img{border-radius:inherit;border-style:none;box-sizing:content-box;max-width:100%;position:relative;z-index:2}.dnb-core-style figure 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-core-style figure figcaption{margin-top:.5rem}.dnb-core-style blockquote{--blockquote-padding-top:2rem;--blockquote-padding-left:1.5rem;--blockquote-padding-bottom:3rem;--blockquote-quote-size:3rem;--blockquote-quote-padding:6rem;--blockquote-cite-style:italic;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-core-style blockquote:not([class*=dnb-space]){margin:0}.dnb-core-style blockquote:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0E1RTFEMiIgc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMzcuNSAyNy41YTkgOSAwIDEgMCAwLTE4IDkgOSAwIDAgMCAwIDE4Ii8+PHBhdGggc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNNDYuNSAxOC41YTIxIDIxIDAgMCAxLTIxIDIxIi8+PHBhdGggZmlsbD0iI0E1RTFEMiIgc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMTMuNSAyNy41YTkgOSAwIDEgMCAwLTE4IDkgOSAwIDAgMCAwIDE4Ii8+PHBhdGggc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMjIuNSAxOC41YTIxIDIxIDAgMCAxLTIxIDIxIi8+PC9zdmc+");background-size:cover;content:"";height:var(--blockquote-quote-size);left:var(--blockquote-padding-left);position:absolute;top:var(--blockquote-padding-top);width:var(--blockquote-quote-size)}.dnb-core-style blockquote,.dnb-core-style blockquote.dnb-blockquote--left{padding-bottom:var(--blockquote-padding-bottom);padding-left:var(--blockquote-quote-padding);padding-top:var(--blockquote-padding-top)}.dnb-core-style blockquote.dnb-blockquote--top{padding-bottom:var(--blockquote-padding-bottom);padding-left:var(--blockquote-padding-left);padding-top:var(--blockquote-quote-padding)}.dnb-core-style blockquote.dnb-blockquote--no-background{background-color:transparent}.dnb-core-style blockquote .dnb-cite,.dnb-core-style blockquote .dnb-figcaption,.dnb-core-style blockquote cite,.dnb-core-style blockquote figcaption,.dnb-core-style blockquote footer{display:block;font-style:var(--blockquote-cite-style);font-weight:var(--font-weight-medium);line-height:var(--line-height-basis);margin-top:1rem}.dnb-core-style blockquote .dnb-cite:before,.dnb-core-style blockquote .dnb-figcaption:before,.dnb-core-style blockquote cite:before,.dnb-core-style blockquote figcaption:before,.dnb-core-style blockquote footer:before{content:"—";display:inline-block;padding-right:.5rem}.dnb-spacing .dnb-core-style blockquote .dnb-h--large,.dnb-spacing .dnb-core-style blockquote .dnb-h--medium,.dnb-spacing .dnb-core-style blockquote .dnb-h--xx-large,.dnb-spacing .dnb-core-style blockquote .dnb-lead,.dnb-spacing .dnb-core-style blockquote h1,.dnb-spacing .dnb-core-style blockquote h2,.dnb-spacing .dnb-core-style blockquote h3{margin:0}.dnb-core-style blockquote .dnb-anchor{font-size:inherit}.dnb-core-style .dnb-spacing blockquote:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing blockquote:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style .dnb-spacing blockquote p:last-child{margin-bottom:0}.dnb-core-style hr{border:0;display:flow-root;height:0;padding:0;position:relative;width:100%}.dnb-core-style hr:not([class*=dnb-space]){margin:0}.dnb-core-style hr:after{background-color:currentcolor;border-radius:calc(var(--thickness)/2);color:inherit;content:"";height:var(--thickness);inset:0;position:absolute;z-index:1}.dnb-core-style .dnb-spacing hr:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing hr:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style p{font-size:var(--font-size-basis);padding:0}.dnb-core-style p:not([class*=space__top]){margin-top:0}.dnb-core-style p:not([class*=space__bottom]){margin-bottom:0}.dnb-core-style p--lead{font-size:var(--typography-lead-font-size);font-weight:var(--typography-lead-weight);line-height:var(--typography-lead-line-height)}.dnb-core-style p--lead>small{font-size:var(--typography-lead-small-font-size);line-height:var(--typography-lead-small-line-height)}.dnb-core-style p b,.dnb-core-style p strong,.dnb-core-style p--medium{font-weight:var(--font-weight-medium)}.dnb-core-style p--bold{font-weight:var(--font-weight-bold)}.dnb-core-style p__size--xx-large{font-size:var(--font-size-xx-large);line-height:var(--line-height-xx-large)}.dnb-core-style p__size--x-large{font-size:var(--font-size-x-large);line-height:var(--line-height-x-large)}.dnb-core-style p__size--large{font-size:var(--font-size-large);line-height:var(--line-height-large)}.dnb-core-style p__size--basis{font-size:var(--font-size-basis);line-height:var(--line-height-basis)}.dnb-core-style p__size--medium{font-size:var(--font-size-medium);line-height:var(--line-height-medium)}.dnb-core-style p--small,.dnb-core-style p>small,.dnb-core-style p__size--small{font-size:var(--font-size-small);line-height:var(--line-height-small)}.dnb-core-style p--x-small,.dnb-core-style p__size--x-small{font-size:var(--font-size-x-small);line-height:var(--line-height-x-small)}.dnb-core-style p>cite{font-style:italic;font-weight:var(--font-weight-medium);line-height:var(--line-height-basis)}.dnb-core-style b,.dnb-core-style strong{font-weight:var(--font-weight-bold)}.dnb-core-style small{font-size:var(--font-size-small)}.dnb-core-style h1,.dnb-core-style h2,.dnb-core-style h3,.dnb-core-style h4,.dnb-core-style h5,.dnb-core-style h6{font-family:var(--typography-h-default-font-family);padding:0}.dnb-core-style h1:not([class*=dnb-space]),.dnb-core-style h2:not([class*=dnb-space]),.dnb-core-style h3:not([class*=dnb-space]),.dnb-core-style h4:not([class*=dnb-space]),.dnb-core-style h5:not([class*=dnb-space]),.dnb-core-style h6:not([class*=dnb-space]){margin:0}.dnb-core-style h1 .dnb-icon--default,.dnb-core-style h2 .dnb-icon--default,.dnb-core-style h3 .dnb-icon--default,.dnb-core-style h4 .dnb-icon--default,.dnb-core-style h5 .dnb-icon--default,.dnb-core-style h6 .dnb-icon--default{font-size:1em}.dnb-core-style h1 .dnb-icon--medium,.dnb-core-style h2 .dnb-icon--medium,.dnb-core-style h3 .dnb-icon--medium,.dnb-core-style h4 .dnb-icon--medium,.dnb-core-style h5 .dnb-icon--medium,.dnb-core-style h6 .dnb-icon--medium{font-size:1.5em}.dnb-core-style h1 .dnb-anchor,.dnb-core-style h1 a,.dnb-core-style h2 .dnb-anchor,.dnb-core-style h2 a,.dnb-core-style h3 .dnb-anchor,.dnb-core-style h3 a,.dnb-core-style h4 .dnb-anchor,.dnb-core-style h4 a,.dnb-core-style h5 .dnb-anchor,.dnb-core-style h5 a,.dnb-core-style h6 .dnb-anchor,.dnb-core-style h6 a{padding-bottom:.03125rem;padding-top:0}.dnb-core-style h1{font-size:var(--typography-h-xx-large-font-size);font-weight:var(--typography-h-xx-large-weight);line-height:var(--typography-h-xx-large-line-height)}.dnb-core-style h1>small{display:block;font-size:var(--typography-h-xx-large-small-font-size);line-height:var(--typography-h-xx-large-small-line-height)}.dnb-core-style h2{font-size:var(--typography-h-large-font-size);font-weight:var(--typography-h-large-weight);line-height:var(--typography-h-large-line-height)}.dnb-core-style h2>small{font-size:var(--typography-h-large-small-font-size);line-height:var(--typography-h-large-small-line-height)}.dnb-core-style h3{font-size:var(--typography-h-medium-font-size);font-weight:var(--typography-h-medium-weight);line-height:var(--typography-h-medium-line-height)}.dnb-core-style h3>small{font-size:var(--typography-h-medium-small-font-size);line-height:var(--typography-h-medium-small-line-height)}.dnb-core-style h4{font-family:var(--typography-h-basis-font-family);font-size:var(--typography-h-basis-font-size);font-weight:var(--typography-h-basis-weight);line-height:var(--typography-h-basis-line-height)}.dnb-core-style h4>small{font-size:var(--typography-h-basis-small-font-size);line-height:var(--typography-h-basis-small-line-height)}.dnb-core-style h5{font-family:var(--typography-h-small-font-family);font-size:var(--typography-h-small-font-size);font-weight:var(--typography-h-small-weight);line-height:var(--typography-h-small-line-height)}.dnb-core-style h5>small{font-size:var(--typography-h-small-small-font-size);line-height:var(--typography-h-small-small-line-height)}.dnb-core-style h6{font-family:var(--typography-h-x-small-font-family);font-size:var(--typography-h-x-small-font-size);font-weight:var(--typography-h-x-small-weight);line-height:var(--typography-h-x-small-line-height)}.dnb-core-style h2>small,.dnb-core-style h3>small,.dnb-core-style h4>small,.dnb-core-style h5>small,.dnb-core-style h6>small{line-height:var(--line-height-xx-small--em)}.dnb-core-style .dnb-core-style .dnb-spacing h1:not([class*=space__top]),.dnb-core-style .dnb-spacing h1:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-core-style .dnb-spacing h1:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h1:not([class*=space__bottom]){margin-bottom:2.5rem}.dnb-core-style .dnb-core-style .dnb-spacing h2:not([class*=space__top]),.dnb-core-style .dnb-spacing h2:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-core-style .dnb-spacing h2:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h2:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-core-style .dnb-spacing h3:not([class*=space__top]),.dnb-core-style .dnb-core-style .dnb-spacing h4:not([class*=space__top]),.dnb-core-style .dnb-core-style .dnb-spacing h5:not([class*=space__top]),.dnb-core-style .dnb-core-style .dnb-spacing h6:not([class*=space__top]),.dnb-core-style .dnb-spacing h3:not([class*=space__top]),.dnb-core-style .dnb-spacing h4:not([class*=space__top]),.dnb-core-style .dnb-spacing h5:not([class*=space__top]),.dnb-core-style .dnb-spacing h6:not([class*=space__top]){margin-top:2rem}.dnb-core-style .dnb-core-style .dnb-spacing h3:not([class*=space__bottom]),.dnb-core-style .dnb-core-style .dnb-spacing h4:not([class*=space__bottom]),.dnb-core-style .dnb-core-style .dnb-spacing h5:not([class*=space__bottom]),.dnb-core-style .dnb-core-style .dnb-spacing h6:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h3:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h4:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h5:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h6:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-core-style .dnb-spacing p:not([class*=dnb-space__top]),.dnb-core-style .dnb-spacing p:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-core-style .dnb-spacing p:not([class*=dnb-space__bottom]),.dnb-core-style .dnb-spacing p:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style ul{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-core-style ul:not([class*=dnb-space]){margin:0}.dnb-core-style ul:not([class*=dnb-space__left]){padding-left:2rem}.dnb-core-style ul ol,.dnb-core-style ul ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.dnb-core-style ul li,.dnb-core-style ul--outside li{position:relative}.dnb-core-style ul li:before,.dnb-core-style ul--outside li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.dnb-core-style ul--inside li:before{left:0;padding-right:0;position:relative;text-align:initial;width:auto}.dnb-core-style ul .dnb-anchor{font-size:inherit}.dnb-core-style ul li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.dnb-core-style .dnb-spacing ul:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing ul:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style .dnb-spacing ul>li{margin-bottom:1rem;margin-top:1rem}.dnb-core-style .dnb-spacing ul>li>p{margin-top:1rem}.dnb-core-style .dnb-spacing ul li>ol,.dnb-core-style .dnb-spacing ul li>ul,.dnb-core-style .dnb-spacing ul:not([class*=dnb-space]) li>ol,.dnb-core-style .dnb-spacing ul:not([class*=dnb-space]) li>ul{margin-top:-.5rem}.dnb-core-style ol{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-core-style ol:not([class*=dnb-space]){margin:0}.dnb-core-style ol:not([class*=dnb-space__left]){padding-left:2rem}.dnb-core-style ol li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.dnb-core-style ol ol,.dnb-core-style ol ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.dnb-core-style ol li,.dnb-core-style ol--outside li{position:relative}.dnb-core-style ol li:before,.dnb-core-style ol--outside li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.dnb-core-style ol--inside li:before{left:0;padding-right:0;position:relative;text-align:initial;width:auto}.dnb-core-style ol .dnb-anchor{font-size:inherit}.dnb-core-style ol li{list-style-type:decimal}.dnb-core-style ol--nested,.dnb-core-style ol--nested ol{counter-reset:item}.dnb-core-style ol--nested li{display:block}.dnb-core-style ol--nested li:before{content:counters(item,".") ". ";counter-increment:item}.dnb-core-style ol--nested li li:before{content:counters(item,".") " ";counter-increment:item}.dnb-core-style ol[type] li{display:list-item;list-style-type:inherit}.dnb-core-style ol[type] li li:before,.dnb-core-style ol[type] li:before{content:none}.dnb-core-style .dnb-spacing ol:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing ol:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style .dnb-spacing ol>li{margin-bottom:1rem;margin-top:1rem}.dnb-core-style .dnb-spacing ol>li>p{margin-top:1rem}.dnb-core-style .dnb-spacing ol li>ol,.dnb-core-style .dnb-spacing ol li>ul,.dnb-core-style .dnb-spacing ol:not([class*=dnb-space]) li>ol,.dnb-core-style .dnb-spacing ol:not([class*=dnb-space]) li>ul{margin-top:-.5rem}.dnb-core-style dl{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-core-style dl:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style dl:not([class*=dnb-space__bottom]){margin-bottom:0}.dnb-core-style dl dt{font-weight:var(--font-weight-medium);margin-top:1rem;padding:0}.dnb-core-style dl dd~dt{margin-top:1.5rem}.dnb-core-style dl dd{margin:.5rem 0 1rem;padding:0}.dnb-core-style dl:not([class*=dnb-space])>dd>dl,.dnb-core-style dl>dd>dl{margin-left:2rem;margin-top:1.5rem}@media screen and (min-width:40em){.dnb-core-style dl__direction--horizontal{display:flex;flex-wrap:wrap}.dnb-core-style dl__direction--horizontal dt{margin-right:1rem;max-width:40%}.dnb-core-style dl__direction--horizontal dd{width:calc(60% - 1rem)}.dnb-core-style dl__direction--horizontal dd,.dnb-core-style dl__direction--horizontal dd~dt,.dnb-core-style dl__direction--horizontal dt{margin-bottom:0;margin-top:.5rem}.dnb-core-style dl__direction--horizontal dd:first-of-type,.dnb-core-style dl__direction--horizontal dd~dt:first-of-type,.dnb-core-style dl__direction--horizontal dt:first-of-type{margin-top:0}.dnb-core-style dl dd.dnb-core-style dl__item{flex-basis:100%;height:0;margin:0}}.dnb-core-style .dnb-spacing dl:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing dl:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style label{cursor:pointer;overflow-wrap:break-word}.dnb-core-style label[disabled]{cursor:not-allowed}.dnb-core-style 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-core-style code{-webkit-text-decoration:line-through;text-decoration:line-through}.dnb-core-style code:not([class*=dnb-space]){margin:-.25em 0}.dnb-core-style 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-core-style pre:not([class*=dnb-space]){margin:0}.dnb-core-style pre pre{padding:1rem}.dnb-core-style pre .dnb-spacing pre:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style pre .dnb-spacing pre:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style a{--theme-color-black-80:var(--color-sea-green);--anchor-color:var(--anchor-color--default,var(--color-sea-green));--anchor-color--active:var(--color-mint-green);--anchor-color--contrast:var(--color-emerald-green);--anchor-background--hover:var(--color-mint-green-50);--anchor-background--active:var(--color-emerald-green);color:var(--anchor-color)}.dnb-core-style a:hover:where(:not(.dnb-anchor--no-hover)){--anchor-color:var(--color-sea-green);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--hover)}@supports not (selector(*:where(*))){.dnb-core-style a:hover:not(.dnb-anchor--no-hover){--anchor-color:var(--color-sea-green);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--hover)}}.dnb-core-style a:active{--anchor-color:var(--anchor-color--active);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--active),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--active),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--active)}.dnb-core-style a:focus-visible{--anchor-color:var(--color-sea-green)}.dnb-core-style a--icon-left .dnb-icon:first-child{margin-right:.25em}.dnb-core-style a--icon-right .dnb-icon:last-child{margin-left:.25em}.dnb-core-style a__launch-icon.dnb-icon.dnb-icon--default{font-size:1.11em}.dnb-core-style a__launch-icon.dnb-icon.dnb-icon--default svg path{stroke-width:1.2}.dnb-core-style h1,.dnb-core-style h2,.dnb-core-style h3,.dnb-core-style h4,.dnb-core-style h5,.dnb-core-style h6,.dnb-core-style p{color:var(--theme-color-black-80,currentColor)}.dnb-core-style img[alt]:after{background-color:var(--color-black-8);color:var(--color-black-80)}
@@ -7,6 +7,7 @@ const _excluded = ["id", "element", "className", "children", "tooltip", "icon",
7
7
  import React from 'react';
8
8
  import classnames from 'classnames';
9
9
  import E from '../../elements/Element';
10
+ import { useTheme } from '../../shared';
10
11
  import Context from '../../shared/Context';
11
12
  import { makeUniqueId, extendPropsWithContext } from '../../shared/component-helper';
12
13
  import { getOffsetTop } from '../../shared/helpers';
@@ -39,6 +40,8 @@ export function AnchorInstance(localProps) {
39
40
  targetBlankTitle
40
41
  } = allProps,
41
42
  rest = _objectWithoutProperties(allProps, _excluded);
43
+ const theme = useTheme();
44
+ const iconSpacer = theme !== null && theme !== void 0 && theme.isSbanken ? ' ' : '';
42
45
  const attributes = rest;
43
46
  const internalId = id || 'id' + makeUniqueId();
44
47
  const as = element || 'a';
@@ -48,24 +51,25 @@ export function AnchorInstance(localProps) {
48
51
  const showLaunchIcon = opensNewTab(allProps.target, href);
49
52
  const showTooltip = (tooltip || showLaunchIcon) && !allProps.title;
50
53
  if (showLaunchIcon && !omitClass) {
51
- suffix = _IconPrimary || (_IconPrimary = React.createElement(IconPrimary, {
54
+ suffix = React.createElement(React.Fragment, null, iconSpacer, _IconPrimary || (_IconPrimary = React.createElement(IconPrimary, {
55
+ className: "dnb-anchor__launch-icon",
52
56
  icon: launchIcon
53
- }));
57
+ })));
54
58
  }
55
59
  if (icon) {
56
60
  const iconNode = pickIcon(icon) || React.createElement(IconPrimary, {
57
61
  icon: icon
58
62
  });
59
63
  if (iconPosition === 'left') {
60
- prefix = React.createElement(React.Fragment, null, iconNode, " ");
64
+ prefix = React.createElement(React.Fragment, null, iconNode, iconSpacer);
61
65
  } else if (iconPosition === 'right') {
62
- suffix = React.createElement(React.Fragment, null, " ", iconNode);
66
+ suffix = React.createElement(React.Fragment, null, iconSpacer, iconNode);
63
67
  }
64
68
  }
65
69
  return React.createElement(React.Fragment, null, React.createElement(E, _extends({
66
70
  as: as,
67
71
  id: id,
68
- className: classnames(className, omitClass !== true && classnames('dnb-anchor', prefix && 'dnb-anchor--icon-left', suffix && 'dnb-anchor--icon-right', typeof children !== 'string' && 'dnb-anchor--was-node', showLaunchIcon && 'dnb-anchor--launch-icon'))
72
+ className: classnames(className, omitClass !== true && classnames('dnb-anchor', prefix && 'dnb-anchor--icon-left', suffix && 'dnb-anchor--icon-right', typeof children !== 'string' && 'dnb-anchor--was-node'))
69
73
  }, attributes, {
70
74
  innerRef: innerRef
71
75
  }), prefix, children, suffix), showTooltip && React.createElement(Tooltip, {
@@ -1 +1 @@
1
- {"version":3,"file":"Anchor.js","names":["React","classnames","E","Context","makeUniqueId","extendPropsWithContext","getOffsetTop","IconPrimary","Tooltip","launch","launchIcon","defaultProps","AnchorInstance","localProps","context","useContext","allProps","skeleton","getTranslation","Anchor","inner_ref","innerRef","createRef","id","element","className","children","tooltip","icon","iconPosition","omitClass","targetBlankTitle","rest","_objectWithoutProperties","_excluded","attributes","internalId","as","prefix","suffix","href","to","showLaunchIcon","opensNewTab","target","showTooltip","title","_IconPrimary","createElement","iconNode","pickIcon","Fragment","_extends","showDelay","targetElement","forwardRef","props","ref","_supportsSpacingProps","scrollToHashHandler","event","_element$pathname","currentTarget","getAttribute","document","includes","isSamePath","startsWith","window","location","pathname","replace","split","reverse","anchorElem","getElementById","HTMLElement","scrollPadding","parseFloat","getComputedStyle","documentElement","scrollPaddingTop","top","scroll","error","console","_icon$props","_icon$props2","_icon$props2$classNam","_icon$props3","cloneElement","key","test"],"sources":["../../../../src/components/anchor/Anchor.tsx"],"sourcesContent":["/**\n * HTML Element\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport E, { ElementProps, ElementIsType } from '../../elements/Element'\nimport Context from '../../shared/Context'\nimport {\n makeUniqueId,\n extendPropsWithContext,\n} from '../../shared/component-helper'\nimport { getOffsetTop } from '../../shared/helpers'\nimport IconPrimary from '../icon-primary/IconPrimary'\nimport Tooltip from '../tooltip/Tooltip'\nimport { launch as launchIcon } from '../../icons'\nimport type { IconIcon } from '../icon/Icon'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\nimport type { SpacingProps } from '../../shared/types'\n\nexport type AnchorProps = {\n element?: ElementIsType\n href?: string\n to?: string\n targetBlankTitle?: string\n target?: string\n tooltip?: React.ReactNode\n icon?: IconIcon\n iconPosition?: 'left' | 'right'\n skeleton?: SkeletonShow\n omitClass?: boolean\n innerRef?: React.RefObject<HTMLAnchorElement>\n\n /** @deprecated use innerRef instead */\n inner_ref?: React.RefObject<HTMLAnchorElement>\n}\n\nexport type AnchorAllProps = AnchorProps &\n Omit<React.HTMLProps<HTMLAnchorElement>, 'ref'> &\n SpacingProps\n\nconst defaultProps = {}\n\nexport function AnchorInstance(localProps: AnchorAllProps) {\n const context = React.useContext(Context)\n const allProps = extendPropsWithContext(\n localProps,\n defaultProps,\n { skeleton: context?.skeleton },\n context?.getTranslation(localProps as AnchorAllProps).Anchor,\n context?.Anchor\n )\n\n // deprecated: inner_ref is still needed to support Button's usage of Anchor\n if (typeof allProps.inner_ref !== 'undefined') {\n allProps.innerRef = allProps.inner_ref\n delete allProps.inner_ref\n }\n\n if (!allProps.innerRef) {\n allProps.innerRef = React.createRef()\n }\n\n const {\n id,\n element,\n className,\n children,\n tooltip,\n icon,\n iconPosition = 'left',\n omitClass,\n innerRef,\n targetBlankTitle,\n ...rest\n } = allProps\n\n const attributes = rest as ElementProps\n const internalId = id || 'id' + makeUniqueId()\n const as = (element || 'a') as string\n\n let prefix: React.ReactNode\n let suffix: React.ReactNode\n\n const href = allProps.href || allProps.to\n const showLaunchIcon = opensNewTab(allProps.target, href)\n const showTooltip = (tooltip || showLaunchIcon) && !allProps.title\n\n // WCAG guide: https://www.w3.org/TR/WCAG20-TECHS/G201.html\n if (showLaunchIcon && !omitClass) {\n suffix = <IconPrimary icon={launchIcon} />\n }\n\n if (icon) {\n const iconNode = pickIcon(icon) || <IconPrimary icon={icon} />\n if (iconPosition === 'left') {\n prefix = <>{iconNode} </>\n } else if (iconPosition === 'right') {\n suffix = <> {iconNode}</>\n }\n }\n\n return (\n <>\n <E\n as={as}\n id={id}\n className={classnames(\n omitClass !== true &&\n classnames(\n 'dnb-anchor',\n prefix && 'dnb-anchor--icon-left',\n suffix && 'dnb-anchor--icon-right',\n typeof children !== 'string' && 'dnb-anchor--was-node',\n showLaunchIcon && 'dnb-anchor--launch-icon'\n ),\n className\n )}\n {...attributes}\n innerRef={innerRef}\n >\n {prefix}\n {children}\n {suffix}\n </E>\n\n {showTooltip && (\n <Tooltip\n showDelay={100}\n id={internalId + '-tooltip'}\n targetElement={innerRef}\n tooltip={tooltip}\n >\n {allProps.title || targetBlankTitle}\n </Tooltip>\n )}\n </>\n )\n}\n\nconst Anchor = React.forwardRef(\n (props: AnchorAllProps, ref: React.RefObject<HTMLAnchorElement>) => {\n return <AnchorInstance innerRef={ref} {...props} />\n }\n)\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nAnchor._supportsSpacingProps = true\n\nexport default Anchor\n\nexport function scrollToHashHandler(\n event: React.MouseEvent<HTMLAnchorElement, MouseEvent>\n) {\n const element = event.currentTarget as HTMLAnchorElement\n const href = element.getAttribute('href')\n\n if (typeof document === 'undefined' || !href.includes('#')) {\n return // stop here\n }\n\n /**\n * What happens here?\n * When `scroll-behavior: smooth;` in CSS is set,\n * Blink/Chromium wants the user to click two times in order to actually scroll to the anchor hash.\n * The first click, sets the hash, the second one, scrolls to it.\n * We want Chromium browsers to scroll to the element on the first click.\n */\n const isSamePath =\n href.startsWith('#') ||\n window.location.href.includes(element.pathname?.replace(/\\/$/, ''))\n\n // Only continue, when we are sure we are on the same page,\n // because, the same ID may exists occasionally on the current page.\n if (isSamePath) {\n const id = href.split(/#/g).reverse()[0]\n const anchorElem = document.getElementById(id)\n\n if (anchorElem instanceof HTMLElement) {\n try {\n const scrollPadding = parseFloat(\n window.getComputedStyle(document.documentElement)\n .scrollPaddingTop\n )\n const top = getOffsetTop(anchorElem) - scrollPadding || 0\n\n window.scroll({ top })\n\n return { element: anchorElem }\n } catch (error) {\n console.error(error)\n }\n }\n }\n}\n\nexport function pickIcon(icon) {\n return icon?.props?.icon || icon?.props?.className?.includes('dnb-icon')\n ? React.cloneElement(icon, {\n key: 'button-icon-clone',\n className: classnames(icon.props?.className, 'dnb-button__icon'),\n })\n : null\n}\n\nexport const opensNewTab = (target: string, href: string): boolean =>\n target === '_blank' && !/^(mailto|tel|sms)/.test(href)\n"],"mappings":"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"}
1
+ {"version":3,"file":"Anchor.js","names":["React","classnames","E","useTheme","Context","makeUniqueId","extendPropsWithContext","getOffsetTop","IconPrimary","Tooltip","launch","launchIcon","defaultProps","AnchorInstance","localProps","context","useContext","allProps","skeleton","getTranslation","Anchor","inner_ref","innerRef","createRef","id","element","className","children","tooltip","icon","iconPosition","omitClass","targetBlankTitle","rest","_objectWithoutProperties","_excluded","theme","iconSpacer","isSbanken","attributes","internalId","as","prefix","suffix","href","to","showLaunchIcon","opensNewTab","target","showTooltip","title","createElement","Fragment","_IconPrimary","iconNode","pickIcon","_extends","showDelay","targetElement","forwardRef","props","ref","_supportsSpacingProps","scrollToHashHandler","event","_element$pathname","currentTarget","getAttribute","document","includes","isSamePath","startsWith","window","location","pathname","replace","split","reverse","anchorElem","getElementById","HTMLElement","scrollPadding","parseFloat","getComputedStyle","documentElement","scrollPaddingTop","top","scroll","error","console","_icon$props","_icon$props2","_icon$props2$classNam","_icon$props3","cloneElement","key","test"],"sources":["../../../../src/components/anchor/Anchor.tsx"],"sourcesContent":["/**\n * HTML Element\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport E, { ElementProps, ElementIsType } from '../../elements/Element'\nimport { useTheme } from '../../shared'\nimport Context from '../../shared/Context'\nimport {\n makeUniqueId,\n extendPropsWithContext,\n} from '../../shared/component-helper'\nimport { getOffsetTop } from '../../shared/helpers'\nimport IconPrimary from '../icon-primary/IconPrimary'\nimport Tooltip from '../tooltip/Tooltip'\nimport { launch as launchIcon } from '../../icons'\nimport type { IconIcon } from '../icon/Icon'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\nimport type { SpacingProps } from '../../shared/types'\n\nexport type AnchorProps = {\n element?: ElementIsType\n href?: string\n to?: string\n targetBlankTitle?: string\n target?: string\n tooltip?: React.ReactNode\n icon?: IconIcon\n iconPosition?: 'left' | 'right'\n skeleton?: SkeletonShow\n omitClass?: boolean\n innerRef?: React.RefObject<HTMLAnchorElement>\n\n /** @deprecated use innerRef instead */\n inner_ref?: React.RefObject<HTMLAnchorElement>\n}\n\nexport type AnchorAllProps = AnchorProps &\n Omit<React.HTMLProps<HTMLAnchorElement>, 'ref'> &\n SpacingProps\n\nconst defaultProps = {}\n\nexport function AnchorInstance(localProps: AnchorAllProps) {\n const context = React.useContext(Context)\n const allProps = extendPropsWithContext(\n localProps,\n defaultProps,\n { skeleton: context?.skeleton },\n context?.getTranslation(localProps as AnchorAllProps).Anchor,\n context?.Anchor\n )\n\n // deprecated: inner_ref is still needed to support Button's usage of Anchor\n if (typeof allProps.inner_ref !== 'undefined') {\n allProps.innerRef = allProps.inner_ref\n delete allProps.inner_ref\n }\n\n if (!allProps.innerRef) {\n allProps.innerRef = React.createRef()\n }\n\n const {\n id,\n element,\n className,\n children,\n tooltip,\n icon,\n iconPosition = 'left',\n omitClass,\n innerRef,\n targetBlankTitle,\n ...rest\n } = allProps\n\n const theme = useTheme()\n const iconSpacer = theme?.isSbanken ? ' ' : ''\n const attributes = rest as ElementProps\n const internalId = id || 'id' + makeUniqueId()\n const as = (element || 'a') as string\n\n let prefix: React.ReactNode\n let suffix: React.ReactNode\n\n const href = allProps.href || allProps.to\n const showLaunchIcon = opensNewTab(allProps.target, href)\n const showTooltip = (tooltip || showLaunchIcon) && !allProps.title\n\n // WCAG guide: https://www.w3.org/TR/WCAG20-TECHS/G201.html\n if (showLaunchIcon && !omitClass) {\n suffix = (\n <>\n {iconSpacer}\n <IconPrimary\n className=\"dnb-anchor__launch-icon\"\n icon={launchIcon}\n />\n </>\n )\n }\n\n if (icon) {\n const iconNode = pickIcon(icon) || <IconPrimary icon={icon} />\n if (iconPosition === 'left') {\n prefix = (\n <>\n {iconNode}\n {iconSpacer}\n </>\n )\n } else if (iconPosition === 'right') {\n suffix = (\n <>\n {iconSpacer}\n {iconNode}\n </>\n )\n }\n }\n\n return (\n <>\n <E\n as={as}\n id={id}\n className={classnames(\n omitClass !== true &&\n classnames(\n 'dnb-anchor',\n prefix && 'dnb-anchor--icon-left',\n suffix && 'dnb-anchor--icon-right',\n typeof children !== 'string' && 'dnb-anchor--was-node'\n ),\n className\n )}\n {...attributes}\n innerRef={innerRef}\n >\n {prefix}\n {children}\n {suffix}\n </E>\n\n {showTooltip && (\n <Tooltip\n showDelay={100}\n id={internalId + '-tooltip'}\n targetElement={innerRef}\n tooltip={tooltip}\n >\n {allProps.title || targetBlankTitle}\n </Tooltip>\n )}\n </>\n )\n}\n\nconst Anchor = React.forwardRef(\n (props: AnchorAllProps, ref: React.RefObject<HTMLAnchorElement>) => {\n return <AnchorInstance innerRef={ref} {...props} />\n }\n)\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nAnchor._supportsSpacingProps = true\n\nexport default Anchor\n\nexport function scrollToHashHandler(\n event: React.MouseEvent<HTMLAnchorElement, MouseEvent>\n) {\n const element = event.currentTarget as HTMLAnchorElement\n const href = element.getAttribute('href')\n\n if (typeof document === 'undefined' || !href.includes('#')) {\n return // stop here\n }\n\n /**\n * What happens here?\n * When `scroll-behavior: smooth;` in CSS is set,\n * Blink/Chromium wants the user to click two times in order to actually scroll to the anchor hash.\n * The first click, sets the hash, the second one, scrolls to it.\n * We want Chromium browsers to scroll to the element on the first click.\n */\n const isSamePath =\n href.startsWith('#') ||\n window.location.href.includes(element.pathname?.replace(/\\/$/, ''))\n\n // Only continue, when we are sure we are on the same page,\n // because, the same ID may exists occasionally on the current page.\n if (isSamePath) {\n const id = href.split(/#/g).reverse()[0]\n const anchorElem = document.getElementById(id)\n\n if (anchorElem instanceof HTMLElement) {\n try {\n const scrollPadding = parseFloat(\n window.getComputedStyle(document.documentElement)\n .scrollPaddingTop\n )\n const top = getOffsetTop(anchorElem) - scrollPadding || 0\n\n window.scroll({ top })\n\n return { element: anchorElem }\n } catch (error) {\n console.error(error)\n }\n }\n }\n}\n\nexport function pickIcon(icon) {\n return icon?.props?.icon || icon?.props?.className?.includes('dnb-icon')\n ? React.cloneElement(icon, {\n key: 'button-icon-clone',\n className: classnames(icon.props?.className, 'dnb-button__icon'),\n })\n : null\n}\n\nexport const opensNewTab = (target: string, href: string): boolean =>\n target === '_blank' && !/^(mailto|tel|sms)/.test(href)\n"],"mappings":"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"}
@@ -34,17 +34,6 @@
34
34
  .dnb-h--x-small & {
35
35
  font-size: inherit;
36
36
  }
37
-
38
- // Align this icon to look the same as in v10
39
- &--launch-icon {
40
- .dnb-icon,
41
- .dnb-icon.dnb-icon--default {
42
- font-size: 1.11em;
43
- svg path {
44
- stroke-width: 1.2;
45
- }
46
- }
47
- }
48
37
  }
49
38
 
50
39
  // reset methods
@@ -37,14 +37,6 @@ sup :where(:not(.dnb-anchor--no-style)).dnb-anchor, sub :where(:not(.dnb-anchor-
37
37
  .dnb-p :where(:not(.dnb-anchor--no-style)).dnb-anchor, .dnb-lead :where(:not(.dnb-anchor--no-style)).dnb-anchor, .dnb-h--xx-large :where(:not(.dnb-anchor--no-style)).dnb-anchor, .dnb-h--x-large :where(:not(.dnb-anchor--no-style)).dnb-anchor, .dnb-h--large :where(:not(.dnb-anchor--no-style)).dnb-anchor, .dnb-h--medium :where(:not(.dnb-anchor--no-style)).dnb-anchor, .dnb-h--basis :where(:not(.dnb-anchor--no-style)).dnb-anchor, .dnb-h--small :where(:not(.dnb-anchor--no-style)).dnb-anchor, .dnb-h--x-small :where(:not(.dnb-anchor--no-style)).dnb-anchor {
38
38
  font-size: inherit;
39
39
  }
40
- :where(:not(.dnb-anchor--no-style)).dnb-anchor--launch-icon .dnb-icon,
41
- :where(:not(.dnb-anchor--no-style)).dnb-anchor--launch-icon .dnb-icon.dnb-icon--default {
42
- font-size: 1.11em;
43
- }
44
- :where(:not(.dnb-anchor--no-style)).dnb-anchor--launch-icon .dnb-icon svg path,
45
- :where(:not(.dnb-anchor--no-style)).dnb-anchor--launch-icon .dnb-icon.dnb-icon--default svg path {
46
- stroke-width: 1.2;
47
- }
48
40
  :where(:not(.dnb-anchor--no-style)).dnb-anchor:focus-visible {
49
41
  background-color: transparent;
50
42
  transition: none;
@@ -152,14 +144,6 @@ sup :where(:not(.dnb-anchor--no-style)).dnb-anchor, sub :where(:not(.dnb-anchor-
152
144
  .dnb-p :not(.dnb-anchor--no-style).dnb-anchor, .dnb-lead :not(.dnb-anchor--no-style).dnb-anchor, .dnb-h--xx-large :not(.dnb-anchor--no-style).dnb-anchor, .dnb-h--x-large :not(.dnb-anchor--no-style).dnb-anchor, .dnb-h--large :not(.dnb-anchor--no-style).dnb-anchor, .dnb-h--medium :not(.dnb-anchor--no-style).dnb-anchor, .dnb-h--basis :not(.dnb-anchor--no-style).dnb-anchor, .dnb-h--small :not(.dnb-anchor--no-style).dnb-anchor, .dnb-h--x-small :not(.dnb-anchor--no-style).dnb-anchor {
153
145
  font-size: inherit;
154
146
  }
155
- :not(.dnb-anchor--no-style).dnb-anchor--launch-icon .dnb-icon,
156
- :not(.dnb-anchor--no-style).dnb-anchor--launch-icon .dnb-icon.dnb-icon--default {
157
- font-size: 1.11em;
158
- }
159
- :not(.dnb-anchor--no-style).dnb-anchor--launch-icon .dnb-icon svg path,
160
- :not(.dnb-anchor--no-style).dnb-anchor--launch-icon .dnb-icon.dnb-icon--default svg path {
161
- stroke-width: 1.2;
162
- }
163
147
  :not(.dnb-anchor--no-style).dnb-anchor:focus-visible {
164
148
  background-color: transparent;
165
149
  transition: none;
@@ -1 +1 @@
1
- button.dnb-anchor{-webkit-appearance:none;appearance:none;background:none;border:none;cursor:pointer;line-height:calc(var(--line-height-basis) + .125rem)}:where(:not(.dnb-anchor--no-style)).dnb-anchor{--anchor-underline-thickness:0.0938rem;border-radius:0;display:inline;font-size:var(--font-size-basis);padding:.05575em 0;-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:currentcolor;text-decoration-thickness:var(--anchor-underline-thickness);text-underline-offset:.25em;transition:box-shadow .2s ease-in-out,border-radius .2s ease-in-out,background .2s ease-in-out}sub :where(:not(.dnb-anchor--no-style)).dnb-anchor,sup :where(:not(.dnb-anchor--no-style)).dnb-anchor{padding:0 .025em}.dnb-h--basis :where(:not(.dnb-anchor--no-style)).dnb-anchor,.dnb-h--large :where(:not(.dnb-anchor--no-style)).dnb-anchor,.dnb-h--medium :where(:not(.dnb-anchor--no-style)).dnb-anchor,.dnb-h--small :where(:not(.dnb-anchor--no-style)).dnb-anchor,.dnb-h--x-large :where(:not(.dnb-anchor--no-style)).dnb-anchor,.dnb-h--x-small :where(:not(.dnb-anchor--no-style)).dnb-anchor,.dnb-h--xx-large :where(:not(.dnb-anchor--no-style)).dnb-anchor,.dnb-lead :where(:not(.dnb-anchor--no-style)).dnb-anchor,.dnb-p :where(:not(.dnb-anchor--no-style)).dnb-anchor{font-size:inherit}:where(:not(.dnb-anchor--no-style)).dnb-anchor--launch-icon .dnb-icon,:where(:not(.dnb-anchor--no-style)).dnb-anchor--launch-icon .dnb-icon.dnb-icon--default{font-size:1.11em}:where(:not(.dnb-anchor--no-style)).dnb-anchor--launch-icon .dnb-icon svg path,:where(:not(.dnb-anchor--no-style)).dnb-anchor--launch-icon .dnb-icon.dnb-icon--default svg path{stroke-width:1.2}:where(:not(.dnb-anchor--no-style)).dnb-anchor:focus-visible{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;border-radius:.25em;box-shadow:0 0 0 var(--border-width) var(--border-color);outline:none;transition:none}.dnb-section :where(:not(.dnb-anchor--no-style)).dnb-anchor:focus-visible.dnb-anchor,:where(:not(.dnb-anchor--no-style)).dnb-anchor:focus-visible{-webkit-text-decoration:none;text-decoration:none}:where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)){border-radius:.25em}.dnb-section :where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)).dnb-anchor,:where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)){-webkit-text-decoration:none;text-decoration:none}@supports not (selector(*:where(*))){:where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:not(.dnb-anchor--no-hover){border-radius:.25em}.dnb-section :where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:not(.dnb-anchor--no-hover).dnb-anchor,:where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:not(.dnb-anchor--no-hover){-webkit-text-decoration:none;text-decoration:none}}:where(:not(.dnb-anchor--no-style)).dnb-anchor:active{border-radius:.25em}.dnb-section :where(:not(.dnb-anchor--no-style)).dnb-anchor:active.dnb-anchor,:where(:not(.dnb-anchor--no-style)).dnb-anchor:active{-webkit-text-decoration:none;text-decoration:none}[data-visual-test-wrapper] :where(:not(.dnb-anchor--no-style)).dnb-anchor{transition:none}:where(:not(.dnb-anchor--no-style)).dnb-anchor .dnb-icon{display:inline-block;transform:translateY(-.0625em)}:where(:not(.dnb-anchor--no-style)).dnb-anchor--no-icon .dnb-icon{display:none}:where(:not(.dnb-anchor--no-style)).dnb-anchor.dnb-anchor--contrast{color:var(--color-white)}:where(:not(.dnb-anchor--no-style)).dnb-anchor.dnb-anchor--contrast:hover:where(:not(.dnb-anchor--no-hover)){--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--color-white),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--color-white),var(--anchor-background-gutter) 0 0 0 var(--color-white);color:var(--anchor-color--contrast)}@supports not (selector(*:where(*))){:where(:not(.dnb-anchor--no-style)).dnb-anchor.dnb-anchor--contrast:hover:not(.dnb-anchor--no-hover){--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--color-white),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--color-white),var(--anchor-background-gutter) 0 0 0 var(--color-white);color:var(--anchor-color--contrast)}}:where(:not(.dnb-anchor--no-style)).dnb-anchor.dnb-anchor--contrast:active{--anchor-background-gutter:0.125em;background-color:transparent;box-shadow:inset 100vw 100vw 0 0 transparent,calc(var(--anchor-background-gutter)*-1) 0 0 0 transparent,var(--anchor-background-gutter) 0 0 0 transparent;color:var(--color-white)}:where(:not(.dnb-anchor--no-style)).dnb-anchor.dnb-anchor--contrast:focus-visible{--border-color:var(--color-white);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-white);outline:none}@supports not (selector(*:where(*))){:not(.dnb-anchor--no-style).dnb-anchor{--anchor-underline-thickness:0.0938rem;border-radius:0;display:inline;font-size:var(--font-size-basis);padding:.05575em 0;-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:currentcolor;text-decoration-thickness:var(--anchor-underline-thickness);text-underline-offset:.25em;transition:box-shadow .2s ease-in-out,border-radius .2s ease-in-out,background .2s ease-in-out}sub :not(.dnb-anchor--no-style).dnb-anchor,sup :not(.dnb-anchor--no-style).dnb-anchor{padding:0 .025em}.dnb-h--basis :not(.dnb-anchor--no-style).dnb-anchor,.dnb-h--large :not(.dnb-anchor--no-style).dnb-anchor,.dnb-h--medium :not(.dnb-anchor--no-style).dnb-anchor,.dnb-h--small :not(.dnb-anchor--no-style).dnb-anchor,.dnb-h--x-large :not(.dnb-anchor--no-style).dnb-anchor,.dnb-h--x-small :not(.dnb-anchor--no-style).dnb-anchor,.dnb-h--xx-large :not(.dnb-anchor--no-style).dnb-anchor,.dnb-lead :not(.dnb-anchor--no-style).dnb-anchor,.dnb-p :not(.dnb-anchor--no-style).dnb-anchor{font-size:inherit}:not(.dnb-anchor--no-style).dnb-anchor--launch-icon .dnb-icon,:not(.dnb-anchor--no-style).dnb-anchor--launch-icon .dnb-icon.dnb-icon--default{font-size:1.11em}:not(.dnb-anchor--no-style).dnb-anchor--launch-icon .dnb-icon svg path,:not(.dnb-anchor--no-style).dnb-anchor--launch-icon .dnb-icon.dnb-icon--default svg path{stroke-width:1.2}:not(.dnb-anchor--no-style).dnb-anchor:focus-visible{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;border-radius:.25em;box-shadow:0 0 0 var(--border-width) var(--border-color);outline:none;transition:none}.dnb-section :not(.dnb-anchor--no-style).dnb-anchor:focus-visible.dnb-anchor,:not(.dnb-anchor--no-style).dnb-anchor:focus-visible{-webkit-text-decoration:none;text-decoration:none}:not(.dnb-anchor--no-style).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)){border-radius:.25em}.dnb-section :not(.dnb-anchor--no-style).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)).dnb-anchor,:not(.dnb-anchor--no-style).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)){-webkit-text-decoration:none;text-decoration:none}@supports not (selector(*:where(*))){:not(.dnb-anchor--no-style).dnb-anchor:hover:not(.dnb-anchor--no-hover){border-radius:.25em}.dnb-section :not(.dnb-anchor--no-style).dnb-anchor:hover:not(.dnb-anchor--no-hover).dnb-anchor,:not(.dnb-anchor--no-style).dnb-anchor:hover:not(.dnb-anchor--no-hover){-webkit-text-decoration:none;text-decoration:none}}:not(.dnb-anchor--no-style).dnb-anchor:active{border-radius:.25em}.dnb-section :not(.dnb-anchor--no-style).dnb-anchor:active.dnb-anchor,:not(.dnb-anchor--no-style).dnb-anchor:active{-webkit-text-decoration:none;text-decoration:none}[data-visual-test-wrapper] :not(.dnb-anchor--no-style).dnb-anchor{transition:none}:not(.dnb-anchor--no-style).dnb-anchor .dnb-icon{display:inline-block;transform:translateY(-.0625em)}:not(.dnb-anchor--no-style).dnb-anchor--no-icon .dnb-icon{display:none}:not(.dnb-anchor--no-style).dnb-anchor.dnb-anchor--contrast{color:var(--color-white)}:not(.dnb-anchor--no-style).dnb-anchor.dnb-anchor--contrast:hover:where(:not(.dnb-anchor--no-hover)){--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--color-white),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--color-white),var(--anchor-background-gutter) 0 0 0 var(--color-white);color:var(--anchor-color--contrast)}@supports not (selector(*:where(*))){:not(.dnb-anchor--no-style).dnb-anchor.dnb-anchor--contrast:hover:not(.dnb-anchor--no-hover){--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--color-white),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--color-white),var(--anchor-background-gutter) 0 0 0 var(--color-white);color:var(--anchor-color--contrast)}}:not(.dnb-anchor--no-style).dnb-anchor.dnb-anchor--contrast:active{--anchor-background-gutter:0.125em;background-color:transparent;box-shadow:inset 100vw 100vw 0 0 transparent,calc(var(--anchor-background-gutter)*-1) 0 0 0 transparent,var(--anchor-background-gutter) 0 0 0 transparent;color:var(--color-white)}:not(.dnb-anchor--no-style).dnb-anchor.dnb-anchor--contrast:focus-visible{--border-color:var(--color-white);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-white);outline:none}}.dnb-anchor--hover{border-radius:.25em}.dnb-anchor--hover,.dnb-section .dnb-anchor--hover.dnb-anchor{-webkit-text-decoration:none;text-decoration:none}.dnb-anchor--active{border-radius:.25em}.dnb-anchor--active,.dnb-section .dnb-anchor--active.dnb-anchor{-webkit-text-decoration:none;text-decoration:none}.dnb-anchor--focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;border-radius:.25em;box-shadow:0 0 0 var(--border-width) var(--border-color);outline:none;transition:none}.dnb-anchor--focus,.dnb-anchor--no-underline,.dnb-section .dnb-anchor--focus.dnb-anchor,.dnb-section .dnb-anchor--no-underline.dnb-anchor{-webkit-text-decoration:none;text-decoration:none}.dnb-anchor--no-radius,.dnb-anchor--no-radius:active,.dnb-anchor--no-radius:focus-visible,.dnb-anchor--no-radius:hover{border-radius:0}.dnb-anchor--no-animation,a.dnb-button{transition:none}.dnb-anchor.dnb-skeleton,.dnb-skeleton>.dnb-anchor{-webkit-text-decoration:none;text-decoration:none}.dnb-anchor.dnb-skeleton .dnb-icon,.dnb-skeleton>.dnb-anchor .dnb-icon{filter:grayscale(100%) opacity(.3)}
1
+ button.dnb-anchor{-webkit-appearance:none;appearance:none;background:none;border:none;cursor:pointer;line-height:calc(var(--line-height-basis) + .125rem)}:where(:not(.dnb-anchor--no-style)).dnb-anchor{--anchor-underline-thickness:0.0938rem;border-radius:0;display:inline;font-size:var(--font-size-basis);padding:.05575em 0;-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:currentcolor;text-decoration-thickness:var(--anchor-underline-thickness);text-underline-offset:.25em;transition:box-shadow .2s ease-in-out,border-radius .2s ease-in-out,background .2s ease-in-out}sub :where(:not(.dnb-anchor--no-style)).dnb-anchor,sup :where(:not(.dnb-anchor--no-style)).dnb-anchor{padding:0 .025em}.dnb-h--basis :where(:not(.dnb-anchor--no-style)).dnb-anchor,.dnb-h--large :where(:not(.dnb-anchor--no-style)).dnb-anchor,.dnb-h--medium :where(:not(.dnb-anchor--no-style)).dnb-anchor,.dnb-h--small :where(:not(.dnb-anchor--no-style)).dnb-anchor,.dnb-h--x-large :where(:not(.dnb-anchor--no-style)).dnb-anchor,.dnb-h--x-small :where(:not(.dnb-anchor--no-style)).dnb-anchor,.dnb-h--xx-large :where(:not(.dnb-anchor--no-style)).dnb-anchor,.dnb-lead :where(:not(.dnb-anchor--no-style)).dnb-anchor,.dnb-p :where(:not(.dnb-anchor--no-style)).dnb-anchor{font-size:inherit}:where(:not(.dnb-anchor--no-style)).dnb-anchor:focus-visible{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;border-radius:.25em;box-shadow:0 0 0 var(--border-width) var(--border-color);outline:none;transition:none}.dnb-section :where(:not(.dnb-anchor--no-style)).dnb-anchor:focus-visible.dnb-anchor,:where(:not(.dnb-anchor--no-style)).dnb-anchor:focus-visible{-webkit-text-decoration:none;text-decoration:none}:where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)){border-radius:.25em}.dnb-section :where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)).dnb-anchor,:where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)){-webkit-text-decoration:none;text-decoration:none}@supports not (selector(*:where(*))){:where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:not(.dnb-anchor--no-hover){border-radius:.25em}.dnb-section :where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:not(.dnb-anchor--no-hover).dnb-anchor,:where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:not(.dnb-anchor--no-hover){-webkit-text-decoration:none;text-decoration:none}}:where(:not(.dnb-anchor--no-style)).dnb-anchor:active{border-radius:.25em}.dnb-section :where(:not(.dnb-anchor--no-style)).dnb-anchor:active.dnb-anchor,:where(:not(.dnb-anchor--no-style)).dnb-anchor:active{-webkit-text-decoration:none;text-decoration:none}[data-visual-test-wrapper] :where(:not(.dnb-anchor--no-style)).dnb-anchor{transition:none}:where(:not(.dnb-anchor--no-style)).dnb-anchor .dnb-icon{display:inline-block;transform:translateY(-.0625em)}:where(:not(.dnb-anchor--no-style)).dnb-anchor--no-icon .dnb-icon{display:none}:where(:not(.dnb-anchor--no-style)).dnb-anchor.dnb-anchor--contrast{color:var(--color-white)}:where(:not(.dnb-anchor--no-style)).dnb-anchor.dnb-anchor--contrast:hover:where(:not(.dnb-anchor--no-hover)){--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--color-white),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--color-white),var(--anchor-background-gutter) 0 0 0 var(--color-white);color:var(--anchor-color--contrast)}@supports not (selector(*:where(*))){:where(:not(.dnb-anchor--no-style)).dnb-anchor.dnb-anchor--contrast:hover:not(.dnb-anchor--no-hover){--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--color-white),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--color-white),var(--anchor-background-gutter) 0 0 0 var(--color-white);color:var(--anchor-color--contrast)}}:where(:not(.dnb-anchor--no-style)).dnb-anchor.dnb-anchor--contrast:active{--anchor-background-gutter:0.125em;background-color:transparent;box-shadow:inset 100vw 100vw 0 0 transparent,calc(var(--anchor-background-gutter)*-1) 0 0 0 transparent,var(--anchor-background-gutter) 0 0 0 transparent;color:var(--color-white)}:where(:not(.dnb-anchor--no-style)).dnb-anchor.dnb-anchor--contrast:focus-visible{--border-color:var(--color-white);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-white);outline:none}@supports not (selector(*:where(*))){:not(.dnb-anchor--no-style).dnb-anchor{--anchor-underline-thickness:0.0938rem;border-radius:0;display:inline;font-size:var(--font-size-basis);padding:.05575em 0;-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:currentcolor;text-decoration-thickness:var(--anchor-underline-thickness);text-underline-offset:.25em;transition:box-shadow .2s ease-in-out,border-radius .2s ease-in-out,background .2s ease-in-out}sub :not(.dnb-anchor--no-style).dnb-anchor,sup :not(.dnb-anchor--no-style).dnb-anchor{padding:0 .025em}.dnb-h--basis :not(.dnb-anchor--no-style).dnb-anchor,.dnb-h--large :not(.dnb-anchor--no-style).dnb-anchor,.dnb-h--medium :not(.dnb-anchor--no-style).dnb-anchor,.dnb-h--small :not(.dnb-anchor--no-style).dnb-anchor,.dnb-h--x-large :not(.dnb-anchor--no-style).dnb-anchor,.dnb-h--x-small :not(.dnb-anchor--no-style).dnb-anchor,.dnb-h--xx-large :not(.dnb-anchor--no-style).dnb-anchor,.dnb-lead :not(.dnb-anchor--no-style).dnb-anchor,.dnb-p :not(.dnb-anchor--no-style).dnb-anchor{font-size:inherit}:not(.dnb-anchor--no-style).dnb-anchor:focus-visible{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;border-radius:.25em;box-shadow:0 0 0 var(--border-width) var(--border-color);outline:none;transition:none}.dnb-section :not(.dnb-anchor--no-style).dnb-anchor:focus-visible.dnb-anchor,:not(.dnb-anchor--no-style).dnb-anchor:focus-visible{-webkit-text-decoration:none;text-decoration:none}:not(.dnb-anchor--no-style).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)){border-radius:.25em}.dnb-section :not(.dnb-anchor--no-style).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)).dnb-anchor,:not(.dnb-anchor--no-style).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)){-webkit-text-decoration:none;text-decoration:none}@supports not (selector(*:where(*))){:not(.dnb-anchor--no-style).dnb-anchor:hover:not(.dnb-anchor--no-hover){border-radius:.25em}.dnb-section :not(.dnb-anchor--no-style).dnb-anchor:hover:not(.dnb-anchor--no-hover).dnb-anchor,:not(.dnb-anchor--no-style).dnb-anchor:hover:not(.dnb-anchor--no-hover){-webkit-text-decoration:none;text-decoration:none}}:not(.dnb-anchor--no-style).dnb-anchor:active{border-radius:.25em}.dnb-section :not(.dnb-anchor--no-style).dnb-anchor:active.dnb-anchor,:not(.dnb-anchor--no-style).dnb-anchor:active{-webkit-text-decoration:none;text-decoration:none}[data-visual-test-wrapper] :not(.dnb-anchor--no-style).dnb-anchor{transition:none}:not(.dnb-anchor--no-style).dnb-anchor .dnb-icon{display:inline-block;transform:translateY(-.0625em)}:not(.dnb-anchor--no-style).dnb-anchor--no-icon .dnb-icon{display:none}:not(.dnb-anchor--no-style).dnb-anchor.dnb-anchor--contrast{color:var(--color-white)}:not(.dnb-anchor--no-style).dnb-anchor.dnb-anchor--contrast:hover:where(:not(.dnb-anchor--no-hover)){--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--color-white),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--color-white),var(--anchor-background-gutter) 0 0 0 var(--color-white);color:var(--anchor-color--contrast)}@supports not (selector(*:where(*))){:not(.dnb-anchor--no-style).dnb-anchor.dnb-anchor--contrast:hover:not(.dnb-anchor--no-hover){--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--color-white),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--color-white),var(--anchor-background-gutter) 0 0 0 var(--color-white);color:var(--anchor-color--contrast)}}:not(.dnb-anchor--no-style).dnb-anchor.dnb-anchor--contrast:active{--anchor-background-gutter:0.125em;background-color:transparent;box-shadow:inset 100vw 100vw 0 0 transparent,calc(var(--anchor-background-gutter)*-1) 0 0 0 transparent,var(--anchor-background-gutter) 0 0 0 transparent;color:var(--color-white)}:not(.dnb-anchor--no-style).dnb-anchor.dnb-anchor--contrast:focus-visible{--border-color:var(--color-white);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-white);outline:none}}.dnb-anchor--hover{border-radius:.25em}.dnb-anchor--hover,.dnb-section .dnb-anchor--hover.dnb-anchor{-webkit-text-decoration:none;text-decoration:none}.dnb-anchor--active{border-radius:.25em}.dnb-anchor--active,.dnb-section .dnb-anchor--active.dnb-anchor{-webkit-text-decoration:none;text-decoration:none}.dnb-anchor--focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;border-radius:.25em;box-shadow:0 0 0 var(--border-width) var(--border-color);outline:none;transition:none}.dnb-anchor--focus,.dnb-anchor--no-underline,.dnb-section .dnb-anchor--focus.dnb-anchor,.dnb-section .dnb-anchor--no-underline.dnb-anchor{-webkit-text-decoration:none;text-decoration:none}.dnb-anchor--no-radius,.dnb-anchor--no-radius:active,.dnb-anchor--no-radius:focus-visible,.dnb-anchor--no-radius:hover{border-radius:0}.dnb-anchor--no-animation,a.dnb-button{transition:none}.dnb-anchor.dnb-skeleton,.dnb-skeleton>.dnb-anchor{-webkit-text-decoration:none;text-decoration:none}.dnb-anchor.dnb-skeleton .dnb-icon,.dnb-skeleton>.dnb-anchor .dnb-icon{filter:grayscale(100%) opacity(.3)}
@@ -40,12 +40,18 @@
40
40
  :where(:not(.dnb-anchor--no-style)).dnb-anchor:focus-visible {
41
41
  --anchor-color: var(--color-sea-green);
42
42
  }
43
- :where(:not(.dnb-anchor--no-style)).dnb-anchor--icon-left .dnb-icon {
43
+ :where(:not(.dnb-anchor--no-style)).dnb-anchor--icon-left .dnb-icon:first-child {
44
44
  margin-right: 0.25em;
45
45
  }
46
- :where(:not(.dnb-anchor--no-style)).dnb-anchor--icon-right .dnb-icon {
46
+ :where(:not(.dnb-anchor--no-style)).dnb-anchor--icon-right .dnb-icon:last-child {
47
47
  margin-left: 0.25em;
48
48
  }
49
+ :where(:not(.dnb-anchor--no-style)).dnb-anchor__launch-icon.dnb-icon.dnb-icon--default {
50
+ font-size: 1.11em;
51
+ }
52
+ :where(:not(.dnb-anchor--no-style)).dnb-anchor__launch-icon.dnb-icon.dnb-icon--default svg path {
53
+ stroke-width: 1.2;
54
+ }
49
55
 
50
56
  :not(.dnb-anchor--no-style) {
51
57
  /* stylelint-disable-next-line scss/operator-no-unspaced */
@@ -82,12 +88,18 @@
82
88
  :not(.dnb-anchor--no-style).dnb-anchor:focus-visible {
83
89
  --anchor-color: var(--color-sea-green);
84
90
  }
85
- :not(.dnb-anchor--no-style).dnb-anchor--icon-left .dnb-icon {
91
+ :not(.dnb-anchor--no-style).dnb-anchor--icon-left .dnb-icon:first-child {
86
92
  margin-right: 0.25em;
87
93
  }
88
- :not(.dnb-anchor--no-style).dnb-anchor--icon-right .dnb-icon {
94
+ :not(.dnb-anchor--no-style).dnb-anchor--icon-right .dnb-icon:last-child {
89
95
  margin-left: 0.25em;
90
96
  }
97
+ :not(.dnb-anchor--no-style).dnb-anchor__launch-icon.dnb-icon.dnb-icon--default {
98
+ font-size: 1.11em;
99
+ }
100
+ :not(.dnb-anchor--no-style).dnb-anchor__launch-icon.dnb-icon.dnb-icon--default svg path {
101
+ stroke-width: 1.2;
102
+ }
91
103
  }
92
104
 
93
105
  .dnb-anchor--hover {
@@ -1 +1 @@
1
- :where(:not(.dnb-anchor--no-style)).dnb-anchor{--anchor-color:var(--anchor-color--default,var(--color-sea-green));--anchor-color--active:var(--color-mint-green);--anchor-color--contrast:var(--color-emerald-green);--anchor-background--hover:var(--color-mint-green-50);--anchor-background--active:var(--color-emerald-green);color:var(--anchor-color)}:where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)){--anchor-color:var(--color-sea-green);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--hover)}@supports not (selector(*:where(*))){:where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:not(.dnb-anchor--no-hover){--anchor-color:var(--color-sea-green);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--hover)}}:where(:not(.dnb-anchor--no-style)).dnb-anchor:active{--anchor-color:var(--anchor-color--active);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--active),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--active),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--active)}:where(:not(.dnb-anchor--no-style)).dnb-anchor:focus-visible{--anchor-color:var(--color-sea-green)}:where(:not(.dnb-anchor--no-style)).dnb-anchor--icon-left .dnb-icon{margin-right:.25em}:where(:not(.dnb-anchor--no-style)).dnb-anchor--icon-right .dnb-icon{margin-left:.25em}@supports not (selector(*:where(*))){:not(.dnb-anchor--no-style).dnb-anchor{--anchor-color:var(--anchor-color--default,var(--color-sea-green));--anchor-color--active:var(--color-mint-green);--anchor-color--contrast:var(--color-emerald-green);--anchor-background--hover:var(--color-mint-green-50);--anchor-background--active:var(--color-emerald-green);color:var(--anchor-color)}:not(.dnb-anchor--no-style).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)){--anchor-color:var(--color-sea-green);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--hover)}@supports not (selector(*:where(*))){:not(.dnb-anchor--no-style).dnb-anchor:hover:not(.dnb-anchor--no-hover){--anchor-color:var(--color-sea-green);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--hover)}}:not(.dnb-anchor--no-style).dnb-anchor:active{--anchor-color:var(--anchor-color--active);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--active),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--active),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--active)}:not(.dnb-anchor--no-style).dnb-anchor:focus-visible{--anchor-color:var(--color-sea-green)}:not(.dnb-anchor--no-style).dnb-anchor--icon-left .dnb-icon{margin-right:.25em}:not(.dnb-anchor--no-style).dnb-anchor--icon-right .dnb-icon{margin-left:.25em}}.dnb-anchor--hover{--anchor-color:var(--color-sea-green);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--hover)}.dnb-anchor--active{--anchor-color:var(--anchor-color--active);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--active),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--active),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--active)}.dnb-anchor--focus{--anchor-color:var(--color-sea-green)}:where(:not(.dnb-anchor--no-style)).dnb-anchor{--anchor-color--default:var(--color-emerald-green);--anchor-color--contrast:var(--color-sea-green);--anchor-color--active:var(--color-sea-green);--anchor-background--hover:transparent;--anchor-background--active:var(--color-pistachio)}@supports not (selector(*:where(*))){:not(.dnb-anchor--no-style).dnb-anchor{--anchor-color--default:var(--color-emerald-green);--anchor-color--contrast:var(--color-sea-green);--anchor-color--active:var(--color-sea-green);--anchor-background--hover:transparent;--anchor-background--active:var(--color-pistachio)}}
1
+ :where(:not(.dnb-anchor--no-style)).dnb-anchor{--anchor-color:var(--anchor-color--default,var(--color-sea-green));--anchor-color--active:var(--color-mint-green);--anchor-color--contrast:var(--color-emerald-green);--anchor-background--hover:var(--color-mint-green-50);--anchor-background--active:var(--color-emerald-green);color:var(--anchor-color)}:where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)){--anchor-color:var(--color-sea-green);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--hover)}@supports not (selector(*:where(*))){:where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:not(.dnb-anchor--no-hover){--anchor-color:var(--color-sea-green);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--hover)}}:where(:not(.dnb-anchor--no-style)).dnb-anchor:active{--anchor-color:var(--anchor-color--active);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--active),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--active),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--active)}:where(:not(.dnb-anchor--no-style)).dnb-anchor:focus-visible{--anchor-color:var(--color-sea-green)}:where(:not(.dnb-anchor--no-style)).dnb-anchor--icon-left .dnb-icon:first-child{margin-right:.25em}:where(:not(.dnb-anchor--no-style)).dnb-anchor--icon-right .dnb-icon:last-child{margin-left:.25em}:where(:not(.dnb-anchor--no-style)).dnb-anchor__launch-icon.dnb-icon.dnb-icon--default{font-size:1.11em}:where(:not(.dnb-anchor--no-style)).dnb-anchor__launch-icon.dnb-icon.dnb-icon--default svg path{stroke-width:1.2}@supports not (selector(*:where(*))){:not(.dnb-anchor--no-style).dnb-anchor{--anchor-color:var(--anchor-color--default,var(--color-sea-green));--anchor-color--active:var(--color-mint-green);--anchor-color--contrast:var(--color-emerald-green);--anchor-background--hover:var(--color-mint-green-50);--anchor-background--active:var(--color-emerald-green);color:var(--anchor-color)}:not(.dnb-anchor--no-style).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)){--anchor-color:var(--color-sea-green);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--hover)}@supports not (selector(*:where(*))){:not(.dnb-anchor--no-style).dnb-anchor:hover:not(.dnb-anchor--no-hover){--anchor-color:var(--color-sea-green);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--hover)}}:not(.dnb-anchor--no-style).dnb-anchor:active{--anchor-color:var(--anchor-color--active);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--active),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--active),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--active)}:not(.dnb-anchor--no-style).dnb-anchor:focus-visible{--anchor-color:var(--color-sea-green)}:not(.dnb-anchor--no-style).dnb-anchor--icon-left .dnb-icon:first-child{margin-right:.25em}:not(.dnb-anchor--no-style).dnb-anchor--icon-right .dnb-icon:last-child{margin-left:.25em}:not(.dnb-anchor--no-style).dnb-anchor__launch-icon.dnb-icon.dnb-icon--default{font-size:1.11em}:not(.dnb-anchor--no-style).dnb-anchor__launch-icon.dnb-icon.dnb-icon--default svg path{stroke-width:1.2}}.dnb-anchor--hover{--anchor-color:var(--color-sea-green);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--hover)}.dnb-anchor--active{--anchor-color:var(--anchor-color--active);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--active),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--active),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--active)}.dnb-anchor--focus{--anchor-color:var(--color-sea-green)}:where(:not(.dnb-anchor--no-style)).dnb-anchor{--anchor-color--default:var(--color-emerald-green);--anchor-color--contrast:var(--color-sea-green);--anchor-color--active:var(--color-sea-green);--anchor-background--hover:transparent;--anchor-background--active:var(--color-pistachio)}@supports not (selector(*:where(*))){:not(.dnb-anchor--no-style).dnb-anchor{--anchor-color--default:var(--color-emerald-green);--anchor-color--contrast:var(--color-sea-green);--anchor-color--active:var(--color-sea-green);--anchor-background--hover:transparent;--anchor-background--active:var(--color-pistachio)}}
@@ -40,12 +40,18 @@
40
40
  :where(:not(.dnb-anchor--no-style)).dnb-anchor:focus-visible {
41
41
  --anchor-color: var(--color-sea-green);
42
42
  }
43
- :where(:not(.dnb-anchor--no-style)).dnb-anchor--icon-left .dnb-icon {
43
+ :where(:not(.dnb-anchor--no-style)).dnb-anchor--icon-left .dnb-icon:first-child {
44
44
  margin-right: 0.25em;
45
45
  }
46
- :where(:not(.dnb-anchor--no-style)).dnb-anchor--icon-right .dnb-icon {
46
+ :where(:not(.dnb-anchor--no-style)).dnb-anchor--icon-right .dnb-icon:last-child {
47
47
  margin-left: 0.25em;
48
48
  }
49
+ :where(:not(.dnb-anchor--no-style)).dnb-anchor__launch-icon.dnb-icon.dnb-icon--default {
50
+ font-size: 1.11em;
51
+ }
52
+ :where(:not(.dnb-anchor--no-style)).dnb-anchor__launch-icon.dnb-icon.dnb-icon--default svg path {
53
+ stroke-width: 1.2;
54
+ }
49
55
 
50
56
  :not(.dnb-anchor--no-style) {
51
57
  /* stylelint-disable-next-line scss/operator-no-unspaced */
@@ -82,12 +88,18 @@
82
88
  :not(.dnb-anchor--no-style).dnb-anchor:focus-visible {
83
89
  --anchor-color: var(--color-sea-green);
84
90
  }
85
- :not(.dnb-anchor--no-style).dnb-anchor--icon-left .dnb-icon {
91
+ :not(.dnb-anchor--no-style).dnb-anchor--icon-left .dnb-icon:first-child {
86
92
  margin-right: 0.25em;
87
93
  }
88
- :not(.dnb-anchor--no-style).dnb-anchor--icon-right .dnb-icon {
94
+ :not(.dnb-anchor--no-style).dnb-anchor--icon-right .dnb-icon:last-child {
89
95
  margin-left: 0.25em;
90
96
  }
97
+ :not(.dnb-anchor--no-style).dnb-anchor__launch-icon.dnb-icon.dnb-icon--default {
98
+ font-size: 1.11em;
99
+ }
100
+ :not(.dnb-anchor--no-style).dnb-anchor__launch-icon.dnb-icon.dnb-icon--default svg path {
101
+ stroke-width: 1.2;
102
+ }
91
103
  }
92
104
 
93
105
  .dnb-anchor--hover {
@@ -1 +1 @@
1
- :where(:not(.dnb-anchor--no-style)).dnb-anchor{--anchor-color:var(--anchor-color--default,var(--color-sea-green));--anchor-color--active:var(--color-mint-green);--anchor-color--contrast:var(--color-emerald-green);--anchor-background--hover:var(--color-mint-green-50);--anchor-background--active:var(--color-emerald-green);color:var(--anchor-color)}:where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)){--anchor-color:var(--color-sea-green);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--hover)}@supports not (selector(*:where(*))){:where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:not(.dnb-anchor--no-hover){--anchor-color:var(--color-sea-green);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--hover)}}:where(:not(.dnb-anchor--no-style)).dnb-anchor:active{--anchor-color:var(--anchor-color--active);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--active),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--active),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--active)}:where(:not(.dnb-anchor--no-style)).dnb-anchor:focus-visible{--anchor-color:var(--color-sea-green)}:where(:not(.dnb-anchor--no-style)).dnb-anchor--icon-left .dnb-icon{margin-right:.25em}:where(:not(.dnb-anchor--no-style)).dnb-anchor--icon-right .dnb-icon{margin-left:.25em}@supports not (selector(*:where(*))){:not(.dnb-anchor--no-style).dnb-anchor{--anchor-color:var(--anchor-color--default,var(--color-sea-green));--anchor-color--active:var(--color-mint-green);--anchor-color--contrast:var(--color-emerald-green);--anchor-background--hover:var(--color-mint-green-50);--anchor-background--active:var(--color-emerald-green);color:var(--anchor-color)}:not(.dnb-anchor--no-style).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)){--anchor-color:var(--color-sea-green);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--hover)}@supports not (selector(*:where(*))){:not(.dnb-anchor--no-style).dnb-anchor:hover:not(.dnb-anchor--no-hover){--anchor-color:var(--color-sea-green);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--hover)}}:not(.dnb-anchor--no-style).dnb-anchor:active{--anchor-color:var(--anchor-color--active);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--active),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--active),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--active)}:not(.dnb-anchor--no-style).dnb-anchor:focus-visible{--anchor-color:var(--color-sea-green)}:not(.dnb-anchor--no-style).dnb-anchor--icon-left .dnb-icon{margin-right:.25em}:not(.dnb-anchor--no-style).dnb-anchor--icon-right .dnb-icon{margin-left:.25em}}.dnb-anchor--hover{--anchor-color:var(--color-sea-green);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--hover)}.dnb-anchor--active{--anchor-color:var(--anchor-color--active);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--active),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--active),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--active)}.dnb-anchor--focus{--anchor-color:var(--color-sea-green)}
1
+ :where(:not(.dnb-anchor--no-style)).dnb-anchor{--anchor-color:var(--anchor-color--default,var(--color-sea-green));--anchor-color--active:var(--color-mint-green);--anchor-color--contrast:var(--color-emerald-green);--anchor-background--hover:var(--color-mint-green-50);--anchor-background--active:var(--color-emerald-green);color:var(--anchor-color)}:where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)){--anchor-color:var(--color-sea-green);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--hover)}@supports not (selector(*:where(*))){:where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:not(.dnb-anchor--no-hover){--anchor-color:var(--color-sea-green);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--hover)}}:where(:not(.dnb-anchor--no-style)).dnb-anchor:active{--anchor-color:var(--anchor-color--active);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--active),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--active),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--active)}:where(:not(.dnb-anchor--no-style)).dnb-anchor:focus-visible{--anchor-color:var(--color-sea-green)}:where(:not(.dnb-anchor--no-style)).dnb-anchor--icon-left .dnb-icon:first-child{margin-right:.25em}:where(:not(.dnb-anchor--no-style)).dnb-anchor--icon-right .dnb-icon:last-child{margin-left:.25em}:where(:not(.dnb-anchor--no-style)).dnb-anchor__launch-icon.dnb-icon.dnb-icon--default{font-size:1.11em}:where(:not(.dnb-anchor--no-style)).dnb-anchor__launch-icon.dnb-icon.dnb-icon--default svg path{stroke-width:1.2}@supports not (selector(*:where(*))){:not(.dnb-anchor--no-style).dnb-anchor{--anchor-color:var(--anchor-color--default,var(--color-sea-green));--anchor-color--active:var(--color-mint-green);--anchor-color--contrast:var(--color-emerald-green);--anchor-background--hover:var(--color-mint-green-50);--anchor-background--active:var(--color-emerald-green);color:var(--anchor-color)}:not(.dnb-anchor--no-style).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)){--anchor-color:var(--color-sea-green);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--hover)}@supports not (selector(*:where(*))){:not(.dnb-anchor--no-style).dnb-anchor:hover:not(.dnb-anchor--no-hover){--anchor-color:var(--color-sea-green);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--hover)}}:not(.dnb-anchor--no-style).dnb-anchor:active{--anchor-color:var(--anchor-color--active);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--active),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--active),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--active)}:not(.dnb-anchor--no-style).dnb-anchor:focus-visible{--anchor-color:var(--color-sea-green)}:not(.dnb-anchor--no-style).dnb-anchor--icon-left .dnb-icon:first-child{margin-right:.25em}:not(.dnb-anchor--no-style).dnb-anchor--icon-right .dnb-icon:last-child{margin-left:.25em}:not(.dnb-anchor--no-style).dnb-anchor__launch-icon.dnb-icon.dnb-icon--default{font-size:1.11em}:not(.dnb-anchor--no-style).dnb-anchor__launch-icon.dnb-icon.dnb-icon--default svg path{stroke-width:1.2}}.dnb-anchor--hover{--anchor-color:var(--color-sea-green);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--hover)}.dnb-anchor--active{--anchor-color:var(--anchor-color--active);--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--active),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--anchor-background--active),var(--anchor-background-gutter) 0 0 0 var(--anchor-background--active)}.dnb-anchor--focus{--anchor-color:var(--color-sea-green)}
@@ -44,12 +44,20 @@
44
44
  @include anchorFocus();
45
45
  }
46
46
 
47
- &--icon-left .dnb-icon {
47
+ &--icon-left .dnb-icon:first-child {
48
48
  margin-right: 0.25em;
49
49
  }
50
- &--icon-right .dnb-icon {
50
+ &--icon-right .dnb-icon:last-child {
51
51
  margin-left: 0.25em;
52
52
  }
53
+
54
+ // Align this icon to look the same as in v10
55
+ &__launch-icon.dnb-icon.dnb-icon--default {
56
+ font-size: 1.11em;
57
+ svg path {
58
+ stroke-width: 1.2;
59
+ }
60
+ }
53
61
  }
54
62
 
55
63
  $useClasses: true !default;
@@ -1364,7 +1364,7 @@ class AutocompleteInstance extends React.PureComponent {
1364
1364
  autoComplete: 'off',
1365
1365
  role: 'combobox',
1366
1366
  'aria-autocomplete': 'both',
1367
- 'aria-controls': `${id}-ul`,
1367
+ 'aria-controls': isExpanded ? `${id}-ul` : undefined,
1368
1368
  'aria-haspopup': 'listbox',
1369
1369
  'aria-expanded': isExpanded,
1370
1370
  onMouseDown: this.onInputClickHandler,
@@ -1383,7 +1383,7 @@ class AutocompleteInstance extends React.PureComponent {
1383
1383
  inputParams['aria-placeholder'] = undefined;
1384
1384
  }
1385
1385
  }
1386
- if (!hidden) {
1386
+ if (isExpanded) {
1387
1387
  if (parseFloat(active_item) > -1) {
1388
1388
  inputParams['aria-activedescendant'] = `option-${id}-${active_item}`;
1389
1389
  } else if (!isTrue(prevent_selection) && parseFloat(selected_item) > -1) {