@dnb/eufemia 10.19.0 → 10.21.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 (1308) hide show
  1. package/CHANGELOG.md +67 -0
  2. package/cjs/components/accordion/AccordionContent.d.ts +1 -1
  3. package/cjs/components/accordion/AccordionContent.js.map +1 -1
  4. package/cjs/components/accordion/style/dnb-accordion.css +0 -3
  5. package/cjs/components/accordion/style/dnb-accordion.min.css +1 -1
  6. package/cjs/components/accordion/style/dnb-accordion.scss +0 -5
  7. package/cjs/components/breadcrumb/Breadcrumb.js +11 -2
  8. package/cjs/components/breadcrumb/Breadcrumb.js.map +1 -1
  9. package/cjs/components/breadcrumb/BreadcrumbItem.js +11 -8
  10. package/cjs/components/breadcrumb/BreadcrumbItem.js.map +1 -1
  11. package/cjs/components/card/Card.d.ts +6 -4
  12. package/cjs/components/card/Card.js +11 -15
  13. package/cjs/components/card/Card.js.map +1 -1
  14. package/cjs/components/card/style/dnb-card.css +29 -0
  15. package/cjs/components/card/style/dnb-card.min.css +1 -1
  16. package/cjs/components/card/style/dnb-card.scss +41 -0
  17. package/cjs/components/card/style/themes/dnb-card-theme-ui.css +1 -19
  18. package/cjs/components/card/style/themes/dnb-card-theme-ui.min.css +1 -1
  19. package/cjs/components/card/style/themes/dnb-card-theme-ui.scss +1 -27
  20. package/cjs/components/date-picker/DatePicker.d.ts +10 -1
  21. package/cjs/components/date-picker/DatePicker.js +5 -2
  22. package/cjs/components/date-picker/DatePicker.js.map +1 -1
  23. package/cjs/components/date-picker/DatePickerProvider.js +10 -10
  24. package/cjs/components/date-picker/DatePickerProvider.js.map +1 -1
  25. package/cjs/components/flex/Container.js +1 -1
  26. package/cjs/components/flex/Container.js.map +1 -1
  27. package/cjs/components/flex/Item.js +8 -13
  28. package/cjs/components/flex/Item.js.map +1 -1
  29. package/cjs/components/flex/style/dnb-flex.css +3 -0
  30. package/cjs/components/flex/style/dnb-flex.min.css +1 -1
  31. package/cjs/components/flex/style/flex-container.scss +3 -0
  32. package/cjs/components/flex/utils.d.ts +35 -7
  33. package/cjs/components/flex/utils.js +65 -33
  34. package/cjs/components/flex/utils.js.map +1 -1
  35. package/cjs/components/form-label/style/dnb-form-label.css +0 -7
  36. package/cjs/components/form-label/style/dnb-form-label.min.css +1 -1
  37. package/cjs/components/form-label/style/dnb-form-label.scss +0 -6
  38. package/cjs/components/form-status/FormStatus.d.ts +5 -1
  39. package/cjs/components/form-status/FormStatus.js +38 -44
  40. package/cjs/components/form-status/FormStatus.js.map +1 -1
  41. package/cjs/components/form-status/style/dnb-form-status.css +11 -18
  42. package/cjs/components/form-status/style/dnb-form-status.min.css +1 -1
  43. package/cjs/components/form-status/style/dnb-form-status.scss +11 -45
  44. package/cjs/components/global-status/GlobalStatus.js +52 -138
  45. package/cjs/components/global-status/GlobalStatus.js.map +1 -1
  46. package/cjs/components/global-status/style/dnb-global-status.css +6 -16
  47. package/cjs/components/global-status/style/dnb-global-status.min.css +1 -1
  48. package/cjs/components/global-status/style/dnb-global-status.scss +11 -23
  49. package/cjs/components/global-status/style/themes/dnb-global-status-theme-ui.css +0 -3
  50. package/cjs/components/global-status/style/themes/dnb-global-status-theme-ui.min.css +1 -1
  51. package/cjs/components/global-status/style/themes/dnb-global-status-theme-ui.scss +0 -10
  52. package/cjs/components/height-animation/HeightAnimation.d.ts +12 -4
  53. package/cjs/components/height-animation/HeightAnimation.js +31 -14
  54. package/cjs/components/height-animation/HeightAnimation.js.map +1 -1
  55. package/cjs/components/height-animation/HeightAnimationInstance.d.ts +35 -18
  56. package/cjs/components/height-animation/HeightAnimationInstance.js +186 -158
  57. package/cjs/components/height-animation/HeightAnimationInstance.js.map +1 -1
  58. package/cjs/components/height-animation/style/dnb-height-animation.css +16 -2
  59. package/cjs/components/height-animation/style/dnb-height-animation.min.css +1 -1
  60. package/cjs/components/height-animation/style/dnb-height-animation.scss +18 -2
  61. package/cjs/components/height-animation/useHeightAnimation.d.ts +6 -1
  62. package/cjs/components/height-animation/useHeightAnimation.js +125 -92
  63. package/cjs/components/height-animation/useHeightAnimation.js.map +1 -1
  64. package/cjs/components/info-card/InfoCard.d.ts +6 -0
  65. package/cjs/components/info-card/InfoCard.js +4 -2
  66. package/cjs/components/info-card/InfoCard.js.map +1 -1
  67. package/cjs/components/info-card/style/dnb-info-card.css +3 -1
  68. package/cjs/components/info-card/style/dnb-info-card.min.css +1 -1
  69. package/cjs/components/info-card/style/dnb-info-card.scss +4 -2
  70. package/cjs/components/input/Input.d.ts +8 -8
  71. package/cjs/components/input/InputDocs.d.ts +2 -0
  72. package/cjs/components/input/InputDocs.js +165 -0
  73. package/cjs/components/input/InputDocs.js.map +1 -0
  74. package/cjs/components/input/InputPassword.d.ts +6 -17
  75. package/cjs/components/input/InputPassword.js +4 -85
  76. package/cjs/components/input/InputPassword.js.map +1 -1
  77. package/cjs/components/input-masked/InputMasked.d.ts +6 -93
  78. package/cjs/components/input-masked/InputMasked.js +3 -1
  79. package/cjs/components/input-masked/InputMasked.js.map +1 -1
  80. package/cjs/components/input-masked/InputMaskedDocs.d.ts +2 -0
  81. package/cjs/components/input-masked/InputMaskedDocs.js +85 -0
  82. package/cjs/components/input-masked/InputMaskedDocs.js.map +1 -0
  83. package/cjs/components/input-masked/InputMaskedHooks.js +7 -4
  84. package/cjs/components/input-masked/InputMaskedHooks.js.map +1 -1
  85. package/cjs/components/input-masked/MultiInputMask.js +2 -6
  86. package/cjs/components/input-masked/MultiInputMask.js.map +1 -1
  87. package/cjs/components/input-masked/style/dnb-input-masked.css +3 -0
  88. package/cjs/components/input-masked/style/dnb-input-masked.min.css +1 -1
  89. package/cjs/components/input-masked/style/dnb-input-masked.scss +5 -0
  90. package/cjs/components/number-format/NumberFormat.d.ts +8 -13
  91. package/cjs/components/number-format/NumberUtils.js +22 -14
  92. package/cjs/components/number-format/NumberUtils.js.map +1 -1
  93. package/cjs/components/slider/Slider.d.ts +1 -0
  94. package/cjs/components/slider/Slider.js +10 -1
  95. package/cjs/components/slider/Slider.js.map +1 -1
  96. package/cjs/components/slider/SliderInstance.js +20 -6
  97. package/cjs/components/slider/SliderInstance.js.map +1 -1
  98. package/cjs/components/slider/SliderMarker.d.ts +7 -0
  99. package/cjs/components/slider/SliderMarker.js +62 -0
  100. package/cjs/components/slider/SliderMarker.js.map +1 -0
  101. package/cjs/components/slider/SliderProvider.js +2 -1
  102. package/cjs/components/slider/SliderProvider.js.map +1 -1
  103. package/cjs/components/slider/style/dnb-slider.css +43 -2
  104. package/cjs/components/slider/style/dnb-slider.min.css +1 -1
  105. package/cjs/components/slider/style/dnb-slider.scss +44 -1
  106. package/cjs/components/slider/style/themes/dnb-slider-theme-sbanken.css +3 -0
  107. package/cjs/components/slider/style/themes/dnb-slider-theme-sbanken.min.css +1 -1
  108. package/cjs/components/slider/style/themes/dnb-slider-theme-sbanken.scss +4 -0
  109. package/cjs/components/slider/style/themes/dnb-slider-theme-ui.css +3 -0
  110. package/cjs/components/slider/style/themes/dnb-slider-theme-ui.min.css +1 -1
  111. package/cjs/components/slider/style/themes/dnb-slider-theme-ui.scss +5 -0
  112. package/cjs/components/slider/types.d.ts +6 -0
  113. package/cjs/components/slider/types.js.map +1 -1
  114. package/cjs/components/step-indicator/StepIndicatorItem.js +3 -21
  115. package/cjs/components/step-indicator/StepIndicatorItem.js.map +1 -1
  116. package/cjs/components/step-indicator/StepIndicatorTriggerButton.js +2 -16
  117. package/cjs/components/step-indicator/StepIndicatorTriggerButton.js.map +1 -1
  118. package/cjs/components/step-indicator/style/dnb-step-indicator.css +0 -5
  119. package/cjs/components/step-indicator/style/dnb-step-indicator.min.css +1 -1
  120. package/cjs/components/step-indicator/style/dnb-step-indicator.scss +0 -7
  121. package/cjs/components/table/TableAccordion.js +3 -2
  122. package/cjs/components/table/TableAccordion.js.map +1 -1
  123. package/cjs/components/table/TableAccordionContent.js +54 -26
  124. package/cjs/components/table/TableAccordionContent.js.map +1 -1
  125. package/cjs/components/table/style/dnb-table.css +184 -114
  126. package/cjs/components/table/style/dnb-table.min.css +1 -1
  127. package/cjs/components/table/style/dnb-table.scss +60 -4
  128. package/cjs/components/table/style/table-accordion.scss +30 -60
  129. package/cjs/components/table/style/table-container.scss +9 -9
  130. package/cjs/components/table/style/table-mixins.scss +19 -2
  131. package/cjs/components/table/style/table-td.scss +82 -60
  132. package/cjs/components/table/style/table-th.scss +5 -30
  133. package/cjs/components/table/style/table-tr.scss +0 -20
  134. package/cjs/components/table/style/themes/dnb-table-theme-sbanken.css +24 -7
  135. package/cjs/components/table/style/themes/dnb-table-theme-sbanken.min.css +1 -1
  136. package/cjs/components/table/style/themes/dnb-table-theme-sbanken.scss +17 -12
  137. package/cjs/components/table/style/themes/dnb-table-theme-ui.css +14 -9
  138. package/cjs/components/table/style/themes/dnb-table-theme-ui.min.css +1 -1
  139. package/cjs/components/table/style/themes/dnb-table-theme-ui.scss +12 -22
  140. package/cjs/components/tabs/Tabs.js +2 -1
  141. package/cjs/components/tabs/Tabs.js.map +1 -1
  142. package/cjs/components/tabs/TabsContentWrapper.d.ts +1 -0
  143. package/cjs/components/tabs/TabsContentWrapper.js +8 -6
  144. package/cjs/components/tabs/TabsContentWrapper.js.map +1 -1
  145. package/cjs/components/textarea/Textarea.d.ts +4 -10
  146. package/cjs/components/textarea/TextareaDocs.d.ts +2 -0
  147. package/cjs/components/textarea/TextareaDocs.js +105 -0
  148. package/cjs/components/textarea/TextareaDocs.js.map +1 -0
  149. package/cjs/components/textarea/style/dnb-textarea.css +1 -0
  150. package/cjs/components/textarea/style/dnb-textarea.min.css +1 -1
  151. package/cjs/components/textarea/style/dnb-textarea.scss +3 -0
  152. package/cjs/components/upload/Upload.js +15 -18
  153. package/cjs/components/upload/Upload.js.map +1 -1
  154. package/cjs/components/upload/UploadFileInput.js +3 -1
  155. package/cjs/components/upload/UploadFileInput.js.map +1 -1
  156. package/cjs/components/upload/UploadFileList.js +1 -1
  157. package/cjs/components/upload/UploadFileList.js.map +1 -1
  158. package/cjs/components/upload/UploadInfo.js +1 -1
  159. package/cjs/components/upload/UploadInfo.js.map +1 -1
  160. package/cjs/components/upload/UploadStatus.js +6 -2
  161. package/cjs/components/upload/UploadStatus.js.map +1 -1
  162. package/cjs/components/upload/useUpload.js +5 -6
  163. package/cjs/components/upload/useUpload.js.map +1 -1
  164. package/cjs/core/jest/jestSetupScreenshots.css +7 -0
  165. package/cjs/elements/lib.d.ts +7 -1
  166. package/cjs/elements/lists/Dl.d.ts +5 -1
  167. package/cjs/elements/lists/Dl.js +5 -4
  168. package/cjs/elements/lists/Dl.js.map +1 -1
  169. package/cjs/elements/lists/style/lists-mixins.scss +24 -1
  170. package/cjs/elements/typography/H1.d.ts +1 -0
  171. package/cjs/elements/typography/H1.js +1 -1
  172. package/cjs/elements/typography/H1.js.map +1 -1
  173. package/cjs/elements/typography/H2.d.ts +1 -0
  174. package/cjs/elements/typography/H2.js +1 -1
  175. package/cjs/elements/typography/H2.js.map +1 -1
  176. package/cjs/elements/typography/H3.d.ts +1 -0
  177. package/cjs/elements/typography/H3.js +1 -1
  178. package/cjs/elements/typography/H3.js.map +1 -1
  179. package/cjs/elements/typography/H4.d.ts +1 -0
  180. package/cjs/elements/typography/H4.js +1 -1
  181. package/cjs/elements/typography/H4.js.map +1 -1
  182. package/cjs/elements/typography/H5.d.ts +1 -0
  183. package/cjs/elements/typography/H5.js +1 -1
  184. package/cjs/elements/typography/H5.js.map +1 -1
  185. package/cjs/elements/typography/H6.d.ts +1 -0
  186. package/cjs/elements/typography/H6.js +1 -1
  187. package/cjs/elements/typography/H6.js.map +1 -1
  188. package/cjs/extensions/forms/DataContext/Context.d.ts +19 -5
  189. package/cjs/extensions/forms/DataContext/Context.js +9 -0
  190. package/cjs/extensions/forms/DataContext/Context.js.map +1 -1
  191. package/cjs/extensions/forms/DataContext/Provider/Provider.d.ts +57 -19
  192. package/cjs/extensions/forms/DataContext/Provider/Provider.js +152 -64
  193. package/cjs/extensions/forms/DataContext/Provider/Provider.js.map +1 -1
  194. package/cjs/extensions/forms/Field/BankAccountNumber/BankAccountNumber.js +3 -2
  195. package/cjs/extensions/forms/Field/BankAccountNumber/BankAccountNumber.js.map +1 -1
  196. package/cjs/extensions/forms/Field/Currency/Currency.js +1 -1
  197. package/cjs/extensions/forms/Field/Currency/Currency.js.map +1 -1
  198. package/cjs/extensions/forms/Field/Date/Date.js +4 -3
  199. package/cjs/extensions/forms/Field/Date/Date.js.map +1 -1
  200. package/cjs/extensions/forms/Field/Email/Email.js +3 -2
  201. package/cjs/extensions/forms/Field/Email/Email.js.map +1 -1
  202. package/cjs/extensions/forms/Field/Expiry/Expiry.js +5 -3
  203. package/cjs/extensions/forms/Field/Expiry/Expiry.js.map +1 -1
  204. package/cjs/extensions/forms/Field/FieldDocs.d.ts +3 -0
  205. package/cjs/extensions/forms/Field/FieldDocs.js +18 -0
  206. package/cjs/extensions/forms/Field/FieldDocs.js.map +1 -0
  207. package/cjs/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumber.js +3 -2
  208. package/cjs/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumber.js.map +1 -1
  209. package/cjs/extensions/forms/Field/Number/Number.d.ts +3 -4
  210. package/cjs/extensions/forms/Field/Number/Number.js +25 -20
  211. package/cjs/extensions/forms/Field/Number/Number.js.map +1 -1
  212. package/cjs/extensions/forms/Field/Number/NumberDocs.d.ts +2 -0
  213. package/cjs/extensions/forms/Field/Number/NumberDocs.js +92 -0
  214. package/cjs/extensions/forms/Field/Number/NumberDocs.js.map +1 -0
  215. package/cjs/extensions/forms/Field/Number/style/dnb-number.css +3 -1
  216. package/cjs/extensions/forms/Field/Number/style/dnb-number.min.css +1 -1
  217. package/cjs/extensions/forms/Field/Number/style/dnb-number.scss +4 -1
  218. package/cjs/extensions/forms/Field/OrganizationNumber/OrganizationNumber.js +3 -2
  219. package/cjs/extensions/forms/Field/OrganizationNumber/OrganizationNumber.js.map +1 -1
  220. package/cjs/extensions/forms/Field/Password/Password.d.ts +45 -0
  221. package/cjs/extensions/forms/Field/Password/Password.js +111 -0
  222. package/cjs/extensions/forms/Field/Password/Password.js.map +1 -0
  223. package/cjs/extensions/forms/Field/Password/index.d.ts +2 -0
  224. package/cjs/extensions/forms/Field/Password/index.js +27 -0
  225. package/cjs/extensions/forms/Field/Password/index.js.map +1 -0
  226. package/cjs/extensions/forms/Field/Password/style/dnb-password.css +6 -0
  227. package/cjs/extensions/forms/Field/Password/style/dnb-password.min.css +1 -0
  228. package/cjs/extensions/forms/Field/Password/style/dnb-password.scss +10 -0
  229. package/cjs/extensions/forms/Field/PhoneNumber/PhoneNumber.js +3 -2
  230. package/cjs/extensions/forms/Field/PhoneNumber/PhoneNumber.js.map +1 -1
  231. package/cjs/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.js +4 -5
  232. package/cjs/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.js.map +1 -1
  233. package/cjs/extensions/forms/Field/PostalCodeAndCity/style/dnb-postal-code-and-city.css +3 -6
  234. package/cjs/extensions/forms/Field/PostalCodeAndCity/style/dnb-postal-code-and-city.min.css +1 -1
  235. package/cjs/extensions/forms/Field/PostalCodeAndCity/style/dnb-postal-code-and-city.scss +2 -6
  236. package/cjs/extensions/forms/Field/SelectCountry/SelectCountry.js +3 -2
  237. package/cjs/extensions/forms/Field/SelectCountry/SelectCountry.js.map +1 -1
  238. package/cjs/extensions/forms/Field/Selection/Selection.d.ts +0 -1
  239. package/cjs/extensions/forms/Field/Selection/Selection.js +1 -9
  240. package/cjs/extensions/forms/Field/Selection/Selection.js.map +1 -1
  241. package/cjs/extensions/forms/Field/String/String.d.ts +22 -11
  242. package/cjs/extensions/forms/Field/String/String.js +55 -32
  243. package/cjs/extensions/forms/Field/String/String.js.map +1 -1
  244. package/cjs/extensions/forms/Field/String/StringDocs.d.ts +2 -0
  245. package/cjs/extensions/forms/Field/String/StringDocs.js +106 -0
  246. package/cjs/extensions/forms/Field/String/StringDocs.js.map +1 -0
  247. package/cjs/extensions/forms/Field/Toggle/Toggle.js +6 -3
  248. package/cjs/extensions/forms/Field/Toggle/Toggle.js.map +1 -1
  249. package/cjs/extensions/forms/Field/index.d.ts +1 -0
  250. package/cjs/extensions/forms/Field/index.js +7 -0
  251. package/cjs/extensions/forms/Field/index.js.map +1 -1
  252. package/cjs/extensions/forms/FieldBlock/FieldBlock.d.ts +8 -3
  253. package/cjs/extensions/forms/FieldBlock/FieldBlock.js +204 -64
  254. package/cjs/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
  255. package/cjs/extensions/forms/FieldBlock/FieldBlockContext.d.ts +40 -6
  256. package/cjs/extensions/forms/FieldBlock/FieldBlockContext.js.map +1 -1
  257. package/cjs/extensions/forms/FieldBlock/FieldBlockDocs.d.ts +2 -0
  258. package/cjs/extensions/forms/FieldBlock/FieldBlockDocs.js +60 -0
  259. package/cjs/extensions/forms/FieldBlock/FieldBlockDocs.js.map +1 -0
  260. package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.css +46 -5
  261. package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
  262. package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.scss +51 -1
  263. package/cjs/extensions/forms/Form/Appearance/Appearance.d.ts +7 -0
  264. package/cjs/extensions/forms/Form/Appearance/Appearance.js +38 -0
  265. package/cjs/extensions/forms/Form/Appearance/Appearance.js.map +1 -0
  266. package/cjs/extensions/forms/Form/Appearance/AppearanceDocs.d.ts +2 -0
  267. package/cjs/extensions/forms/Form/Appearance/AppearanceDocs.js +15 -0
  268. package/cjs/extensions/forms/Form/Appearance/AppearanceDocs.js.map +1 -0
  269. package/cjs/extensions/forms/Form/Appearance/index.d.ts +2 -0
  270. package/cjs/extensions/forms/Form/Appearance/index.js +27 -0
  271. package/cjs/extensions/forms/Form/Appearance/index.js.map +1 -0
  272. package/cjs/extensions/forms/Form/Handler/Handler.d.ts +1 -1
  273. package/cjs/extensions/forms/Form/Handler/Handler.js +7 -1
  274. package/cjs/extensions/forms/Form/Handler/Handler.js.map +1 -1
  275. package/cjs/extensions/forms/Form/Visibility/Visibility.d.ts +6 -1
  276. package/cjs/extensions/forms/Form/Visibility/Visibility.js +54 -39
  277. package/cjs/extensions/forms/Form/Visibility/Visibility.js.map +1 -1
  278. package/cjs/extensions/forms/Form/data-context/getData.d.ts +8 -0
  279. package/cjs/extensions/forms/Form/data-context/getData.js +21 -0
  280. package/cjs/extensions/forms/Form/data-context/getData.js.map +1 -0
  281. package/cjs/extensions/forms/Form/data-context/setData.d.ts +2 -0
  282. package/cjs/extensions/forms/Form/data-context/setData.js +12 -0
  283. package/cjs/extensions/forms/Form/data-context/setData.js.map +1 -0
  284. package/cjs/extensions/forms/Form/data-context/useData.d.ts +22 -0
  285. package/cjs/extensions/forms/Form/data-context/useData.js +65 -0
  286. package/cjs/extensions/forms/Form/data-context/useData.js.map +1 -0
  287. package/cjs/extensions/forms/Form/data-context/useError.d.ts +5 -0
  288. package/cjs/extensions/forms/Form/data-context/useError.js +18 -0
  289. package/cjs/extensions/forms/Form/data-context/useError.js.map +1 -0
  290. package/cjs/extensions/forms/Form/index.d.ts +5 -1
  291. package/cjs/extensions/forms/Form/index.js +29 -1
  292. package/cjs/extensions/forms/Form/index.js.map +1 -1
  293. package/cjs/extensions/forms/Iterate/Array/Array.d.ts +2 -2
  294. package/cjs/extensions/forms/Iterate/Array/Array.js.map +1 -1
  295. package/cjs/extensions/forms/StepsLayout/StepsLayout.d.ts +3 -0
  296. package/cjs/extensions/forms/StepsLayout/StepsLayout.js +30 -21
  297. package/cjs/extensions/forms/StepsLayout/StepsLayout.js.map +1 -1
  298. package/cjs/extensions/forms/StepsLayout/style/dnb-steps-layout.css +6 -0
  299. package/cjs/extensions/forms/StepsLayout/style/dnb-steps-layout.min.css +1 -1
  300. package/cjs/extensions/forms/StepsLayout/style/dnb-steps-layout.scss +7 -0
  301. package/cjs/extensions/forms/Value/Currency/Currency.js +3 -4
  302. package/cjs/extensions/forms/Value/Currency/Currency.js.map +1 -1
  303. package/cjs/extensions/forms/Value/Number/Number.d.ts +6 -10
  304. package/cjs/extensions/forms/Value/Number/Number.js +25 -27
  305. package/cjs/extensions/forms/Value/Number/Number.js.map +1 -1
  306. package/cjs/extensions/forms/Value/PhoneNumber/PhoneNumber.js +6 -4
  307. package/cjs/extensions/forms/Value/PhoneNumber/PhoneNumber.js.map +1 -1
  308. package/cjs/extensions/forms/Value/SummaryList/SummaryList.d.ts +7 -0
  309. package/cjs/extensions/forms/Value/SummaryList/SummaryList.js +35 -0
  310. package/cjs/extensions/forms/Value/SummaryList/SummaryList.js.map +1 -0
  311. package/cjs/extensions/forms/Value/SummaryList/SummaryListContext.d.ts +7 -0
  312. package/cjs/extensions/forms/Value/SummaryList/SummaryListContext.js +12 -0
  313. package/cjs/extensions/forms/Value/SummaryList/SummaryListContext.js.map +1 -0
  314. package/cjs/extensions/forms/Value/SummaryList/index.d.ts +2 -0
  315. package/cjs/extensions/forms/Value/SummaryList/index.js +27 -0
  316. package/cjs/extensions/forms/Value/SummaryList/index.js.map +1 -0
  317. package/cjs/extensions/forms/Value/ValueDocs.d.ts +2 -0
  318. package/cjs/extensions/forms/Value/ValueDocs.js +40 -0
  319. package/cjs/extensions/forms/Value/ValueDocs.js.map +1 -0
  320. package/cjs/extensions/forms/Value/index.d.ts +1 -0
  321. package/cjs/extensions/forms/Value/index.js +7 -0
  322. package/cjs/extensions/forms/Value/index.js.map +1 -1
  323. package/cjs/extensions/forms/ValueBlock/ValueBlock.js +13 -3
  324. package/cjs/extensions/forms/ValueBlock/ValueBlock.js.map +1 -1
  325. package/cjs/extensions/forms/hooks/DataValueDocs.d.ts +3 -0
  326. package/cjs/extensions/forms/hooks/DataValueDocs.js +118 -0
  327. package/cjs/extensions/forms/hooks/DataValueDocs.js.map +1 -0
  328. package/cjs/extensions/forms/hooks/index.d.ts +1 -0
  329. package/cjs/extensions/forms/hooks/index.js +7 -0
  330. package/cjs/extensions/forms/hooks/index.js.map +1 -1
  331. package/cjs/extensions/forms/hooks/useDataValue.d.ts +12 -7
  332. package/cjs/extensions/forms/hooks/useDataValue.js +162 -38
  333. package/cjs/extensions/forms/hooks/useDataValue.js.map +1 -1
  334. package/cjs/extensions/forms/hooks/useErrorMessage.d.ts +10 -0
  335. package/cjs/extensions/forms/hooks/useErrorMessage.js +23 -0
  336. package/cjs/extensions/forms/hooks/useErrorMessage.js.map +1 -0
  337. package/cjs/extensions/forms/hooks/useId.js +1 -1
  338. package/cjs/extensions/forms/hooks/useId.js.map +1 -1
  339. package/cjs/extensions/forms/hooks/useMountEffect.js +1 -1
  340. package/cjs/extensions/forms/hooks/useMountEffect.js.map +1 -1
  341. package/cjs/extensions/forms/hooks/useUnmountEffect.d.ts +4 -0
  342. package/cjs/extensions/forms/hooks/useUnmountEffect.js +14 -0
  343. package/cjs/extensions/forms/hooks/useUnmountEffect.js.map +1 -0
  344. package/cjs/extensions/forms/index.d.ts +1 -0
  345. package/cjs/extensions/forms/index.js +9 -1
  346. package/cjs/extensions/forms/index.js.map +1 -1
  347. package/cjs/extensions/forms/style/dnb-forms.css +65 -12
  348. package/cjs/extensions/forms/style/dnb-forms.min.css +1 -1
  349. package/cjs/extensions/forms/types.d.ts +25 -10
  350. package/cjs/extensions/forms/types.js.map +1 -1
  351. package/cjs/extensions/forms/utils/ajv.d.ts +47 -6
  352. package/cjs/extensions/forms/utils/ajv.js +29 -13
  353. package/cjs/extensions/forms/utils/ajv.js.map +1 -1
  354. package/cjs/extensions/forms/utils/index.d.ts +0 -1
  355. package/cjs/extensions/forms/utils/index.js +0 -12
  356. package/cjs/extensions/forms/utils/index.js.map +1 -1
  357. package/cjs/shared/Context.d.ts +2 -0
  358. package/cjs/shared/Context.js.map +1 -1
  359. package/cjs/shared/Eufemia.d.ts +1 -1
  360. package/cjs/shared/Eufemia.js +2 -2
  361. package/cjs/shared/Eufemia.js.map +1 -1
  362. package/cjs/shared/component-helper.d.ts +1 -0
  363. package/cjs/shared/component-helper.js +10 -3
  364. package/cjs/shared/component-helper.js.map +1 -1
  365. package/cjs/shared/helpers/filterValidProps.d.ts +2 -2
  366. package/cjs/shared/helpers/filterValidProps.js +2 -2
  367. package/cjs/shared/helpers/filterValidProps.js.map +1 -1
  368. package/cjs/shared/helpers/useSharedState.d.ts +28 -7
  369. package/cjs/shared/helpers/useSharedState.js +62 -43
  370. package/cjs/shared/helpers/useSharedState.js.map +1 -1
  371. package/cjs/shared/helpers/withCamelCaseProps.d.ts +7 -1
  372. package/cjs/shared/helpers/withCamelCaseProps.js.map +1 -1
  373. package/cjs/shared/locales/en-GB.d.ts +6 -3
  374. package/cjs/shared/locales/en-GB.js +8 -5
  375. package/cjs/shared/locales/en-GB.js.map +1 -1
  376. package/cjs/shared/locales/en-US.d.ts +6 -3
  377. package/cjs/shared/locales/index.d.ts +12 -6
  378. package/cjs/shared/locales/nb-NO.d.ts +6 -3
  379. package/cjs/shared/locales/nb-NO.js +8 -5
  380. package/cjs/shared/locales/nb-NO.js.map +1 -1
  381. package/cjs/shared/types.d.ts +5 -0
  382. package/cjs/shared/types.js.map +1 -1
  383. package/cjs/style/core/utilities.scss +1 -1
  384. package/cjs/style/dnb-ui-components.css +364 -180
  385. package/cjs/style/dnb-ui-components.min.css +3 -3
  386. package/cjs/style/dnb-ui-elements.css +25 -5
  387. package/cjs/style/dnb-ui-elements.min.css +1 -1
  388. package/cjs/style/dnb-ui-extensions.css +65 -12
  389. package/cjs/style/dnb-ui-extensions.min.css +1 -1
  390. package/cjs/style/dnb-ui-forms.css +65 -12
  391. package/cjs/style/dnb-ui-forms.min.css +1 -1
  392. package/cjs/style/dnb-ui-forms.scss +1 -0
  393. package/cjs/style/themes/theme-eiendom/eiendom-theme-basis.css +25 -5
  394. package/cjs/style/themes/theme-eiendom/eiendom-theme-basis.min.css +1 -1
  395. package/cjs/style/themes/theme-eiendom/eiendom-theme-components.css +447 -223
  396. package/cjs/style/themes/theme-eiendom/eiendom-theme-components.min.css +5 -5
  397. package/cjs/style/themes/theme-eiendom/eiendom-theme-elements.css +25 -5
  398. package/cjs/style/themes/theme-eiendom/eiendom-theme-elements.min.css +1 -1
  399. package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.css +65 -12
  400. package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
  401. package/cjs/style/themes/theme-eiendom/eiendom-theme-forms.css +65 -12
  402. package/cjs/style/themes/theme-eiendom/eiendom-theme-forms.min.css +1 -1
  403. package/cjs/style/themes/theme-sbanken/sbanken-theme-basis.css +25 -5
  404. package/cjs/style/themes/theme-sbanken/sbanken-theme-basis.min.css +1 -1
  405. package/cjs/style/themes/theme-sbanken/sbanken-theme-components.css +457 -218
  406. package/cjs/style/themes/theme-sbanken/sbanken-theme-components.min.css +4 -4
  407. package/cjs/style/themes/theme-sbanken/sbanken-theme-elements.css +25 -5
  408. package/cjs/style/themes/theme-sbanken/sbanken-theme-elements.min.css +1 -1
  409. package/cjs/style/themes/theme-sbanken/sbanken-theme-extensions.css +65 -12
  410. package/cjs/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
  411. package/cjs/style/themes/theme-sbanken/sbanken-theme-forms.css +65 -12
  412. package/cjs/style/themes/theme-sbanken/sbanken-theme-forms.min.css +1 -1
  413. package/cjs/style/themes/theme-ui/ui-theme-basis.css +25 -5
  414. package/cjs/style/themes/theme-ui/ui-theme-basis.min.css +1 -1
  415. package/cjs/style/themes/theme-ui/ui-theme-components.css +447 -223
  416. package/cjs/style/themes/theme-ui/ui-theme-components.min.css +5 -5
  417. package/cjs/style/themes/theme-ui/ui-theme-elements.css +25 -5
  418. package/cjs/style/themes/theme-ui/ui-theme-elements.min.css +1 -1
  419. package/cjs/style/themes/theme-ui/ui-theme-extensions.css +65 -12
  420. package/cjs/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
  421. package/cjs/style/themes/theme-ui/ui-theme-forms.css +65 -12
  422. package/cjs/style/themes/theme-ui/ui-theme-forms.min.css +1 -1
  423. package/cjs/style/themes/theme-ui/ui-theme-tags.css +25 -5
  424. package/cjs/style/themes/theme-ui/ui-theme-tags.min.css +1 -1
  425. package/components/accordion/AccordionContent.d.ts +1 -1
  426. package/components/accordion/AccordionContent.js.map +1 -1
  427. package/components/accordion/style/dnb-accordion.css +0 -3
  428. package/components/accordion/style/dnb-accordion.min.css +1 -1
  429. package/components/accordion/style/dnb-accordion.scss +0 -5
  430. package/components/breadcrumb/Breadcrumb.js +11 -2
  431. package/components/breadcrumb/Breadcrumb.js.map +1 -1
  432. package/components/breadcrumb/BreadcrumbItem.js +11 -8
  433. package/components/breadcrumb/BreadcrumbItem.js.map +1 -1
  434. package/components/card/Card.d.ts +6 -4
  435. package/components/card/Card.js +11 -15
  436. package/components/card/Card.js.map +1 -1
  437. package/components/card/style/dnb-card.css +29 -0
  438. package/components/card/style/dnb-card.min.css +1 -1
  439. package/components/card/style/dnb-card.scss +41 -0
  440. package/components/card/style/themes/dnb-card-theme-ui.css +1 -19
  441. package/components/card/style/themes/dnb-card-theme-ui.min.css +1 -1
  442. package/components/card/style/themes/dnb-card-theme-ui.scss +1 -27
  443. package/components/date-picker/DatePicker.d.ts +10 -1
  444. package/components/date-picker/DatePicker.js +5 -2
  445. package/components/date-picker/DatePicker.js.map +1 -1
  446. package/components/date-picker/DatePickerProvider.js +10 -10
  447. package/components/date-picker/DatePickerProvider.js.map +1 -1
  448. package/components/flex/Container.js +1 -1
  449. package/components/flex/Container.js.map +1 -1
  450. package/components/flex/Item.js +8 -11
  451. package/components/flex/Item.js.map +1 -1
  452. package/components/flex/style/dnb-flex.css +3 -0
  453. package/components/flex/style/dnb-flex.min.css +1 -1
  454. package/components/flex/style/flex-container.scss +3 -0
  455. package/components/flex/utils.d.ts +35 -7
  456. package/components/flex/utils.js +56 -24
  457. package/components/flex/utils.js.map +1 -1
  458. package/components/form-label/style/dnb-form-label.css +0 -7
  459. package/components/form-label/style/dnb-form-label.min.css +1 -1
  460. package/components/form-label/style/dnb-form-label.scss +0 -6
  461. package/components/form-status/FormStatus.d.ts +5 -1
  462. package/components/form-status/FormStatus.js +38 -44
  463. package/components/form-status/FormStatus.js.map +1 -1
  464. package/components/form-status/style/dnb-form-status.css +11 -18
  465. package/components/form-status/style/dnb-form-status.min.css +1 -1
  466. package/components/form-status/style/dnb-form-status.scss +11 -45
  467. package/components/global-status/GlobalStatus.js +53 -139
  468. package/components/global-status/GlobalStatus.js.map +1 -1
  469. package/components/global-status/style/dnb-global-status.css +6 -16
  470. package/components/global-status/style/dnb-global-status.min.css +1 -1
  471. package/components/global-status/style/dnb-global-status.scss +11 -23
  472. package/components/global-status/style/themes/dnb-global-status-theme-ui.css +0 -3
  473. package/components/global-status/style/themes/dnb-global-status-theme-ui.min.css +1 -1
  474. package/components/global-status/style/themes/dnb-global-status-theme-ui.scss +0 -10
  475. package/components/height-animation/HeightAnimation.d.ts +12 -4
  476. package/components/height-animation/HeightAnimation.js +27 -14
  477. package/components/height-animation/HeightAnimation.js.map +1 -1
  478. package/components/height-animation/HeightAnimationInstance.d.ts +35 -18
  479. package/components/height-animation/HeightAnimationInstance.js +186 -158
  480. package/components/height-animation/HeightAnimationInstance.js.map +1 -1
  481. package/components/height-animation/style/dnb-height-animation.css +16 -2
  482. package/components/height-animation/style/dnb-height-animation.min.css +1 -1
  483. package/components/height-animation/style/dnb-height-animation.scss +18 -2
  484. package/components/height-animation/useHeightAnimation.d.ts +6 -1
  485. package/components/height-animation/useHeightAnimation.js +124 -92
  486. package/components/height-animation/useHeightAnimation.js.map +1 -1
  487. package/components/info-card/InfoCard.d.ts +6 -0
  488. package/components/info-card/InfoCard.js +4 -2
  489. package/components/info-card/InfoCard.js.map +1 -1
  490. package/components/info-card/style/dnb-info-card.css +3 -1
  491. package/components/info-card/style/dnb-info-card.min.css +1 -1
  492. package/components/info-card/style/dnb-info-card.scss +4 -2
  493. package/components/input/Input.d.ts +8 -8
  494. package/components/input/InputDocs.d.ts +2 -0
  495. package/components/input/InputDocs.js +158 -0
  496. package/components/input/InputDocs.js.map +1 -0
  497. package/components/input/InputPassword.d.ts +6 -17
  498. package/components/input/InputPassword.js +3 -81
  499. package/components/input/InputPassword.js.map +1 -1
  500. package/components/input-masked/InputMasked.d.ts +6 -93
  501. package/components/input-masked/InputMasked.js +3 -1
  502. package/components/input-masked/InputMasked.js.map +1 -1
  503. package/components/input-masked/InputMaskedDocs.d.ts +2 -0
  504. package/components/input-masked/InputMaskedDocs.js +78 -0
  505. package/components/input-masked/InputMaskedDocs.js.map +1 -0
  506. package/components/input-masked/InputMaskedHooks.js +7 -4
  507. package/components/input-masked/InputMaskedHooks.js.map +1 -1
  508. package/components/input-masked/MultiInputMask.js +2 -6
  509. package/components/input-masked/MultiInputMask.js.map +1 -1
  510. package/components/input-masked/style/dnb-input-masked.css +3 -0
  511. package/components/input-masked/style/dnb-input-masked.min.css +1 -1
  512. package/components/input-masked/style/dnb-input-masked.scss +5 -0
  513. package/components/number-format/NumberFormat.d.ts +8 -13
  514. package/components/number-format/NumberUtils.js +22 -14
  515. package/components/number-format/NumberUtils.js.map +1 -1
  516. package/components/slider/Slider.d.ts +1 -0
  517. package/components/slider/Slider.js +1 -0
  518. package/components/slider/Slider.js.map +1 -1
  519. package/components/slider/SliderInstance.js +18 -5
  520. package/components/slider/SliderInstance.js.map +1 -1
  521. package/components/slider/SliderMarker.d.ts +7 -0
  522. package/components/slider/SliderMarker.js +53 -0
  523. package/components/slider/SliderMarker.js.map +1 -0
  524. package/components/slider/SliderProvider.js +2 -1
  525. package/components/slider/SliderProvider.js.map +1 -1
  526. package/components/slider/style/dnb-slider.css +43 -2
  527. package/components/slider/style/dnb-slider.min.css +1 -1
  528. package/components/slider/style/dnb-slider.scss +44 -1
  529. package/components/slider/style/themes/dnb-slider-theme-sbanken.css +3 -0
  530. package/components/slider/style/themes/dnb-slider-theme-sbanken.min.css +1 -1
  531. package/components/slider/style/themes/dnb-slider-theme-sbanken.scss +4 -0
  532. package/components/slider/style/themes/dnb-slider-theme-ui.css +3 -0
  533. package/components/slider/style/themes/dnb-slider-theme-ui.min.css +1 -1
  534. package/components/slider/style/themes/dnb-slider-theme-ui.scss +5 -0
  535. package/components/slider/types.d.ts +6 -0
  536. package/components/slider/types.js.map +1 -1
  537. package/components/step-indicator/StepIndicatorItem.js +4 -22
  538. package/components/step-indicator/StepIndicatorItem.js.map +1 -1
  539. package/components/step-indicator/StepIndicatorTriggerButton.js +3 -17
  540. package/components/step-indicator/StepIndicatorTriggerButton.js.map +1 -1
  541. package/components/step-indicator/style/dnb-step-indicator.css +0 -5
  542. package/components/step-indicator/style/dnb-step-indicator.min.css +1 -1
  543. package/components/step-indicator/style/dnb-step-indicator.scss +0 -7
  544. package/components/table/TableAccordion.js +3 -2
  545. package/components/table/TableAccordion.js.map +1 -1
  546. package/components/table/TableAccordionContent.js +51 -26
  547. package/components/table/TableAccordionContent.js.map +1 -1
  548. package/components/table/style/dnb-table.css +184 -114
  549. package/components/table/style/dnb-table.min.css +1 -1
  550. package/components/table/style/dnb-table.scss +60 -4
  551. package/components/table/style/table-accordion.scss +30 -60
  552. package/components/table/style/table-container.scss +9 -9
  553. package/components/table/style/table-mixins.scss +19 -2
  554. package/components/table/style/table-td.scss +82 -60
  555. package/components/table/style/table-th.scss +5 -30
  556. package/components/table/style/table-tr.scss +0 -20
  557. package/components/table/style/themes/dnb-table-theme-sbanken.css +24 -7
  558. package/components/table/style/themes/dnb-table-theme-sbanken.min.css +1 -1
  559. package/components/table/style/themes/dnb-table-theme-sbanken.scss +17 -12
  560. package/components/table/style/themes/dnb-table-theme-ui.css +14 -9
  561. package/components/table/style/themes/dnb-table-theme-ui.min.css +1 -1
  562. package/components/table/style/themes/dnb-table-theme-ui.scss +12 -22
  563. package/components/tabs/Tabs.js +2 -1
  564. package/components/tabs/Tabs.js.map +1 -1
  565. package/components/tabs/TabsContentWrapper.d.ts +1 -0
  566. package/components/tabs/TabsContentWrapper.js +8 -6
  567. package/components/tabs/TabsContentWrapper.js.map +1 -1
  568. package/components/textarea/Textarea.d.ts +4 -10
  569. package/components/textarea/TextareaDocs.d.ts +2 -0
  570. package/components/textarea/TextareaDocs.js +98 -0
  571. package/components/textarea/TextareaDocs.js.map +1 -0
  572. package/components/textarea/style/dnb-textarea.css +1 -0
  573. package/components/textarea/style/dnb-textarea.min.css +1 -1
  574. package/components/textarea/style/dnb-textarea.scss +3 -0
  575. package/components/upload/Upload.js +13 -18
  576. package/components/upload/Upload.js.map +1 -1
  577. package/components/upload/UploadFileInput.js +3 -1
  578. package/components/upload/UploadFileInput.js.map +1 -1
  579. package/components/upload/UploadFileList.js +1 -1
  580. package/components/upload/UploadFileList.js.map +1 -1
  581. package/components/upload/UploadInfo.js +1 -1
  582. package/components/upload/UploadInfo.js.map +1 -1
  583. package/components/upload/UploadStatus.js +6 -2
  584. package/components/upload/UploadStatus.js.map +1 -1
  585. package/components/upload/useUpload.js +5 -7
  586. package/components/upload/useUpload.js.map +1 -1
  587. package/core/jest/jestSetupScreenshots.css +7 -0
  588. package/elements/lib.d.ts +7 -1
  589. package/elements/lists/Dl.d.ts +5 -1
  590. package/elements/lists/Dl.js +5 -4
  591. package/elements/lists/Dl.js.map +1 -1
  592. package/elements/lists/style/lists-mixins.scss +24 -1
  593. package/elements/typography/H1.d.ts +1 -0
  594. package/elements/typography/H1.js +1 -1
  595. package/elements/typography/H1.js.map +1 -1
  596. package/elements/typography/H2.d.ts +1 -0
  597. package/elements/typography/H2.js +1 -1
  598. package/elements/typography/H2.js.map +1 -1
  599. package/elements/typography/H3.d.ts +1 -0
  600. package/elements/typography/H3.js +1 -1
  601. package/elements/typography/H3.js.map +1 -1
  602. package/elements/typography/H4.d.ts +1 -0
  603. package/elements/typography/H4.js +1 -1
  604. package/elements/typography/H4.js.map +1 -1
  605. package/elements/typography/H5.d.ts +1 -0
  606. package/elements/typography/H5.js +1 -1
  607. package/elements/typography/H5.js.map +1 -1
  608. package/elements/typography/H6.d.ts +1 -0
  609. package/elements/typography/H6.js +1 -1
  610. package/elements/typography/H6.js.map +1 -1
  611. package/es/components/accordion/AccordionContent.d.ts +1 -1
  612. package/es/components/accordion/AccordionContent.js.map +1 -1
  613. package/es/components/accordion/style/dnb-accordion.css +0 -3
  614. package/es/components/accordion/style/dnb-accordion.min.css +1 -1
  615. package/es/components/accordion/style/dnb-accordion.scss +0 -5
  616. package/es/components/breadcrumb/Breadcrumb.js +11 -2
  617. package/es/components/breadcrumb/Breadcrumb.js.map +1 -1
  618. package/es/components/breadcrumb/BreadcrumbItem.js +11 -8
  619. package/es/components/breadcrumb/BreadcrumbItem.js.map +1 -1
  620. package/es/components/card/Card.d.ts +6 -4
  621. package/es/components/card/Card.js +11 -15
  622. package/es/components/card/Card.js.map +1 -1
  623. package/es/components/card/style/dnb-card.css +29 -0
  624. package/es/components/card/style/dnb-card.min.css +1 -1
  625. package/es/components/card/style/dnb-card.scss +41 -0
  626. package/es/components/card/style/themes/dnb-card-theme-ui.css +1 -19
  627. package/es/components/card/style/themes/dnb-card-theme-ui.min.css +1 -1
  628. package/es/components/card/style/themes/dnb-card-theme-ui.scss +1 -27
  629. package/es/components/date-picker/DatePicker.d.ts +10 -1
  630. package/es/components/date-picker/DatePicker.js +5 -2
  631. package/es/components/date-picker/DatePicker.js.map +1 -1
  632. package/es/components/date-picker/DatePickerProvider.js +10 -10
  633. package/es/components/date-picker/DatePickerProvider.js.map +1 -1
  634. package/es/components/flex/Container.js +1 -1
  635. package/es/components/flex/Container.js.map +1 -1
  636. package/es/components/flex/Item.js +8 -11
  637. package/es/components/flex/Item.js.map +1 -1
  638. package/es/components/flex/style/dnb-flex.css +3 -0
  639. package/es/components/flex/style/dnb-flex.min.css +1 -1
  640. package/es/components/flex/style/flex-container.scss +3 -0
  641. package/es/components/flex/utils.d.ts +35 -7
  642. package/es/components/flex/utils.js +55 -24
  643. package/es/components/flex/utils.js.map +1 -1
  644. package/es/components/form-label/style/dnb-form-label.css +0 -7
  645. package/es/components/form-label/style/dnb-form-label.min.css +1 -1
  646. package/es/components/form-label/style/dnb-form-label.scss +0 -6
  647. package/es/components/form-status/FormStatus.d.ts +5 -1
  648. package/es/components/form-status/FormStatus.js +38 -44
  649. package/es/components/form-status/FormStatus.js.map +1 -1
  650. package/es/components/form-status/style/dnb-form-status.css +11 -18
  651. package/es/components/form-status/style/dnb-form-status.min.css +1 -1
  652. package/es/components/form-status/style/dnb-form-status.scss +11 -45
  653. package/es/components/global-status/GlobalStatus.js +51 -133
  654. package/es/components/global-status/GlobalStatus.js.map +1 -1
  655. package/es/components/global-status/style/dnb-global-status.css +6 -16
  656. package/es/components/global-status/style/dnb-global-status.min.css +1 -1
  657. package/es/components/global-status/style/dnb-global-status.scss +11 -23
  658. package/es/components/global-status/style/themes/dnb-global-status-theme-ui.css +0 -3
  659. package/es/components/global-status/style/themes/dnb-global-status-theme-ui.min.css +1 -1
  660. package/es/components/global-status/style/themes/dnb-global-status-theme-ui.scss +0 -10
  661. package/es/components/height-animation/HeightAnimation.d.ts +12 -4
  662. package/es/components/height-animation/HeightAnimation.js +27 -14
  663. package/es/components/height-animation/HeightAnimation.js.map +1 -1
  664. package/es/components/height-animation/HeightAnimationInstance.d.ts +35 -18
  665. package/es/components/height-animation/HeightAnimationInstance.js +188 -155
  666. package/es/components/height-animation/HeightAnimationInstance.js.map +1 -1
  667. package/es/components/height-animation/style/dnb-height-animation.css +16 -2
  668. package/es/components/height-animation/style/dnb-height-animation.min.css +1 -1
  669. package/es/components/height-animation/style/dnb-height-animation.scss +18 -2
  670. package/es/components/height-animation/useHeightAnimation.d.ts +6 -1
  671. package/es/components/height-animation/useHeightAnimation.js +124 -92
  672. package/es/components/height-animation/useHeightAnimation.js.map +1 -1
  673. package/es/components/info-card/InfoCard.d.ts +6 -0
  674. package/es/components/info-card/InfoCard.js +4 -2
  675. package/es/components/info-card/InfoCard.js.map +1 -1
  676. package/es/components/info-card/style/dnb-info-card.css +3 -1
  677. package/es/components/info-card/style/dnb-info-card.min.css +1 -1
  678. package/es/components/info-card/style/dnb-info-card.scss +4 -2
  679. package/es/components/input/Input.d.ts +8 -8
  680. package/es/components/input/InputDocs.d.ts +2 -0
  681. package/es/components/input/InputDocs.js +158 -0
  682. package/es/components/input/InputDocs.js.map +1 -0
  683. package/es/components/input/InputPassword.d.ts +6 -17
  684. package/es/components/input/InputPassword.js +3 -81
  685. package/es/components/input/InputPassword.js.map +1 -1
  686. package/es/components/input-masked/InputMasked.d.ts +6 -93
  687. package/es/components/input-masked/InputMasked.js +3 -1
  688. package/es/components/input-masked/InputMasked.js.map +1 -1
  689. package/es/components/input-masked/InputMaskedDocs.d.ts +2 -0
  690. package/es/components/input-masked/InputMaskedDocs.js +78 -0
  691. package/es/components/input-masked/InputMaskedDocs.js.map +1 -0
  692. package/es/components/input-masked/InputMaskedHooks.js +7 -4
  693. package/es/components/input-masked/InputMaskedHooks.js.map +1 -1
  694. package/es/components/input-masked/MultiInputMask.js +2 -6
  695. package/es/components/input-masked/MultiInputMask.js.map +1 -1
  696. package/es/components/input-masked/style/dnb-input-masked.css +3 -0
  697. package/es/components/input-masked/style/dnb-input-masked.min.css +1 -1
  698. package/es/components/input-masked/style/dnb-input-masked.scss +5 -0
  699. package/es/components/number-format/NumberFormat.d.ts +8 -13
  700. package/es/components/number-format/NumberUtils.js +23 -14
  701. package/es/components/number-format/NumberUtils.js.map +1 -1
  702. package/es/components/slider/Slider.d.ts +1 -0
  703. package/es/components/slider/Slider.js +1 -0
  704. package/es/components/slider/Slider.js.map +1 -1
  705. package/es/components/slider/SliderInstance.js +17 -5
  706. package/es/components/slider/SliderInstance.js.map +1 -1
  707. package/es/components/slider/SliderMarker.d.ts +7 -0
  708. package/es/components/slider/SliderMarker.js +52 -0
  709. package/es/components/slider/SliderMarker.js.map +1 -0
  710. package/es/components/slider/SliderProvider.js +2 -1
  711. package/es/components/slider/SliderProvider.js.map +1 -1
  712. package/es/components/slider/style/dnb-slider.css +43 -2
  713. package/es/components/slider/style/dnb-slider.min.css +1 -1
  714. package/es/components/slider/style/dnb-slider.scss +44 -1
  715. package/es/components/slider/style/themes/dnb-slider-theme-sbanken.css +3 -0
  716. package/es/components/slider/style/themes/dnb-slider-theme-sbanken.min.css +1 -1
  717. package/es/components/slider/style/themes/dnb-slider-theme-sbanken.scss +4 -0
  718. package/es/components/slider/style/themes/dnb-slider-theme-ui.css +3 -0
  719. package/es/components/slider/style/themes/dnb-slider-theme-ui.min.css +1 -1
  720. package/es/components/slider/style/themes/dnb-slider-theme-ui.scss +5 -0
  721. package/es/components/slider/types.d.ts +6 -0
  722. package/es/components/slider/types.js.map +1 -1
  723. package/es/components/step-indicator/StepIndicatorItem.js +4 -22
  724. package/es/components/step-indicator/StepIndicatorItem.js.map +1 -1
  725. package/es/components/step-indicator/StepIndicatorTriggerButton.js +3 -17
  726. package/es/components/step-indicator/StepIndicatorTriggerButton.js.map +1 -1
  727. package/es/components/step-indicator/style/dnb-step-indicator.css +0 -5
  728. package/es/components/step-indicator/style/dnb-step-indicator.min.css +1 -1
  729. package/es/components/step-indicator/style/dnb-step-indicator.scss +0 -7
  730. package/es/components/table/TableAccordion.js +3 -3
  731. package/es/components/table/TableAccordion.js.map +1 -1
  732. package/es/components/table/TableAccordionContent.js +50 -26
  733. package/es/components/table/TableAccordionContent.js.map +1 -1
  734. package/es/components/table/style/dnb-table.css +184 -114
  735. package/es/components/table/style/dnb-table.min.css +1 -1
  736. package/es/components/table/style/dnb-table.scss +60 -4
  737. package/es/components/table/style/table-accordion.scss +30 -60
  738. package/es/components/table/style/table-container.scss +9 -9
  739. package/es/components/table/style/table-mixins.scss +19 -2
  740. package/es/components/table/style/table-td.scss +82 -60
  741. package/es/components/table/style/table-th.scss +5 -30
  742. package/es/components/table/style/table-tr.scss +0 -20
  743. package/es/components/table/style/themes/dnb-table-theme-sbanken.css +24 -7
  744. package/es/components/table/style/themes/dnb-table-theme-sbanken.min.css +1 -1
  745. package/es/components/table/style/themes/dnb-table-theme-sbanken.scss +17 -12
  746. package/es/components/table/style/themes/dnb-table-theme-ui.css +14 -9
  747. package/es/components/table/style/themes/dnb-table-theme-ui.min.css +1 -1
  748. package/es/components/table/style/themes/dnb-table-theme-ui.scss +12 -22
  749. package/es/components/tabs/Tabs.js +2 -1
  750. package/es/components/tabs/Tabs.js.map +1 -1
  751. package/es/components/tabs/TabsContentWrapper.d.ts +1 -0
  752. package/es/components/tabs/TabsContentWrapper.js +8 -6
  753. package/es/components/tabs/TabsContentWrapper.js.map +1 -1
  754. package/es/components/textarea/Textarea.d.ts +4 -10
  755. package/es/components/textarea/TextareaDocs.d.ts +2 -0
  756. package/es/components/textarea/TextareaDocs.js +98 -0
  757. package/es/components/textarea/TextareaDocs.js.map +1 -0
  758. package/es/components/textarea/style/dnb-textarea.css +1 -0
  759. package/es/components/textarea/style/dnb-textarea.min.css +1 -1
  760. package/es/components/textarea/style/dnb-textarea.scss +3 -0
  761. package/es/components/upload/Upload.js +13 -18
  762. package/es/components/upload/Upload.js.map +1 -1
  763. package/es/components/upload/UploadFileInput.js +3 -1
  764. package/es/components/upload/UploadFileInput.js.map +1 -1
  765. package/es/components/upload/UploadFileList.js +1 -1
  766. package/es/components/upload/UploadFileList.js.map +1 -1
  767. package/es/components/upload/UploadInfo.js +1 -1
  768. package/es/components/upload/UploadInfo.js.map +1 -1
  769. package/es/components/upload/UploadStatus.js +6 -2
  770. package/es/components/upload/UploadStatus.js.map +1 -1
  771. package/es/components/upload/useUpload.js +5 -7
  772. package/es/components/upload/useUpload.js.map +1 -1
  773. package/es/core/jest/jestSetupScreenshots.css +7 -0
  774. package/es/elements/lib.d.ts +7 -1
  775. package/es/elements/lists/Dl.d.ts +5 -1
  776. package/es/elements/lists/Dl.js +5 -4
  777. package/es/elements/lists/Dl.js.map +1 -1
  778. package/es/elements/lists/style/lists-mixins.scss +24 -1
  779. package/es/elements/typography/H1.d.ts +1 -0
  780. package/es/elements/typography/H1.js +1 -1
  781. package/es/elements/typography/H1.js.map +1 -1
  782. package/es/elements/typography/H2.d.ts +1 -0
  783. package/es/elements/typography/H2.js +1 -1
  784. package/es/elements/typography/H2.js.map +1 -1
  785. package/es/elements/typography/H3.d.ts +1 -0
  786. package/es/elements/typography/H3.js +1 -1
  787. package/es/elements/typography/H3.js.map +1 -1
  788. package/es/elements/typography/H4.d.ts +1 -0
  789. package/es/elements/typography/H4.js +1 -1
  790. package/es/elements/typography/H4.js.map +1 -1
  791. package/es/elements/typography/H5.d.ts +1 -0
  792. package/es/elements/typography/H5.js +1 -1
  793. package/es/elements/typography/H5.js.map +1 -1
  794. package/es/elements/typography/H6.d.ts +1 -0
  795. package/es/elements/typography/H6.js +1 -1
  796. package/es/elements/typography/H6.js.map +1 -1
  797. package/es/extensions/forms/DataContext/Context.d.ts +19 -5
  798. package/es/extensions/forms/DataContext/Context.js +9 -0
  799. package/es/extensions/forms/DataContext/Context.js.map +1 -1
  800. package/es/extensions/forms/DataContext/Provider/Provider.d.ts +57 -19
  801. package/es/extensions/forms/DataContext/Provider/Provider.js +151 -65
  802. package/es/extensions/forms/DataContext/Provider/Provider.js.map +1 -1
  803. package/es/extensions/forms/Field/BankAccountNumber/BankAccountNumber.js +3 -2
  804. package/es/extensions/forms/Field/BankAccountNumber/BankAccountNumber.js.map +1 -1
  805. package/es/extensions/forms/Field/Currency/Currency.js +1 -1
  806. package/es/extensions/forms/Field/Currency/Currency.js.map +1 -1
  807. package/es/extensions/forms/Field/Date/Date.js +4 -3
  808. package/es/extensions/forms/Field/Date/Date.js.map +1 -1
  809. package/es/extensions/forms/Field/Email/Email.js +4 -3
  810. package/es/extensions/forms/Field/Email/Email.js.map +1 -1
  811. package/es/extensions/forms/Field/Expiry/Expiry.js +6 -4
  812. package/es/extensions/forms/Field/Expiry/Expiry.js.map +1 -1
  813. package/es/extensions/forms/Field/FieldDocs.d.ts +3 -0
  814. package/es/extensions/forms/Field/FieldDocs.js +8 -0
  815. package/es/extensions/forms/Field/FieldDocs.js.map +1 -0
  816. package/es/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumber.js +3 -2
  817. package/es/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumber.js.map +1 -1
  818. package/es/extensions/forms/Field/Number/Number.d.ts +3 -4
  819. package/es/extensions/forms/Field/Number/Number.js +25 -20
  820. package/es/extensions/forms/Field/Number/Number.js.map +1 -1
  821. package/es/extensions/forms/Field/Number/NumberDocs.d.ts +2 -0
  822. package/es/extensions/forms/Field/Number/NumberDocs.js +85 -0
  823. package/es/extensions/forms/Field/Number/NumberDocs.js.map +1 -0
  824. package/es/extensions/forms/Field/Number/style/dnb-number.css +3 -1
  825. package/es/extensions/forms/Field/Number/style/dnb-number.min.css +1 -1
  826. package/es/extensions/forms/Field/Number/style/dnb-number.scss +4 -1
  827. package/es/extensions/forms/Field/OrganizationNumber/OrganizationNumber.js +3 -2
  828. package/es/extensions/forms/Field/OrganizationNumber/OrganizationNumber.js.map +1 -1
  829. package/es/extensions/forms/Field/Password/Password.d.ts +45 -0
  830. package/es/extensions/forms/Field/Password/Password.js +99 -0
  831. package/es/extensions/forms/Field/Password/Password.js.map +1 -0
  832. package/es/extensions/forms/Field/Password/index.d.ts +2 -0
  833. package/es/extensions/forms/Field/Password/index.js +3 -0
  834. package/es/extensions/forms/Field/Password/index.js.map +1 -0
  835. package/es/extensions/forms/Field/Password/style/dnb-password.css +6 -0
  836. package/es/extensions/forms/Field/Password/style/dnb-password.min.css +1 -0
  837. package/es/extensions/forms/Field/Password/style/dnb-password.scss +10 -0
  838. package/es/extensions/forms/Field/PhoneNumber/PhoneNumber.js +3 -2
  839. package/es/extensions/forms/Field/PhoneNumber/PhoneNumber.js.map +1 -1
  840. package/es/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.js +4 -5
  841. package/es/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.js.map +1 -1
  842. package/es/extensions/forms/Field/PostalCodeAndCity/style/dnb-postal-code-and-city.css +3 -6
  843. package/es/extensions/forms/Field/PostalCodeAndCity/style/dnb-postal-code-and-city.min.css +1 -1
  844. package/es/extensions/forms/Field/PostalCodeAndCity/style/dnb-postal-code-and-city.scss +2 -6
  845. package/es/extensions/forms/Field/SelectCountry/SelectCountry.js +3 -2
  846. package/es/extensions/forms/Field/SelectCountry/SelectCountry.js.map +1 -1
  847. package/es/extensions/forms/Field/Selection/Selection.d.ts +0 -1
  848. package/es/extensions/forms/Field/Selection/Selection.js +2 -11
  849. package/es/extensions/forms/Field/Selection/Selection.js.map +1 -1
  850. package/es/extensions/forms/Field/String/String.d.ts +22 -11
  851. package/es/extensions/forms/Field/String/String.js +55 -32
  852. package/es/extensions/forms/Field/String/String.js.map +1 -1
  853. package/es/extensions/forms/Field/String/StringDocs.d.ts +2 -0
  854. package/es/extensions/forms/Field/String/StringDocs.js +99 -0
  855. package/es/extensions/forms/Field/String/StringDocs.js.map +1 -0
  856. package/es/extensions/forms/Field/Toggle/Toggle.js +6 -3
  857. package/es/extensions/forms/Field/Toggle/Toggle.js.map +1 -1
  858. package/es/extensions/forms/Field/index.d.ts +1 -0
  859. package/es/extensions/forms/Field/index.js +1 -0
  860. package/es/extensions/forms/Field/index.js.map +1 -1
  861. package/es/extensions/forms/FieldBlock/FieldBlock.d.ts +8 -3
  862. package/es/extensions/forms/FieldBlock/FieldBlock.js +195 -60
  863. package/es/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
  864. package/es/extensions/forms/FieldBlock/FieldBlockContext.d.ts +40 -6
  865. package/es/extensions/forms/FieldBlock/FieldBlockContext.js.map +1 -1
  866. package/es/extensions/forms/FieldBlock/FieldBlockDocs.d.ts +2 -0
  867. package/es/extensions/forms/FieldBlock/FieldBlockDocs.js +53 -0
  868. package/es/extensions/forms/FieldBlock/FieldBlockDocs.js.map +1 -0
  869. package/es/extensions/forms/FieldBlock/style/dnb-field-block.css +46 -5
  870. package/es/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
  871. package/es/extensions/forms/FieldBlock/style/dnb-field-block.scss +51 -1
  872. package/es/extensions/forms/Form/Appearance/Appearance.d.ts +7 -0
  873. package/es/extensions/forms/Form/Appearance/Appearance.js +30 -0
  874. package/es/extensions/forms/Form/Appearance/Appearance.js.map +1 -0
  875. package/es/extensions/forms/Form/Appearance/AppearanceDocs.d.ts +2 -0
  876. package/es/extensions/forms/Form/Appearance/AppearanceDocs.js +8 -0
  877. package/es/extensions/forms/Form/Appearance/AppearanceDocs.js.map +1 -0
  878. package/es/extensions/forms/Form/Appearance/index.d.ts +2 -0
  879. package/es/extensions/forms/Form/Appearance/index.js +3 -0
  880. package/es/extensions/forms/Form/Appearance/index.js.map +1 -0
  881. package/es/extensions/forms/Form/Handler/Handler.d.ts +1 -1
  882. package/es/extensions/forms/Form/Handler/Handler.js +7 -1
  883. package/es/extensions/forms/Form/Handler/Handler.js.map +1 -1
  884. package/es/extensions/forms/Form/Visibility/Visibility.d.ts +6 -1
  885. package/es/extensions/forms/Form/Visibility/Visibility.js +55 -40
  886. package/es/extensions/forms/Form/Visibility/Visibility.js.map +1 -1
  887. package/es/extensions/forms/Form/data-context/getData.d.ts +8 -0
  888. package/es/extensions/forms/Form/data-context/getData.js +15 -0
  889. package/es/extensions/forms/Form/data-context/getData.js.map +1 -0
  890. package/es/extensions/forms/Form/data-context/setData.d.ts +2 -0
  891. package/es/extensions/forms/Form/data-context/setData.js +6 -0
  892. package/es/extensions/forms/Form/data-context/setData.js.map +1 -0
  893. package/es/extensions/forms/Form/data-context/useData.d.ts +22 -0
  894. package/es/extensions/forms/Form/data-context/useData.js +58 -0
  895. package/es/extensions/forms/Form/data-context/useData.js.map +1 -0
  896. package/es/extensions/forms/Form/data-context/useError.d.ts +5 -0
  897. package/es/extensions/forms/Form/data-context/useError.js +13 -0
  898. package/es/extensions/forms/Form/data-context/useError.js.map +1 -0
  899. package/es/extensions/forms/Form/index.d.ts +5 -1
  900. package/es/extensions/forms/Form/index.js +5 -1
  901. package/es/extensions/forms/Form/index.js.map +1 -1
  902. package/es/extensions/forms/Iterate/Array/Array.d.ts +2 -2
  903. package/es/extensions/forms/Iterate/Array/Array.js.map +1 -1
  904. package/es/extensions/forms/StepsLayout/StepsLayout.d.ts +3 -0
  905. package/es/extensions/forms/StepsLayout/StepsLayout.js +31 -22
  906. package/es/extensions/forms/StepsLayout/StepsLayout.js.map +1 -1
  907. package/es/extensions/forms/StepsLayout/style/dnb-steps-layout.css +6 -0
  908. package/es/extensions/forms/StepsLayout/style/dnb-steps-layout.min.css +1 -1
  909. package/es/extensions/forms/StepsLayout/style/dnb-steps-layout.scss +7 -0
  910. package/es/extensions/forms/Value/Currency/Currency.js +3 -4
  911. package/es/extensions/forms/Value/Currency/Currency.js.map +1 -1
  912. package/es/extensions/forms/Value/Number/Number.d.ts +6 -10
  913. package/es/extensions/forms/Value/Number/Number.js +22 -27
  914. package/es/extensions/forms/Value/Number/Number.js.map +1 -1
  915. package/es/extensions/forms/Value/PhoneNumber/PhoneNumber.js +6 -4
  916. package/es/extensions/forms/Value/PhoneNumber/PhoneNumber.js.map +1 -1
  917. package/es/extensions/forms/Value/SummaryList/SummaryList.d.ts +7 -0
  918. package/es/extensions/forms/Value/SummaryList/SummaryList.js +26 -0
  919. package/es/extensions/forms/Value/SummaryList/SummaryList.js.map +1 -0
  920. package/es/extensions/forms/Value/SummaryList/SummaryListContext.d.ts +7 -0
  921. package/es/extensions/forms/Value/SummaryList/SummaryListContext.js +4 -0
  922. package/es/extensions/forms/Value/SummaryList/SummaryListContext.js.map +1 -0
  923. package/es/extensions/forms/Value/SummaryList/index.d.ts +2 -0
  924. package/es/extensions/forms/Value/SummaryList/index.js +3 -0
  925. package/es/extensions/forms/Value/SummaryList/index.js.map +1 -0
  926. package/es/extensions/forms/Value/ValueDocs.d.ts +2 -0
  927. package/es/extensions/forms/Value/ValueDocs.js +33 -0
  928. package/es/extensions/forms/Value/ValueDocs.js.map +1 -0
  929. package/es/extensions/forms/Value/index.d.ts +1 -0
  930. package/es/extensions/forms/Value/index.js +1 -0
  931. package/es/extensions/forms/Value/index.js.map +1 -1
  932. package/es/extensions/forms/ValueBlock/ValueBlock.js +12 -4
  933. package/es/extensions/forms/ValueBlock/ValueBlock.js.map +1 -1
  934. package/es/extensions/forms/hooks/DataValueDocs.d.ts +3 -0
  935. package/es/extensions/forms/hooks/DataValueDocs.js +110 -0
  936. package/es/extensions/forms/hooks/DataValueDocs.js.map +1 -0
  937. package/es/extensions/forms/hooks/index.d.ts +1 -0
  938. package/es/extensions/forms/hooks/index.js +1 -0
  939. package/es/extensions/forms/hooks/index.js.map +1 -1
  940. package/es/extensions/forms/hooks/useDataValue.d.ts +12 -7
  941. package/es/extensions/forms/hooks/useDataValue.js +158 -36
  942. package/es/extensions/forms/hooks/useDataValue.js.map +1 -1
  943. package/es/extensions/forms/hooks/useErrorMessage.d.ts +10 -0
  944. package/es/extensions/forms/hooks/useErrorMessage.js +15 -0
  945. package/es/extensions/forms/hooks/useErrorMessage.js.map +1 -0
  946. package/es/extensions/forms/hooks/useId.js +1 -1
  947. package/es/extensions/forms/hooks/useId.js.map +1 -1
  948. package/es/extensions/forms/hooks/useMountEffect.js +1 -1
  949. package/es/extensions/forms/hooks/useMountEffect.js.map +1 -1
  950. package/es/extensions/forms/hooks/useUnmountEffect.d.ts +4 -0
  951. package/es/extensions/forms/hooks/useUnmountEffect.js +9 -0
  952. package/es/extensions/forms/hooks/useUnmountEffect.js.map +1 -0
  953. package/es/extensions/forms/index.d.ts +1 -0
  954. package/es/extensions/forms/index.js +1 -0
  955. package/es/extensions/forms/index.js.map +1 -1
  956. package/es/extensions/forms/style/dnb-forms.css +65 -12
  957. package/es/extensions/forms/style/dnb-forms.min.css +1 -1
  958. package/es/extensions/forms/types.d.ts +25 -10
  959. package/es/extensions/forms/types.js.map +1 -1
  960. package/es/extensions/forms/utils/ajv.d.ts +47 -6
  961. package/es/extensions/forms/utils/ajv.js +23 -15
  962. package/es/extensions/forms/utils/ajv.js.map +1 -1
  963. package/es/extensions/forms/utils/index.d.ts +0 -1
  964. package/es/extensions/forms/utils/index.js +0 -1
  965. package/es/extensions/forms/utils/index.js.map +1 -1
  966. package/es/shared/Context.d.ts +2 -0
  967. package/es/shared/Context.js.map +1 -1
  968. package/es/shared/Eufemia.d.ts +1 -1
  969. package/es/shared/Eufemia.js +2 -2
  970. package/es/shared/Eufemia.js.map +1 -1
  971. package/es/shared/component-helper.d.ts +1 -0
  972. package/es/shared/component-helper.js +6 -3
  973. package/es/shared/component-helper.js.map +1 -1
  974. package/es/shared/helpers/filterValidProps.d.ts +2 -2
  975. package/es/shared/helpers/filterValidProps.js +2 -2
  976. package/es/shared/helpers/filterValidProps.js.map +1 -1
  977. package/es/shared/helpers/useSharedState.d.ts +28 -7
  978. package/es/shared/helpers/useSharedState.js +62 -43
  979. package/es/shared/helpers/useSharedState.js.map +1 -1
  980. package/es/shared/helpers/withCamelCaseProps.d.ts +7 -1
  981. package/es/shared/helpers/withCamelCaseProps.js.map +1 -1
  982. package/es/shared/locales/en-GB.d.ts +6 -3
  983. package/es/shared/locales/en-GB.js +8 -5
  984. package/es/shared/locales/en-GB.js.map +1 -1
  985. package/es/shared/locales/en-US.d.ts +6 -3
  986. package/es/shared/locales/index.d.ts +12 -6
  987. package/es/shared/locales/nb-NO.d.ts +6 -3
  988. package/es/shared/locales/nb-NO.js +8 -5
  989. package/es/shared/locales/nb-NO.js.map +1 -1
  990. package/es/shared/types.d.ts +5 -0
  991. package/es/shared/types.js.map +1 -1
  992. package/es/style/core/utilities.scss +1 -1
  993. package/es/style/dnb-ui-components.css +364 -180
  994. package/es/style/dnb-ui-components.min.css +3 -3
  995. package/es/style/dnb-ui-elements.css +25 -5
  996. package/es/style/dnb-ui-elements.min.css +1 -1
  997. package/es/style/dnb-ui-extensions.css +65 -12
  998. package/es/style/dnb-ui-extensions.min.css +1 -1
  999. package/es/style/dnb-ui-forms.css +65 -12
  1000. package/es/style/dnb-ui-forms.min.css +1 -1
  1001. package/es/style/dnb-ui-forms.scss +1 -0
  1002. package/es/style/themes/theme-eiendom/eiendom-theme-basis.css +25 -5
  1003. package/es/style/themes/theme-eiendom/eiendom-theme-basis.min.css +1 -1
  1004. package/es/style/themes/theme-eiendom/eiendom-theme-components.css +447 -223
  1005. package/es/style/themes/theme-eiendom/eiendom-theme-components.min.css +5 -5
  1006. package/es/style/themes/theme-eiendom/eiendom-theme-elements.css +25 -5
  1007. package/es/style/themes/theme-eiendom/eiendom-theme-elements.min.css +1 -1
  1008. package/es/style/themes/theme-eiendom/eiendom-theme-extensions.css +65 -12
  1009. package/es/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
  1010. package/es/style/themes/theme-eiendom/eiendom-theme-forms.css +65 -12
  1011. package/es/style/themes/theme-eiendom/eiendom-theme-forms.min.css +1 -1
  1012. package/es/style/themes/theme-sbanken/sbanken-theme-basis.css +25 -5
  1013. package/es/style/themes/theme-sbanken/sbanken-theme-basis.min.css +1 -1
  1014. package/es/style/themes/theme-sbanken/sbanken-theme-components.css +457 -218
  1015. package/es/style/themes/theme-sbanken/sbanken-theme-components.min.css +4 -4
  1016. package/es/style/themes/theme-sbanken/sbanken-theme-elements.css +25 -5
  1017. package/es/style/themes/theme-sbanken/sbanken-theme-elements.min.css +1 -1
  1018. package/es/style/themes/theme-sbanken/sbanken-theme-extensions.css +65 -12
  1019. package/es/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
  1020. package/es/style/themes/theme-sbanken/sbanken-theme-forms.css +65 -12
  1021. package/es/style/themes/theme-sbanken/sbanken-theme-forms.min.css +1 -1
  1022. package/es/style/themes/theme-ui/ui-theme-basis.css +25 -5
  1023. package/es/style/themes/theme-ui/ui-theme-basis.min.css +1 -1
  1024. package/es/style/themes/theme-ui/ui-theme-components.css +447 -223
  1025. package/es/style/themes/theme-ui/ui-theme-components.min.css +5 -5
  1026. package/es/style/themes/theme-ui/ui-theme-elements.css +25 -5
  1027. package/es/style/themes/theme-ui/ui-theme-elements.min.css +1 -1
  1028. package/es/style/themes/theme-ui/ui-theme-extensions.css +65 -12
  1029. package/es/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
  1030. package/es/style/themes/theme-ui/ui-theme-forms.css +65 -12
  1031. package/es/style/themes/theme-ui/ui-theme-forms.min.css +1 -1
  1032. package/es/style/themes/theme-ui/ui-theme-tags.css +25 -5
  1033. package/es/style/themes/theme-ui/ui-theme-tags.min.css +1 -1
  1034. package/esm/dnb-ui-basis.min.mjs +1 -1
  1035. package/esm/dnb-ui-components.min.mjs +1 -1
  1036. package/esm/dnb-ui-elements.min.mjs +1 -1
  1037. package/esm/dnb-ui-extensions.min.mjs +3 -3
  1038. package/esm/dnb-ui-lib.min.mjs +1 -1
  1039. package/extensions/forms/DataContext/Context.d.ts +19 -5
  1040. package/extensions/forms/DataContext/Context.js +9 -0
  1041. package/extensions/forms/DataContext/Context.js.map +1 -1
  1042. package/extensions/forms/DataContext/Provider/Provider.d.ts +57 -19
  1043. package/extensions/forms/DataContext/Provider/Provider.js +153 -65
  1044. package/extensions/forms/DataContext/Provider/Provider.js.map +1 -1
  1045. package/extensions/forms/Field/BankAccountNumber/BankAccountNumber.js +3 -2
  1046. package/extensions/forms/Field/BankAccountNumber/BankAccountNumber.js.map +1 -1
  1047. package/extensions/forms/Field/Currency/Currency.js +1 -1
  1048. package/extensions/forms/Field/Currency/Currency.js.map +1 -1
  1049. package/extensions/forms/Field/Date/Date.js +4 -3
  1050. package/extensions/forms/Field/Date/Date.js.map +1 -1
  1051. package/extensions/forms/Field/Email/Email.js +4 -3
  1052. package/extensions/forms/Field/Email/Email.js.map +1 -1
  1053. package/extensions/forms/Field/Expiry/Expiry.js +6 -4
  1054. package/extensions/forms/Field/Expiry/Expiry.js.map +1 -1
  1055. package/extensions/forms/Field/FieldDocs.d.ts +3 -0
  1056. package/extensions/forms/Field/FieldDocs.js +8 -0
  1057. package/extensions/forms/Field/FieldDocs.js.map +1 -0
  1058. package/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumber.js +3 -2
  1059. package/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumber.js.map +1 -1
  1060. package/extensions/forms/Field/Number/Number.d.ts +3 -4
  1061. package/extensions/forms/Field/Number/Number.js +25 -20
  1062. package/extensions/forms/Field/Number/Number.js.map +1 -1
  1063. package/extensions/forms/Field/Number/NumberDocs.d.ts +2 -0
  1064. package/extensions/forms/Field/Number/NumberDocs.js +85 -0
  1065. package/extensions/forms/Field/Number/NumberDocs.js.map +1 -0
  1066. package/extensions/forms/Field/Number/style/dnb-number.css +3 -1
  1067. package/extensions/forms/Field/Number/style/dnb-number.min.css +1 -1
  1068. package/extensions/forms/Field/Number/style/dnb-number.scss +4 -1
  1069. package/extensions/forms/Field/OrganizationNumber/OrganizationNumber.js +3 -2
  1070. package/extensions/forms/Field/OrganizationNumber/OrganizationNumber.js.map +1 -1
  1071. package/extensions/forms/Field/Password/Password.d.ts +45 -0
  1072. package/extensions/forms/Field/Password/Password.js +99 -0
  1073. package/extensions/forms/Field/Password/Password.js.map +1 -0
  1074. package/extensions/forms/Field/Password/index.d.ts +2 -0
  1075. package/extensions/forms/Field/Password/index.js +3 -0
  1076. package/extensions/forms/Field/Password/index.js.map +1 -0
  1077. package/extensions/forms/Field/Password/style/dnb-password.css +6 -0
  1078. package/extensions/forms/Field/Password/style/dnb-password.min.css +1 -0
  1079. package/extensions/forms/Field/Password/style/dnb-password.scss +10 -0
  1080. package/extensions/forms/Field/PhoneNumber/PhoneNumber.js +3 -2
  1081. package/extensions/forms/Field/PhoneNumber/PhoneNumber.js.map +1 -1
  1082. package/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.js +4 -5
  1083. package/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.js.map +1 -1
  1084. package/extensions/forms/Field/PostalCodeAndCity/style/dnb-postal-code-and-city.css +3 -6
  1085. package/extensions/forms/Field/PostalCodeAndCity/style/dnb-postal-code-and-city.min.css +1 -1
  1086. package/extensions/forms/Field/PostalCodeAndCity/style/dnb-postal-code-and-city.scss +2 -6
  1087. package/extensions/forms/Field/SelectCountry/SelectCountry.js +3 -2
  1088. package/extensions/forms/Field/SelectCountry/SelectCountry.js.map +1 -1
  1089. package/extensions/forms/Field/Selection/Selection.d.ts +0 -1
  1090. package/extensions/forms/Field/Selection/Selection.js +2 -11
  1091. package/extensions/forms/Field/Selection/Selection.js.map +1 -1
  1092. package/extensions/forms/Field/String/String.d.ts +22 -11
  1093. package/extensions/forms/Field/String/String.js +55 -32
  1094. package/extensions/forms/Field/String/String.js.map +1 -1
  1095. package/extensions/forms/Field/String/StringDocs.d.ts +2 -0
  1096. package/extensions/forms/Field/String/StringDocs.js +99 -0
  1097. package/extensions/forms/Field/String/StringDocs.js.map +1 -0
  1098. package/extensions/forms/Field/Toggle/Toggle.js +6 -3
  1099. package/extensions/forms/Field/Toggle/Toggle.js.map +1 -1
  1100. package/extensions/forms/Field/index.d.ts +1 -0
  1101. package/extensions/forms/Field/index.js +1 -0
  1102. package/extensions/forms/Field/index.js.map +1 -1
  1103. package/extensions/forms/FieldBlock/FieldBlock.d.ts +8 -3
  1104. package/extensions/forms/FieldBlock/FieldBlock.js +203 -66
  1105. package/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
  1106. package/extensions/forms/FieldBlock/FieldBlockContext.d.ts +40 -6
  1107. package/extensions/forms/FieldBlock/FieldBlockContext.js.map +1 -1
  1108. package/extensions/forms/FieldBlock/FieldBlockDocs.d.ts +2 -0
  1109. package/extensions/forms/FieldBlock/FieldBlockDocs.js +53 -0
  1110. package/extensions/forms/FieldBlock/FieldBlockDocs.js.map +1 -0
  1111. package/extensions/forms/FieldBlock/style/dnb-field-block.css +46 -5
  1112. package/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
  1113. package/extensions/forms/FieldBlock/style/dnb-field-block.scss +51 -1
  1114. package/extensions/forms/Form/Appearance/Appearance.d.ts +7 -0
  1115. package/extensions/forms/Form/Appearance/Appearance.js +30 -0
  1116. package/extensions/forms/Form/Appearance/Appearance.js.map +1 -0
  1117. package/extensions/forms/Form/Appearance/AppearanceDocs.d.ts +2 -0
  1118. package/extensions/forms/Form/Appearance/AppearanceDocs.js +8 -0
  1119. package/extensions/forms/Form/Appearance/AppearanceDocs.js.map +1 -0
  1120. package/extensions/forms/Form/Appearance/index.d.ts +2 -0
  1121. package/extensions/forms/Form/Appearance/index.js +3 -0
  1122. package/extensions/forms/Form/Appearance/index.js.map +1 -0
  1123. package/extensions/forms/Form/Handler/Handler.d.ts +1 -1
  1124. package/extensions/forms/Form/Handler/Handler.js +7 -1
  1125. package/extensions/forms/Form/Handler/Handler.js.map +1 -1
  1126. package/extensions/forms/Form/Visibility/Visibility.d.ts +6 -1
  1127. package/extensions/forms/Form/Visibility/Visibility.js +53 -39
  1128. package/extensions/forms/Form/Visibility/Visibility.js.map +1 -1
  1129. package/extensions/forms/Form/data-context/getData.d.ts +8 -0
  1130. package/extensions/forms/Form/data-context/getData.js +15 -0
  1131. package/extensions/forms/Form/data-context/getData.js.map +1 -0
  1132. package/extensions/forms/Form/data-context/setData.d.ts +2 -0
  1133. package/extensions/forms/Form/data-context/setData.js +6 -0
  1134. package/extensions/forms/Form/data-context/setData.js.map +1 -0
  1135. package/extensions/forms/Form/data-context/useData.d.ts +22 -0
  1136. package/extensions/forms/Form/data-context/useData.js +59 -0
  1137. package/extensions/forms/Form/data-context/useData.js.map +1 -0
  1138. package/extensions/forms/Form/data-context/useError.d.ts +5 -0
  1139. package/extensions/forms/Form/data-context/useError.js +13 -0
  1140. package/extensions/forms/Form/data-context/useError.js.map +1 -0
  1141. package/extensions/forms/Form/index.d.ts +5 -1
  1142. package/extensions/forms/Form/index.js +5 -1
  1143. package/extensions/forms/Form/index.js.map +1 -1
  1144. package/extensions/forms/Iterate/Array/Array.d.ts +2 -2
  1145. package/extensions/forms/Iterate/Array/Array.js.map +1 -1
  1146. package/extensions/forms/StepsLayout/StepsLayout.d.ts +3 -0
  1147. package/extensions/forms/StepsLayout/StepsLayout.js +31 -22
  1148. package/extensions/forms/StepsLayout/StepsLayout.js.map +1 -1
  1149. package/extensions/forms/StepsLayout/style/dnb-steps-layout.css +6 -0
  1150. package/extensions/forms/StepsLayout/style/dnb-steps-layout.min.css +1 -1
  1151. package/extensions/forms/StepsLayout/style/dnb-steps-layout.scss +7 -0
  1152. package/extensions/forms/Value/Currency/Currency.js +3 -4
  1153. package/extensions/forms/Value/Currency/Currency.js.map +1 -1
  1154. package/extensions/forms/Value/Number/Number.d.ts +6 -10
  1155. package/extensions/forms/Value/Number/Number.js +22 -27
  1156. package/extensions/forms/Value/Number/Number.js.map +1 -1
  1157. package/extensions/forms/Value/PhoneNumber/PhoneNumber.js +6 -4
  1158. package/extensions/forms/Value/PhoneNumber/PhoneNumber.js.map +1 -1
  1159. package/extensions/forms/Value/SummaryList/SummaryList.d.ts +7 -0
  1160. package/extensions/forms/Value/SummaryList/SummaryList.js +26 -0
  1161. package/extensions/forms/Value/SummaryList/SummaryList.js.map +1 -0
  1162. package/extensions/forms/Value/SummaryList/SummaryListContext.d.ts +7 -0
  1163. package/extensions/forms/Value/SummaryList/SummaryListContext.js +4 -0
  1164. package/extensions/forms/Value/SummaryList/SummaryListContext.js.map +1 -0
  1165. package/extensions/forms/Value/SummaryList/index.d.ts +2 -0
  1166. package/extensions/forms/Value/SummaryList/index.js +3 -0
  1167. package/extensions/forms/Value/SummaryList/index.js.map +1 -0
  1168. package/extensions/forms/Value/ValueDocs.d.ts +2 -0
  1169. package/extensions/forms/Value/ValueDocs.js +33 -0
  1170. package/extensions/forms/Value/ValueDocs.js.map +1 -0
  1171. package/extensions/forms/Value/index.d.ts +1 -0
  1172. package/extensions/forms/Value/index.js +1 -0
  1173. package/extensions/forms/Value/index.js.map +1 -1
  1174. package/extensions/forms/ValueBlock/ValueBlock.js +12 -4
  1175. package/extensions/forms/ValueBlock/ValueBlock.js.map +1 -1
  1176. package/extensions/forms/hooks/DataValueDocs.d.ts +3 -0
  1177. package/extensions/forms/hooks/DataValueDocs.js +110 -0
  1178. package/extensions/forms/hooks/DataValueDocs.js.map +1 -0
  1179. package/extensions/forms/hooks/index.d.ts +1 -0
  1180. package/extensions/forms/hooks/index.js +1 -0
  1181. package/extensions/forms/hooks/index.js.map +1 -1
  1182. package/extensions/forms/hooks/useDataValue.d.ts +12 -7
  1183. package/extensions/forms/hooks/useDataValue.js +160 -36
  1184. package/extensions/forms/hooks/useDataValue.js.map +1 -1
  1185. package/extensions/forms/hooks/useErrorMessage.d.ts +10 -0
  1186. package/extensions/forms/hooks/useErrorMessage.js +15 -0
  1187. package/extensions/forms/hooks/useErrorMessage.js.map +1 -0
  1188. package/extensions/forms/hooks/useId.js +1 -1
  1189. package/extensions/forms/hooks/useId.js.map +1 -1
  1190. package/extensions/forms/hooks/useMountEffect.js +1 -1
  1191. package/extensions/forms/hooks/useMountEffect.js.map +1 -1
  1192. package/extensions/forms/hooks/useUnmountEffect.d.ts +4 -0
  1193. package/extensions/forms/hooks/useUnmountEffect.js +9 -0
  1194. package/extensions/forms/hooks/useUnmountEffect.js.map +1 -0
  1195. package/extensions/forms/index.d.ts +1 -0
  1196. package/extensions/forms/index.js +1 -0
  1197. package/extensions/forms/index.js.map +1 -1
  1198. package/extensions/forms/style/dnb-forms.css +65 -12
  1199. package/extensions/forms/style/dnb-forms.min.css +1 -1
  1200. package/extensions/forms/types.d.ts +25 -10
  1201. package/extensions/forms/types.js.map +1 -1
  1202. package/extensions/forms/utils/ajv.d.ts +47 -6
  1203. package/extensions/forms/utils/ajv.js +23 -15
  1204. package/extensions/forms/utils/ajv.js.map +1 -1
  1205. package/extensions/forms/utils/index.d.ts +0 -1
  1206. package/extensions/forms/utils/index.js +0 -1
  1207. package/extensions/forms/utils/index.js.map +1 -1
  1208. package/package.json +1 -1
  1209. package/shared/Context.d.ts +2 -0
  1210. package/shared/Context.js.map +1 -1
  1211. package/shared/Eufemia.d.ts +1 -1
  1212. package/shared/Eufemia.js +2 -2
  1213. package/shared/Eufemia.js.map +1 -1
  1214. package/shared/component-helper.d.ts +1 -0
  1215. package/shared/component-helper.js +9 -3
  1216. package/shared/component-helper.js.map +1 -1
  1217. package/shared/helpers/filterValidProps.d.ts +2 -2
  1218. package/shared/helpers/filterValidProps.js +2 -2
  1219. package/shared/helpers/filterValidProps.js.map +1 -1
  1220. package/shared/helpers/useSharedState.d.ts +28 -7
  1221. package/shared/helpers/useSharedState.js +62 -43
  1222. package/shared/helpers/useSharedState.js.map +1 -1
  1223. package/shared/helpers/withCamelCaseProps.d.ts +7 -1
  1224. package/shared/helpers/withCamelCaseProps.js.map +1 -1
  1225. package/shared/locales/en-GB.d.ts +6 -3
  1226. package/shared/locales/en-GB.js +8 -5
  1227. package/shared/locales/en-GB.js.map +1 -1
  1228. package/shared/locales/en-US.d.ts +6 -3
  1229. package/shared/locales/index.d.ts +12 -6
  1230. package/shared/locales/nb-NO.d.ts +6 -3
  1231. package/shared/locales/nb-NO.js +8 -5
  1232. package/shared/locales/nb-NO.js.map +1 -1
  1233. package/shared/types.d.ts +5 -0
  1234. package/shared/types.js.map +1 -1
  1235. package/style/core/utilities.scss +1 -1
  1236. package/style/dnb-ui-components.css +364 -180
  1237. package/style/dnb-ui-components.min.css +3 -3
  1238. package/style/dnb-ui-elements.css +25 -5
  1239. package/style/dnb-ui-elements.min.css +1 -1
  1240. package/style/dnb-ui-extensions.css +65 -12
  1241. package/style/dnb-ui-extensions.min.css +1 -1
  1242. package/style/dnb-ui-forms.css +65 -12
  1243. package/style/dnb-ui-forms.min.css +1 -1
  1244. package/style/dnb-ui-forms.scss +1 -0
  1245. package/style/themes/theme-eiendom/eiendom-theme-basis.css +25 -5
  1246. package/style/themes/theme-eiendom/eiendom-theme-basis.min.css +1 -1
  1247. package/style/themes/theme-eiendom/eiendom-theme-components.css +447 -223
  1248. package/style/themes/theme-eiendom/eiendom-theme-components.min.css +5 -5
  1249. package/style/themes/theme-eiendom/eiendom-theme-elements.css +25 -5
  1250. package/style/themes/theme-eiendom/eiendom-theme-elements.min.css +1 -1
  1251. package/style/themes/theme-eiendom/eiendom-theme-extensions.css +65 -12
  1252. package/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
  1253. package/style/themes/theme-eiendom/eiendom-theme-forms.css +65 -12
  1254. package/style/themes/theme-eiendom/eiendom-theme-forms.min.css +1 -1
  1255. package/style/themes/theme-sbanken/sbanken-theme-basis.css +25 -5
  1256. package/style/themes/theme-sbanken/sbanken-theme-basis.min.css +1 -1
  1257. package/style/themes/theme-sbanken/sbanken-theme-components.css +457 -218
  1258. package/style/themes/theme-sbanken/sbanken-theme-components.min.css +4 -4
  1259. package/style/themes/theme-sbanken/sbanken-theme-elements.css +25 -5
  1260. package/style/themes/theme-sbanken/sbanken-theme-elements.min.css +1 -1
  1261. package/style/themes/theme-sbanken/sbanken-theme-extensions.css +65 -12
  1262. package/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
  1263. package/style/themes/theme-sbanken/sbanken-theme-forms.css +65 -12
  1264. package/style/themes/theme-sbanken/sbanken-theme-forms.min.css +1 -1
  1265. package/style/themes/theme-ui/ui-theme-basis.css +25 -5
  1266. package/style/themes/theme-ui/ui-theme-basis.min.css +1 -1
  1267. package/style/themes/theme-ui/ui-theme-components.css +447 -223
  1268. package/style/themes/theme-ui/ui-theme-components.min.css +5 -5
  1269. package/style/themes/theme-ui/ui-theme-elements.css +25 -5
  1270. package/style/themes/theme-ui/ui-theme-elements.min.css +1 -1
  1271. package/style/themes/theme-ui/ui-theme-extensions.css +65 -12
  1272. package/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
  1273. package/style/themes/theme-ui/ui-theme-forms.css +65 -12
  1274. package/style/themes/theme-ui/ui-theme-forms.min.css +1 -1
  1275. package/style/themes/theme-ui/ui-theme-tags.css +25 -5
  1276. package/style/themes/theme-ui/ui-theme-tags.min.css +1 -1
  1277. package/umd/dnb-ui-basis.min.js +1 -1
  1278. package/umd/dnb-ui-components.min.js +1 -1
  1279. package/umd/dnb-ui-elements.min.js +1 -1
  1280. package/umd/dnb-ui-extensions.min.js +3 -3
  1281. package/umd/dnb-ui-lib.min.js +1 -1
  1282. package/cjs/components/global-status/AnimationHelper.d.ts +0 -12
  1283. package/cjs/components/global-status/AnimationHelper.js +0 -109
  1284. package/cjs/components/global-status/AnimationHelper.js.map +0 -1
  1285. package/cjs/extensions/forms/Form/hooks/useData.d.ts +0 -10
  1286. package/cjs/extensions/forms/Form/hooks/useData.js +0 -39
  1287. package/cjs/extensions/forms/Form/hooks/useData.js.map +0 -1
  1288. package/cjs/extensions/forms/utils/numbers.d.ts +0 -17
  1289. package/cjs/extensions/forms/utils/numbers.js +0 -42
  1290. package/cjs/extensions/forms/utils/numbers.js.map +0 -1
  1291. package/components/global-status/AnimationHelper.d.ts +0 -12
  1292. package/components/global-status/AnimationHelper.js +0 -100
  1293. package/components/global-status/AnimationHelper.js.map +0 -1
  1294. package/es/components/global-status/AnimationHelper.d.ts +0 -12
  1295. package/es/components/global-status/AnimationHelper.js +0 -100
  1296. package/es/components/global-status/AnimationHelper.js.map +0 -1
  1297. package/es/extensions/forms/Form/hooks/useData.d.ts +0 -10
  1298. package/es/extensions/forms/Form/hooks/useData.js +0 -32
  1299. package/es/extensions/forms/Form/hooks/useData.js.map +0 -1
  1300. package/es/extensions/forms/utils/numbers.d.ts +0 -17
  1301. package/es/extensions/forms/utils/numbers.js +0 -35
  1302. package/es/extensions/forms/utils/numbers.js.map +0 -1
  1303. package/extensions/forms/Form/hooks/useData.d.ts +0 -10
  1304. package/extensions/forms/Form/hooks/useData.js +0 -33
  1305. package/extensions/forms/Form/hooks/useData.js.map +0 -1
  1306. package/extensions/forms/utils/numbers.d.ts +0 -17
  1307. package/extensions/forms/utils/numbers.js +0 -35
  1308. package/extensions/forms/utils/numbers.js.map +0 -1
@@ -482,29 +482,49 @@ html[data-visual-test] .dnb-hr--light {
482
482
  margin-left: 2rem;
483
483
  }
484
484
  @media screen and (min-width: 40em) {
485
- .dnb-dl__direction--horizontal {
485
+ .dnb-dl__layout--horizontal {
486
486
  display: flex;
487
487
  flex-wrap: wrap;
488
488
  }
489
- .dnb-dl__direction--horizontal dt {
489
+ .dnb-dl__layout--horizontal dt {
490
490
  margin-right: 1rem;
491
491
  max-width: 40%;
492
492
  }
493
- .dnb-dl__direction--horizontal dd {
493
+ .dnb-dl__layout--horizontal dd {
494
494
  width: calc(60% - 1rem);
495
495
  }
496
- .dnb-dl__direction--horizontal dt, .dnb-dl__direction--horizontal dd, .dnb-dl__direction--horizontal dd ~ dt {
496
+ .dnb-dl__layout--horizontal dt, .dnb-dl__layout--horizontal dd, .dnb-dl__layout--horizontal dd ~ dt {
497
497
  margin-top: 0.5rem;
498
498
  margin-bottom: 0;
499
499
  }
500
- .dnb-dl__direction--horizontal dt:first-of-type, .dnb-dl__direction--horizontal dd:first-of-type, .dnb-dl__direction--horizontal dd ~ dt:first-of-type {
500
+ .dnb-dl__layout--horizontal dt:first-of-type, .dnb-dl__layout--horizontal dd:first-of-type, .dnb-dl__layout--horizontal dd ~ dt:first-of-type {
501
501
  margin-top: 0;
502
502
  }
503
503
  .dnb-dl dd.dnb-dl__item {
504
+ display: none;
504
505
  flex-basis: 100%;
505
506
  height: 0;
506
507
  margin: 0;
507
508
  }
509
+ .dnb-dl__layout--grid {
510
+ display: grid;
511
+ grid-template-columns: 1fr 2fr;
512
+ -moz-column-gap: 2rem;
513
+ column-gap: 2rem;
514
+ row-gap: 1rem;
515
+ /* stylelint-disable */
516
+ /* stylelint-enable */
517
+ }
518
+ .dnb-dl__layout--grid dt {
519
+ max-width: 15ch;
520
+ }
521
+ .dnb-dl__layout--grid dd {
522
+ max-width: 30ch;
523
+ align-self: end;
524
+ }
525
+ .dnb-dl__layout--grid dt, .dnb-dl__layout--grid dd, .dnb-dl__layout--grid dd ~ dt {
526
+ margin: 0;
527
+ }
508
528
  }
509
529
 
510
530
  .dnb-spacing .dnb-ul:not([class*=dnb-space__top]),
@@ -1 +1 @@
1
- @charset "UTF-8";.dnb-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-blockquote:not([class*=dnb-space]){margin:0}.dnb-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-blockquote,.dnb-blockquote.dnb-blockquote--left{padding-bottom:var(--blockquote-padding-bottom);padding-left:var(--blockquote-quote-padding);padding-top:var(--blockquote-padding-top)}.dnb-blockquote.dnb-blockquote--top{padding-bottom:var(--blockquote-padding-bottom);padding-left:var(--blockquote-padding-left);padding-top:var(--blockquote-quote-padding)}.dnb-blockquote.dnb-blockquote--no-background{background-color:transparent}.dnb-blockquote .dnb-cite,.dnb-blockquote .dnb-figcaption,.dnb-blockquote cite,.dnb-blockquote figcaption,.dnb-blockquote footer{display:block;font-style:var(--blockquote-cite-style);font-weight:var(--font-weight-medium);line-height:var(--line-height-basis);margin-top:1rem}.dnb-blockquote .dnb-cite:before,.dnb-blockquote .dnb-figcaption:before,.dnb-blockquote cite:before,.dnb-blockquote figcaption:before,.dnb-blockquote footer:before{content:"—";display:inline-block;padding-right:.5rem}.dnb-spacing .dnb-blockquote .dnb-h--large,.dnb-spacing .dnb-blockquote .dnb-h--medium,.dnb-spacing .dnb-blockquote .dnb-h--xx-large,.dnb-spacing .dnb-blockquote .dnb-lead,.dnb-spacing .dnb-blockquote h1,.dnb-spacing .dnb-blockquote h2,.dnb-spacing .dnb-blockquote h3{margin:0}.dnb-blockquote .dnb-anchor{font-size:inherit}.dnb-spacing .dnb-blockquote:not([class*=dnb-space__top]){margin-top:0}.dnb-spacing .dnb-blockquote:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-spacing .dnb-blockquote p:last-child{margin-bottom:0}.dnb-code{border-radius:.1875em;color:inherit;display:inline-block;font-size:inherit;line-height:var(--line-height-xx-small--em);padding:.25em;text-decoration:inherit}del .dnb-code{-webkit-text-decoration:line-through;text-decoration:line-through}.dnb-code:not([class*=dnb-space]){margin:-.25em 0}.dnb-pre{word-wrap:normal;border-radius:.5rem;display:block;font-family:var(--font-family-monospace);font-size:inherit;-webkit-hyphens:none;hyphens:none;outline:none;overflow:auto;padding:1rem;-moz-tab-size:2;tab-size:2;text-align:left;text-shadow:none;vertical-align:baseline;white-space:pre;word-break:normal;word-spacing:normal}.dnb-pre:not([class*=dnb-space]){margin:0}.dnb-pre pre{padding:1rem}.dnb-pre .dnb-spacing pre:not([class*=dnb-space__top]){margin-top:0}.dnb-pre .dnb-spacing pre:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-spacing .dnb-pre:not([class*=dnb-space__top]){margin-top:0}.dnb-spacing .dnb-pre:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-skeleton>.dnb-code{background-color:transparent}.dnb-hr{--thickness:calc(var(--hr-thickness, 1px) + var(--modifier, 0px));border:0;display:flow-root;height:0;padding:0;position:relative;width:100%}.dnb-hr:not([class*=dnb-space]){margin:0}.dnb-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-hr--fullscreen:after{border-radius:0;box-shadow:100vw 0 0 0 currentcolor;left:-100vw}.dnb-hr--light{--hr-thickness:0.4px}html[data-visual-test] .dnb-hr--light{--modifier:0.7px}.dnb-hr--medium{--hr-thickness:1.5px}.dnb-spacing .dnb-hr:not([class*=dnb-space__top]){margin-top:0}.dnb-spacing .dnb-hr:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-img{align-items:center;display:inline-flex;flex-direction:column;padding:0;text-align:center}.dnb-img:not([class*=dnb-space]){margin:0}.dnb-img figcaption,.dnb-img img{font-size:var(--font-size-basis)}.dnb-img img{border-radius:inherit;border-style:none;box-sizing:content-box;max-width:100%;position:relative;z-index:2}.dnb-img img[alt]:after{align-items:center;border-radius:inherit;content:attr(alt);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:3}.dnb-img figcaption{margin-top:.5rem}.dnb-label{cursor:pointer;overflow-wrap:break-word}.dnb-label[disabled]{cursor:not-allowed}.dnb-ul{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-ul:not([class*=dnb-space]){margin:0}.dnb-ul:not([class*=dnb-space__left]){padding-left:2rem}.dnb-ul ol,.dnb-ul ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.dnb-ul li,.dnb-ul--outside li{position:relative}.dnb-ul li:before,.dnb-ul--outside li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.dnb-ul--inside li:before{left:0;padding-right:0;position:relative;text-align:initial;width:auto}.dnb-ul .dnb-anchor{font-size:inherit}.dnb-ul li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.dnb-ol{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-ol:not([class*=dnb-space]){margin:0}.dnb-ol:not([class*=dnb-space__left]){padding-left:2rem}.dnb-ol li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.dnb-ol ol,.dnb-ol ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.dnb-ol li,.dnb-ol--outside li{position:relative}.dnb-ol li:before,.dnb-ol--outside li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.dnb-ol--inside li:before{left:0;padding-right:0;position:relative;text-align:initial;width:auto}.dnb-ol .dnb-anchor{font-size:inherit}.dnb-ol li{list-style-type:decimal}.dnb-ol--nested,.dnb-ol--nested ol{counter-reset:item}.dnb-ol--nested li{display:block}.dnb-ol--nested li:before{content:counters(item,".") ". ";counter-increment:item}.dnb-ol--nested li li:before{content:counters(item,".") " ";counter-increment:item}.dnb-ol[type] li{display:list-item;list-style-type:inherit}.dnb-ol[type] li li:before,.dnb-ol[type] li:before{content:none}.dnb-dl{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-dl:not([class*=dnb-space__top]){margin-top:0}.dnb-dl:not([class*=dnb-space__bottom]){margin-bottom:0}.dnb-dl dt{font-weight:var(--font-weight-medium);margin-top:1rem;padding:0}.dnb-dl dd~dt{margin-top:1.5rem}.dnb-dl dd{margin:.5rem 0 1rem;padding:0}.dnb-dl:not([class*=dnb-space])>dd>dl,.dnb-dl>dd>dl{margin-left:2rem;margin-top:1.5rem}@media screen and (min-width:40em){.dnb-dl__direction--horizontal{display:flex;flex-wrap:wrap}.dnb-dl__direction--horizontal dt{margin-right:1rem;max-width:40%}.dnb-dl__direction--horizontal dd{width:calc(60% - 1rem)}.dnb-dl__direction--horizontal dd,.dnb-dl__direction--horizontal dd~dt,.dnb-dl__direction--horizontal dt{margin-bottom:0;margin-top:.5rem}.dnb-dl__direction--horizontal dd:first-of-type,.dnb-dl__direction--horizontal dd~dt:first-of-type,.dnb-dl__direction--horizontal dt:first-of-type{margin-top:0}.dnb-dl dd.dnb-dl__item{flex-basis:100%;height:0;margin:0}}.dnb-spacing .dnb-ol:not([class*=dnb-space__top]),.dnb-spacing .dnb-ul:not([class*=dnb-space__top]){margin-top:0}.dnb-spacing .dnb-ol:not([class*=dnb-space__bottom]),.dnb-spacing .dnb-ul:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-spacing .dnb-ol>li,.dnb-spacing .dnb-ul>li{margin-bottom:1rem;margin-top:1rem}.dnb-spacing .dnb-ol>li>p,.dnb-spacing .dnb-ul>li>p{margin-top:1rem}.dnb-spacing .dnb-ol li>ol,.dnb-spacing .dnb-ol li>ul,.dnb-spacing .dnb-ol:not([class*=dnb-space]) li>ol,.dnb-spacing .dnb-ol:not([class*=dnb-space]) li>ul,.dnb-spacing .dnb-ul li>ol,.dnb-spacing .dnb-ul li>ul,.dnb-spacing .dnb-ul:not([class*=dnb-space]) li>ol,.dnb-spacing .dnb-ul:not([class*=dnb-space]) li>ul{margin-top:-.5rem}.dnb-spacing .dnb-dl:not([class*=dnb-space__top]){margin-top:0}.dnb-spacing .dnb-dl:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-unstyled-list{list-style-type:none}.dnb-unstyled-list:not([class*=dnb-space]){margin:0}.dnb-unstyled-list:not([class*=dnb-space__left]){padding-left:0}.dnb-unstyled-list>li{list-style-type:none}.dnb-unstyled-list>li:before{content:none}.dnb-unstyled-list>dd,.dnb-unstyled-list>dl{margin-left:0}.dnb-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-default-font-family:var(--font-family-default);--typography-h-default-font-weight:var(--font-weight-medium);--typography-h-xx-large-font-size:var(--font-size-xx-large);--typography-h-xx-large-line-height:var(--line-height-xx-large);--typography-h-xx-large-small-font-size:var(--font-size-x-large);--typography-h-xx-large-small-line-height:var(--line-height-x-large);--typography-h-xx-large-weight:var(--font-weight-medium);--typography-h-x-large-font-size:var(--font-size-x-large);--typography-h-x-large-line-height:var(--line-height-x-large);--typography-h-x-large-small-font-size:var(--font-size-large);--typography-h-x-large-small-line-height:var(--line-height-large);--typography-h-x-large-weight:var(--font-weight-medium);--typography-h-large-font-size:var(--font-size-large);--typography-h-large-line-height:var(--line-height-large);--typography-h-large-small-font-size:var(--font-size-medium);--typography-h-large-small-line-height:var(--line-height-medium);--typography-h-large-weight:var(--font-weight-medium);--typography-lead-font-size:var(--font-size-lead);--typography-lead-line-height:var(--line-height-lead);--typography-lead-small-font-size:var(--font-size-lead);--typography-lead-small-line-height:var(--line-height-lead);--typography-lead-weight:var(--font-weight-medium);--typography-h-medium-font-size:var(--font-size-medium);--typography-h-medium-line-height:var(--line-height-medium);--typography-h-medium-small-font-size:var(--font-size-basis);--typography-h-medium-small-line-height:var(--line-height-basis);--typography-h-medium-weight:var(--font-weight-medium);--typography-h-basis-font-size:var(--font-size-basis);--typography-h-basis-line-height:var(--line-height-basis);--typography-h-basis-small-font-size:var(--font-size-small);--typography-h-basis-small-line-height:var(--line-height-small);--typography-h-basis-weight:var(--font-weight-medium);--typography-h-basis-font-family:var(--font-family-default);--typography-h-small-font-size:var(--font-size-small);--typography-h-small-line-height:var(--line-height-small);--typography-h-small-small-font-size:var(--font-size-x-small);--typography-h-small-small-line-height:var(--line-height-x-small);--typography-h-small-weight:var(--font-weight-medium);--typography-h-small-font-family:var(--font-family-default);--typography-h-x-small-font-size:var(--font-size-x-small);--typography-h-x-small-line-height:var(--line-height-x-small);--typography-h-x-small-weight:var(--font-weight-medium);--typography-h-x-small-font-family:var(--font-family-default)}.dnb-core-style .dnb-h--basis,.dnb-core-style .dnb-h--large,.dnb-core-style .dnb-h--medium,.dnb-core-style .dnb-h--small,.dnb-core-style .dnb-h--x-large,.dnb-core-style .dnb-h--x-small,.dnb-core-style .dnb-h--xx-large,.dnb-core-style .dnb-lead,.dnb-h--basis,.dnb-h--large,.dnb-h--medium,.dnb-h--small,.dnb-h--x-large,.dnb-h--x-small,.dnb-h--xx-large,.dnb-lead{font-family:var(--typography-h-default-font-family);padding:0}.dnb-core-style .dnb-h--basis:not([class*=dnb-space]),.dnb-core-style .dnb-h--large:not([class*=dnb-space]),.dnb-core-style .dnb-h--medium:not([class*=dnb-space]),.dnb-core-style .dnb-h--small:not([class*=dnb-space]),.dnb-core-style .dnb-h--x-large:not([class*=dnb-space]),.dnb-core-style .dnb-h--x-small:not([class*=dnb-space]),.dnb-core-style .dnb-h--xx-large:not([class*=dnb-space]),.dnb-core-style .dnb-lead:not([class*=dnb-space]),.dnb-h--basis:not([class*=dnb-space]),.dnb-h--large:not([class*=dnb-space]),.dnb-h--medium:not([class*=dnb-space]),.dnb-h--small:not([class*=dnb-space]),.dnb-h--x-large:not([class*=dnb-space]),.dnb-h--x-small:not([class*=dnb-space]),.dnb-h--xx-large:not([class*=dnb-space]),.dnb-lead:not([class*=dnb-space]){margin:0}.dnb-core-style .dnb-h--basis .dnb-icon--default,.dnb-core-style .dnb-h--large .dnb-icon--default,.dnb-core-style .dnb-h--medium .dnb-icon--default,.dnb-core-style .dnb-h--small .dnb-icon--default,.dnb-core-style .dnb-h--x-large .dnb-icon--default,.dnb-core-style .dnb-h--x-small .dnb-icon--default,.dnb-core-style .dnb-h--xx-large .dnb-icon--default,.dnb-core-style .dnb-lead .dnb-icon--default,.dnb-h--basis .dnb-icon--default,.dnb-h--large .dnb-icon--default,.dnb-h--medium .dnb-icon--default,.dnb-h--small .dnb-icon--default,.dnb-h--x-large .dnb-icon--default,.dnb-h--x-small .dnb-icon--default,.dnb-h--xx-large .dnb-icon--default,.dnb-lead .dnb-icon--default{font-size:1em}.dnb-core-style .dnb-h--basis .dnb-icon--medium,.dnb-core-style .dnb-h--large .dnb-icon--medium,.dnb-core-style .dnb-h--medium .dnb-icon--medium,.dnb-core-style .dnb-h--small .dnb-icon--medium,.dnb-core-style .dnb-h--x-large .dnb-icon--medium,.dnb-core-style .dnb-h--x-small .dnb-icon--medium,.dnb-core-style .dnb-h--xx-large .dnb-icon--medium,.dnb-core-style .dnb-lead .dnb-icon--medium,.dnb-h--basis .dnb-icon--medium,.dnb-h--large .dnb-icon--medium,.dnb-h--medium .dnb-icon--medium,.dnb-h--small .dnb-icon--medium,.dnb-h--x-large .dnb-icon--medium,.dnb-h--x-small .dnb-icon--medium,.dnb-h--xx-large .dnb-icon--medium,.dnb-lead .dnb-icon--medium{font-size:1.5em}.dnb-core-style .dnb-h--basis .dnb-anchor,.dnb-core-style .dnb-h--basis a,.dnb-core-style .dnb-h--large .dnb-anchor,.dnb-core-style .dnb-h--large a,.dnb-core-style .dnb-h--medium .dnb-anchor,.dnb-core-style .dnb-h--medium a,.dnb-core-style .dnb-h--small .dnb-anchor,.dnb-core-style .dnb-h--small a,.dnb-core-style .dnb-h--x-large .dnb-anchor,.dnb-core-style .dnb-h--x-large a,.dnb-core-style .dnb-h--x-small .dnb-anchor,.dnb-core-style .dnb-h--x-small a,.dnb-core-style .dnb-h--xx-large .dnb-anchor,.dnb-core-style .dnb-h--xx-large a,.dnb-core-style .dnb-lead .dnb-anchor,.dnb-core-style .dnb-lead a,.dnb-h--basis .dnb-anchor,.dnb-h--basis a,.dnb-h--large .dnb-anchor,.dnb-h--large a,.dnb-h--medium .dnb-anchor,.dnb-h--medium a,.dnb-h--small .dnb-anchor,.dnb-h--small a,.dnb-h--x-large .dnb-anchor,.dnb-h--x-large a,.dnb-h--x-small .dnb-anchor,.dnb-h--x-small a,.dnb-h--xx-large .dnb-anchor,.dnb-h--xx-large a,.dnb-lead .dnb-anchor,.dnb-lead a{padding-bottom:.03125rem;padding-top:0}.dnb-small{font-size:var(--font-size-small)}sub,sup{font-size:.777777em;line-height:.5em}.dnb-p{font-size:var(--font-size-basis);padding:0}.dnb-p:not([class*=space__top]){margin-top:0}.dnb-p:not([class*=space__bottom]){margin-bottom:0}.dnb-p--lead{font-size:var(--typography-lead-font-size);font-weight:var(--typography-lead-weight);line-height:var(--typography-lead-line-height)}.dnb-p--lead>small{font-size:var(--typography-lead-small-font-size);line-height:var(--typography-lead-small-line-height)}.dnb-p b,.dnb-p strong,.dnb-p--medium{font-weight:var(--font-weight-medium)}.dnb-p--bold{font-weight:var(--font-weight-bold)}.dnb-p__size--xx-large{font-size:var(--font-size-xx-large);line-height:var(--line-height-xx-large)}.dnb-p__size--x-large{font-size:var(--font-size-x-large);line-height:var(--line-height-x-large)}.dnb-p__size--large{font-size:var(--font-size-large);line-height:var(--line-height-large)}.dnb-p__size--basis{font-size:var(--font-size-basis);line-height:var(--line-height-basis)}.dnb-p__size--medium{font-size:var(--font-size-medium);line-height:var(--line-height-medium)}.dnb-p--small,.dnb-p>small,.dnb-p__size--small{font-size:var(--font-size-small);line-height:var(--line-height-small)}.dnb-p--x-small,.dnb-p__size--x-small{font-size:var(--font-size-x-small);line-height:var(--line-height-x-small)}.dnb-p>cite{font-style:italic;line-height:var(--line-height-basis)}.dnb-p>cite,.dnb-table b,.dnb-table strong{font-weight:var(--font-weight-medium)}.dnb-h--xx-large{font-size:var(--typography-h-xx-large-font-size);font-weight:var(--typography-h-xx-large-weight);line-height:var(--typography-h-xx-large-line-height)}.dnb-h--xx-large>small{display:block;font-size:var(--typography-h-xx-large-small-font-size);line-height:var(--typography-h-xx-large-small-line-height)}.dnb-h--x-large{font-size:var(--typography-h-x-large-font-size);font-weight:var(--typography-h-x-large-weight);line-height:var(--typography-h-x-large-line-height)}.dnb-h--x-large>small{display:block;font-size:var(--typography-h-x-large-small-font-size);line-height:var(--typography-h-x-large-small-line-height)}.dnb-h--large{font-size:var(--typography-h-large-font-size);font-weight:var(--typography-h-large-weight);line-height:var(--typography-h-large-line-height)}.dnb-h--large>small{font-size:var(--typography-h-large-small-font-size);line-height:var(--typography-h-large-small-line-height)}.dnb-lead{font-size:var(--typography-lead-font-size);font-weight:var(--typography-lead-weight);line-height:var(--typography-lead-line-height)}.dnb-lead>small{font-size:var(--typography-lead-small-font-size);line-height:var(--typography-lead-small-line-height)}.dnb-h--medium{font-size:var(--typography-h-medium-font-size);font-weight:var(--typography-h-medium-weight);line-height:var(--typography-h-medium-line-height)}.dnb-h--medium>small{font-size:var(--typography-h-medium-small-font-size);line-height:var(--typography-h-medium-small-line-height)}.dnb-h--basis{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-h--basis>small{font-size:var(--typography-h-basis-small-font-size);line-height:var(--typography-h-basis-small-line-height)}.dnb-h--small{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-h--small>small{font-size:var(--typography-h-small-small-font-size);line-height:var(--typography-h-small-small-line-height)}.dnb-h--x-small{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 .dnb-spacing .dnb-h--xx-large:not([class*=space__top]),.dnb-spacing .dnb-h--xx-large:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-spacing .dnb-h--xx-large:not([class*=space__bottom]),.dnb-spacing .dnb-h--xx-large:not([class*=space__bottom]){margin-bottom:2.5rem}.dnb-core-style .dnb-spacing .dnb-h--x-large:not([class*=space__top]),.dnb-spacing .dnb-h--x-large:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-spacing .dnb-h--x-large:not([class*=space__bottom]),.dnb-spacing .dnb-h--x-large:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-spacing .dnb-h--large:not([class*=space__top]),.dnb-spacing .dnb-h--large:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-spacing .dnb-h--large:not([class*=space__bottom]),.dnb-spacing .dnb-h--large:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-spacing .dnb-h--basis:not([class*=space__top]),.dnb-core-style .dnb-spacing .dnb-h--medium:not([class*=space__top]),.dnb-core-style .dnb-spacing .dnb-h--small:not([class*=space__top]),.dnb-core-style .dnb-spacing .dnb-h--x-small:not([class*=space__top]),.dnb-core-style .dnb-spacing .dnb-lead:not([class*=space__top]),.dnb-spacing .dnb-h--basis:not([class*=space__top]),.dnb-spacing .dnb-h--medium:not([class*=space__top]),.dnb-spacing .dnb-h--small:not([class*=space__top]),.dnb-spacing .dnb-h--x-small:not([class*=space__top]),.dnb-spacing .dnb-lead:not([class*=space__top]){margin-top:2rem}.dnb-core-style .dnb-spacing .dnb-h--basis:not([class*=space__bottom]),.dnb-core-style .dnb-spacing .dnb-h--medium:not([class*=space__bottom]),.dnb-core-style .dnb-spacing .dnb-h--small:not([class*=space__bottom]),.dnb-core-style .dnb-spacing .dnb-h--x-small:not([class*=space__bottom]),.dnb-core-style .dnb-spacing .dnb-lead:not([class*=space__bottom]),.dnb-spacing .dnb-h--basis:not([class*=space__bottom]),.dnb-spacing .dnb-h--medium:not([class*=space__bottom]),.dnb-spacing .dnb-h--small:not([class*=space__bottom]),.dnb-spacing .dnb-h--x-small:not([class*=space__bottom]),.dnb-spacing .dnb-lead:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-spacing .dnb-p:not([class*=dnb-space__top]),.dnb-spacing .dnb-p:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing .dnb-p:not([class*=dnb-space__bottom]),.dnb-spacing .dnb-p:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-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-p{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-weight:var(--font-weight-regular);--typography-h-x-large-weight:var(--font-weight-regular);--typography-h-large-weight:var(--font-weight-regular);--typography-h-medium-weight:var(--font-weight-regular);--typography-h-basis-weight:var(--font-weight-regular);--typography-h-small-weight:var(--font-weight-regular);--typography-h-x-small-weight:var(--font-weight-regular)}.dnb-blockquote{background-color:var(--color-ocean-green);color:var(--color-mint-green)}.dnb-blockquote.dnb-blockquote--no-background{color:var(--theme-color-black-80,currentColor)}.dnb-blockquote.dnb-blockquote--no-background:before{filter:grayscale(1) brightness(24%)}.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor,.dnb-blockquote:not(.dnb-blockquote--no-background) a{color:var(--color-white)}.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)),.dnb-blockquote:not(.dnb-blockquote--no-background) a: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(*))){.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:hover:not(.dnb-anchor--no-hover),.dnb-blockquote:not(.dnb-blockquote--no-background) a: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)}}.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:active,.dnb-blockquote:not(.dnb-blockquote--no-background) a: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)}.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:focus-visible,.dnb-blockquote:not(.dnb-blockquote--no-background) a: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-blockquote:not(.dnb-blockquote--no-background) .dnb-h--large,.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-h--medium,.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-h--xx-large,.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-lead,.dnb-blockquote:not(.dnb-blockquote--no-background) h1,.dnb-blockquote:not(.dnb-blockquote--no-background) h2,.dnb-blockquote:not(.dnb-blockquote--no-background) h3{color:var(--color-mint-green)}.dnb-code{background-color:var(--color-mint-green-25)}.dnb-pre{background-color:#222;color:var(--color-mint-green-12)}.dnb-pre.dnb-pre--focus{--border-color:var(--color-sea-green);--border-width:0.25rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-hr{color:var(--color-black-80)}.dnb-img[alt]:after,.dnb-img__img--error{background-color:var(--color-black-8);color:var(--color-black-80)}.dnb-label{color:var(--color-black-80)}.dnb-dl,.dnb-ol,.dnb-ul{color:var(--theme-color-black-80,currentColor)}
1
+ @charset "UTF-8";.dnb-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-blockquote:not([class*=dnb-space]){margin:0}.dnb-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-blockquote,.dnb-blockquote.dnb-blockquote--left{padding-bottom:var(--blockquote-padding-bottom);padding-left:var(--blockquote-quote-padding);padding-top:var(--blockquote-padding-top)}.dnb-blockquote.dnb-blockquote--top{padding-bottom:var(--blockquote-padding-bottom);padding-left:var(--blockquote-padding-left);padding-top:var(--blockquote-quote-padding)}.dnb-blockquote.dnb-blockquote--no-background{background-color:transparent}.dnb-blockquote .dnb-cite,.dnb-blockquote .dnb-figcaption,.dnb-blockquote cite,.dnb-blockquote figcaption,.dnb-blockquote footer{display:block;font-style:var(--blockquote-cite-style);font-weight:var(--font-weight-medium);line-height:var(--line-height-basis);margin-top:1rem}.dnb-blockquote .dnb-cite:before,.dnb-blockquote .dnb-figcaption:before,.dnb-blockquote cite:before,.dnb-blockquote figcaption:before,.dnb-blockquote footer:before{content:"—";display:inline-block;padding-right:.5rem}.dnb-spacing .dnb-blockquote .dnb-h--large,.dnb-spacing .dnb-blockquote .dnb-h--medium,.dnb-spacing .dnb-blockquote .dnb-h--xx-large,.dnb-spacing .dnb-blockquote .dnb-lead,.dnb-spacing .dnb-blockquote h1,.dnb-spacing .dnb-blockquote h2,.dnb-spacing .dnb-blockquote h3{margin:0}.dnb-blockquote .dnb-anchor{font-size:inherit}.dnb-spacing .dnb-blockquote:not([class*=dnb-space__top]){margin-top:0}.dnb-spacing .dnb-blockquote:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-spacing .dnb-blockquote p:last-child{margin-bottom:0}.dnb-code{border-radius:.1875em;color:inherit;display:inline-block;font-size:inherit;line-height:var(--line-height-xx-small--em);padding:.25em;text-decoration:inherit}del .dnb-code{-webkit-text-decoration:line-through;text-decoration:line-through}.dnb-code:not([class*=dnb-space]){margin:-.25em 0}.dnb-pre{word-wrap:normal;border-radius:.5rem;display:block;font-family:var(--font-family-monospace);font-size:inherit;-webkit-hyphens:none;hyphens:none;outline:none;overflow:auto;padding:1rem;-moz-tab-size:2;tab-size:2;text-align:left;text-shadow:none;vertical-align:baseline;white-space:pre;word-break:normal;word-spacing:normal}.dnb-pre:not([class*=dnb-space]){margin:0}.dnb-pre pre{padding:1rem}.dnb-pre .dnb-spacing pre:not([class*=dnb-space__top]){margin-top:0}.dnb-pre .dnb-spacing pre:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-spacing .dnb-pre:not([class*=dnb-space__top]){margin-top:0}.dnb-spacing .dnb-pre:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-skeleton>.dnb-code{background-color:transparent}.dnb-hr{--thickness:calc(var(--hr-thickness, 1px) + var(--modifier, 0px));border:0;display:flow-root;height:0;padding:0;position:relative;width:100%}.dnb-hr:not([class*=dnb-space]){margin:0}.dnb-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-hr--fullscreen:after{border-radius:0;box-shadow:100vw 0 0 0 currentcolor;left:-100vw}.dnb-hr--light{--hr-thickness:0.4px}html[data-visual-test] .dnb-hr--light{--modifier:0.7px}.dnb-hr--medium{--hr-thickness:1.5px}.dnb-spacing .dnb-hr:not([class*=dnb-space__top]){margin-top:0}.dnb-spacing .dnb-hr:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-img{align-items:center;display:inline-flex;flex-direction:column;padding:0;text-align:center}.dnb-img:not([class*=dnb-space]){margin:0}.dnb-img figcaption,.dnb-img img{font-size:var(--font-size-basis)}.dnb-img img{border-radius:inherit;border-style:none;box-sizing:content-box;max-width:100%;position:relative;z-index:2}.dnb-img img[alt]:after{align-items:center;border-radius:inherit;content:attr(alt);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:3}.dnb-img figcaption{margin-top:.5rem}.dnb-label{cursor:pointer;overflow-wrap:break-word}.dnb-label[disabled]{cursor:not-allowed}.dnb-ul{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-ul:not([class*=dnb-space]){margin:0}.dnb-ul:not([class*=dnb-space__left]){padding-left:2rem}.dnb-ul ol,.dnb-ul ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.dnb-ul li,.dnb-ul--outside li{position:relative}.dnb-ul li:before,.dnb-ul--outside li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.dnb-ul--inside li:before{left:0;padding-right:0;position:relative;text-align:initial;width:auto}.dnb-ul .dnb-anchor{font-size:inherit}.dnb-ul li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.dnb-ol{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-ol:not([class*=dnb-space]){margin:0}.dnb-ol:not([class*=dnb-space__left]){padding-left:2rem}.dnb-ol li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.dnb-ol ol,.dnb-ol ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.dnb-ol li,.dnb-ol--outside li{position:relative}.dnb-ol li:before,.dnb-ol--outside li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.dnb-ol--inside li:before{left:0;padding-right:0;position:relative;text-align:initial;width:auto}.dnb-ol .dnb-anchor{font-size:inherit}.dnb-ol li{list-style-type:decimal}.dnb-ol--nested,.dnb-ol--nested ol{counter-reset:item}.dnb-ol--nested li{display:block}.dnb-ol--nested li:before{content:counters(item,".") ". ";counter-increment:item}.dnb-ol--nested li li:before{content:counters(item,".") " ";counter-increment:item}.dnb-ol[type] li{display:list-item;list-style-type:inherit}.dnb-ol[type] li li:before,.dnb-ol[type] li:before{content:none}.dnb-dl{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-dl:not([class*=dnb-space__top]){margin-top:0}.dnb-dl:not([class*=dnb-space__bottom]){margin-bottom:0}.dnb-dl dt{font-weight:var(--font-weight-medium);margin-top:1rem;padding:0}.dnb-dl dd~dt{margin-top:1.5rem}.dnb-dl dd{margin:.5rem 0 1rem;padding:0}.dnb-dl:not([class*=dnb-space])>dd>dl,.dnb-dl>dd>dl{margin-left:2rem;margin-top:1.5rem}@media screen and (min-width:40em){.dnb-dl__layout--horizontal{display:flex;flex-wrap:wrap}.dnb-dl__layout--horizontal dt{margin-right:1rem;max-width:40%}.dnb-dl__layout--horizontal dd{width:calc(60% - 1rem)}.dnb-dl__layout--horizontal dd,.dnb-dl__layout--horizontal dd~dt,.dnb-dl__layout--horizontal dt{margin-bottom:0;margin-top:.5rem}.dnb-dl__layout--horizontal dd:first-of-type,.dnb-dl__layout--horizontal dd~dt:first-of-type,.dnb-dl__layout--horizontal dt:first-of-type{margin-top:0}.dnb-dl dd.dnb-dl__item{display:none;flex-basis:100%;height:0;margin:0}.dnb-dl__layout--grid{-moz-column-gap:2rem;column-gap:2rem;display:grid;grid-template-columns:1fr 2fr;row-gap:1rem}.dnb-dl__layout--grid dt{max-width:15ch}.dnb-dl__layout--grid dd{align-self:end;max-width:30ch}.dnb-dl__layout--grid dd,.dnb-dl__layout--grid dd~dt,.dnb-dl__layout--grid dt{margin:0}}.dnb-spacing .dnb-ol:not([class*=dnb-space__top]),.dnb-spacing .dnb-ul:not([class*=dnb-space__top]){margin-top:0}.dnb-spacing .dnb-ol:not([class*=dnb-space__bottom]),.dnb-spacing .dnb-ul:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-spacing .dnb-ol>li,.dnb-spacing .dnb-ul>li{margin-bottom:1rem;margin-top:1rem}.dnb-spacing .dnb-ol>li>p,.dnb-spacing .dnb-ul>li>p{margin-top:1rem}.dnb-spacing .dnb-ol li>ol,.dnb-spacing .dnb-ol li>ul,.dnb-spacing .dnb-ol:not([class*=dnb-space]) li>ol,.dnb-spacing .dnb-ol:not([class*=dnb-space]) li>ul,.dnb-spacing .dnb-ul li>ol,.dnb-spacing .dnb-ul li>ul,.dnb-spacing .dnb-ul:not([class*=dnb-space]) li>ol,.dnb-spacing .dnb-ul:not([class*=dnb-space]) li>ul{margin-top:-.5rem}.dnb-spacing .dnb-dl:not([class*=dnb-space__top]){margin-top:0}.dnb-spacing .dnb-dl:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-unstyled-list{list-style-type:none}.dnb-unstyled-list:not([class*=dnb-space]){margin:0}.dnb-unstyled-list:not([class*=dnb-space__left]){padding-left:0}.dnb-unstyled-list>li{list-style-type:none}.dnb-unstyled-list>li:before{content:none}.dnb-unstyled-list>dd,.dnb-unstyled-list>dl{margin-left:0}.dnb-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-default-font-family:var(--font-family-default);--typography-h-default-font-weight:var(--font-weight-medium);--typography-h-xx-large-font-size:var(--font-size-xx-large);--typography-h-xx-large-line-height:var(--line-height-xx-large);--typography-h-xx-large-small-font-size:var(--font-size-x-large);--typography-h-xx-large-small-line-height:var(--line-height-x-large);--typography-h-xx-large-weight:var(--font-weight-medium);--typography-h-x-large-font-size:var(--font-size-x-large);--typography-h-x-large-line-height:var(--line-height-x-large);--typography-h-x-large-small-font-size:var(--font-size-large);--typography-h-x-large-small-line-height:var(--line-height-large);--typography-h-x-large-weight:var(--font-weight-medium);--typography-h-large-font-size:var(--font-size-large);--typography-h-large-line-height:var(--line-height-large);--typography-h-large-small-font-size:var(--font-size-medium);--typography-h-large-small-line-height:var(--line-height-medium);--typography-h-large-weight:var(--font-weight-medium);--typography-lead-font-size:var(--font-size-lead);--typography-lead-line-height:var(--line-height-lead);--typography-lead-small-font-size:var(--font-size-lead);--typography-lead-small-line-height:var(--line-height-lead);--typography-lead-weight:var(--font-weight-medium);--typography-h-medium-font-size:var(--font-size-medium);--typography-h-medium-line-height:var(--line-height-medium);--typography-h-medium-small-font-size:var(--font-size-basis);--typography-h-medium-small-line-height:var(--line-height-basis);--typography-h-medium-weight:var(--font-weight-medium);--typography-h-basis-font-size:var(--font-size-basis);--typography-h-basis-line-height:var(--line-height-basis);--typography-h-basis-small-font-size:var(--font-size-small);--typography-h-basis-small-line-height:var(--line-height-small);--typography-h-basis-weight:var(--font-weight-medium);--typography-h-basis-font-family:var(--font-family-default);--typography-h-small-font-size:var(--font-size-small);--typography-h-small-line-height:var(--line-height-small);--typography-h-small-small-font-size:var(--font-size-x-small);--typography-h-small-small-line-height:var(--line-height-x-small);--typography-h-small-weight:var(--font-weight-medium);--typography-h-small-font-family:var(--font-family-default);--typography-h-x-small-font-size:var(--font-size-x-small);--typography-h-x-small-line-height:var(--line-height-x-small);--typography-h-x-small-weight:var(--font-weight-medium);--typography-h-x-small-font-family:var(--font-family-default)}.dnb-core-style .dnb-h--basis,.dnb-core-style .dnb-h--large,.dnb-core-style .dnb-h--medium,.dnb-core-style .dnb-h--small,.dnb-core-style .dnb-h--x-large,.dnb-core-style .dnb-h--x-small,.dnb-core-style .dnb-h--xx-large,.dnb-core-style .dnb-lead,.dnb-h--basis,.dnb-h--large,.dnb-h--medium,.dnb-h--small,.dnb-h--x-large,.dnb-h--x-small,.dnb-h--xx-large,.dnb-lead{font-family:var(--typography-h-default-font-family);padding:0}.dnb-core-style .dnb-h--basis:not([class*=dnb-space]),.dnb-core-style .dnb-h--large:not([class*=dnb-space]),.dnb-core-style .dnb-h--medium:not([class*=dnb-space]),.dnb-core-style .dnb-h--small:not([class*=dnb-space]),.dnb-core-style .dnb-h--x-large:not([class*=dnb-space]),.dnb-core-style .dnb-h--x-small:not([class*=dnb-space]),.dnb-core-style .dnb-h--xx-large:not([class*=dnb-space]),.dnb-core-style .dnb-lead:not([class*=dnb-space]),.dnb-h--basis:not([class*=dnb-space]),.dnb-h--large:not([class*=dnb-space]),.dnb-h--medium:not([class*=dnb-space]),.dnb-h--small:not([class*=dnb-space]),.dnb-h--x-large:not([class*=dnb-space]),.dnb-h--x-small:not([class*=dnb-space]),.dnb-h--xx-large:not([class*=dnb-space]),.dnb-lead:not([class*=dnb-space]){margin:0}.dnb-core-style .dnb-h--basis .dnb-icon--default,.dnb-core-style .dnb-h--large .dnb-icon--default,.dnb-core-style .dnb-h--medium .dnb-icon--default,.dnb-core-style .dnb-h--small .dnb-icon--default,.dnb-core-style .dnb-h--x-large .dnb-icon--default,.dnb-core-style .dnb-h--x-small .dnb-icon--default,.dnb-core-style .dnb-h--xx-large .dnb-icon--default,.dnb-core-style .dnb-lead .dnb-icon--default,.dnb-h--basis .dnb-icon--default,.dnb-h--large .dnb-icon--default,.dnb-h--medium .dnb-icon--default,.dnb-h--small .dnb-icon--default,.dnb-h--x-large .dnb-icon--default,.dnb-h--x-small .dnb-icon--default,.dnb-h--xx-large .dnb-icon--default,.dnb-lead .dnb-icon--default{font-size:1em}.dnb-core-style .dnb-h--basis .dnb-icon--medium,.dnb-core-style .dnb-h--large .dnb-icon--medium,.dnb-core-style .dnb-h--medium .dnb-icon--medium,.dnb-core-style .dnb-h--small .dnb-icon--medium,.dnb-core-style .dnb-h--x-large .dnb-icon--medium,.dnb-core-style .dnb-h--x-small .dnb-icon--medium,.dnb-core-style .dnb-h--xx-large .dnb-icon--medium,.dnb-core-style .dnb-lead .dnb-icon--medium,.dnb-h--basis .dnb-icon--medium,.dnb-h--large .dnb-icon--medium,.dnb-h--medium .dnb-icon--medium,.dnb-h--small .dnb-icon--medium,.dnb-h--x-large .dnb-icon--medium,.dnb-h--x-small .dnb-icon--medium,.dnb-h--xx-large .dnb-icon--medium,.dnb-lead .dnb-icon--medium{font-size:1.5em}.dnb-core-style .dnb-h--basis .dnb-anchor,.dnb-core-style .dnb-h--basis a,.dnb-core-style .dnb-h--large .dnb-anchor,.dnb-core-style .dnb-h--large a,.dnb-core-style .dnb-h--medium .dnb-anchor,.dnb-core-style .dnb-h--medium a,.dnb-core-style .dnb-h--small .dnb-anchor,.dnb-core-style .dnb-h--small a,.dnb-core-style .dnb-h--x-large .dnb-anchor,.dnb-core-style .dnb-h--x-large a,.dnb-core-style .dnb-h--x-small .dnb-anchor,.dnb-core-style .dnb-h--x-small a,.dnb-core-style .dnb-h--xx-large .dnb-anchor,.dnb-core-style .dnb-h--xx-large a,.dnb-core-style .dnb-lead .dnb-anchor,.dnb-core-style .dnb-lead a,.dnb-h--basis .dnb-anchor,.dnb-h--basis a,.dnb-h--large .dnb-anchor,.dnb-h--large a,.dnb-h--medium .dnb-anchor,.dnb-h--medium a,.dnb-h--small .dnb-anchor,.dnb-h--small a,.dnb-h--x-large .dnb-anchor,.dnb-h--x-large a,.dnb-h--x-small .dnb-anchor,.dnb-h--x-small a,.dnb-h--xx-large .dnb-anchor,.dnb-h--xx-large a,.dnb-lead .dnb-anchor,.dnb-lead a{padding-bottom:.03125rem;padding-top:0}.dnb-small{font-size:var(--font-size-small)}sub,sup{font-size:.777777em;line-height:.5em}.dnb-p{font-size:var(--font-size-basis);padding:0}.dnb-p:not([class*=space__top]){margin-top:0}.dnb-p:not([class*=space__bottom]){margin-bottom:0}.dnb-p--lead{font-size:var(--typography-lead-font-size);font-weight:var(--typography-lead-weight);line-height:var(--typography-lead-line-height)}.dnb-p--lead>small{font-size:var(--typography-lead-small-font-size);line-height:var(--typography-lead-small-line-height)}.dnb-p b,.dnb-p strong,.dnb-p--medium{font-weight:var(--font-weight-medium)}.dnb-p--bold{font-weight:var(--font-weight-bold)}.dnb-p__size--xx-large{font-size:var(--font-size-xx-large);line-height:var(--line-height-xx-large)}.dnb-p__size--x-large{font-size:var(--font-size-x-large);line-height:var(--line-height-x-large)}.dnb-p__size--large{font-size:var(--font-size-large);line-height:var(--line-height-large)}.dnb-p__size--basis{font-size:var(--font-size-basis);line-height:var(--line-height-basis)}.dnb-p__size--medium{font-size:var(--font-size-medium);line-height:var(--line-height-medium)}.dnb-p--small,.dnb-p>small,.dnb-p__size--small{font-size:var(--font-size-small);line-height:var(--line-height-small)}.dnb-p--x-small,.dnb-p__size--x-small{font-size:var(--font-size-x-small);line-height:var(--line-height-x-small)}.dnb-p>cite{font-style:italic;line-height:var(--line-height-basis)}.dnb-p>cite,.dnb-table b,.dnb-table strong{font-weight:var(--font-weight-medium)}.dnb-h--xx-large{font-size:var(--typography-h-xx-large-font-size);font-weight:var(--typography-h-xx-large-weight);line-height:var(--typography-h-xx-large-line-height)}.dnb-h--xx-large>small{display:block;font-size:var(--typography-h-xx-large-small-font-size);line-height:var(--typography-h-xx-large-small-line-height)}.dnb-h--x-large{font-size:var(--typography-h-x-large-font-size);font-weight:var(--typography-h-x-large-weight);line-height:var(--typography-h-x-large-line-height)}.dnb-h--x-large>small{display:block;font-size:var(--typography-h-x-large-small-font-size);line-height:var(--typography-h-x-large-small-line-height)}.dnb-h--large{font-size:var(--typography-h-large-font-size);font-weight:var(--typography-h-large-weight);line-height:var(--typography-h-large-line-height)}.dnb-h--large>small{font-size:var(--typography-h-large-small-font-size);line-height:var(--typography-h-large-small-line-height)}.dnb-lead{font-size:var(--typography-lead-font-size);font-weight:var(--typography-lead-weight);line-height:var(--typography-lead-line-height)}.dnb-lead>small{font-size:var(--typography-lead-small-font-size);line-height:var(--typography-lead-small-line-height)}.dnb-h--medium{font-size:var(--typography-h-medium-font-size);font-weight:var(--typography-h-medium-weight);line-height:var(--typography-h-medium-line-height)}.dnb-h--medium>small{font-size:var(--typography-h-medium-small-font-size);line-height:var(--typography-h-medium-small-line-height)}.dnb-h--basis{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-h--basis>small{font-size:var(--typography-h-basis-small-font-size);line-height:var(--typography-h-basis-small-line-height)}.dnb-h--small{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-h--small>small{font-size:var(--typography-h-small-small-font-size);line-height:var(--typography-h-small-small-line-height)}.dnb-h--x-small{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 .dnb-spacing .dnb-h--xx-large:not([class*=space__top]),.dnb-spacing .dnb-h--xx-large:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-spacing .dnb-h--xx-large:not([class*=space__bottom]),.dnb-spacing .dnb-h--xx-large:not([class*=space__bottom]){margin-bottom:2.5rem}.dnb-core-style .dnb-spacing .dnb-h--x-large:not([class*=space__top]),.dnb-spacing .dnb-h--x-large:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-spacing .dnb-h--x-large:not([class*=space__bottom]),.dnb-spacing .dnb-h--x-large:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-spacing .dnb-h--large:not([class*=space__top]),.dnb-spacing .dnb-h--large:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-spacing .dnb-h--large:not([class*=space__bottom]),.dnb-spacing .dnb-h--large:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-spacing .dnb-h--basis:not([class*=space__top]),.dnb-core-style .dnb-spacing .dnb-h--medium:not([class*=space__top]),.dnb-core-style .dnb-spacing .dnb-h--small:not([class*=space__top]),.dnb-core-style .dnb-spacing .dnb-h--x-small:not([class*=space__top]),.dnb-core-style .dnb-spacing .dnb-lead:not([class*=space__top]),.dnb-spacing .dnb-h--basis:not([class*=space__top]),.dnb-spacing .dnb-h--medium:not([class*=space__top]),.dnb-spacing .dnb-h--small:not([class*=space__top]),.dnb-spacing .dnb-h--x-small:not([class*=space__top]),.dnb-spacing .dnb-lead:not([class*=space__top]){margin-top:2rem}.dnb-core-style .dnb-spacing .dnb-h--basis:not([class*=space__bottom]),.dnb-core-style .dnb-spacing .dnb-h--medium:not([class*=space__bottom]),.dnb-core-style .dnb-spacing .dnb-h--small:not([class*=space__bottom]),.dnb-core-style .dnb-spacing .dnb-h--x-small:not([class*=space__bottom]),.dnb-core-style .dnb-spacing .dnb-lead:not([class*=space__bottom]),.dnb-spacing .dnb-h--basis:not([class*=space__bottom]),.dnb-spacing .dnb-h--medium:not([class*=space__bottom]),.dnb-spacing .dnb-h--small:not([class*=space__bottom]),.dnb-spacing .dnb-h--x-small:not([class*=space__bottom]),.dnb-spacing .dnb-lead:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-spacing .dnb-p:not([class*=dnb-space__top]),.dnb-spacing .dnb-p:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing .dnb-p:not([class*=dnb-space__bottom]),.dnb-spacing .dnb-p:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-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-p{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-weight:var(--font-weight-regular);--typography-h-x-large-weight:var(--font-weight-regular);--typography-h-large-weight:var(--font-weight-regular);--typography-h-medium-weight:var(--font-weight-regular);--typography-h-basis-weight:var(--font-weight-regular);--typography-h-small-weight:var(--font-weight-regular);--typography-h-x-small-weight:var(--font-weight-regular)}.dnb-blockquote{background-color:var(--color-ocean-green);color:var(--color-mint-green)}.dnb-blockquote.dnb-blockquote--no-background{color:var(--theme-color-black-80,currentColor)}.dnb-blockquote.dnb-blockquote--no-background:before{filter:grayscale(1) brightness(24%)}.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor,.dnb-blockquote:not(.dnb-blockquote--no-background) a{color:var(--color-white)}.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)),.dnb-blockquote:not(.dnb-blockquote--no-background) a: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(*))){.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:hover:not(.dnb-anchor--no-hover),.dnb-blockquote:not(.dnb-blockquote--no-background) a: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)}}.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:active,.dnb-blockquote:not(.dnb-blockquote--no-background) a: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)}.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:focus-visible,.dnb-blockquote:not(.dnb-blockquote--no-background) a: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-blockquote:not(.dnb-blockquote--no-background) .dnb-h--large,.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-h--medium,.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-h--xx-large,.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-lead,.dnb-blockquote:not(.dnb-blockquote--no-background) h1,.dnb-blockquote:not(.dnb-blockquote--no-background) h2,.dnb-blockquote:not(.dnb-blockquote--no-background) h3{color:var(--color-mint-green)}.dnb-code{background-color:var(--color-mint-green-25)}.dnb-pre{background-color:#222;color:var(--color-mint-green-12)}.dnb-pre.dnb-pre--focus{--border-color:var(--color-sea-green);--border-width:0.25rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-hr{color:var(--color-black-80)}.dnb-img[alt]:after,.dnb-img__img--error{background-color:var(--color-black-8);color:var(--color-black-80)}.dnb-label{color:var(--color-black-80)}.dnb-dl,.dnb-ol,.dnb-ul{color:var(--theme-color-black-80,currentColor)}
@@ -76,7 +76,6 @@
76
76
  }
77
77
  .dnb-forms-field-number__contents {
78
78
  display: flex;
79
- align-items: center;
80
79
  }
81
80
  .dnb-forms-field-number__contents--has-controls {
82
81
  border-radius: 0.25rem;
@@ -100,6 +99,9 @@ html[data-whatinput=keyboard] .dnb-forms-field-number__contents--has-controls:fo
100
99
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
101
100
  border-color: transparent;
102
101
  }
102
+ .dnb-forms-field-number__contents--has-controls .dnb-input__input {
103
+ align-items: center;
104
+ }
103
105
  .dnb-forms-field-number__contents--has-controls .dnb-input__shell {
104
106
  border-radius: 0;
105
107
  box-shadow: none;
@@ -234,6 +236,13 @@ html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-control
234
236
  width: var(--number-control-button-width--large);
235
237
  }
236
238
 
239
+ .dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button {
240
+ color: var(--color-fire-red);
241
+ }
242
+ .dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button:hover {
243
+ color: var(--color-white);
244
+ }
245
+
237
246
  .dnb-forms-field-phone-number__country-code {
238
247
  width: calc(var(--forms-field-width--medium) - 2rem);
239
248
  }
@@ -247,12 +256,9 @@ html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-control
247
256
  max-width: 14ch;
248
257
  }
249
258
 
250
- .dnb-forms-field-postal-code-and-city__fields {
251
- display: flex;
252
- flex-flow: row;
253
- -moz-column-gap: var(--spacing-small);
254
- column-gap: var(--spacing-small);
255
- }
259
+ /*
260
+ * Utilities
261
+ */
256
262
  .dnb-forms-field-postal-code-and-city__postal-code {
257
263
  flex: 0 5rem;
258
264
  }
@@ -270,15 +276,22 @@ html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-control
270
276
  line-height: 2.5rem;
271
277
  }
272
278
 
279
+ /*
280
+ * Utilities
281
+ */
273
282
  :root {
274
283
  --forms-field-width--small: 5rem;
275
284
  --forms-field-width--medium: 11rem;
276
285
  --forms-field-width--large: 21rem;
277
286
  }
278
287
 
279
- /*
280
- * Utilities
281
- */
288
+ @media screen and (max-width: 15em) {
289
+ .dnb-forms-field-string .dnb-input__shell,
290
+ .dnb-forms-field-number .dnb-input__shell {
291
+ width: 90%;
292
+ }
293
+ }
294
+
282
295
  fieldset.dnb-forms-field-block {
283
296
  padding: 0;
284
297
  border: none;
@@ -296,6 +309,9 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
296
309
  margin-left: 0;
297
310
  }
298
311
 
312
+ .dnb-forms-field-block {
313
+ width: 100%;
314
+ }
299
315
  .dnb-forms-field-block__grid {
300
316
  display: grid;
301
317
  }
@@ -319,7 +335,7 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
319
335
  .dnb-forms-field-block--width-stretch {
320
336
  flex-grow: 1;
321
337
  }
322
- @media screen and (min-width: 30em) {
338
+ @media screen and (min-width: 25em) {
323
339
  .dnb-forms-field-block--width-small {
324
340
  width: var(--forms-field-width--small);
325
341
  }
@@ -343,13 +359,22 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
343
359
  .dnb-forms-field-block__status {
344
360
  grid-area: status;
345
361
  }
362
+ .dnb-forms-field-block__status .dnb-form-status__shell {
363
+ margin-top: 0.5rem;
364
+ }
365
+ @media screen and (max-width: 15em) {
366
+ .dnb-forms-field-block__status {
367
+ width: 90%;
368
+ }
369
+ }
346
370
  .dnb-forms-field-block__contents {
347
371
  grid-area: contents;
372
+ width: 100%;
348
373
  }
349
374
  .dnb-forms-field-block__contents--width-stretch {
350
375
  width: 100%;
351
376
  }
352
- @media screen and (min-width: 30em) {
377
+ @media screen and (min-width: 25em) {
353
378
  .dnb-forms-field-block__contents--width-small {
354
379
  width: var(--forms-field-width--small);
355
380
  }
@@ -360,6 +385,28 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
360
385
  width: var(--forms-field-width--large);
361
386
  }
362
387
  }
388
+ .dnb-forms-field-block__contents__composition--vertical {
389
+ display: flex;
390
+ flex-flow: column;
391
+ row-gap: var(--spacing-small);
392
+ }
393
+ .dnb-forms-field-block__contents__composition--horizontal {
394
+ display: flex;
395
+ flex-flow: row;
396
+ -moz-column-gap: var(--spacing-small);
397
+ column-gap: var(--spacing-small);
398
+ }
399
+ @media screen and (min-width: 25em) {
400
+ .dnb-forms-field-block__contents__composition--horizontal {
401
+ align-items: flex-end;
402
+ }
403
+ }
404
+ @media screen and (max-width: 25em) {
405
+ .dnb-forms-field-block__contents__composition--horizontal {
406
+ row-gap: var(--spacing-x-small);
407
+ flex-flow: column;
408
+ }
409
+ }
363
410
 
364
411
  /*
365
412
  * Utilities
@@ -410,8 +457,14 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
410
457
  -moz-column-gap: var(--spacing-medium);
411
458
  column-gap: var(--spacing-medium);
412
459
  }
460
+ .dnb-forms-steps-layout--drawer {
461
+ flex-direction: column;
462
+ justify-content: stretch;
463
+ align-items: stretch;
464
+ }
413
465
  .dnb-forms-steps-layout__sidebar {
414
466
  flex: 0;
467
+ margin-bottom: 2rem;
415
468
  }
416
469
  .dnb-forms-steps-layout__contents {
417
470
  flex: 1 0 25rem;
@@ -1,4 +1,4 @@
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__label-description{margin-left:.3em}.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-payment-card{--color-dark-cyan:#003b47;--dnb-payment-bg-default:linear-gradient(187.2deg,#008484 6.31%,var(--color-sea-green) 82.66%);--dnb-payment-bg-pluss:linear-gradient(187.2deg,var(--color-dark-cyan) 6.31%,var(--color-ocean-green) 82.66%),var(--color-emerald-green);--dnb-payment-bg-white:linear-gradient(184.55deg,var(--color-black-background) 4.63%,var(--color-white) 92.04%);--dnb-payment-bg-gold:linear-gradient(184.55deg,#bfa970 4.63%,#d3bd83 84.57%);--dnb-payment-bg-saga:linear-gradient(187.2deg,#1c1c1c 6.31%,#000 82.66%);--dnb-payment-bg-private:linear-gradient(187.2deg,#1c1c1c 6.31%,#000 82.66%);--dnb-payment-bg-business-no-visa:linear-gradient(187.2deg,var(--color-dark-cyan) 6.31%,var(--color-ocean-green) 82.66%),var(--color-emerald-green);--dnb-payment-bg-business-with-visa:linear-gradient(187.2deg,var(--color-dark-cyan) 6.31%,var(--color-ocean-green) 82.66%),var(--color-emerald-green);margin:0}.dnb-payment-card__card{border-color:currentcolor;border-color:hsla(0,0%,100%,.1) transparent rgba(0,0,0,.2);border-radius:12px;border-style:solid;border-width:1px;box-shadow:var(--shadow-default);color:var(--color-white);height:216px;padding:16px;position:relative;transition:all 225ms cubic-bezier(0,0,.2,1) 0ms;width:343px}.dnb-payment-card__card--design-default{background:var(--dnb-payment-bg-default);color:var(--color-white)}.dnb-payment-card__card--design-pluss{background:var(--dnb-payment-bg-pluss);color:var(--color-white)}.dnb-payment-card__card--design-my-first,.dnb-payment-card__card--design-ung,.dnb-payment-card__card--design-youth{color:var(--color-black-80)}.dnb-payment-card__card--design-gold{background:var(--dnb-payment-bg-gold);color:var(--color-white)}.dnb-payment-card__card--design-saga{background:var(--dnb-payment-bg-saga);color:var(--color-white)}.dnb-payment-card__card--design-private{background:var(--dnb-payment-bg-private);color:var(--color-white)}.dnb-payment-card__card--design-black{background:var(--color-black);color:var(--color-white)}.dnb-payment-card__card--design-business-no-visa{background:var(--dnb-payment-bg-business-no-visa);color:var(--color-white)}.dnb-payment-card__card--design-business-with-visa{background:var(--dnb-payment-bg-business-with-visa);color:var(--color-white)}.dnb-payment-card__card:after{background:radial-gradient(52.39% 52.39% at 50% 50%,hsla(56,52%,94%,.122) 0,rgba(6,6,6,0) 100%);border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.dnb-payment-card__card__content{display:flex;height:100%;position:relative;width:100%}.dnb-payment-card__card__wrapper{bottom:0;left:0;position:absolute}.dnb-spacing .dnb-payment-card__card .dnb-p{margin-bottom:0!important}.dnb-payment-card__card__holder{font-weight:var(--font-weight-medium);text-align:left;text-transform:uppercase}.dnb-payment-card__card__holder.dnb-p{font-size:.625rem}.dnb-payment-card__card__numbers{font-size:1.5rem!important;font-weight:var(--font-weight-medium)}.dnb-payment-card__card__credit-type{bottom:0;position:absolute;right:0}.dnb-payment-card__card__bank-logo{left:0;position:absolute;top:0}.dnb-payment-card__card__product-type{height:38px;left:70px;position:absolute;top:0}.dnb-payment-card__card__bank-axept{height:45px;position:absolute;right:0;top:0}.dnb-payment-card__blocking__overlay{align-items:center;background:linear-gradient(184.55deg,hsla(0,0%,80%,.5) 4.63%,hsla(0,0%,91%,.5) 84.83%);border-radius:inherit;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.dnb-payment-card__blocking__overlay svg path{stroke:currentcolor}.dnb-payment-card__blocking__center{align-items:center;background:var(--color-black-80);border-radius:4px;color:var(--color-sand-yellow);display:flex;flex-direction:column;justify-content:center;padding:1rem}.dnb-payment-card__blocking svg{shape-rendering:geometricprecision}.dnb-payment-card.dnb-skeleton .dnb-payment-card__card__holder{opacity:1}.dnb-payment-card--compact .dnb-payment-card__card{border-radius:12px 12px 0 0;box-shadow:var(--shadow-default);height:32.8mm;padding:0}.dnb-payment-card--compact .dnb-payment-card__card__top{left:6mm;position:absolute;right:6mm;top:4mm}.dnb-payment-card--compact .dnb-payment-card__card__bottom{background-color:var(--color-white);bottom:0;height:14mm;left:0;position:absolute;right:0}.dnb-payment-card--compact .dnb-payment-card__card__wrapper{color:var(--color-black-80);padding:6px 22px}.dnb-payment-card--compact .dnb-payment-card__card__numbers{font-size:var(--font-size-basis)}.dnb-payment-card--compact .dnb-payment-card__card__credit-type{bottom:auto;right:4px;top:10px}.dnb-payment-card--compact .dnb-payment-card__blocking__center{align-items:center;background:rgba(0,0,0,.739);border-radius:inherit;display:flex;flex-direction:row;gap:var(--spacing-x-small);height:100%;justify-content:center;width:100%}.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(
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{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__input{align-items:center}.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-password .dnb-input__status--error .dnb-input__submit-button__button{color:var(--color-fire-red)}.dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button:hover{color:var(--color-white)}.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__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}@media screen and (max-width:15em){.dnb-forms-field-number .dnb-input__shell,.dnb-forms-field-string .dnb-input__shell{width:90%}}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{width:100%}.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:25em){.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__status{grid-area:status}.dnb-forms-field-block__status .dnb-form-status__shell{margin-top:.5rem}@media screen and (max-width:15em){.dnb-forms-field-block__status{width:90%}}.dnb-forms-field-block__contents{grid-area:contents;width:100%}.dnb-forms-field-block__contents--width-stretch{width:100%}@media screen and (min-width:25em){.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-field-block__contents__composition--vertical{display:flex;flex-flow:column;row-gap:var(--spacing-small)}.dnb-forms-field-block__contents__composition--horizontal{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}@media screen and (min-width:25em){.dnb-forms-field-block__contents__composition--horizontal{align-items:flex-end}}@media screen and (max-width:25em){.dnb-forms-field-block__contents__composition--horizontal{flex-flow:column;row-gap:var(--spacing-x-small)}}.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--drawer{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-steps-layout__sidebar{flex:0;margin-bottom:2rem}.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-payment-card{--color-dark-cyan:#003b47;--dnb-payment-bg-default:linear-gradient(187.2deg,#008484 6.31%,var(--color-sea-green) 82.66%);--dnb-payment-bg-pluss:linear-gradient(187.2deg,var(--color-dark-cyan) 6.31%,var(--color-ocean-green) 82.66%),var(--color-emerald-green);--dnb-payment-bg-white:linear-gradient(184.55deg,var(--color-black-background) 4.63%,var(--color-white) 92.04%);--dnb-payment-bg-gold:linear-gradient(184.55deg,#bfa970 4.63%,#d3bd83 84.57%);--dnb-payment-bg-saga:linear-gradient(187.2deg,#1c1c1c 6.31%,#000 82.66%);--dnb-payment-bg-private:linear-gradient(187.2deg,#1c1c1c 6.31%,#000 82.66%);--dnb-payment-bg-business-no-visa:linear-gradient(187.2deg,var(--color-dark-cyan) 6.31%,var(--color-ocean-green) 82.66%),var(--color-emerald-green);--dnb-payment-bg-business-with-visa:linear-gradient(187.2deg,var(--color-dark-cyan) 6.31%,var(--color-ocean-green) 82.66%),var(--color-emerald-green);margin:0}.dnb-payment-card__card{border-color:currentcolor;border-color:hsla(0,0%,100%,.1) transparent rgba(0,0,0,.2);border-radius:12px;border-style:solid;border-width:1px;box-shadow:var(--shadow-default);color:var(--color-white);height:216px;padding:16px;position:relative;transition:all 225ms cubic-bezier(0,0,.2,1) 0ms;width:343px}.dnb-payment-card__card--design-default{background:var(--dnb-payment-bg-default);color:var(--color-white)}.dnb-payment-card__card--design-pluss{background:var(--dnb-payment-bg-pluss);color:var(--color-white)}.dnb-payment-card__card--design-my-first,.dnb-payment-card__card--design-ung,.dnb-payment-card__card--design-youth{color:var(--color-black-80)}.dnb-payment-card__card--design-gold{background:var(--dnb-payment-bg-gold);color:var(--color-white)}.dnb-payment-card__card--design-saga{background:var(--dnb-payment-bg-saga);color:var(--color-white)}.dnb-payment-card__card--design-private{background:var(--dnb-payment-bg-private);color:var(--color-white)}.dnb-payment-card__card--design-black{background:var(--color-black);color:var(--color-white)}.dnb-payment-card__card--design-business-no-visa{background:var(--dnb-payment-bg-business-no-visa);color:var(--color-white)}.dnb-payment-card__card--design-business-with-visa{background:var(--dnb-payment-bg-business-with-visa);color:var(--color-white)}.dnb-payment-card__card:after{background:radial-gradient(52.39% 52.39% at 50% 50%,hsla(56,52%,94%,.122) 0,rgba(6,6,6,0) 100%);border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.dnb-payment-card__card__content{display:flex;height:100%;position:relative;width:100%}.dnb-payment-card__card__wrapper{bottom:0;left:0;position:absolute}.dnb-spacing .dnb-payment-card__card .dnb-p{margin-bottom:0!important}.dnb-payment-card__card__holder{font-weight:var(--font-weight-medium);text-align:left;text-transform:uppercase}.dnb-payment-card__card__holder.dnb-p{font-size:.625rem}.dnb-payment-card__card__numbers{font-size:1.5rem!important;font-weight:var(--font-weight-medium)}.dnb-payment-card__card__credit-type{bottom:0;position:absolute;right:0}.dnb-payment-card__card__bank-logo{left:0;position:absolute;top:0}.dnb-payment-card__card__product-type{height:38px;left:70px;position:absolute;top:0}.dnb-payment-card__card__bank-axept{height:45px;position:absolute;right:0;top:0}.dnb-payment-card__blocking__overlay{align-items:center;background:linear-gradient(184.55deg,hsla(0,0%,80%,.5) 4.63%,hsla(0,0%,91%,.5) 84.83%);border-radius:inherit;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.dnb-payment-card__blocking__overlay svg path{stroke:currentcolor}.dnb-payment-card__blocking__center{align-items:center;background:var(--color-black-80);border-radius:4px;color:var(--color-sand-yellow);display:flex;flex-direction:column;justify-content:center;padding:1rem}.dnb-payment-card__blocking svg{shape-rendering:geometricprecision}.dnb-payment-card.dnb-skeleton .dnb-payment-card__card__holder{opacity:1}.dnb-payment-card--compact .dnb-payment-card__card{border-radius:12px 12px 0 0;box-shadow:var(--shadow-default);height:32.8mm;padding:0}.dnb-payment-card--compact .dnb-payment-card__card__top{left:6mm;position:absolute;right:6mm;top:4mm}.dnb-payment-card--compact .dnb-payment-card__card__bottom{background-color:var(--color-white);bottom:0;height:14mm;left:0;position:absolute;right:0}.dnb-payment-card--compact .dnb-payment-card__card__wrapper{color:var(--color-black-80);padding:6px 22px}.dnb-payment-card--compact .dnb-payment-card__card__numbers{font-size:var(--font-size-basis)}.dnb-payment-card--compact .dnb-payment-card__card__credit-type{bottom:auto;right:4px;top:10px}.dnb-payment-card--compact .dnb-payment-card__blocking__center{align-items:center;background:rgba(0,0,0,.739);border-radius:inherit;display:flex;flex-direction:row;gap:var(--spacing-x-small);height:100%;justify-content:center;width:100%}.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
2
  --color-mint-green-12
3
3
  );--number-control-button-color--hover:var(--color-emerald-green);--number-control-button-background-color--active:var(
4
4
  --color-mint-green-50
@@ -68,7 +68,6 @@
68
68
  }
69
69
  .dnb-forms-field-number__contents {
70
70
  display: flex;
71
- align-items: center;
72
71
  }
73
72
  .dnb-forms-field-number__contents--has-controls {
74
73
  border-radius: 0.25rem;
@@ -92,6 +91,9 @@ html[data-whatinput=keyboard] .dnb-forms-field-number__contents--has-controls:fo
92
91
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
93
92
  border-color: transparent;
94
93
  }
94
+ .dnb-forms-field-number__contents--has-controls .dnb-input__input {
95
+ align-items: center;
96
+ }
95
97
  .dnb-forms-field-number__contents--has-controls .dnb-input__shell {
96
98
  border-radius: 0;
97
99
  box-shadow: none;
@@ -226,6 +228,13 @@ html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-control
226
228
  width: var(--number-control-button-width--large);
227
229
  }
228
230
 
231
+ .dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button {
232
+ color: var(--color-fire-red);
233
+ }
234
+ .dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button:hover {
235
+ color: var(--color-white);
236
+ }
237
+
229
238
  .dnb-forms-field-phone-number__country-code {
230
239
  width: calc(var(--forms-field-width--medium) - 2rem);
231
240
  }
@@ -239,12 +248,9 @@ html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-control
239
248
  max-width: 14ch;
240
249
  }
241
250
 
242
- .dnb-forms-field-postal-code-and-city__fields {
243
- display: flex;
244
- flex-flow: row;
245
- -moz-column-gap: var(--spacing-small);
246
- column-gap: var(--spacing-small);
247
- }
251
+ /*
252
+ * Utilities
253
+ */
248
254
  .dnb-forms-field-postal-code-and-city__postal-code {
249
255
  flex: 0 5rem;
250
256
  }
@@ -262,15 +268,22 @@ html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-control
262
268
  line-height: 2.5rem;
263
269
  }
264
270
 
271
+ /*
272
+ * Utilities
273
+ */
265
274
  :root {
266
275
  --forms-field-width--small: 5rem;
267
276
  --forms-field-width--medium: 11rem;
268
277
  --forms-field-width--large: 21rem;
269
278
  }
270
279
 
271
- /*
272
- * Utilities
273
- */
280
+ @media screen and (max-width: 15em) {
281
+ .dnb-forms-field-string .dnb-input__shell,
282
+ .dnb-forms-field-number .dnb-input__shell {
283
+ width: 90%;
284
+ }
285
+ }
286
+
274
287
  fieldset.dnb-forms-field-block {
275
288
  padding: 0;
276
289
  border: none;
@@ -288,6 +301,9 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
288
301
  margin-left: 0;
289
302
  }
290
303
 
304
+ .dnb-forms-field-block {
305
+ width: 100%;
306
+ }
291
307
  .dnb-forms-field-block__grid {
292
308
  display: grid;
293
309
  }
@@ -311,7 +327,7 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
311
327
  .dnb-forms-field-block--width-stretch {
312
328
  flex-grow: 1;
313
329
  }
314
- @media screen and (min-width: 30em) {
330
+ @media screen and (min-width: 25em) {
315
331
  .dnb-forms-field-block--width-small {
316
332
  width: var(--forms-field-width--small);
317
333
  }
@@ -335,13 +351,22 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
335
351
  .dnb-forms-field-block__status {
336
352
  grid-area: status;
337
353
  }
354
+ .dnb-forms-field-block__status .dnb-form-status__shell {
355
+ margin-top: 0.5rem;
356
+ }
357
+ @media screen and (max-width: 15em) {
358
+ .dnb-forms-field-block__status {
359
+ width: 90%;
360
+ }
361
+ }
338
362
  .dnb-forms-field-block__contents {
339
363
  grid-area: contents;
364
+ width: 100%;
340
365
  }
341
366
  .dnb-forms-field-block__contents--width-stretch {
342
367
  width: 100%;
343
368
  }
344
- @media screen and (min-width: 30em) {
369
+ @media screen and (min-width: 25em) {
345
370
  .dnb-forms-field-block__contents--width-small {
346
371
  width: var(--forms-field-width--small);
347
372
  }
@@ -352,6 +377,28 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
352
377
  width: var(--forms-field-width--large);
353
378
  }
354
379
  }
380
+ .dnb-forms-field-block__contents__composition--vertical {
381
+ display: flex;
382
+ flex-flow: column;
383
+ row-gap: var(--spacing-small);
384
+ }
385
+ .dnb-forms-field-block__contents__composition--horizontal {
386
+ display: flex;
387
+ flex-flow: row;
388
+ -moz-column-gap: var(--spacing-small);
389
+ column-gap: var(--spacing-small);
390
+ }
391
+ @media screen and (min-width: 25em) {
392
+ .dnb-forms-field-block__contents__composition--horizontal {
393
+ align-items: flex-end;
394
+ }
395
+ }
396
+ @media screen and (max-width: 25em) {
397
+ .dnb-forms-field-block__contents__composition--horizontal {
398
+ row-gap: var(--spacing-x-small);
399
+ flex-flow: column;
400
+ }
401
+ }
355
402
 
356
403
  /*
357
404
  * Utilities
@@ -402,8 +449,14 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
402
449
  -moz-column-gap: var(--spacing-medium);
403
450
  column-gap: var(--spacing-medium);
404
451
  }
452
+ .dnb-forms-steps-layout--drawer {
453
+ flex-direction: column;
454
+ justify-content: stretch;
455
+ align-items: stretch;
456
+ }
405
457
  .dnb-forms-steps-layout__sidebar {
406
458
  flex: 0;
459
+ margin-bottom: 2rem;
407
460
  }
408
461
  .dnb-forms-steps-layout__contents {
409
462
  flex: 1 0 25rem;