@dnb/eufemia 10.63.3 → 10.64.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 (859) hide show
  1. package/CHANGELOG.md +50 -0
  2. package/assets/icons/dnb/calendar_add.svg +1 -0
  3. package/assets/icons/dnb/calendar_add_medium.svg +1 -0
  4. package/assets/icons/dnb/cog_medium.svg +1 -1
  5. package/assets/icons/dnb/digipass_corporate.svg +1 -1
  6. package/assets/icons/dnb/digipass_corporate_medium.svg +1 -1
  7. package/assets/icons/dnb/digipass_private.svg +1 -1
  8. package/assets/icons/dnb/digipass_private_medium.svg +1 -1
  9. package/assets/icons/dnb/digitpass_private_corporate.svg +1 -0
  10. package/assets/icons/dnb/digitpass_private_corporate_medium.svg +1 -0
  11. package/assets/icons/dnb/eufemia-icons-xml-categorized.tgz +0 -0
  12. package/assets/icons/dnb/eufemia-icons-xml.tgz +0 -0
  13. package/assets/icons/dnb/goal.svg +1 -0
  14. package/assets/icons/dnb/goal_medium.svg +1 -0
  15. package/assets/icons/dnb/information.svg +1 -1
  16. package/assets/icons/dnb/investor.svg +1 -0
  17. package/assets/icons/dnb/investor_medium.svg +1 -0
  18. package/assets/icons/dnb/layout_grid.svg +1 -0
  19. package/assets/icons/dnb/layout_grid_medium.svg +1 -0
  20. package/assets/icons/dnb/question.svg +1 -1
  21. package/assets/icons/dnb/question_circled.svg +1 -1
  22. package/assets/icons/dnb/question_medium.svg +1 -1
  23. package/assets/icons/dnb/return_1_medium.svg +1 -1
  24. package/assets/icons/dnb/show_pin.svg +1 -0
  25. package/assets/icons/dnb/show_pin_medium.svg +1 -0
  26. package/assets/icons/dnb/table.svg +1 -0
  27. package/assets/icons/dnb/table_medium.svg +1 -0
  28. package/cjs/components/button/style/themes/dnb-button-theme-ui.scss +1 -1
  29. package/cjs/components/date-picker/DatePickerCalc.js +1 -1
  30. package/cjs/components/date-picker/DatePickerCalc.js.map +1 -1
  31. package/cjs/components/drawer/style/dnb-drawer.css +4 -4
  32. package/cjs/components/drawer/style/dnb-drawer.min.css +1 -1
  33. package/cjs/components/drawer/style/dnb-drawer.scss +4 -4
  34. package/cjs/components/dropdown/Dropdown.d.ts +1 -1
  35. package/cjs/components/form-status/FormStatus.js +3 -2
  36. package/cjs/components/form-status/FormStatus.js.map +1 -1
  37. package/cjs/components/heading/HeadingCounter.js +4 -4
  38. package/cjs/components/heading/HeadingCounter.js.map +1 -1
  39. package/cjs/components/input/Input.js +1 -1
  40. package/cjs/components/input/Input.js.map +1 -1
  41. package/cjs/components/radio/Radio.d.ts +1 -1
  42. package/cjs/components/radio/RadioGroup.d.ts +1 -1
  43. package/cjs/components/section/Section.d.ts +1 -1
  44. package/cjs/components/section/Section.js.map +1 -1
  45. package/cjs/components/section/SectionDocs.js +1 -1
  46. package/cjs/components/section/SectionDocs.js.map +1 -1
  47. package/cjs/components/textarea/Textarea.js +8 -1
  48. package/cjs/components/textarea/Textarea.js.map +1 -1
  49. package/cjs/elements/lists/style/lists-mixins.scss +1 -1
  50. package/cjs/extensions/forms/Connectors/Bring/index.d.ts +1 -0
  51. package/cjs/extensions/forms/Connectors/Bring/index.js +11 -0
  52. package/cjs/extensions/forms/Connectors/Bring/index.js.map +1 -0
  53. package/cjs/extensions/forms/Connectors/Bring/postalCode.d.ts +25 -0
  54. package/cjs/extensions/forms/Connectors/Bring/postalCode.js +164 -0
  55. package/cjs/extensions/forms/Connectors/Bring/postalCode.js.map +1 -0
  56. package/cjs/extensions/forms/Connectors/createContext.d.ts +58 -0
  57. package/cjs/extensions/forms/Connectors/createContext.js +130 -0
  58. package/cjs/extensions/forms/Connectors/createContext.js.map +1 -0
  59. package/cjs/extensions/forms/Connectors/index.d.ts +2 -0
  60. package/cjs/extensions/forms/Connectors/index.js +26 -0
  61. package/cjs/extensions/forms/Connectors/index.js.map +1 -0
  62. package/cjs/extensions/forms/DataContext/Context.d.ts +4 -1
  63. package/cjs/extensions/forms/DataContext/Context.js.map +1 -1
  64. package/cjs/extensions/forms/DataContext/Provider/Provider.js +30 -16
  65. package/cjs/extensions/forms/DataContext/Provider/Provider.js.map +1 -1
  66. package/cjs/extensions/forms/Field/Address/Address.d.ts +9 -0
  67. package/cjs/extensions/forms/Field/Address/Address.js +63 -0
  68. package/cjs/extensions/forms/Field/Address/Address.js.map +1 -0
  69. package/cjs/extensions/forms/Field/Address/AddressDocs.d.ts +2 -0
  70. package/cjs/extensions/forms/Field/Address/AddressDocs.js +15 -0
  71. package/cjs/extensions/forms/Field/Address/AddressDocs.js.map +1 -0
  72. package/cjs/extensions/forms/Field/Address/index.d.ts +2 -0
  73. package/cjs/extensions/forms/Field/Address/index.js +27 -0
  74. package/cjs/extensions/forms/Field/Address/index.js.map +1 -0
  75. package/cjs/extensions/forms/Field/Email/EmailDocs.d.ts +2 -0
  76. package/cjs/extensions/forms/Field/Email/EmailDocs.js +15 -0
  77. package/cjs/extensions/forms/Field/Email/EmailDocs.js.map +1 -0
  78. package/cjs/extensions/forms/Field/Expiry/Expiry.js +83 -32
  79. package/cjs/extensions/forms/Field/Expiry/Expiry.js.map +1 -1
  80. package/cjs/extensions/forms/Field/Name/Name.js +2 -2
  81. package/cjs/extensions/forms/Field/Name/Name.js.map +1 -1
  82. package/cjs/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumber.d.ts +1 -0
  83. package/cjs/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumber.js +10 -0
  84. package/cjs/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumber.js.map +1 -1
  85. package/cjs/extensions/forms/Field/Password/PasswordDocs.d.ts +2 -0
  86. package/cjs/extensions/forms/Field/Password/PasswordDocs.js +30 -0
  87. package/cjs/extensions/forms/Field/Password/PasswordDocs.js.map +1 -0
  88. package/cjs/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.d.ts +10 -0
  89. package/cjs/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.js +23 -10
  90. package/cjs/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.js.map +1 -1
  91. package/cjs/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCityDocs.js +3 -3
  92. package/cjs/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCityDocs.js.map +1 -1
  93. package/cjs/extensions/forms/Field/Provider/useFieldProvider.d.ts +4 -4
  94. package/cjs/extensions/forms/Field/index.d.ts +1 -0
  95. package/cjs/extensions/forms/Field/index.js +7 -0
  96. package/cjs/extensions/forms/Field/index.js.map +1 -1
  97. package/cjs/extensions/forms/FieldBlock/FieldBlock.js +0 -1
  98. package/cjs/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
  99. package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.css +4 -0
  100. package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
  101. package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.scss +5 -0
  102. package/cjs/extensions/forms/Iterate/Array/Array.js +7 -2
  103. package/cjs/extensions/forms/Iterate/Array/Array.js.map +1 -1
  104. package/cjs/extensions/forms/Iterate/Array/ArrayDocs.js +5 -0
  105. package/cjs/extensions/forms/Iterate/Array/ArrayDocs.js.map +1 -1
  106. package/cjs/extensions/forms/Iterate/Array/types.d.ts +1 -0
  107. package/cjs/extensions/forms/Iterate/Array/types.js.map +1 -1
  108. package/cjs/extensions/forms/Iterate/PushContainer/PushContainer.d.ts +4 -0
  109. package/cjs/extensions/forms/Iterate/PushContainer/PushContainer.js +3 -2
  110. package/cjs/extensions/forms/Iterate/PushContainer/PushContainer.js.map +1 -1
  111. package/cjs/extensions/forms/Iterate/PushContainer/PushContainerDocs.js +5 -0
  112. package/cjs/extensions/forms/Iterate/PushContainer/PushContainerDocs.js.map +1 -1
  113. package/cjs/extensions/forms/Value/Address/Address.d.ts +9 -0
  114. package/cjs/extensions/forms/Value/Address/Address.js +41 -0
  115. package/cjs/extensions/forms/Value/Address/Address.js.map +1 -0
  116. package/cjs/extensions/forms/Value/Address/index.d.ts +2 -0
  117. package/cjs/extensions/forms/Value/Address/index.js +27 -0
  118. package/cjs/extensions/forms/Value/Address/index.js.map +1 -0
  119. package/cjs/extensions/forms/Value/PostalCodeAndCity/PostalCodeAndCityDocs.js +1 -1
  120. package/cjs/extensions/forms/Value/PostalCodeAndCity/PostalCodeAndCityDocs.js.map +1 -1
  121. package/cjs/extensions/forms/Value/index.d.ts +1 -0
  122. package/cjs/extensions/forms/Value/index.js +7 -0
  123. package/cjs/extensions/forms/Value/index.js.map +1 -1
  124. package/cjs/extensions/forms/Wizard/Step/Step.js +2 -2
  125. package/cjs/extensions/forms/Wizard/Step/Step.js.map +1 -1
  126. package/cjs/extensions/forms/constants/locales/en-GB.d.ts +13 -0
  127. package/cjs/extensions/forms/constants/locales/en-GB.js +20 -7
  128. package/cjs/extensions/forms/constants/locales/en-GB.js.map +1 -1
  129. package/cjs/extensions/forms/constants/locales/en-US.d.ts +13 -0
  130. package/cjs/extensions/forms/constants/locales/index.d.ts +26 -0
  131. package/cjs/extensions/forms/constants/locales/nb-NO.d.ts +13 -0
  132. package/cjs/extensions/forms/constants/locales/nb-NO.js +16 -3
  133. package/cjs/extensions/forms/constants/locales/nb-NO.js.map +1 -1
  134. package/cjs/extensions/forms/hooks/DataValueWritePropsDocs.js +3 -3
  135. package/cjs/extensions/forms/hooks/DataValueWritePropsDocs.js.map +1 -1
  136. package/cjs/extensions/forms/hooks/useFieldProps.d.ts +8 -4
  137. package/cjs/extensions/forms/hooks/useFieldProps.js +39 -19
  138. package/cjs/extensions/forms/hooks/useFieldProps.js.map +1 -1
  139. package/cjs/extensions/forms/index.d.ts +1 -0
  140. package/cjs/extensions/forms/index.js +4 -1
  141. package/cjs/extensions/forms/index.js.map +1 -1
  142. package/cjs/extensions/forms/style/dnb-forms.css +4 -0
  143. package/cjs/extensions/forms/style/dnb-forms.min.css +1 -1
  144. package/cjs/extensions/forms/types.d.ts +34 -10
  145. package/cjs/extensions/forms/types.js.map +1 -1
  146. package/cjs/extensions/forms/utils/json-pointer/json-pointer.js +1 -1
  147. package/cjs/extensions/forms/utils/json-pointer/json-pointer.js.map +1 -1
  148. package/cjs/icons/calendar_add.d.ts +3 -0
  149. package/cjs/icons/calendar_add.js +11 -0
  150. package/cjs/icons/calendar_add.js.map +1 -0
  151. package/cjs/icons/calendar_add_medium.d.ts +3 -0
  152. package/cjs/icons/calendar_add_medium.js +11 -0
  153. package/cjs/icons/calendar_add_medium.js.map +1 -0
  154. package/cjs/icons/digitpass_private_corporate.d.ts +3 -0
  155. package/cjs/icons/digitpass_private_corporate.js +11 -0
  156. package/cjs/icons/digitpass_private_corporate.js.map +1 -0
  157. package/cjs/icons/digitpass_private_corporate_medium.d.ts +3 -0
  158. package/cjs/icons/digitpass_private_corporate_medium.js +11 -0
  159. package/cjs/icons/digitpass_private_corporate_medium.js.map +1 -0
  160. package/cjs/icons/dnb/calendar_add.d.ts +3 -0
  161. package/cjs/icons/dnb/calendar_add.js +31 -0
  162. package/cjs/icons/dnb/calendar_add.js.map +1 -0
  163. package/cjs/icons/dnb/calendar_add_medium.d.ts +3 -0
  164. package/cjs/icons/dnb/calendar_add_medium.js +25 -0
  165. package/cjs/icons/dnb/calendar_add_medium.js.map +1 -0
  166. package/cjs/icons/dnb/cog_medium.js +1 -1
  167. package/cjs/icons/dnb/cog_medium.js.map +1 -1
  168. package/cjs/icons/dnb/digipass_corporate.js +3 -3
  169. package/cjs/icons/dnb/digipass_corporate.js.map +1 -1
  170. package/cjs/icons/dnb/digipass_corporate_medium.js +3 -3
  171. package/cjs/icons/dnb/digipass_corporate_medium.js.map +1 -1
  172. package/cjs/icons/dnb/digipass_private.js +3 -3
  173. package/cjs/icons/dnb/digipass_private.js.map +1 -1
  174. package/cjs/icons/dnb/digipass_private_medium.js +3 -3
  175. package/cjs/icons/dnb/digipass_private_medium.js.map +1 -1
  176. package/cjs/icons/dnb/digitpass_private_corporate.d.ts +3 -0
  177. package/cjs/icons/dnb/digitpass_private_corporate.js +25 -0
  178. package/cjs/icons/dnb/digitpass_private_corporate.js.map +1 -0
  179. package/cjs/icons/dnb/digitpass_private_corporate_medium.d.ts +3 -0
  180. package/cjs/icons/dnb/digitpass_private_corporate_medium.js +25 -0
  181. package/cjs/icons/dnb/digitpass_private_corporate_medium.js.map +1 -0
  182. package/cjs/icons/dnb/goal.d.ts +3 -0
  183. package/cjs/icons/dnb/goal.js +26 -0
  184. package/cjs/icons/dnb/goal.js.map +1 -0
  185. package/cjs/icons/dnb/goal_medium.d.ts +3 -0
  186. package/cjs/icons/dnb/goal_medium.js +26 -0
  187. package/cjs/icons/dnb/goal_medium.js.map +1 -0
  188. package/cjs/icons/dnb/icons-meta.json +132 -4
  189. package/cjs/icons/dnb/icons-svg.lock +1278 -1096
  190. package/cjs/icons/dnb/index.d.ts +15 -1
  191. package/cjs/icons/dnb/index.js +98 -0
  192. package/cjs/icons/dnb/index.js.map +1 -1
  193. package/cjs/icons/dnb/information.js +1 -1
  194. package/cjs/icons/dnb/information.js.map +1 -1
  195. package/cjs/icons/dnb/investor.d.ts +3 -0
  196. package/cjs/icons/dnb/investor.js +33 -0
  197. package/cjs/icons/dnb/investor.js.map +1 -0
  198. package/cjs/icons/dnb/investor_medium.d.ts +3 -0
  199. package/cjs/icons/dnb/investor_medium.js +33 -0
  200. package/cjs/icons/dnb/investor_medium.js.map +1 -0
  201. package/cjs/icons/dnb/layout_grid.d.ts +3 -0
  202. package/cjs/icons/dnb/layout_grid.js +34 -0
  203. package/cjs/icons/dnb/layout_grid.js.map +1 -0
  204. package/cjs/icons/dnb/layout_grid_medium.d.ts +3 -0
  205. package/cjs/icons/dnb/layout_grid_medium.js +34 -0
  206. package/cjs/icons/dnb/layout_grid_medium.js.map +1 -0
  207. package/cjs/icons/dnb/question.js +1 -1
  208. package/cjs/icons/dnb/question.js.map +1 -1
  209. package/cjs/icons/dnb/question_circled.js +1 -1
  210. package/cjs/icons/dnb/question_circled.js.map +1 -1
  211. package/cjs/icons/dnb/question_medium.js +1 -1
  212. package/cjs/icons/dnb/question_medium.js.map +1 -1
  213. package/cjs/icons/dnb/return_1_medium.js +1 -1
  214. package/cjs/icons/dnb/return_1_medium.js.map +1 -1
  215. package/cjs/icons/dnb/secondary_icons.d.ts +8 -1
  216. package/cjs/icons/dnb/secondary_icons.js +49 -0
  217. package/cjs/icons/dnb/secondary_icons.js.map +1 -1
  218. package/cjs/icons/dnb/secondary_icons_medium.d.ts +8 -1
  219. package/cjs/icons/dnb/secondary_icons_medium.js +49 -0
  220. package/cjs/icons/dnb/secondary_icons_medium.js.map +1 -1
  221. package/cjs/icons/dnb/show_pin.d.ts +3 -0
  222. package/cjs/icons/dnb/show_pin.js +23 -0
  223. package/cjs/icons/dnb/show_pin.js.map +1 -0
  224. package/cjs/icons/dnb/show_pin_medium.d.ts +3 -0
  225. package/cjs/icons/dnb/show_pin_medium.js +23 -0
  226. package/cjs/icons/dnb/show_pin_medium.js.map +1 -0
  227. package/cjs/icons/dnb/table.d.ts +3 -0
  228. package/cjs/icons/dnb/table.js +33 -0
  229. package/cjs/icons/dnb/table.js.map +1 -0
  230. package/cjs/icons/dnb/table_medium.d.ts +3 -0
  231. package/cjs/icons/dnb/table_medium.js +26 -0
  232. package/cjs/icons/dnb/table_medium.js.map +1 -0
  233. package/cjs/icons/goal.d.ts +3 -0
  234. package/cjs/icons/goal.js +11 -0
  235. package/cjs/icons/goal.js.map +1 -0
  236. package/cjs/icons/goal_medium.d.ts +3 -0
  237. package/cjs/icons/goal_medium.js +11 -0
  238. package/cjs/icons/goal_medium.js.map +1 -0
  239. package/cjs/icons/index.d.ts +15 -1
  240. package/cjs/icons/index.js +98 -0
  241. package/cjs/icons/index.js.map +1 -1
  242. package/cjs/icons/investor.d.ts +3 -0
  243. package/cjs/icons/investor.js +11 -0
  244. package/cjs/icons/investor.js.map +1 -0
  245. package/cjs/icons/investor_medium.d.ts +3 -0
  246. package/cjs/icons/investor_medium.js +11 -0
  247. package/cjs/icons/investor_medium.js.map +1 -0
  248. package/cjs/icons/layout_grid.d.ts +3 -0
  249. package/cjs/icons/layout_grid.js +11 -0
  250. package/cjs/icons/layout_grid.js.map +1 -0
  251. package/cjs/icons/layout_grid_medium.d.ts +3 -0
  252. package/cjs/icons/layout_grid_medium.js +11 -0
  253. package/cjs/icons/layout_grid_medium.js.map +1 -0
  254. package/cjs/icons/show_pin.d.ts +3 -0
  255. package/cjs/icons/show_pin.js +11 -0
  256. package/cjs/icons/show_pin.js.map +1 -0
  257. package/cjs/icons/show_pin_medium.d.ts +3 -0
  258. package/cjs/icons/show_pin_medium.js +11 -0
  259. package/cjs/icons/show_pin_medium.js.map +1 -0
  260. package/cjs/icons/table.d.ts +3 -0
  261. package/cjs/icons/table.js +11 -0
  262. package/cjs/icons/table.js.map +1 -0
  263. package/cjs/icons/table_medium.d.ts +3 -0
  264. package/cjs/icons/table_medium.js +11 -0
  265. package/cjs/icons/table_medium.js.map +1 -0
  266. package/cjs/shared/Eufemia.d.ts +1 -1
  267. package/cjs/shared/Eufemia.js +2 -2
  268. package/cjs/shared/Eufemia.js.map +1 -1
  269. package/cjs/style/core/reset.scss +3 -9
  270. package/cjs/style/core/scopes.scss +1 -1
  271. package/cjs/style/dnb-ui-basis.css +4 -8
  272. package/cjs/style/dnb-ui-basis.min.css +1 -1
  273. package/cjs/style/dnb-ui-body.css +4 -8
  274. package/cjs/style/dnb-ui-body.min.css +1 -1
  275. package/cjs/style/dnb-ui-components.css +8 -4
  276. package/cjs/style/dnb-ui-components.min.css +2 -2
  277. package/cjs/style/dnb-ui-core.css +4 -8
  278. package/cjs/style/dnb-ui-core.min.css +1 -1
  279. package/cjs/style/dnb-ui-extensions.css +4 -0
  280. package/cjs/style/dnb-ui-extensions.min.css +1 -1
  281. package/cjs/style/dnb-ui-forms.css +4 -0
  282. package/cjs/style/dnb-ui-forms.min.css +1 -1
  283. package/cjs/style/themes/theme-eiendom/eiendom-theme-components.css +12 -4
  284. package/cjs/style/themes/theme-eiendom/eiendom-theme-components.min.css +2 -2
  285. package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.css +4 -0
  286. package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
  287. package/cjs/style/themes/theme-eiendom/eiendom-theme-forms.css +4 -0
  288. package/cjs/style/themes/theme-eiendom/eiendom-theme-forms.min.css +1 -1
  289. package/cjs/style/themes/theme-sbanken/sbanken-theme-components.css +12 -4
  290. package/cjs/style/themes/theme-sbanken/sbanken-theme-components.min.css +2 -2
  291. package/cjs/style/themes/theme-sbanken/sbanken-theme-extensions.css +4 -0
  292. package/cjs/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
  293. package/cjs/style/themes/theme-sbanken/sbanken-theme-forms.css +4 -0
  294. package/cjs/style/themes/theme-sbanken/sbanken-theme-forms.min.css +1 -1
  295. package/cjs/style/themes/theme-ui/ui-theme-components.css +12 -4
  296. package/cjs/style/themes/theme-ui/ui-theme-components.min.css +2 -2
  297. package/cjs/style/themes/theme-ui/ui-theme-extensions.css +4 -0
  298. package/cjs/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
  299. package/cjs/style/themes/theme-ui/ui-theme-forms.css +4 -0
  300. package/cjs/style/themes/theme-ui/ui-theme-forms.min.css +1 -1
  301. package/components/button/style/themes/dnb-button-theme-ui.scss +1 -1
  302. package/components/date-picker/DatePickerCalc.js +1 -1
  303. package/components/date-picker/DatePickerCalc.js.map +1 -1
  304. package/components/drawer/style/dnb-drawer.css +4 -4
  305. package/components/drawer/style/dnb-drawer.min.css +1 -1
  306. package/components/drawer/style/dnb-drawer.scss +4 -4
  307. package/components/dropdown/Dropdown.d.ts +1 -1
  308. package/components/form-status/FormStatus.js +3 -2
  309. package/components/form-status/FormStatus.js.map +1 -1
  310. package/components/heading/HeadingCounter.js +4 -4
  311. package/components/heading/HeadingCounter.js.map +1 -1
  312. package/components/input/Input.js +1 -1
  313. package/components/input/Input.js.map +1 -1
  314. package/components/radio/Radio.d.ts +1 -1
  315. package/components/radio/RadioGroup.d.ts +1 -1
  316. package/components/section/Section.d.ts +1 -1
  317. package/components/section/Section.js.map +1 -1
  318. package/components/section/SectionDocs.js +1 -1
  319. package/components/section/SectionDocs.js.map +1 -1
  320. package/components/textarea/Textarea.js +8 -1
  321. package/components/textarea/Textarea.js.map +1 -1
  322. package/elements/lists/style/lists-mixins.scss +1 -1
  323. package/es/components/button/style/themes/dnb-button-theme-ui.scss +1 -1
  324. package/es/components/date-picker/DatePickerCalc.js +1 -1
  325. package/es/components/date-picker/DatePickerCalc.js.map +1 -1
  326. package/es/components/drawer/style/dnb-drawer.css +4 -4
  327. package/es/components/drawer/style/dnb-drawer.min.css +1 -1
  328. package/es/components/drawer/style/dnb-drawer.scss +4 -4
  329. package/es/components/dropdown/Dropdown.d.ts +1 -1
  330. package/es/components/form-status/FormStatus.js +3 -2
  331. package/es/components/form-status/FormStatus.js.map +1 -1
  332. package/es/components/heading/HeadingCounter.js +4 -4
  333. package/es/components/heading/HeadingCounter.js.map +1 -1
  334. package/es/components/input/Input.js +1 -1
  335. package/es/components/input/Input.js.map +1 -1
  336. package/es/components/radio/Radio.d.ts +1 -1
  337. package/es/components/radio/RadioGroup.d.ts +1 -1
  338. package/es/components/section/Section.d.ts +1 -1
  339. package/es/components/section/Section.js.map +1 -1
  340. package/es/components/section/SectionDocs.js +1 -1
  341. package/es/components/section/SectionDocs.js.map +1 -1
  342. package/es/components/textarea/Textarea.js +8 -1
  343. package/es/components/textarea/Textarea.js.map +1 -1
  344. package/es/elements/lists/style/lists-mixins.scss +1 -1
  345. package/es/extensions/forms/Connectors/Bring/index.d.ts +1 -0
  346. package/es/extensions/forms/Connectors/Bring/index.js +1 -0
  347. package/es/extensions/forms/Connectors/Bring/index.js.map +1 -0
  348. package/es/extensions/forms/Connectors/Bring/postalCode.d.ts +25 -0
  349. package/es/extensions/forms/Connectors/Bring/postalCode.js +150 -0
  350. package/es/extensions/forms/Connectors/Bring/postalCode.js.map +1 -0
  351. package/es/extensions/forms/Connectors/createContext.d.ts +58 -0
  352. package/es/extensions/forms/Connectors/createContext.js +116 -0
  353. package/es/extensions/forms/Connectors/createContext.js.map +1 -0
  354. package/es/extensions/forms/Connectors/index.d.ts +2 -0
  355. package/es/extensions/forms/Connectors/index.js +3 -0
  356. package/es/extensions/forms/Connectors/index.js.map +1 -0
  357. package/es/extensions/forms/DataContext/Context.d.ts +4 -1
  358. package/es/extensions/forms/DataContext/Context.js.map +1 -1
  359. package/es/extensions/forms/DataContext/Provider/Provider.js +25 -14
  360. package/es/extensions/forms/DataContext/Provider/Provider.js.map +1 -1
  361. package/es/extensions/forms/Field/Address/Address.d.ts +9 -0
  362. package/es/extensions/forms/Field/Address/Address.js +51 -0
  363. package/es/extensions/forms/Field/Address/Address.js.map +1 -0
  364. package/es/extensions/forms/Field/Address/AddressDocs.d.ts +2 -0
  365. package/es/extensions/forms/Field/Address/AddressDocs.js +8 -0
  366. package/es/extensions/forms/Field/Address/AddressDocs.js.map +1 -0
  367. package/es/extensions/forms/Field/Address/index.d.ts +2 -0
  368. package/es/extensions/forms/Field/Address/index.js +3 -0
  369. package/es/extensions/forms/Field/Address/index.js.map +1 -0
  370. package/es/extensions/forms/Field/Email/EmailDocs.d.ts +2 -0
  371. package/es/extensions/forms/Field/Email/EmailDocs.js +8 -0
  372. package/es/extensions/forms/Field/Email/EmailDocs.js.map +1 -0
  373. package/es/extensions/forms/Field/Expiry/Expiry.js +82 -31
  374. package/es/extensions/forms/Field/Expiry/Expiry.js.map +1 -1
  375. package/es/extensions/forms/Field/Name/Name.js +2 -2
  376. package/es/extensions/forms/Field/Name/Name.js.map +1 -1
  377. package/es/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumber.d.ts +1 -0
  378. package/es/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumber.js +9 -0
  379. package/es/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumber.js.map +1 -1
  380. package/es/extensions/forms/Field/Password/PasswordDocs.d.ts +2 -0
  381. package/es/extensions/forms/Field/Password/PasswordDocs.js +23 -0
  382. package/es/extensions/forms/Field/Password/PasswordDocs.js.map +1 -0
  383. package/es/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.d.ts +10 -0
  384. package/es/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.js +23 -10
  385. package/es/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.js.map +1 -1
  386. package/es/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCityDocs.js +3 -3
  387. package/es/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCityDocs.js.map +1 -1
  388. package/es/extensions/forms/Field/Provider/useFieldProvider.d.ts +4 -4
  389. package/es/extensions/forms/Field/index.d.ts +1 -0
  390. package/es/extensions/forms/Field/index.js +1 -0
  391. package/es/extensions/forms/Field/index.js.map +1 -1
  392. package/es/extensions/forms/FieldBlock/FieldBlock.js +0 -1
  393. package/es/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
  394. package/es/extensions/forms/FieldBlock/style/dnb-field-block.css +4 -0
  395. package/es/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
  396. package/es/extensions/forms/FieldBlock/style/dnb-field-block.scss +5 -0
  397. package/es/extensions/forms/Iterate/Array/Array.js +7 -2
  398. package/es/extensions/forms/Iterate/Array/Array.js.map +1 -1
  399. package/es/extensions/forms/Iterate/Array/ArrayDocs.js +5 -0
  400. package/es/extensions/forms/Iterate/Array/ArrayDocs.js.map +1 -1
  401. package/es/extensions/forms/Iterate/Array/types.d.ts +1 -0
  402. package/es/extensions/forms/Iterate/Array/types.js.map +1 -1
  403. package/es/extensions/forms/Iterate/PushContainer/PushContainer.d.ts +4 -0
  404. package/es/extensions/forms/Iterate/PushContainer/PushContainer.js +3 -2
  405. package/es/extensions/forms/Iterate/PushContainer/PushContainer.js.map +1 -1
  406. package/es/extensions/forms/Iterate/PushContainer/PushContainerDocs.js +5 -0
  407. package/es/extensions/forms/Iterate/PushContainer/PushContainerDocs.js.map +1 -1
  408. package/es/extensions/forms/Value/Address/Address.d.ts +9 -0
  409. package/es/extensions/forms/Value/Address/Address.js +31 -0
  410. package/es/extensions/forms/Value/Address/Address.js.map +1 -0
  411. package/es/extensions/forms/Value/Address/index.d.ts +2 -0
  412. package/es/extensions/forms/Value/Address/index.js +3 -0
  413. package/es/extensions/forms/Value/Address/index.js.map +1 -0
  414. package/es/extensions/forms/Value/PostalCodeAndCity/PostalCodeAndCityDocs.js +1 -1
  415. package/es/extensions/forms/Value/PostalCodeAndCity/PostalCodeAndCityDocs.js.map +1 -1
  416. package/es/extensions/forms/Value/index.d.ts +1 -0
  417. package/es/extensions/forms/Value/index.js +1 -0
  418. package/es/extensions/forms/Value/index.js.map +1 -1
  419. package/es/extensions/forms/Wizard/Step/Step.js +2 -2
  420. package/es/extensions/forms/Wizard/Step/Step.js.map +1 -1
  421. package/es/extensions/forms/constants/locales/en-GB.d.ts +13 -0
  422. package/es/extensions/forms/constants/locales/en-GB.js +20 -7
  423. package/es/extensions/forms/constants/locales/en-GB.js.map +1 -1
  424. package/es/extensions/forms/constants/locales/en-US.d.ts +13 -0
  425. package/es/extensions/forms/constants/locales/index.d.ts +26 -0
  426. package/es/extensions/forms/constants/locales/nb-NO.d.ts +13 -0
  427. package/es/extensions/forms/constants/locales/nb-NO.js +16 -3
  428. package/es/extensions/forms/constants/locales/nb-NO.js.map +1 -1
  429. package/es/extensions/forms/hooks/DataValueWritePropsDocs.js +3 -3
  430. package/es/extensions/forms/hooks/DataValueWritePropsDocs.js.map +1 -1
  431. package/es/extensions/forms/hooks/useFieldProps.d.ts +8 -4
  432. package/es/extensions/forms/hooks/useFieldProps.js +39 -18
  433. package/es/extensions/forms/hooks/useFieldProps.js.map +1 -1
  434. package/es/extensions/forms/index.d.ts +1 -0
  435. package/es/extensions/forms/index.js +1 -0
  436. package/es/extensions/forms/index.js.map +1 -1
  437. package/es/extensions/forms/style/dnb-forms.css +4 -0
  438. package/es/extensions/forms/style/dnb-forms.min.css +1 -1
  439. package/es/extensions/forms/types.d.ts +34 -10
  440. package/es/extensions/forms/types.js.map +1 -1
  441. package/es/extensions/forms/utils/json-pointer/json-pointer.js +1 -1
  442. package/es/extensions/forms/utils/json-pointer/json-pointer.js.map +1 -1
  443. package/es/icons/calendar_add.d.ts +3 -0
  444. package/es/icons/calendar_add.js +3 -0
  445. package/es/icons/calendar_add.js.map +1 -0
  446. package/es/icons/calendar_add_medium.d.ts +3 -0
  447. package/es/icons/calendar_add_medium.js +3 -0
  448. package/es/icons/calendar_add_medium.js.map +1 -0
  449. package/es/icons/digitpass_private_corporate.d.ts +3 -0
  450. package/es/icons/digitpass_private_corporate.js +3 -0
  451. package/es/icons/digitpass_private_corporate.js.map +1 -0
  452. package/es/icons/digitpass_private_corporate_medium.d.ts +3 -0
  453. package/es/icons/digitpass_private_corporate_medium.js +3 -0
  454. package/es/icons/digitpass_private_corporate_medium.js.map +1 -0
  455. package/es/icons/dnb/calendar_add.d.ts +3 -0
  456. package/es/icons/dnb/calendar_add.js +23 -0
  457. package/es/icons/dnb/calendar_add.js.map +1 -0
  458. package/es/icons/dnb/calendar_add_medium.d.ts +3 -0
  459. package/es/icons/dnb/calendar_add_medium.js +17 -0
  460. package/es/icons/dnb/calendar_add_medium.js.map +1 -0
  461. package/es/icons/dnb/cog_medium.js +1 -1
  462. package/es/icons/dnb/cog_medium.js.map +1 -1
  463. package/es/icons/dnb/digipass_corporate.js +3 -3
  464. package/es/icons/dnb/digipass_corporate.js.map +1 -1
  465. package/es/icons/dnb/digipass_corporate_medium.js +3 -3
  466. package/es/icons/dnb/digipass_corporate_medium.js.map +1 -1
  467. package/es/icons/dnb/digipass_private.js +3 -3
  468. package/es/icons/dnb/digipass_private.js.map +1 -1
  469. package/es/icons/dnb/digipass_private_medium.js +3 -3
  470. package/es/icons/dnb/digipass_private_medium.js.map +1 -1
  471. package/es/icons/dnb/digitpass_private_corporate.d.ts +3 -0
  472. package/es/icons/dnb/digitpass_private_corporate.js +17 -0
  473. package/es/icons/dnb/digitpass_private_corporate.js.map +1 -0
  474. package/es/icons/dnb/digitpass_private_corporate_medium.d.ts +3 -0
  475. package/es/icons/dnb/digitpass_private_corporate_medium.js +17 -0
  476. package/es/icons/dnb/digitpass_private_corporate_medium.js.map +1 -0
  477. package/es/icons/dnb/goal.d.ts +3 -0
  478. package/es/icons/dnb/goal.js +18 -0
  479. package/es/icons/dnb/goal.js.map +1 -0
  480. package/es/icons/dnb/goal_medium.d.ts +3 -0
  481. package/es/icons/dnb/goal_medium.js +18 -0
  482. package/es/icons/dnb/goal_medium.js.map +1 -0
  483. package/es/icons/dnb/icons-meta.json +132 -4
  484. package/es/icons/dnb/icons-svg.lock +1278 -1096
  485. package/es/icons/dnb/index.d.ts +15 -1
  486. package/es/icons/dnb/index.js +15 -1
  487. package/es/icons/dnb/index.js.map +1 -1
  488. package/es/icons/dnb/information.js +1 -1
  489. package/es/icons/dnb/information.js.map +1 -1
  490. package/es/icons/dnb/investor.d.ts +3 -0
  491. package/es/icons/dnb/investor.js +25 -0
  492. package/es/icons/dnb/investor.js.map +1 -0
  493. package/es/icons/dnb/investor_medium.d.ts +3 -0
  494. package/es/icons/dnb/investor_medium.js +25 -0
  495. package/es/icons/dnb/investor_medium.js.map +1 -0
  496. package/es/icons/dnb/layout_grid.d.ts +3 -0
  497. package/es/icons/dnb/layout_grid.js +26 -0
  498. package/es/icons/dnb/layout_grid.js.map +1 -0
  499. package/es/icons/dnb/layout_grid_medium.d.ts +3 -0
  500. package/es/icons/dnb/layout_grid_medium.js +26 -0
  501. package/es/icons/dnb/layout_grid_medium.js.map +1 -0
  502. package/es/icons/dnb/question.js +1 -1
  503. package/es/icons/dnb/question.js.map +1 -1
  504. package/es/icons/dnb/question_circled.js +1 -1
  505. package/es/icons/dnb/question_circled.js.map +1 -1
  506. package/es/icons/dnb/question_medium.js +1 -1
  507. package/es/icons/dnb/question_medium.js.map +1 -1
  508. package/es/icons/dnb/return_1_medium.js +1 -1
  509. package/es/icons/dnb/return_1_medium.js.map +1 -1
  510. package/es/icons/dnb/secondary_icons.d.ts +8 -1
  511. package/es/icons/dnb/secondary_icons.js +8 -1
  512. package/es/icons/dnb/secondary_icons.js.map +1 -1
  513. package/es/icons/dnb/secondary_icons_medium.d.ts +8 -1
  514. package/es/icons/dnb/secondary_icons_medium.js +8 -1
  515. package/es/icons/dnb/secondary_icons_medium.js.map +1 -1
  516. package/es/icons/dnb/show_pin.d.ts +3 -0
  517. package/es/icons/dnb/show_pin.js +15 -0
  518. package/es/icons/dnb/show_pin.js.map +1 -0
  519. package/es/icons/dnb/show_pin_medium.d.ts +3 -0
  520. package/es/icons/dnb/show_pin_medium.js +15 -0
  521. package/es/icons/dnb/show_pin_medium.js.map +1 -0
  522. package/es/icons/dnb/table.d.ts +3 -0
  523. package/es/icons/dnb/table.js +25 -0
  524. package/es/icons/dnb/table.js.map +1 -0
  525. package/es/icons/dnb/table_medium.d.ts +3 -0
  526. package/es/icons/dnb/table_medium.js +18 -0
  527. package/es/icons/dnb/table_medium.js.map +1 -0
  528. package/es/icons/goal.d.ts +3 -0
  529. package/es/icons/goal.js +3 -0
  530. package/es/icons/goal.js.map +1 -0
  531. package/es/icons/goal_medium.d.ts +3 -0
  532. package/es/icons/goal_medium.js +3 -0
  533. package/es/icons/goal_medium.js.map +1 -0
  534. package/es/icons/index.d.ts +15 -1
  535. package/es/icons/index.js +15 -1
  536. package/es/icons/index.js.map +1 -1
  537. package/es/icons/investor.d.ts +3 -0
  538. package/es/icons/investor.js +3 -0
  539. package/es/icons/investor.js.map +1 -0
  540. package/es/icons/investor_medium.d.ts +3 -0
  541. package/es/icons/investor_medium.js +3 -0
  542. package/es/icons/investor_medium.js.map +1 -0
  543. package/es/icons/layout_grid.d.ts +3 -0
  544. package/es/icons/layout_grid.js +3 -0
  545. package/es/icons/layout_grid.js.map +1 -0
  546. package/es/icons/layout_grid_medium.d.ts +3 -0
  547. package/es/icons/layout_grid_medium.js +3 -0
  548. package/es/icons/layout_grid_medium.js.map +1 -0
  549. package/es/icons/show_pin.d.ts +3 -0
  550. package/es/icons/show_pin.js +3 -0
  551. package/es/icons/show_pin.js.map +1 -0
  552. package/es/icons/show_pin_medium.d.ts +3 -0
  553. package/es/icons/show_pin_medium.js +3 -0
  554. package/es/icons/show_pin_medium.js.map +1 -0
  555. package/es/icons/table.d.ts +3 -0
  556. package/es/icons/table.js +3 -0
  557. package/es/icons/table.js.map +1 -0
  558. package/es/icons/table_medium.d.ts +3 -0
  559. package/es/icons/table_medium.js +3 -0
  560. package/es/icons/table_medium.js.map +1 -0
  561. package/es/shared/Eufemia.d.ts +1 -1
  562. package/es/shared/Eufemia.js +2 -2
  563. package/es/shared/Eufemia.js.map +1 -1
  564. package/es/style/core/reset.scss +3 -9
  565. package/es/style/core/scopes.scss +1 -1
  566. package/es/style/dnb-ui-basis.css +4 -8
  567. package/es/style/dnb-ui-basis.min.css +1 -1
  568. package/es/style/dnb-ui-body.css +4 -8
  569. package/es/style/dnb-ui-body.min.css +1 -1
  570. package/es/style/dnb-ui-components.css +8 -4
  571. package/es/style/dnb-ui-components.min.css +2 -2
  572. package/es/style/dnb-ui-core.css +4 -8
  573. package/es/style/dnb-ui-core.min.css +1 -1
  574. package/es/style/dnb-ui-extensions.css +4 -0
  575. package/es/style/dnb-ui-extensions.min.css +1 -1
  576. package/es/style/dnb-ui-forms.css +4 -0
  577. package/es/style/dnb-ui-forms.min.css +1 -1
  578. package/es/style/themes/theme-eiendom/eiendom-theme-components.css +12 -4
  579. package/es/style/themes/theme-eiendom/eiendom-theme-components.min.css +2 -2
  580. package/es/style/themes/theme-eiendom/eiendom-theme-extensions.css +4 -0
  581. package/es/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
  582. package/es/style/themes/theme-eiendom/eiendom-theme-forms.css +4 -0
  583. package/es/style/themes/theme-eiendom/eiendom-theme-forms.min.css +1 -1
  584. package/es/style/themes/theme-sbanken/sbanken-theme-components.css +12 -4
  585. package/es/style/themes/theme-sbanken/sbanken-theme-components.min.css +2 -2
  586. package/es/style/themes/theme-sbanken/sbanken-theme-extensions.css +4 -0
  587. package/es/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
  588. package/es/style/themes/theme-sbanken/sbanken-theme-forms.css +4 -0
  589. package/es/style/themes/theme-sbanken/sbanken-theme-forms.min.css +1 -1
  590. package/es/style/themes/theme-ui/ui-theme-components.css +12 -4
  591. package/es/style/themes/theme-ui/ui-theme-components.min.css +2 -2
  592. package/es/style/themes/theme-ui/ui-theme-extensions.css +4 -0
  593. package/es/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
  594. package/es/style/themes/theme-ui/ui-theme-forms.css +4 -0
  595. package/es/style/themes/theme-ui/ui-theme-forms.min.css +1 -1
  596. package/esm/dnb-ui-basis.min.mjs +1 -1
  597. package/esm/dnb-ui-components.min.mjs +1 -1
  598. package/esm/dnb-ui-elements.min.mjs +1 -1
  599. package/esm/dnb-ui-extensions.min.mjs +3 -3
  600. package/esm/dnb-ui-icons.min.mjs +1 -1
  601. package/esm/dnb-ui-lib.min.mjs +1 -1
  602. package/extensions/forms/Connectors/Bring/index.d.ts +1 -0
  603. package/extensions/forms/Connectors/Bring/index.js +3 -0
  604. package/extensions/forms/Connectors/Bring/index.js.map +1 -0
  605. package/extensions/forms/Connectors/Bring/postalCode.d.ts +25 -0
  606. package/extensions/forms/Connectors/Bring/postalCode.js +151 -0
  607. package/extensions/forms/Connectors/Bring/postalCode.js.map +1 -0
  608. package/extensions/forms/Connectors/createContext.d.ts +58 -0
  609. package/extensions/forms/Connectors/createContext.js +119 -0
  610. package/extensions/forms/Connectors/createContext.js.map +1 -0
  611. package/extensions/forms/Connectors/index.d.ts +2 -0
  612. package/extensions/forms/Connectors/index.js +4 -0
  613. package/extensions/forms/Connectors/index.js.map +1 -0
  614. package/extensions/forms/DataContext/Context.d.ts +4 -1
  615. package/extensions/forms/DataContext/Context.js.map +1 -1
  616. package/extensions/forms/DataContext/Provider/Provider.js +30 -16
  617. package/extensions/forms/DataContext/Provider/Provider.js.map +1 -1
  618. package/extensions/forms/Field/Address/Address.d.ts +9 -0
  619. package/extensions/forms/Field/Address/Address.js +51 -0
  620. package/extensions/forms/Field/Address/Address.js.map +1 -0
  621. package/extensions/forms/Field/Address/AddressDocs.d.ts +2 -0
  622. package/extensions/forms/Field/Address/AddressDocs.js +8 -0
  623. package/extensions/forms/Field/Address/AddressDocs.js.map +1 -0
  624. package/extensions/forms/Field/Address/index.d.ts +2 -0
  625. package/extensions/forms/Field/Address/index.js +3 -0
  626. package/extensions/forms/Field/Address/index.js.map +1 -0
  627. package/extensions/forms/Field/Email/EmailDocs.d.ts +2 -0
  628. package/extensions/forms/Field/Email/EmailDocs.js +8 -0
  629. package/extensions/forms/Field/Email/EmailDocs.js.map +1 -0
  630. package/extensions/forms/Field/Expiry/Expiry.js +82 -31
  631. package/extensions/forms/Field/Expiry/Expiry.js.map +1 -1
  632. package/extensions/forms/Field/Name/Name.js +2 -2
  633. package/extensions/forms/Field/Name/Name.js.map +1 -1
  634. package/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumber.d.ts +1 -0
  635. package/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumber.js +9 -0
  636. package/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumber.js.map +1 -1
  637. package/extensions/forms/Field/Password/PasswordDocs.d.ts +2 -0
  638. package/extensions/forms/Field/Password/PasswordDocs.js +23 -0
  639. package/extensions/forms/Field/Password/PasswordDocs.js.map +1 -0
  640. package/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.d.ts +10 -0
  641. package/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.js +23 -10
  642. package/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.js.map +1 -1
  643. package/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCityDocs.js +3 -3
  644. package/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCityDocs.js.map +1 -1
  645. package/extensions/forms/Field/Provider/useFieldProvider.d.ts +4 -4
  646. package/extensions/forms/Field/index.d.ts +1 -0
  647. package/extensions/forms/Field/index.js +1 -0
  648. package/extensions/forms/Field/index.js.map +1 -1
  649. package/extensions/forms/FieldBlock/FieldBlock.js +0 -1
  650. package/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
  651. package/extensions/forms/FieldBlock/style/dnb-field-block.css +4 -0
  652. package/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
  653. package/extensions/forms/FieldBlock/style/dnb-field-block.scss +5 -0
  654. package/extensions/forms/Iterate/Array/Array.js +7 -2
  655. package/extensions/forms/Iterate/Array/Array.js.map +1 -1
  656. package/extensions/forms/Iterate/Array/ArrayDocs.js +5 -0
  657. package/extensions/forms/Iterate/Array/ArrayDocs.js.map +1 -1
  658. package/extensions/forms/Iterate/Array/types.d.ts +1 -0
  659. package/extensions/forms/Iterate/Array/types.js.map +1 -1
  660. package/extensions/forms/Iterate/PushContainer/PushContainer.d.ts +4 -0
  661. package/extensions/forms/Iterate/PushContainer/PushContainer.js +3 -2
  662. package/extensions/forms/Iterate/PushContainer/PushContainer.js.map +1 -1
  663. package/extensions/forms/Iterate/PushContainer/PushContainerDocs.js +5 -0
  664. package/extensions/forms/Iterate/PushContainer/PushContainerDocs.js.map +1 -1
  665. package/extensions/forms/Value/Address/Address.d.ts +9 -0
  666. package/extensions/forms/Value/Address/Address.js +31 -0
  667. package/extensions/forms/Value/Address/Address.js.map +1 -0
  668. package/extensions/forms/Value/Address/index.d.ts +2 -0
  669. package/extensions/forms/Value/Address/index.js +3 -0
  670. package/extensions/forms/Value/Address/index.js.map +1 -0
  671. package/extensions/forms/Value/PostalCodeAndCity/PostalCodeAndCityDocs.js +1 -1
  672. package/extensions/forms/Value/PostalCodeAndCity/PostalCodeAndCityDocs.js.map +1 -1
  673. package/extensions/forms/Value/index.d.ts +1 -0
  674. package/extensions/forms/Value/index.js +1 -0
  675. package/extensions/forms/Value/index.js.map +1 -1
  676. package/extensions/forms/Wizard/Step/Step.js +2 -2
  677. package/extensions/forms/Wizard/Step/Step.js.map +1 -1
  678. package/extensions/forms/constants/locales/en-GB.d.ts +13 -0
  679. package/extensions/forms/constants/locales/en-GB.js +20 -7
  680. package/extensions/forms/constants/locales/en-GB.js.map +1 -1
  681. package/extensions/forms/constants/locales/en-US.d.ts +13 -0
  682. package/extensions/forms/constants/locales/index.d.ts +26 -0
  683. package/extensions/forms/constants/locales/nb-NO.d.ts +13 -0
  684. package/extensions/forms/constants/locales/nb-NO.js +16 -3
  685. package/extensions/forms/constants/locales/nb-NO.js.map +1 -1
  686. package/extensions/forms/hooks/DataValueWritePropsDocs.js +3 -3
  687. package/extensions/forms/hooks/DataValueWritePropsDocs.js.map +1 -1
  688. package/extensions/forms/hooks/useFieldProps.d.ts +8 -4
  689. package/extensions/forms/hooks/useFieldProps.js +39 -19
  690. package/extensions/forms/hooks/useFieldProps.js.map +1 -1
  691. package/extensions/forms/index.d.ts +1 -0
  692. package/extensions/forms/index.js +2 -0
  693. package/extensions/forms/index.js.map +1 -1
  694. package/extensions/forms/style/dnb-forms.css +4 -0
  695. package/extensions/forms/style/dnb-forms.min.css +1 -1
  696. package/extensions/forms/types.d.ts +34 -10
  697. package/extensions/forms/types.js.map +1 -1
  698. package/extensions/forms/utils/json-pointer/json-pointer.js +1 -1
  699. package/extensions/forms/utils/json-pointer/json-pointer.js.map +1 -1
  700. package/icons/calendar_add.d.ts +3 -0
  701. package/icons/calendar_add.js +3 -0
  702. package/icons/calendar_add.js.map +1 -0
  703. package/icons/calendar_add_medium.d.ts +3 -0
  704. package/icons/calendar_add_medium.js +3 -0
  705. package/icons/calendar_add_medium.js.map +1 -0
  706. package/icons/digitpass_private_corporate.d.ts +3 -0
  707. package/icons/digitpass_private_corporate.js +3 -0
  708. package/icons/digitpass_private_corporate.js.map +1 -0
  709. package/icons/digitpass_private_corporate_medium.d.ts +3 -0
  710. package/icons/digitpass_private_corporate_medium.js +3 -0
  711. package/icons/digitpass_private_corporate_medium.js.map +1 -0
  712. package/icons/dnb/calendar_add.d.ts +3 -0
  713. package/icons/dnb/calendar_add.js +23 -0
  714. package/icons/dnb/calendar_add.js.map +1 -0
  715. package/icons/dnb/calendar_add_medium.d.ts +3 -0
  716. package/icons/dnb/calendar_add_medium.js +17 -0
  717. package/icons/dnb/calendar_add_medium.js.map +1 -0
  718. package/icons/dnb/cog_medium.js +1 -1
  719. package/icons/dnb/cog_medium.js.map +1 -1
  720. package/icons/dnb/digipass_corporate.js +3 -3
  721. package/icons/dnb/digipass_corporate.js.map +1 -1
  722. package/icons/dnb/digipass_corporate_medium.js +3 -3
  723. package/icons/dnb/digipass_corporate_medium.js.map +1 -1
  724. package/icons/dnb/digipass_private.js +3 -3
  725. package/icons/dnb/digipass_private.js.map +1 -1
  726. package/icons/dnb/digipass_private_medium.js +3 -3
  727. package/icons/dnb/digipass_private_medium.js.map +1 -1
  728. package/icons/dnb/digitpass_private_corporate.d.ts +3 -0
  729. package/icons/dnb/digitpass_private_corporate.js +17 -0
  730. package/icons/dnb/digitpass_private_corporate.js.map +1 -0
  731. package/icons/dnb/digitpass_private_corporate_medium.d.ts +3 -0
  732. package/icons/dnb/digitpass_private_corporate_medium.js +17 -0
  733. package/icons/dnb/digitpass_private_corporate_medium.js.map +1 -0
  734. package/icons/dnb/goal.d.ts +3 -0
  735. package/icons/dnb/goal.js +18 -0
  736. package/icons/dnb/goal.js.map +1 -0
  737. package/icons/dnb/goal_medium.d.ts +3 -0
  738. package/icons/dnb/goal_medium.js +18 -0
  739. package/icons/dnb/goal_medium.js.map +1 -0
  740. package/icons/dnb/icons-meta.json +132 -4
  741. package/icons/dnb/icons-svg.lock +1278 -1096
  742. package/icons/dnb/index.d.ts +15 -1
  743. package/icons/dnb/index.js +15 -1
  744. package/icons/dnb/index.js.map +1 -1
  745. package/icons/dnb/information.js +1 -1
  746. package/icons/dnb/information.js.map +1 -1
  747. package/icons/dnb/investor.d.ts +3 -0
  748. package/icons/dnb/investor.js +25 -0
  749. package/icons/dnb/investor.js.map +1 -0
  750. package/icons/dnb/investor_medium.d.ts +3 -0
  751. package/icons/dnb/investor_medium.js +25 -0
  752. package/icons/dnb/investor_medium.js.map +1 -0
  753. package/icons/dnb/layout_grid.d.ts +3 -0
  754. package/icons/dnb/layout_grid.js +26 -0
  755. package/icons/dnb/layout_grid.js.map +1 -0
  756. package/icons/dnb/layout_grid_medium.d.ts +3 -0
  757. package/icons/dnb/layout_grid_medium.js +26 -0
  758. package/icons/dnb/layout_grid_medium.js.map +1 -0
  759. package/icons/dnb/question.js +1 -1
  760. package/icons/dnb/question.js.map +1 -1
  761. package/icons/dnb/question_circled.js +1 -1
  762. package/icons/dnb/question_circled.js.map +1 -1
  763. package/icons/dnb/question_medium.js +1 -1
  764. package/icons/dnb/question_medium.js.map +1 -1
  765. package/icons/dnb/return_1_medium.js +1 -1
  766. package/icons/dnb/return_1_medium.js.map +1 -1
  767. package/icons/dnb/secondary_icons.d.ts +8 -1
  768. package/icons/dnb/secondary_icons.js +8 -1
  769. package/icons/dnb/secondary_icons.js.map +1 -1
  770. package/icons/dnb/secondary_icons_medium.d.ts +8 -1
  771. package/icons/dnb/secondary_icons_medium.js +8 -1
  772. package/icons/dnb/secondary_icons_medium.js.map +1 -1
  773. package/icons/dnb/show_pin.d.ts +3 -0
  774. package/icons/dnb/show_pin.js +15 -0
  775. package/icons/dnb/show_pin.js.map +1 -0
  776. package/icons/dnb/show_pin_medium.d.ts +3 -0
  777. package/icons/dnb/show_pin_medium.js +15 -0
  778. package/icons/dnb/show_pin_medium.js.map +1 -0
  779. package/icons/dnb/table.d.ts +3 -0
  780. package/icons/dnb/table.js +25 -0
  781. package/icons/dnb/table.js.map +1 -0
  782. package/icons/dnb/table_medium.d.ts +3 -0
  783. package/icons/dnb/table_medium.js +18 -0
  784. package/icons/dnb/table_medium.js.map +1 -0
  785. package/icons/goal.d.ts +3 -0
  786. package/icons/goal.js +3 -0
  787. package/icons/goal.js.map +1 -0
  788. package/icons/goal_medium.d.ts +3 -0
  789. package/icons/goal_medium.js +3 -0
  790. package/icons/goal_medium.js.map +1 -0
  791. package/icons/index.d.ts +15 -1
  792. package/icons/index.js +15 -1
  793. package/icons/index.js.map +1 -1
  794. package/icons/investor.d.ts +3 -0
  795. package/icons/investor.js +3 -0
  796. package/icons/investor.js.map +1 -0
  797. package/icons/investor_medium.d.ts +3 -0
  798. package/icons/investor_medium.js +3 -0
  799. package/icons/investor_medium.js.map +1 -0
  800. package/icons/layout_grid.d.ts +3 -0
  801. package/icons/layout_grid.js +3 -0
  802. package/icons/layout_grid.js.map +1 -0
  803. package/icons/layout_grid_medium.d.ts +3 -0
  804. package/icons/layout_grid_medium.js +3 -0
  805. package/icons/layout_grid_medium.js.map +1 -0
  806. package/icons/show_pin.d.ts +3 -0
  807. package/icons/show_pin.js +3 -0
  808. package/icons/show_pin.js.map +1 -0
  809. package/icons/show_pin_medium.d.ts +3 -0
  810. package/icons/show_pin_medium.js +3 -0
  811. package/icons/show_pin_medium.js.map +1 -0
  812. package/icons/table.d.ts +3 -0
  813. package/icons/table.js +3 -0
  814. package/icons/table.js.map +1 -0
  815. package/icons/table_medium.d.ts +3 -0
  816. package/icons/table_medium.js +3 -0
  817. package/icons/table_medium.js.map +1 -0
  818. package/package.json +1 -1
  819. package/shared/Eufemia.d.ts +1 -1
  820. package/shared/Eufemia.js +2 -2
  821. package/shared/Eufemia.js.map +1 -1
  822. package/style/core/reset.scss +3 -9
  823. package/style/core/scopes.scss +1 -1
  824. package/style/dnb-ui-basis.css +4 -8
  825. package/style/dnb-ui-basis.min.css +1 -1
  826. package/style/dnb-ui-body.css +4 -8
  827. package/style/dnb-ui-body.min.css +1 -1
  828. package/style/dnb-ui-components.css +8 -4
  829. package/style/dnb-ui-components.min.css +2 -2
  830. package/style/dnb-ui-core.css +4 -8
  831. package/style/dnb-ui-core.min.css +1 -1
  832. package/style/dnb-ui-extensions.css +4 -0
  833. package/style/dnb-ui-extensions.min.css +1 -1
  834. package/style/dnb-ui-forms.css +4 -0
  835. package/style/dnb-ui-forms.min.css +1 -1
  836. package/style/themes/theme-eiendom/eiendom-theme-components.css +12 -4
  837. package/style/themes/theme-eiendom/eiendom-theme-components.min.css +2 -2
  838. package/style/themes/theme-eiendom/eiendom-theme-extensions.css +4 -0
  839. package/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
  840. package/style/themes/theme-eiendom/eiendom-theme-forms.css +4 -0
  841. package/style/themes/theme-eiendom/eiendom-theme-forms.min.css +1 -1
  842. package/style/themes/theme-sbanken/sbanken-theme-components.css +12 -4
  843. package/style/themes/theme-sbanken/sbanken-theme-components.min.css +2 -2
  844. package/style/themes/theme-sbanken/sbanken-theme-extensions.css +4 -0
  845. package/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
  846. package/style/themes/theme-sbanken/sbanken-theme-forms.css +4 -0
  847. package/style/themes/theme-sbanken/sbanken-theme-forms.min.css +1 -1
  848. package/style/themes/theme-ui/ui-theme-components.css +12 -4
  849. package/style/themes/theme-ui/ui-theme-components.min.css +2 -2
  850. package/style/themes/theme-ui/ui-theme-extensions.css +4 -0
  851. package/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
  852. package/style/themes/theme-ui/ui-theme-forms.css +4 -0
  853. package/style/themes/theme-ui/ui-theme-forms.min.css +1 -1
  854. package/umd/dnb-ui-basis.min.js +1 -1
  855. package/umd/dnb-ui-components.min.js +1 -1
  856. package/umd/dnb-ui-elements.min.js +1 -1
  857. package/umd/dnb-ui-extensions.min.js +1 -1
  858. package/umd/dnb-ui-icons.min.js +1 -1
  859. package/umd/dnb-ui-lib.min.js +1 -1
package/cjs/style/themes/theme-ui/ui-theme-extensions.css CHANGED
@@ -376,6 +376,10 @@ fieldset.dnb-forms-field-block:not([class*=space__right]) {
376
376
  }
377
377
  .dnb-forms-field-block__indicator {
378
378
  grid-area: indicator;
379
+ position: relative;
380
+ }
381
+ .dnb-forms-field-block__indicator .dnb-forms-submit-indicator__content {
382
+ position: absolute;
379
383
  }
380
384
  .dnb-forms-field-block__help {
381
385
  grid-area: help;
package/cjs/style/themes/theme-ui/ui-theme-extensions.min.css CHANGED
@@ -1,4 +1,4 @@
1
- .dnb-forms-field-array-selection{--row-gap:var(--spacing-x-small)}.dnb-forms-field-array-selection--variant-button{--row-gap:var(--spacing-small)}.dnb-forms-field-array-selection--options-layout--vertical .dnb-forms-field-array-selection__options{display:flex;flex-flow:column;row-gap:var(--row-gap)}.dnb-forms-field-array-selection--options-layout--vertical.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-block__label{align-items:flex-start}.dnb-forms-field-array-selection--variant-button.dnb-forms-field-array-selection--options-layout--vertical.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-block__label{line-height:2.5rem}.dnb-forms-field-array-selection--options-layout--horizontal .dnb-forms-field-array-selection__options{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row wrap;row-gap:var(--row-gap)}@media screen and (min-width:40.00625em){.dnb-forms-field-array-selection .dnb-forms-field-block--layout-horizontal .dnb-form-label{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--has-controls .dnb-input__input{align-items:center}.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border{border-radius:0}.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border,.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within,.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:hover,html[data-whatinput=keyboard] .dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within{box-shadow:none}.dnb-forms-field-number__contents--has-controls>.dnb-input__border--root{--input-border-inset: ;--input-border-inset--hover: ;--input-border-inset--active: ;--input-border-inset--focus: ;--input-border-inset--disabled: }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-input__status--error .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before{color:var(--number-control-button--error)}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--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-input__status--error .dnb-button--control-after:active[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active[disabled]{cursor:not-allowed}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active:not([disabled]),.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--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-input__status--error .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before[disabled]{color:var(--number-control-button--error-contrast)}.dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input--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-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-before{width:var(--number-control-button-width--large)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-input__border{flex-grow:1}@media screen and (max-width:xx-small0){.dnb-forms-field-number .dnb-input__shell{width:90%}}.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--options-layout--vertical.dnb-forms-field-selection--layout-horizontal .dnb-forms-field-block__label{align-items:flex-start}.dnb-forms-field-selection__variant--button .dnb-forms-field-block--layout-horizontal .dnb-form-label{line-height:2.5rem}.dnb-forms-field-selection .dnb-forms-field-block__contents{display:flex}.dnb-forms-field-selection .dnb-radio-group .dnb-height-animation,.dnb-forms-field-selection .dnb-radio-group>.dnb-flex-container,.dnb-forms-field-selection .dnb-toggle-button-group .dnb-height-animation,.dnb-forms-field-selection .dnb-toggle-button-group>.dnb-flex-container{flex-grow:1;width:100%}.dnb-forms-field-string .dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__label.dnb-form-label{align-items:baseline}@media screen and (max-width:xx-small0){.dnb-forms-field-string .dnb-input__shell{width:90%}}.dnb-forms-field-upload .dnb-help-button__content .dnb-section{margin-left:var(--upload-border-width);margin-right:var(--upload-border-width)}: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__bottom]){margin-bottom:0}fieldset.dnb-forms-field-block:not([class*=space__left]){margin-left:0}fieldset.dnb-forms-field-block:not([class*=space__right]){margin-right:0}.dnb-forms-field-block{--label-margin:0.25rem;--max-width:var(--forms-field-width--large)}.dnb-forms-field-block__grid{display:grid;grid-template-areas:"label" "help" "contents" "indicator" "status";grid-template-columns:minmax(min-content,var(--block-content-width,auto))}.dnb-forms-field-block--label-height-small{--label-margin:0}.dnb-forms-field-block--label-height-medium{--label-margin:0.5rem}.dnb-forms-field-block--label-height-large{--label-margin:0.7rem}.dnb-forms-field-block--width-stretch{flex-grow:1}.dnb-forms-field-block--width-stretch label.dnb-form-label{max-width:none}@media screen and (min-width:25.00625em){.dnb-forms-field-block--width-custom{width:calc(var(--dnb-forms-field-block-width))}.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:not([class*="--content-width"]){--max-width:60ch}.dnb-forms-field-block__label,.dnb-forms-field-block__label.dnb-form-label{align-items:center;display:flex;grid-area:label;margin-right:0;max-width:var(--max-width)}.dnb-forms-field-block__label.dnb-form-label__description,.dnb-forms-field-block__label__description{margin-left:.3em}.dnb-forms-field-block__label.dnb-form-label__content:has(+.dnb-help-button),.dnb-forms-field-block__label.dnb-form-label__description:has(+.dnb-help-button),.dnb-forms-field-block__label__content:has(+.dnb-help-button),.dnb-forms-field-block__label__description:has(+.dnb-help-button){margin-right:.5rem}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-vertical{flex-wrap:wrap}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-vertical>.dnb-form-label{margin-bottom:.5rem}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__label{margin-right:1rem}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal>.dnb-form-label{margin-bottom:var(--label-margin);margin-top:var(--label-margin)}@media screen and (max-width:40em){.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal>.dnb-form-label{margin-bottom:calc(var(--label-margin) + .5rem)}}@media screen and (min-width:40.00625em){.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal{grid-template-areas:"label contents" ". help" ". indicator" ". status";grid-template-columns:minmax(var(--dnb-forms-field-block-layout-width-min,min-content),var(--dnb-forms-field-block-layout-width-max,max-content)) auto}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-help-button__content{--help-button-indent-width:0}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-help-button__content .dnb-section{--rounded-corner:0.25rem;align-self:flex-start}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__contents{align-self:end}}.dnb-forms-field-block__indicator{grid-area:indicator}.dnb-forms-field-block__help{display:flex;flex-flow:column;grid-area:help}.dnb-forms-field-block__help .dnb-section{margin-bottom:1rem}.dnb-forms-field-block__help .dnb-section>.dnb-p--lead{margin-bottom:.5rem}@media screen and (min-width:40.00625em){.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__help .dnb-section{margin-bottom:0;margin-top:.5rem}}.dnb-forms-field-block__status{grid-area:status}.dnb-forms-field-block__status .dnb-form-status__shell{margin-top:.5rem;max-width:60ch}@media screen and (max-width:15em){.dnb-forms-field-block__status{width:90%}}.dnb-forms-field-block__contents{display:flex;grid-area:contents;width:100%}.dnb-forms-field-block__contents--width-stretch{width:100%}@media screen and (min-width:25.00625em){.dnb-forms-field-block__contents--width-custom{width:calc(var(--dnb-forms-field-block-content-width))}.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__composition--vertical .dnb-forms-field-block__contents{display:flex;flex-flow:column;row-gap:var(--spacing-x-small)}.dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}@media screen and (min-width:25.00625em){.dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents{align-items:flex-end}.dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents[class*=align-center]{align-items:center}}@media screen and (max-width:25em){.dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents{flex-flow:column;row-gap:var(--spacing-x-small)}.dnb-forms-field-block__composition>.dnb-forms-field-block__grid>.dnb-forms-submit-indicator{display:none}}@media screen and (min-width:25.00625em){.dnb-forms-field-block__composition>.dnb-forms-field-block__grid>.dnb-forms-field-block__contents .dnb-forms-submit-indicator{display:none}}.dnb-forms-button-row{display:flex;flex-flow:row;flex-wrap:wrap;gap:var(--spacing-small)}.dnb-card+.dnb-button--primary:not([class*=space__top]),.dnb-card+.dnb-forms-button-row:not([class*=space__top]){margin-top:var(--spacing-small)}.dnb-card+.dnb-button--primary:not([class*=space__top]) .dnb-button[class*=space__top],.dnb-card+.dnb-forms-button-row:not([class*=space__top]) .dnb-button[class*=space__top]{margin-top:0}@media screen and (min-width:40.00625em){.dnb-card:not([style*="--outset"])+.dnb-button--primary:not([class*=space__left]),.dnb-card:not([style*="--outset"])+.dnb-forms-button-row:not([class*=space__left]){margin-left:var(--spacing-medium)}}.dnb-spacing .dnb-forms-main-heading.dnb-h--large:not([class*=space__]){margin:0}.dnb-forms-main-heading+.dnb-help-button__content .dnb-section{margin-top:1rem}.dnb-forms-section-block{--block-outline-color:var(--outline-color,var(--color-lavender))}.dnb-forms-section-block--error:has(.dnb-form-status--error){--block-outline-color:var(--color-fire-red)}.dnb-forms-section-block:not(.dnb-height-animation--hidden){display:flex;flex-direction:column}.dnb-forms-section-block__inner{flex:1;outline:none;transform:translateY(-2.5rem);transition:transform .4s var(--easing-default) 50ms,box-shadow .8s var(--easing-default)}.dnb-forms-section-block__inner .dnb-dl .dnb-dd{margin-bottom:0}.dnb-forms-section-block--variant-basic{--border-color:transparent}.dnb-card .dnb-forms-section-block--variant-basic .dnb-card,.dnb-forms-section-block--variant-basic .dnb-card{--card-outline-color:transparent}.dnb-forms-section-block--no-animation .dnb-forms-section-block__inner{transform:translateY(0)}.dnb-forms-section-block.dnb-height-animation--is-visible .dnb-forms-section-block__inner{transform:translateY(-.5rem)}.dnb-forms-section-block.dnb-height-animation--parallax .dnb-forms-section-block__inner{transform:translateY(0)}.dnb-spacing .dnb-forms-sub-heading.dnb-h--medium:not([class*=space__]){margin:0}.dnb-forms-sub-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-forms-sub-heading+.dnb-help-button__content .dnb-section{margin-top:1rem}.dnb-forms-submit-indicator{--padding-left:0.5em;--font-animation:font-size var(--font-animation-duration,400ms) var(--easing-default);--opacity-animation:opacity var(--opacity-animation-duration,0ms) var(--easing-default) var(--opacity-animation-delay,0ms);display:inline}.dnb-forms-submit-indicator:has(.dnb-forms-submit-indicator__label){--font-animation-duration:400ms;--opacity-animation-duration:400ms;--opacity-animation-delay:250ms}.dnb-forms-submit-indicator__label{padding:.5em 0}.dnb-forms-submit-indicator__content{align-items:center;font-size:0;line-height:1em;opacity:0;transition:var(--font-animation),var(--opacity-animation);will-change:font-size opacity}.dnb-forms-submit-indicator__content b{animation-delay:.2s;animation-duration:1.3s;animation-iteration-count:infinite;animation-name:submit-indicator-dot;color:var(--dots-color,currentColor);font-weight:var(--font-weight-bold);opacity:.2;padding-left:.125em}.dnb-forms-submit-indicator__content b:first-of-type{animation-delay:50ms;padding-left:var(--padding-left)}.dnb-forms-submit-indicator__content b:nth-of-type(2){animation-delay:.2s}.dnb-forms-submit-indicator__content b:nth-of-type(3){animation-delay:.4s}html[data-visual-test] .dnb-forms-submit-indicator__content b{animation:none}.dnb-forms-submit-indicator--state-pending .dnb-forms-submit-indicator__content{font-size:1em;opacity:1}.dnb-forms-submit-indicator--inline-wrap .dnb-forms-submit-indicator__content{--padding-left:0.25em;display:flex}@keyframes submit-indicator-dot{0%{opacity:.2}15%{opacity:1}50%{opacity:1}60%{opacity:.3}to{opacity:.2}}@keyframes submit-indicator-success{0%{font-size:1em;opacity:.2}20%{font-size:1em;opacity:1}80%{opacity:1}85%{font-size:1em;opacity:.3}90%{opacity:0}to{font-size:0;opacity:0}}.dnb-forms-iterate__element{outline:none}.dnb-forms-iterate:has(.dnb-forms-iterate__element.dnb-space__top--small){--block-gap:var(--spacing-small)}.dnb-forms-iterate:has(.dnb-forms-iterate__element.dnb-space__top--medium){--block-gap:var(--spacing-medium)}.dnb-forms-iterate:has(.dnb-forms-iterate__element.dnb-space__top--large){--block-gap:var(--spacing-large)}.dnb-forms-iterate>.dnb-forms-iterate__element:has(>.dnb-forms-section-block){margin-top:0}.dnb-forms-iterate>.dnb-forms-iterate__element:has(>.dnb-forms-section-block) .dnb-forms-section-block__inner{margin-bottom:var(--block-gap,var(--spacing-large))}.dnb-forms-iterate>.dnb-forms-iterate__element:has(>.dnb-forms-section-block):has(~.dnb-forms-iterate__element)~.dnb-hr{margin-bottom:var(--block-gap);margin-top:0}.dnb-forms-value-upload__item .dnb-progress-indicator{display:inline-flex;vertical-align:middle}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not([class*=dnb-space])>.dnb-dd>.dnb-dl,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal)>.dnb-dd>.dnb-dl{margin:0}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dd:empty,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt:empty{display:none}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd{margin-bottom:var(--spacing-medium);transition:margin-bottom .3s var(--easing-default)}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd:has(~.dnb-dt:empty~.dnb-dd:empty),.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd:last-of-type{margin-bottom:0}.dnb-forms-value-block{display:block;font-size:var(--font-size-basis)}.dnb-forms-value-block--inline:not([class*=__composition]){display:inline-block;font-size:inherit}.dnb-forms-value-block__label,.dnb-forms-value-block__label strong{font-weight:var(--font-weight-medium)}.dnb-forms-value-block__placeholder{color:var(--color-black-80)}.dnb-forms-value-block--max-width-stretch{width:100%}@media screen and (min-width:25.00625em){.dnb-forms-value-block--max-width-small{max-width:var(--forms-field-width--small)}.dnb-forms-value-block--max-width-medium{max-width:var(--forms-field-width--medium)}.dnb-forms-value-block--max-width-large{max-width:var(--forms-field-width--large)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{-moz-column-gap:var(--column-gap,0);column-gap:var(--column-gap,0);display:flex;flex-flow:row;row-gap:var(--row-gap,var(--spacing-medium))}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-none{--column-gap:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-xx-small{--column-gap:var(--spacing-xx-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-x-small{--column-gap:var(--spacing-x-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-small{--column-gap:var(--spacing-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-medium{--column-gap:var(--spacing-medium)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-large{--column-gap:var(--spacing-large)}@media screen and (min-width:25.00625em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{align-items:flex-start}}@media screen and (max-width:25em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{flex-flow:column}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not(:has(.dnb-forms-value-block__label)){--row-gap:var(--spacing-x-small)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dd,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dt{margin:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl>.dnb-dd{margin-bottom:0}.dnb-forms-wizard-layout{-moz-column-gap:var(--spacing-x-large);column-gap:var(--spacing-x-large);display:flex;flex-flow:row wrap}.dnb-forms-wizard-layout--drawer{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__indicator{flex:0;margin-bottom:2rem}.dnb-forms-wizard-layout__contents{flex:1}.dnb-forms-wizard-layout__contents .dnb-forms-step{outline:none}.dnb-forms-wizard-layout__contents .dnb-forms-button-row>.appear-fx,.dnb-forms-wizard-layout__contents .dnb-forms-step>.appear-fx{--appear-opacity:0;--appear-offset:-0.25rem;animation:appear .6s var(--easing-default) forwards;animation-delay:calc(var(--element-index, 0)*30ms);opacity:var(--appear-opacity);transform:translate3d(var(--appear-offset),0,0)}@keyframes appear{0%{opacity:var(--appear-opacity);transform:translate3d(var(--appear-offset),0,0)}80%{opacity:1}to{opacity:1;transform:translateZ(0)}}@media screen and (max-width:60em){.dnb-forms-wizard-layout{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__contents{flex-basis:auto}}.dnb-forms-wizard-layout .dnb-step-indicator__sidebar{margin-right:0}@media screen and (min-width:60.00625em){.dnb-forms-form:has(.dnb-forms-wizard-layout--sidebar) .dnb-forms-form__status-message{margin-left:21.5rem}}.dnb-forms-test-element{border:1px dashed grey;border-radius:.5rem;color:#909090;display:flex;padding:.5rem 1rem;width:100%}:root{--sb-font-family-default:"Roboto","Helvetica","Arial",sans-serif;--sb-font-family-heading:"MaisonNeueHeadings","Roboto","Helvetica","Arial",sans-serif;--sb-font-weight-default:normal;--sb-font-weight-basis:normal;--sb-font-weight-regular:normal;--sb-font-weight-medium:500;--sb-font-weight-bold:700;--sb-font-size-x-small:0.75rem;--sb-font-size-small:0.875rem;--sb-font-size-basis:1rem;--sb-font-size-basis--em:1em;--sb-font-size-lead:var(--font-size-medium);--sb-font-size-medium:1.25rem;--sb-font-size-medium--plus:1.625rem;--sb-font-size-large:2rem;--sb-font-size-x-large:2.375rem;--sb-font-size-xx-large:3rem;--sb-line-height-x-small:1.125rem;--sb-line-height-small:1.25rem;--sb-line-height-basis:1.5rem;--sb-line-height-basis--em:1.5em;--sb-line-height-lead:1.75rem;--sb-line-height-medium:2rem;--sb-line-height-large:2.375rem;--sb-line-height-x-large:2.75rem;--sb-line-height-xx-large:3.375rem;--sb-color-black:#000;--sb-color-text:#18172a;--sb-color-gray-dark-3:#3a3a4a;--sb-color-gray-dark-3-neutral:#3e3e4a;--sb-color-gray-dark-2:#4a4a5b;--sb-color-gray-dark-2-neutral:#656472;--sb-color-gray-dark:#666578;--sb-color-gray-dark-neutral:#9494a3;--sb-color-gray:#bbbbce;--sb-color-gray-neutral:#bdbdc6;--sb-color-gray-light:#d9d9e4;--sb-color-gray-light-2:#ebebf2;--sb-color-gray-light-3:#f9f9fd;--sb-color-purple:#1c1b4e;--sb-color-purple-alternative:#222163;--sb-color-green:#92eecd;--sb-color-white:#fff;--sb-color-red:#d8134b;--sb-color-magenta:#ff3c64;--sb-color-orange:#ff5b44;--sb-color-yellow-dark:#f7bf16;--sb-color-yellow:#ffef57;--sb-color-green-dark-3:#00785b;--sb-color-green-dark-2:#1e9f73;--sb-color-violet:#4e08bc;--sb-color-violet-light:#7129e2;--sb-color-blue-dark-2:#044ccc;--sb-color-blue-dark:#005cff;--sb-color-blue:#008eff;--sb-color-orange-light:#ff817b;--sb-color-orange-light-2:#ffd7d5;--sb-color-orange-light-3:#fff0ef;--sb-color-magenta-light:#ffb6d2;--sb-color-magenta-light-2:#ffdbe9;--sb-color-magenta-light-3:#fff5f9;--sb-color-yellow-light:#fff489;--sb-color-yellow-light-2:#fff9c4;--sb-color-yellow-light-3:#fffce5;--sb-color-green-dark:#64d7b4;--sb-color-green-light:#c8f6e5;--sb-color-green-light-2:#e5fff7;--sb-color-violet-light-2:#be99ff;--sb-color-violet-light-3:#e0d0ff;--sb-color-violet-light-4:#f1ebff;--sb-color-blue-light:#61b9ff;--sb-color-blue-light-2:#bfe3ff;--sb-color-blue-light-3:#ebf6ff;--sb-spacing-x-small:0.5rem;--sb-spacing-small:1rem;--sb-spacing-medium:1.5rem;--sb-spacing-large:2rem;--sb-spacing-x-large:3rem;--sb-spacing-xx-large:3.5rem;--sb-layout-small:40em;--sb-layout-medium:60em;--sb-layout-large:72em;--sb-layout-x-large:80em;--sb-layout-xx-large:90em;--sb-shadow-small:0 2px 4px rgba(38,35,66,.12);--sb-shadow-medium:0 5px 20px rgba(38,35,66,.1);--sb-shadow-large:0 5px 20px rgba(38,35,66,.2);--sb-shadow-hover:0 20px 40px rgba(38,35,66,.2);--sb-easing-default:cubic-bezier(0.42,0,0,1)}.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;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--design-sbanken-mastercard{background:var(--sb-color-purple);color:var(--color-white)}.dnb-payment-card__card--design-sbanken-visa{background:var(--color-white);color:var(--sb-color-text)}.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--design-sbanken-mastercard:after{background:none}.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__card__credit{position:absolute;right:0;top:6px}.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{--row-gap:var(--spacing-x-small)}.dnb-forms-field-array-selection--variant-button{--row-gap:var(--spacing-small)}.dnb-forms-field-array-selection--options-layout--vertical .dnb-forms-field-array-selection__options{display:flex;flex-flow:column;row-gap:var(--row-gap)}.dnb-forms-field-array-selection--options-layout--vertical.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-block__label{align-items:flex-start}.dnb-forms-field-array-selection--variant-button.dnb-forms-field-array-selection--options-layout--vertical.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-block__label{line-height:2.5rem}.dnb-forms-field-array-selection--options-layout--horizontal .dnb-forms-field-array-selection__options{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row wrap;row-gap:var(--row-gap)}@media screen and (min-width:40.00625em){.dnb-forms-field-array-selection .dnb-forms-field-block--layout-horizontal .dnb-form-label{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--has-controls .dnb-input__input{align-items:center}.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border{border-radius:0}.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border,.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within,.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:hover,html[data-whatinput=keyboard] .dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within{box-shadow:none}.dnb-forms-field-number__contents--has-controls>.dnb-input__border--root{--input-border-inset: ;--input-border-inset--hover: ;--input-border-inset--active: ;--input-border-inset--focus: ;--input-border-inset--disabled: }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-input__status--error .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before{color:var(--number-control-button--error)}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--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-input__status--error .dnb-button--control-after:active[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active[disabled]{cursor:not-allowed}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active:not([disabled]),.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--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-input__status--error .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before[disabled]{color:var(--number-control-button--error-contrast)}.dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input--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-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-before{width:var(--number-control-button-width--large)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-input__border{flex-grow:1}@media screen and (max-width:xx-small0){.dnb-forms-field-number .dnb-input__shell{width:90%}}.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--options-layout--vertical.dnb-forms-field-selection--layout-horizontal .dnb-forms-field-block__label{align-items:flex-start}.dnb-forms-field-selection__variant--button .dnb-forms-field-block--layout-horizontal .dnb-form-label{line-height:2.5rem}.dnb-forms-field-selection .dnb-forms-field-block__contents{display:flex}.dnb-forms-field-selection .dnb-radio-group .dnb-height-animation,.dnb-forms-field-selection .dnb-radio-group>.dnb-flex-container,.dnb-forms-field-selection .dnb-toggle-button-group .dnb-height-animation,.dnb-forms-field-selection .dnb-toggle-button-group>.dnb-flex-container{flex-grow:1;width:100%}.dnb-forms-field-string .dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__label.dnb-form-label{align-items:baseline}@media screen and (max-width:xx-small0){.dnb-forms-field-string .dnb-input__shell{width:90%}}.dnb-forms-field-upload .dnb-help-button__content .dnb-section{margin-left:var(--upload-border-width);margin-right:var(--upload-border-width)}: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__bottom]){margin-bottom:0}fieldset.dnb-forms-field-block:not([class*=space__left]){margin-left:0}fieldset.dnb-forms-field-block:not([class*=space__right]){margin-right:0}.dnb-forms-field-block{--label-margin:0.25rem;--max-width:var(--forms-field-width--large)}.dnb-forms-field-block__grid{display:grid;grid-template-areas:"label" "help" "contents" "indicator" "status";grid-template-columns:minmax(min-content,var(--block-content-width,auto))}.dnb-forms-field-block--label-height-small{--label-margin:0}.dnb-forms-field-block--label-height-medium{--label-margin:0.5rem}.dnb-forms-field-block--label-height-large{--label-margin:0.7rem}.dnb-forms-field-block--width-stretch{flex-grow:1}.dnb-forms-field-block--width-stretch label.dnb-form-label{max-width:none}@media screen and (min-width:25.00625em){.dnb-forms-field-block--width-custom{width:calc(var(--dnb-forms-field-block-width))}.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:not([class*="--content-width"]){--max-width:60ch}.dnb-forms-field-block__label,.dnb-forms-field-block__label.dnb-form-label{align-items:center;display:flex;grid-area:label;margin-right:0;max-width:var(--max-width)}.dnb-forms-field-block__label.dnb-form-label__description,.dnb-forms-field-block__label__description{margin-left:.3em}.dnb-forms-field-block__label.dnb-form-label__content:has(+.dnb-help-button),.dnb-forms-field-block__label.dnb-form-label__description:has(+.dnb-help-button),.dnb-forms-field-block__label__content:has(+.dnb-help-button),.dnb-forms-field-block__label__description:has(+.dnb-help-button){margin-right:.5rem}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-vertical{flex-wrap:wrap}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-vertical>.dnb-form-label{margin-bottom:.5rem}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__label{margin-right:1rem}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal>.dnb-form-label{margin-bottom:var(--label-margin);margin-top:var(--label-margin)}@media screen and (max-width:40em){.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal>.dnb-form-label{margin-bottom:calc(var(--label-margin) + .5rem)}}@media screen and (min-width:40.00625em){.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal{grid-template-areas:"label contents" ". help" ". indicator" ". status";grid-template-columns:minmax(var(--dnb-forms-field-block-layout-width-min,min-content),var(--dnb-forms-field-block-layout-width-max,max-content)) auto}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-help-button__content{--help-button-indent-width:0}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-help-button__content .dnb-section{--rounded-corner:0.25rem;align-self:flex-start}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__contents{align-self:end}}.dnb-forms-field-block__indicator{grid-area:indicator;position:relative}.dnb-forms-field-block__indicator .dnb-forms-submit-indicator__content{position:absolute}.dnb-forms-field-block__help{display:flex;flex-flow:column;grid-area:help}.dnb-forms-field-block__help .dnb-section{margin-bottom:1rem}.dnb-forms-field-block__help .dnb-section>.dnb-p--lead{margin-bottom:.5rem}@media screen and (min-width:40.00625em){.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__help .dnb-section{margin-bottom:0;margin-top:.5rem}}.dnb-forms-field-block__status{grid-area:status}.dnb-forms-field-block__status .dnb-form-status__shell{margin-top:.5rem;max-width:60ch}@media screen and (max-width:15em){.dnb-forms-field-block__status{width:90%}}.dnb-forms-field-block__contents{display:flex;grid-area:contents;width:100%}.dnb-forms-field-block__contents--width-stretch{width:100%}@media screen and (min-width:25.00625em){.dnb-forms-field-block__contents--width-custom{width:calc(var(--dnb-forms-field-block-content-width))}.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__composition--vertical .dnb-forms-field-block__contents{display:flex;flex-flow:column;row-gap:var(--spacing-x-small)}.dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}@media screen and (min-width:25.00625em){.dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents{align-items:flex-end}.dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents[class*=align-center]{align-items:center}}@media screen and (max-width:25em){.dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents{flex-flow:column;row-gap:var(--spacing-x-small)}.dnb-forms-field-block__composition>.dnb-forms-field-block__grid>.dnb-forms-submit-indicator{display:none}}@media screen and (min-width:25.00625em){.dnb-forms-field-block__composition>.dnb-forms-field-block__grid>.dnb-forms-field-block__contents .dnb-forms-submit-indicator{display:none}}.dnb-forms-button-row{display:flex;flex-flow:row;flex-wrap:wrap;gap:var(--spacing-small)}.dnb-card+.dnb-button--primary:not([class*=space__top]),.dnb-card+.dnb-forms-button-row:not([class*=space__top]){margin-top:var(--spacing-small)}.dnb-card+.dnb-button--primary:not([class*=space__top]) .dnb-button[class*=space__top],.dnb-card+.dnb-forms-button-row:not([class*=space__top]) .dnb-button[class*=space__top]{margin-top:0}@media screen and (min-width:40.00625em){.dnb-card:not([style*="--outset"])+.dnb-button--primary:not([class*=space__left]),.dnb-card:not([style*="--outset"])+.dnb-forms-button-row:not([class*=space__left]){margin-left:var(--spacing-medium)}}.dnb-spacing .dnb-forms-main-heading.dnb-h--large:not([class*=space__]){margin:0}.dnb-forms-main-heading+.dnb-help-button__content .dnb-section{margin-top:1rem}.dnb-forms-section-block{--block-outline-color:var(--outline-color,var(--color-lavender))}.dnb-forms-section-block--error:has(.dnb-form-status--error){--block-outline-color:var(--color-fire-red)}.dnb-forms-section-block:not(.dnb-height-animation--hidden){display:flex;flex-direction:column}.dnb-forms-section-block__inner{flex:1;outline:none;transform:translateY(-2.5rem);transition:transform .4s var(--easing-default) 50ms,box-shadow .8s var(--easing-default)}.dnb-forms-section-block__inner .dnb-dl .dnb-dd{margin-bottom:0}.dnb-forms-section-block--variant-basic{--border-color:transparent}.dnb-card .dnb-forms-section-block--variant-basic .dnb-card,.dnb-forms-section-block--variant-basic .dnb-card{--card-outline-color:transparent}.dnb-forms-section-block--no-animation .dnb-forms-section-block__inner{transform:translateY(0)}.dnb-forms-section-block.dnb-height-animation--is-visible .dnb-forms-section-block__inner{transform:translateY(-.5rem)}.dnb-forms-section-block.dnb-height-animation--parallax .dnb-forms-section-block__inner{transform:translateY(0)}.dnb-spacing .dnb-forms-sub-heading.dnb-h--medium:not([class*=space__]){margin:0}.dnb-forms-sub-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-forms-sub-heading+.dnb-help-button__content .dnb-section{margin-top:1rem}.dnb-forms-submit-indicator{--padding-left:0.5em;--font-animation:font-size var(--font-animation-duration,400ms) var(--easing-default);--opacity-animation:opacity var(--opacity-animation-duration,0ms) var(--easing-default) var(--opacity-animation-delay,0ms);display:inline}.dnb-forms-submit-indicator:has(.dnb-forms-submit-indicator__label){--font-animation-duration:400ms;--opacity-animation-duration:400ms;--opacity-animation-delay:250ms}.dnb-forms-submit-indicator__label{padding:.5em 0}.dnb-forms-submit-indicator__content{align-items:center;font-size:0;line-height:1em;opacity:0;transition:var(--font-animation),var(--opacity-animation);will-change:font-size opacity}.dnb-forms-submit-indicator__content b{animation-delay:.2s;animation-duration:1.3s;animation-iteration-count:infinite;animation-name:submit-indicator-dot;color:var(--dots-color,currentColor);font-weight:var(--font-weight-bold);opacity:.2;padding-left:.125em}.dnb-forms-submit-indicator__content b:first-of-type{animation-delay:50ms;padding-left:var(--padding-left)}.dnb-forms-submit-indicator__content b:nth-of-type(2){animation-delay:.2s}.dnb-forms-submit-indicator__content b:nth-of-type(3){animation-delay:.4s}html[data-visual-test] .dnb-forms-submit-indicator__content b{animation:none}.dnb-forms-submit-indicator--state-pending .dnb-forms-submit-indicator__content{font-size:1em;opacity:1}.dnb-forms-submit-indicator--inline-wrap .dnb-forms-submit-indicator__content{--padding-left:0.25em;display:flex}@keyframes submit-indicator-dot{0%{opacity:.2}15%{opacity:1}50%{opacity:1}60%{opacity:.3}to{opacity:.2}}@keyframes submit-indicator-success{0%{font-size:1em;opacity:.2}20%{font-size:1em;opacity:1}80%{opacity:1}85%{font-size:1em;opacity:.3}90%{opacity:0}to{font-size:0;opacity:0}}.dnb-forms-iterate__element{outline:none}.dnb-forms-iterate:has(.dnb-forms-iterate__element.dnb-space__top--small){--block-gap:var(--spacing-small)}.dnb-forms-iterate:has(.dnb-forms-iterate__element.dnb-space__top--medium){--block-gap:var(--spacing-medium)}.dnb-forms-iterate:has(.dnb-forms-iterate__element.dnb-space__top--large){--block-gap:var(--spacing-large)}.dnb-forms-iterate>.dnb-forms-iterate__element:has(>.dnb-forms-section-block){margin-top:0}.dnb-forms-iterate>.dnb-forms-iterate__element:has(>.dnb-forms-section-block) .dnb-forms-section-block__inner{margin-bottom:var(--block-gap,var(--spacing-large))}.dnb-forms-iterate>.dnb-forms-iterate__element:has(>.dnb-forms-section-block):has(~.dnb-forms-iterate__element)~.dnb-hr{margin-bottom:var(--block-gap);margin-top:0}.dnb-forms-value-upload__item .dnb-progress-indicator{display:inline-flex;vertical-align:middle}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not([class*=dnb-space])>.dnb-dd>.dnb-dl,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal)>.dnb-dd>.dnb-dl{margin:0}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dd:empty,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt:empty{display:none}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd{margin-bottom:var(--spacing-medium);transition:margin-bottom .3s var(--easing-default)}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd:has(~.dnb-dt:empty~.dnb-dd:empty),.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd:last-of-type{margin-bottom:0}.dnb-forms-value-block{display:block;font-size:var(--font-size-basis)}.dnb-forms-value-block--inline:not([class*=__composition]){display:inline-block;font-size:inherit}.dnb-forms-value-block__label,.dnb-forms-value-block__label strong{font-weight:var(--font-weight-medium)}.dnb-forms-value-block__placeholder{color:var(--color-black-80)}.dnb-forms-value-block--max-width-stretch{width:100%}@media screen and (min-width:25.00625em){.dnb-forms-value-block--max-width-small{max-width:var(--forms-field-width--small)}.dnb-forms-value-block--max-width-medium{max-width:var(--forms-field-width--medium)}.dnb-forms-value-block--max-width-large{max-width:var(--forms-field-width--large)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{-moz-column-gap:var(--column-gap,0);column-gap:var(--column-gap,0);display:flex;flex-flow:row;row-gap:var(--row-gap,var(--spacing-medium))}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-none{--column-gap:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-xx-small{--column-gap:var(--spacing-xx-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-x-small{--column-gap:var(--spacing-x-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-small{--column-gap:var(--spacing-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-medium{--column-gap:var(--spacing-medium)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-large{--column-gap:var(--spacing-large)}@media screen and (min-width:25.00625em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{align-items:flex-start}}@media screen and (max-width:25em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{flex-flow:column}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not(:has(.dnb-forms-value-block__label)){--row-gap:var(--spacing-x-small)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dd,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dt{margin:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl>.dnb-dd{margin-bottom:0}.dnb-forms-wizard-layout{-moz-column-gap:var(--spacing-x-large);column-gap:var(--spacing-x-large);display:flex;flex-flow:row wrap}.dnb-forms-wizard-layout--drawer{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__indicator{flex:0;margin-bottom:2rem}.dnb-forms-wizard-layout__contents{flex:1}.dnb-forms-wizard-layout__contents .dnb-forms-step{outline:none}.dnb-forms-wizard-layout__contents .dnb-forms-button-row>.appear-fx,.dnb-forms-wizard-layout__contents .dnb-forms-step>.appear-fx{--appear-opacity:0;--appear-offset:-0.25rem;animation:appear .6s var(--easing-default) forwards;animation-delay:calc(var(--element-index, 0)*30ms);opacity:var(--appear-opacity);transform:translate3d(var(--appear-offset),0,0)}@keyframes appear{0%{opacity:var(--appear-opacity);transform:translate3d(var(--appear-offset),0,0)}80%{opacity:1}to{opacity:1;transform:translateZ(0)}}@media screen and (max-width:60em){.dnb-forms-wizard-layout{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__contents{flex-basis:auto}}.dnb-forms-wizard-layout .dnb-step-indicator__sidebar{margin-right:0}@media screen and (min-width:60.00625em){.dnb-forms-form:has(.dnb-forms-wizard-layout--sidebar) .dnb-forms-form__status-message{margin-left:21.5rem}}.dnb-forms-test-element{border:1px dashed grey;border-radius:.5rem;color:#909090;display:flex;padding:.5rem 1rem;width:100%}:root{--sb-font-family-default:"Roboto","Helvetica","Arial",sans-serif;--sb-font-family-heading:"MaisonNeueHeadings","Roboto","Helvetica","Arial",sans-serif;--sb-font-weight-default:normal;--sb-font-weight-basis:normal;--sb-font-weight-regular:normal;--sb-font-weight-medium:500;--sb-font-weight-bold:700;--sb-font-size-x-small:0.75rem;--sb-font-size-small:0.875rem;--sb-font-size-basis:1rem;--sb-font-size-basis--em:1em;--sb-font-size-lead:var(--font-size-medium);--sb-font-size-medium:1.25rem;--sb-font-size-medium--plus:1.625rem;--sb-font-size-large:2rem;--sb-font-size-x-large:2.375rem;--sb-font-size-xx-large:3rem;--sb-line-height-x-small:1.125rem;--sb-line-height-small:1.25rem;--sb-line-height-basis:1.5rem;--sb-line-height-basis--em:1.5em;--sb-line-height-lead:1.75rem;--sb-line-height-medium:2rem;--sb-line-height-large:2.375rem;--sb-line-height-x-large:2.75rem;--sb-line-height-xx-large:3.375rem;--sb-color-black:#000;--sb-color-text:#18172a;--sb-color-gray-dark-3:#3a3a4a;--sb-color-gray-dark-3-neutral:#3e3e4a;--sb-color-gray-dark-2:#4a4a5b;--sb-color-gray-dark-2-neutral:#656472;--sb-color-gray-dark:#666578;--sb-color-gray-dark-neutral:#9494a3;--sb-color-gray:#bbbbce;--sb-color-gray-neutral:#bdbdc6;--sb-color-gray-light:#d9d9e4;--sb-color-gray-light-2:#ebebf2;--sb-color-gray-light-3:#f9f9fd;--sb-color-purple:#1c1b4e;--sb-color-purple-alternative:#222163;--sb-color-green:#92eecd;--sb-color-white:#fff;--sb-color-red:#d8134b;--sb-color-magenta:#ff3c64;--sb-color-orange:#ff5b44;--sb-color-yellow-dark:#f7bf16;--sb-color-yellow:#ffef57;--sb-color-green-dark-3:#00785b;--sb-color-green-dark-2:#1e9f73;--sb-color-violet:#4e08bc;--sb-color-violet-light:#7129e2;--sb-color-blue-dark-2:#044ccc;--sb-color-blue-dark:#005cff;--sb-color-blue:#008eff;--sb-color-orange-light:#ff817b;--sb-color-orange-light-2:#ffd7d5;--sb-color-orange-light-3:#fff0ef;--sb-color-magenta-light:#ffb6d2;--sb-color-magenta-light-2:#ffdbe9;--sb-color-magenta-light-3:#fff5f9;--sb-color-yellow-light:#fff489;--sb-color-yellow-light-2:#fff9c4;--sb-color-yellow-light-3:#fffce5;--sb-color-green-dark:#64d7b4;--sb-color-green-light:#c8f6e5;--sb-color-green-light-2:#e5fff7;--sb-color-violet-light-2:#be99ff;--sb-color-violet-light-3:#e0d0ff;--sb-color-violet-light-4:#f1ebff;--sb-color-blue-light:#61b9ff;--sb-color-blue-light-2:#bfe3ff;--sb-color-blue-light-3:#ebf6ff;--sb-spacing-x-small:0.5rem;--sb-spacing-small:1rem;--sb-spacing-medium:1.5rem;--sb-spacing-large:2rem;--sb-spacing-x-large:3rem;--sb-spacing-xx-large:3.5rem;--sb-layout-small:40em;--sb-layout-medium:60em;--sb-layout-large:72em;--sb-layout-x-large:80em;--sb-layout-xx-large:90em;--sb-shadow-small:0 2px 4px rgba(38,35,66,.12);--sb-shadow-medium:0 5px 20px rgba(38,35,66,.1);--sb-shadow-large:0 5px 20px rgba(38,35,66,.2);--sb-shadow-hover:0 20px 40px rgba(38,35,66,.2);--sb-easing-default:cubic-bezier(0.42,0,0,1)}.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;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--design-sbanken-mastercard{background:var(--sb-color-purple);color:var(--color-white)}.dnb-payment-card__card--design-sbanken-visa{background:var(--color-white);color:var(--sb-color-text)}.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--design-sbanken-mastercard:after{background:none}.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__card__credit{position:absolute;right:0;top:6px}.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
package/cjs/style/themes/theme-ui/ui-theme-forms.css CHANGED
@@ -368,6 +368,10 @@ fieldset.dnb-forms-field-block:not([class*=space__right]) {
368
368
  }
369
369
  .dnb-forms-field-block__indicator {
370
370
  grid-area: indicator;
371
+ position: relative;
372
+ }
373
+ .dnb-forms-field-block__indicator .dnb-forms-submit-indicator__content {
374
+ position: absolute;
371
375
  }
372
376
  .dnb-forms-field-block__help {
373
377
  grid-area: help;
package/cjs/style/themes/theme-ui/ui-theme-forms.min.css CHANGED
@@ -1,4 +1,4 @@
1
- .dnb-forms-field-array-selection{--row-gap:var(--spacing-x-small)}.dnb-forms-field-array-selection--variant-button{--row-gap:var(--spacing-small)}.dnb-forms-field-array-selection--options-layout--vertical .dnb-forms-field-array-selection__options{display:flex;flex-flow:column;row-gap:var(--row-gap)}.dnb-forms-field-array-selection--options-layout--vertical.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-block__label{align-items:flex-start}.dnb-forms-field-array-selection--variant-button.dnb-forms-field-array-selection--options-layout--vertical.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-block__label{line-height:2.5rem}.dnb-forms-field-array-selection--options-layout--horizontal .dnb-forms-field-array-selection__options{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row wrap;row-gap:var(--row-gap)}@media screen and (min-width:40.00625em){.dnb-forms-field-array-selection .dnb-forms-field-block--layout-horizontal .dnb-form-label{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--has-controls .dnb-input__input{align-items:center}.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border{border-radius:0}.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border,.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within,.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:hover,html[data-whatinput=keyboard] .dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within{box-shadow:none}.dnb-forms-field-number__contents--has-controls>.dnb-input__border--root{--input-border-inset: ;--input-border-inset--hover: ;--input-border-inset--active: ;--input-border-inset--focus: ;--input-border-inset--disabled: }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-input__status--error .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before{color:var(--number-control-button--error)}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--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-input__status--error .dnb-button--control-after:active[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active[disabled]{cursor:not-allowed}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active:not([disabled]),.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--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-input__status--error .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before[disabled]{color:var(--number-control-button--error-contrast)}.dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input--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-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-before{width:var(--number-control-button-width--large)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-input__border{flex-grow:1}@media screen and (max-width:xx-small0){.dnb-forms-field-number .dnb-input__shell{width:90%}}.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--options-layout--vertical.dnb-forms-field-selection--layout-horizontal .dnb-forms-field-block__label{align-items:flex-start}.dnb-forms-field-selection__variant--button .dnb-forms-field-block--layout-horizontal .dnb-form-label{line-height:2.5rem}.dnb-forms-field-selection .dnb-forms-field-block__contents{display:flex}.dnb-forms-field-selection .dnb-radio-group .dnb-height-animation,.dnb-forms-field-selection .dnb-radio-group>.dnb-flex-container,.dnb-forms-field-selection .dnb-toggle-button-group .dnb-height-animation,.dnb-forms-field-selection .dnb-toggle-button-group>.dnb-flex-container{flex-grow:1;width:100%}.dnb-forms-field-string .dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__label.dnb-form-label{align-items:baseline}@media screen and (max-width:xx-small0){.dnb-forms-field-string .dnb-input__shell{width:90%}}.dnb-forms-field-upload .dnb-help-button__content .dnb-section{margin-left:var(--upload-border-width);margin-right:var(--upload-border-width)}: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__bottom]){margin-bottom:0}fieldset.dnb-forms-field-block:not([class*=space__left]){margin-left:0}fieldset.dnb-forms-field-block:not([class*=space__right]){margin-right:0}.dnb-forms-field-block{--label-margin:0.25rem;--max-width:var(--forms-field-width--large)}.dnb-forms-field-block__grid{display:grid;grid-template-areas:"label" "help" "contents" "indicator" "status";grid-template-columns:minmax(min-content,var(--block-content-width,auto))}.dnb-forms-field-block--label-height-small{--label-margin:0}.dnb-forms-field-block--label-height-medium{--label-margin:0.5rem}.dnb-forms-field-block--label-height-large{--label-margin:0.7rem}.dnb-forms-field-block--width-stretch{flex-grow:1}.dnb-forms-field-block--width-stretch label.dnb-form-label{max-width:none}@media screen and (min-width:25.00625em){.dnb-forms-field-block--width-custom{width:calc(var(--dnb-forms-field-block-width))}.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:not([class*="--content-width"]){--max-width:60ch}.dnb-forms-field-block__label,.dnb-forms-field-block__label.dnb-form-label{align-items:center;display:flex;grid-area:label;margin-right:0;max-width:var(--max-width)}.dnb-forms-field-block__label.dnb-form-label__description,.dnb-forms-field-block__label__description{margin-left:.3em}.dnb-forms-field-block__label.dnb-form-label__content:has(+.dnb-help-button),.dnb-forms-field-block__label.dnb-form-label__description:has(+.dnb-help-button),.dnb-forms-field-block__label__content:has(+.dnb-help-button),.dnb-forms-field-block__label__description:has(+.dnb-help-button){margin-right:.5rem}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-vertical{flex-wrap:wrap}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-vertical>.dnb-form-label{margin-bottom:.5rem}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__label{margin-right:1rem}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal>.dnb-form-label{margin-bottom:var(--label-margin);margin-top:var(--label-margin)}@media screen and (max-width:40em){.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal>.dnb-form-label{margin-bottom:calc(var(--label-margin) + .5rem)}}@media screen and (min-width:40.00625em){.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal{grid-template-areas:"label contents" ". help" ". indicator" ". status";grid-template-columns:minmax(var(--dnb-forms-field-block-layout-width-min,min-content),var(--dnb-forms-field-block-layout-width-max,max-content)) auto}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-help-button__content{--help-button-indent-width:0}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-help-button__content .dnb-section{--rounded-corner:0.25rem;align-self:flex-start}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__contents{align-self:end}}.dnb-forms-field-block__indicator{grid-area:indicator}.dnb-forms-field-block__help{display:flex;flex-flow:column;grid-area:help}.dnb-forms-field-block__help .dnb-section{margin-bottom:1rem}.dnb-forms-field-block__help .dnb-section>.dnb-p--lead{margin-bottom:.5rem}@media screen and (min-width:40.00625em){.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__help .dnb-section{margin-bottom:0;margin-top:.5rem}}.dnb-forms-field-block__status{grid-area:status}.dnb-forms-field-block__status .dnb-form-status__shell{margin-top:.5rem;max-width:60ch}@media screen and (max-width:15em){.dnb-forms-field-block__status{width:90%}}.dnb-forms-field-block__contents{display:flex;grid-area:contents;width:100%}.dnb-forms-field-block__contents--width-stretch{width:100%}@media screen and (min-width:25.00625em){.dnb-forms-field-block__contents--width-custom{width:calc(var(--dnb-forms-field-block-content-width))}.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__composition--vertical .dnb-forms-field-block__contents{display:flex;flex-flow:column;row-gap:var(--spacing-x-small)}.dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}@media screen and (min-width:25.00625em){.dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents{align-items:flex-end}.dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents[class*=align-center]{align-items:center}}@media screen and (max-width:25em){.dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents{flex-flow:column;row-gap:var(--spacing-x-small)}.dnb-forms-field-block__composition>.dnb-forms-field-block__grid>.dnb-forms-submit-indicator{display:none}}@media screen and (min-width:25.00625em){.dnb-forms-field-block__composition>.dnb-forms-field-block__grid>.dnb-forms-field-block__contents .dnb-forms-submit-indicator{display:none}}.dnb-forms-button-row{display:flex;flex-flow:row;flex-wrap:wrap;gap:var(--spacing-small)}.dnb-card+.dnb-button--primary:not([class*=space__top]),.dnb-card+.dnb-forms-button-row:not([class*=space__top]){margin-top:var(--spacing-small)}.dnb-card+.dnb-button--primary:not([class*=space__top]) .dnb-button[class*=space__top],.dnb-card+.dnb-forms-button-row:not([class*=space__top]) .dnb-button[class*=space__top]{margin-top:0}@media screen and (min-width:40.00625em){.dnb-card:not([style*="--outset"])+.dnb-button--primary:not([class*=space__left]),.dnb-card:not([style*="--outset"])+.dnb-forms-button-row:not([class*=space__left]){margin-left:var(--spacing-medium)}}.dnb-spacing .dnb-forms-main-heading.dnb-h--large:not([class*=space__]){margin:0}.dnb-forms-main-heading+.dnb-help-button__content .dnb-section{margin-top:1rem}.dnb-forms-section-block{--block-outline-color:var(--outline-color,var(--color-lavender))}.dnb-forms-section-block--error:has(.dnb-form-status--error){--block-outline-color:var(--color-fire-red)}.dnb-forms-section-block:not(.dnb-height-animation--hidden){display:flex;flex-direction:column}.dnb-forms-section-block__inner{flex:1;outline:none;transform:translateY(-2.5rem);transition:transform .4s var(--easing-default) 50ms,box-shadow .8s var(--easing-default)}.dnb-forms-section-block__inner .dnb-dl .dnb-dd{margin-bottom:0}.dnb-forms-section-block--variant-basic{--border-color:transparent}.dnb-card .dnb-forms-section-block--variant-basic .dnb-card,.dnb-forms-section-block--variant-basic .dnb-card{--card-outline-color:transparent}.dnb-forms-section-block--no-animation .dnb-forms-section-block__inner{transform:translateY(0)}.dnb-forms-section-block.dnb-height-animation--is-visible .dnb-forms-section-block__inner{transform:translateY(-.5rem)}.dnb-forms-section-block.dnb-height-animation--parallax .dnb-forms-section-block__inner{transform:translateY(0)}.dnb-spacing .dnb-forms-sub-heading.dnb-h--medium:not([class*=space__]){margin:0}.dnb-forms-sub-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-forms-sub-heading+.dnb-help-button__content .dnb-section{margin-top:1rem}.dnb-forms-submit-indicator{--padding-left:0.5em;--font-animation:font-size var(--font-animation-duration,400ms) var(--easing-default);--opacity-animation:opacity var(--opacity-animation-duration,0ms) var(--easing-default) var(--opacity-animation-delay,0ms);display:inline}.dnb-forms-submit-indicator:has(.dnb-forms-submit-indicator__label){--font-animation-duration:400ms;--opacity-animation-duration:400ms;--opacity-animation-delay:250ms}.dnb-forms-submit-indicator__label{padding:.5em 0}.dnb-forms-submit-indicator__content{align-items:center;font-size:0;line-height:1em;opacity:0;transition:var(--font-animation),var(--opacity-animation);will-change:font-size opacity}.dnb-forms-submit-indicator__content b{animation-delay:.2s;animation-duration:1.3s;animation-iteration-count:infinite;animation-name:submit-indicator-dot;color:var(--dots-color,currentColor);font-weight:var(--font-weight-bold);opacity:.2;padding-left:.125em}.dnb-forms-submit-indicator__content b:first-of-type{animation-delay:50ms;padding-left:var(--padding-left)}.dnb-forms-submit-indicator__content b:nth-of-type(2){animation-delay:.2s}.dnb-forms-submit-indicator__content b:nth-of-type(3){animation-delay:.4s}html[data-visual-test] .dnb-forms-submit-indicator__content b{animation:none}.dnb-forms-submit-indicator--state-pending .dnb-forms-submit-indicator__content{font-size:1em;opacity:1}.dnb-forms-submit-indicator--inline-wrap .dnb-forms-submit-indicator__content{--padding-left:0.25em;display:flex}@keyframes submit-indicator-dot{0%{opacity:.2}15%{opacity:1}50%{opacity:1}60%{opacity:.3}to{opacity:.2}}@keyframes submit-indicator-success{0%{font-size:1em;opacity:.2}20%{font-size:1em;opacity:1}80%{opacity:1}85%{font-size:1em;opacity:.3}90%{opacity:0}to{font-size:0;opacity:0}}.dnb-forms-iterate__element{outline:none}.dnb-forms-iterate:has(.dnb-forms-iterate__element.dnb-space__top--small){--block-gap:var(--spacing-small)}.dnb-forms-iterate:has(.dnb-forms-iterate__element.dnb-space__top--medium){--block-gap:var(--spacing-medium)}.dnb-forms-iterate:has(.dnb-forms-iterate__element.dnb-space__top--large){--block-gap:var(--spacing-large)}.dnb-forms-iterate>.dnb-forms-iterate__element:has(>.dnb-forms-section-block){margin-top:0}.dnb-forms-iterate>.dnb-forms-iterate__element:has(>.dnb-forms-section-block) .dnb-forms-section-block__inner{margin-bottom:var(--block-gap,var(--spacing-large))}.dnb-forms-iterate>.dnb-forms-iterate__element:has(>.dnb-forms-section-block):has(~.dnb-forms-iterate__element)~.dnb-hr{margin-bottom:var(--block-gap);margin-top:0}.dnb-forms-value-upload__item .dnb-progress-indicator{display:inline-flex;vertical-align:middle}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not([class*=dnb-space])>.dnb-dd>.dnb-dl,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal)>.dnb-dd>.dnb-dl{margin:0}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dd:empty,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt:empty{display:none}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd{margin-bottom:var(--spacing-medium);transition:margin-bottom .3s var(--easing-default)}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd:has(~.dnb-dt:empty~.dnb-dd:empty),.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd:last-of-type{margin-bottom:0}.dnb-forms-value-block{display:block;font-size:var(--font-size-basis)}.dnb-forms-value-block--inline:not([class*=__composition]){display:inline-block;font-size:inherit}.dnb-forms-value-block__label,.dnb-forms-value-block__label strong{font-weight:var(--font-weight-medium)}.dnb-forms-value-block__placeholder{color:var(--color-black-80)}.dnb-forms-value-block--max-width-stretch{width:100%}@media screen and (min-width:25.00625em){.dnb-forms-value-block--max-width-small{max-width:var(--forms-field-width--small)}.dnb-forms-value-block--max-width-medium{max-width:var(--forms-field-width--medium)}.dnb-forms-value-block--max-width-large{max-width:var(--forms-field-width--large)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{-moz-column-gap:var(--column-gap,0);column-gap:var(--column-gap,0);display:flex;flex-flow:row;row-gap:var(--row-gap,var(--spacing-medium))}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-none{--column-gap:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-xx-small{--column-gap:var(--spacing-xx-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-x-small{--column-gap:var(--spacing-x-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-small{--column-gap:var(--spacing-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-medium{--column-gap:var(--spacing-medium)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-large{--column-gap:var(--spacing-large)}@media screen and (min-width:25.00625em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{align-items:flex-start}}@media screen and (max-width:25em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{flex-flow:column}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not(:has(.dnb-forms-value-block__label)){--row-gap:var(--spacing-x-small)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dd,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dt{margin:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl>.dnb-dd{margin-bottom:0}.dnb-forms-wizard-layout{-moz-column-gap:var(--spacing-x-large);column-gap:var(--spacing-x-large);display:flex;flex-flow:row wrap}.dnb-forms-wizard-layout--drawer{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__indicator{flex:0;margin-bottom:2rem}.dnb-forms-wizard-layout__contents{flex:1}.dnb-forms-wizard-layout__contents .dnb-forms-step{outline:none}.dnb-forms-wizard-layout__contents .dnb-forms-button-row>.appear-fx,.dnb-forms-wizard-layout__contents .dnb-forms-step>.appear-fx{--appear-opacity:0;--appear-offset:-0.25rem;animation:appear .6s var(--easing-default) forwards;animation-delay:calc(var(--element-index, 0)*30ms);opacity:var(--appear-opacity);transform:translate3d(var(--appear-offset),0,0)}@keyframes appear{0%{opacity:var(--appear-opacity);transform:translate3d(var(--appear-offset),0,0)}80%{opacity:1}to{opacity:1;transform:translateZ(0)}}@media screen and (max-width:60em){.dnb-forms-wizard-layout{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__contents{flex-basis:auto}}.dnb-forms-wizard-layout .dnb-step-indicator__sidebar{margin-right:0}@media screen and (min-width:60.00625em){.dnb-forms-form:has(.dnb-forms-wizard-layout--sidebar) .dnb-forms-form__status-message{margin-left:21.5rem}}.dnb-forms-test-element{border:1px dashed grey;border-radius:.5rem;color:#909090;display:flex;padding:.5rem 1rem;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{--row-gap:var(--spacing-x-small)}.dnb-forms-field-array-selection--variant-button{--row-gap:var(--spacing-small)}.dnb-forms-field-array-selection--options-layout--vertical .dnb-forms-field-array-selection__options{display:flex;flex-flow:column;row-gap:var(--row-gap)}.dnb-forms-field-array-selection--options-layout--vertical.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-block__label{align-items:flex-start}.dnb-forms-field-array-selection--variant-button.dnb-forms-field-array-selection--options-layout--vertical.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-block__label{line-height:2.5rem}.dnb-forms-field-array-selection--options-layout--horizontal .dnb-forms-field-array-selection__options{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row wrap;row-gap:var(--row-gap)}@media screen and (min-width:40.00625em){.dnb-forms-field-array-selection .dnb-forms-field-block--layout-horizontal .dnb-form-label{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--has-controls .dnb-input__input{align-items:center}.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border{border-radius:0}.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border,.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within,.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:hover,html[data-whatinput=keyboard] .dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within{box-shadow:none}.dnb-forms-field-number__contents--has-controls>.dnb-input__border--root{--input-border-inset: ;--input-border-inset--hover: ;--input-border-inset--active: ;--input-border-inset--focus: ;--input-border-inset--disabled: }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-input__status--error .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before{color:var(--number-control-button--error)}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--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-input__status--error .dnb-button--control-after:active[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active[disabled]{cursor:not-allowed}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active:not([disabled]),.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--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-input__status--error .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before[disabled]{color:var(--number-control-button--error-contrast)}.dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input--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-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-before{width:var(--number-control-button-width--large)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-input__border{flex-grow:1}@media screen and (max-width:xx-small0){.dnb-forms-field-number .dnb-input__shell{width:90%}}.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--options-layout--vertical.dnb-forms-field-selection--layout-horizontal .dnb-forms-field-block__label{align-items:flex-start}.dnb-forms-field-selection__variant--button .dnb-forms-field-block--layout-horizontal .dnb-form-label{line-height:2.5rem}.dnb-forms-field-selection .dnb-forms-field-block__contents{display:flex}.dnb-forms-field-selection .dnb-radio-group .dnb-height-animation,.dnb-forms-field-selection .dnb-radio-group>.dnb-flex-container,.dnb-forms-field-selection .dnb-toggle-button-group .dnb-height-animation,.dnb-forms-field-selection .dnb-toggle-button-group>.dnb-flex-container{flex-grow:1;width:100%}.dnb-forms-field-string .dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__label.dnb-form-label{align-items:baseline}@media screen and (max-width:xx-small0){.dnb-forms-field-string .dnb-input__shell{width:90%}}.dnb-forms-field-upload .dnb-help-button__content .dnb-section{margin-left:var(--upload-border-width);margin-right:var(--upload-border-width)}: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__bottom]){margin-bottom:0}fieldset.dnb-forms-field-block:not([class*=space__left]){margin-left:0}fieldset.dnb-forms-field-block:not([class*=space__right]){margin-right:0}.dnb-forms-field-block{--label-margin:0.25rem;--max-width:var(--forms-field-width--large)}.dnb-forms-field-block__grid{display:grid;grid-template-areas:"label" "help" "contents" "indicator" "status";grid-template-columns:minmax(min-content,var(--block-content-width,auto))}.dnb-forms-field-block--label-height-small{--label-margin:0}.dnb-forms-field-block--label-height-medium{--label-margin:0.5rem}.dnb-forms-field-block--label-height-large{--label-margin:0.7rem}.dnb-forms-field-block--width-stretch{flex-grow:1}.dnb-forms-field-block--width-stretch label.dnb-form-label{max-width:none}@media screen and (min-width:25.00625em){.dnb-forms-field-block--width-custom{width:calc(var(--dnb-forms-field-block-width))}.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:not([class*="--content-width"]){--max-width:60ch}.dnb-forms-field-block__label,.dnb-forms-field-block__label.dnb-form-label{align-items:center;display:flex;grid-area:label;margin-right:0;max-width:var(--max-width)}.dnb-forms-field-block__label.dnb-form-label__description,.dnb-forms-field-block__label__description{margin-left:.3em}.dnb-forms-field-block__label.dnb-form-label__content:has(+.dnb-help-button),.dnb-forms-field-block__label.dnb-form-label__description:has(+.dnb-help-button),.dnb-forms-field-block__label__content:has(+.dnb-help-button),.dnb-forms-field-block__label__description:has(+.dnb-help-button){margin-right:.5rem}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-vertical{flex-wrap:wrap}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-vertical>.dnb-form-label{margin-bottom:.5rem}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__label{margin-right:1rem}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal>.dnb-form-label{margin-bottom:var(--label-margin);margin-top:var(--label-margin)}@media screen and (max-width:40em){.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal>.dnb-form-label{margin-bottom:calc(var(--label-margin) + .5rem)}}@media screen and (min-width:40.00625em){.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal{grid-template-areas:"label contents" ". help" ". indicator" ". status";grid-template-columns:minmax(var(--dnb-forms-field-block-layout-width-min,min-content),var(--dnb-forms-field-block-layout-width-max,max-content)) auto}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-help-button__content{--help-button-indent-width:0}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-help-button__content .dnb-section{--rounded-corner:0.25rem;align-self:flex-start}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__contents{align-self:end}}.dnb-forms-field-block__indicator{grid-area:indicator;position:relative}.dnb-forms-field-block__indicator .dnb-forms-submit-indicator__content{position:absolute}.dnb-forms-field-block__help{display:flex;flex-flow:column;grid-area:help}.dnb-forms-field-block__help .dnb-section{margin-bottom:1rem}.dnb-forms-field-block__help .dnb-section>.dnb-p--lead{margin-bottom:.5rem}@media screen and (min-width:40.00625em){.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__help .dnb-section{margin-bottom:0;margin-top:.5rem}}.dnb-forms-field-block__status{grid-area:status}.dnb-forms-field-block__status .dnb-form-status__shell{margin-top:.5rem;max-width:60ch}@media screen and (max-width:15em){.dnb-forms-field-block__status{width:90%}}.dnb-forms-field-block__contents{display:flex;grid-area:contents;width:100%}.dnb-forms-field-block__contents--width-stretch{width:100%}@media screen and (min-width:25.00625em){.dnb-forms-field-block__contents--width-custom{width:calc(var(--dnb-forms-field-block-content-width))}.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__composition--vertical .dnb-forms-field-block__contents{display:flex;flex-flow:column;row-gap:var(--spacing-x-small)}.dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}@media screen and (min-width:25.00625em){.dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents{align-items:flex-end}.dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents[class*=align-center]{align-items:center}}@media screen and (max-width:25em){.dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents{flex-flow:column;row-gap:var(--spacing-x-small)}.dnb-forms-field-block__composition>.dnb-forms-field-block__grid>.dnb-forms-submit-indicator{display:none}}@media screen and (min-width:25.00625em){.dnb-forms-field-block__composition>.dnb-forms-field-block__grid>.dnb-forms-field-block__contents .dnb-forms-submit-indicator{display:none}}.dnb-forms-button-row{display:flex;flex-flow:row;flex-wrap:wrap;gap:var(--spacing-small)}.dnb-card+.dnb-button--primary:not([class*=space__top]),.dnb-card+.dnb-forms-button-row:not([class*=space__top]){margin-top:var(--spacing-small)}.dnb-card+.dnb-button--primary:not([class*=space__top]) .dnb-button[class*=space__top],.dnb-card+.dnb-forms-button-row:not([class*=space__top]) .dnb-button[class*=space__top]{margin-top:0}@media screen and (min-width:40.00625em){.dnb-card:not([style*="--outset"])+.dnb-button--primary:not([class*=space__left]),.dnb-card:not([style*="--outset"])+.dnb-forms-button-row:not([class*=space__left]){margin-left:var(--spacing-medium)}}.dnb-spacing .dnb-forms-main-heading.dnb-h--large:not([class*=space__]){margin:0}.dnb-forms-main-heading+.dnb-help-button__content .dnb-section{margin-top:1rem}.dnb-forms-section-block{--block-outline-color:var(--outline-color,var(--color-lavender))}.dnb-forms-section-block--error:has(.dnb-form-status--error){--block-outline-color:var(--color-fire-red)}.dnb-forms-section-block:not(.dnb-height-animation--hidden){display:flex;flex-direction:column}.dnb-forms-section-block__inner{flex:1;outline:none;transform:translateY(-2.5rem);transition:transform .4s var(--easing-default) 50ms,box-shadow .8s var(--easing-default)}.dnb-forms-section-block__inner .dnb-dl .dnb-dd{margin-bottom:0}.dnb-forms-section-block--variant-basic{--border-color:transparent}.dnb-card .dnb-forms-section-block--variant-basic .dnb-card,.dnb-forms-section-block--variant-basic .dnb-card{--card-outline-color:transparent}.dnb-forms-section-block--no-animation .dnb-forms-section-block__inner{transform:translateY(0)}.dnb-forms-section-block.dnb-height-animation--is-visible .dnb-forms-section-block__inner{transform:translateY(-.5rem)}.dnb-forms-section-block.dnb-height-animation--parallax .dnb-forms-section-block__inner{transform:translateY(0)}.dnb-spacing .dnb-forms-sub-heading.dnb-h--medium:not([class*=space__]){margin:0}.dnb-forms-sub-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-forms-sub-heading+.dnb-help-button__content .dnb-section{margin-top:1rem}.dnb-forms-submit-indicator{--padding-left:0.5em;--font-animation:font-size var(--font-animation-duration,400ms) var(--easing-default);--opacity-animation:opacity var(--opacity-animation-duration,0ms) var(--easing-default) var(--opacity-animation-delay,0ms);display:inline}.dnb-forms-submit-indicator:has(.dnb-forms-submit-indicator__label){--font-animation-duration:400ms;--opacity-animation-duration:400ms;--opacity-animation-delay:250ms}.dnb-forms-submit-indicator__label{padding:.5em 0}.dnb-forms-submit-indicator__content{align-items:center;font-size:0;line-height:1em;opacity:0;transition:var(--font-animation),var(--opacity-animation);will-change:font-size opacity}.dnb-forms-submit-indicator__content b{animation-delay:.2s;animation-duration:1.3s;animation-iteration-count:infinite;animation-name:submit-indicator-dot;color:var(--dots-color,currentColor);font-weight:var(--font-weight-bold);opacity:.2;padding-left:.125em}.dnb-forms-submit-indicator__content b:first-of-type{animation-delay:50ms;padding-left:var(--padding-left)}.dnb-forms-submit-indicator__content b:nth-of-type(2){animation-delay:.2s}.dnb-forms-submit-indicator__content b:nth-of-type(3){animation-delay:.4s}html[data-visual-test] .dnb-forms-submit-indicator__content b{animation:none}.dnb-forms-submit-indicator--state-pending .dnb-forms-submit-indicator__content{font-size:1em;opacity:1}.dnb-forms-submit-indicator--inline-wrap .dnb-forms-submit-indicator__content{--padding-left:0.25em;display:flex}@keyframes submit-indicator-dot{0%{opacity:.2}15%{opacity:1}50%{opacity:1}60%{opacity:.3}to{opacity:.2}}@keyframes submit-indicator-success{0%{font-size:1em;opacity:.2}20%{font-size:1em;opacity:1}80%{opacity:1}85%{font-size:1em;opacity:.3}90%{opacity:0}to{font-size:0;opacity:0}}.dnb-forms-iterate__element{outline:none}.dnb-forms-iterate:has(.dnb-forms-iterate__element.dnb-space__top--small){--block-gap:var(--spacing-small)}.dnb-forms-iterate:has(.dnb-forms-iterate__element.dnb-space__top--medium){--block-gap:var(--spacing-medium)}.dnb-forms-iterate:has(.dnb-forms-iterate__element.dnb-space__top--large){--block-gap:var(--spacing-large)}.dnb-forms-iterate>.dnb-forms-iterate__element:has(>.dnb-forms-section-block){margin-top:0}.dnb-forms-iterate>.dnb-forms-iterate__element:has(>.dnb-forms-section-block) .dnb-forms-section-block__inner{margin-bottom:var(--block-gap,var(--spacing-large))}.dnb-forms-iterate>.dnb-forms-iterate__element:has(>.dnb-forms-section-block):has(~.dnb-forms-iterate__element)~.dnb-hr{margin-bottom:var(--block-gap);margin-top:0}.dnb-forms-value-upload__item .dnb-progress-indicator{display:inline-flex;vertical-align:middle}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not([class*=dnb-space])>.dnb-dd>.dnb-dl,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal)>.dnb-dd>.dnb-dl{margin:0}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dd:empty,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt:empty{display:none}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd{margin-bottom:var(--spacing-medium);transition:margin-bottom .3s var(--easing-default)}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd:has(~.dnb-dt:empty~.dnb-dd:empty),.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd:last-of-type{margin-bottom:0}.dnb-forms-value-block{display:block;font-size:var(--font-size-basis)}.dnb-forms-value-block--inline:not([class*=__composition]){display:inline-block;font-size:inherit}.dnb-forms-value-block__label,.dnb-forms-value-block__label strong{font-weight:var(--font-weight-medium)}.dnb-forms-value-block__placeholder{color:var(--color-black-80)}.dnb-forms-value-block--max-width-stretch{width:100%}@media screen and (min-width:25.00625em){.dnb-forms-value-block--max-width-small{max-width:var(--forms-field-width--small)}.dnb-forms-value-block--max-width-medium{max-width:var(--forms-field-width--medium)}.dnb-forms-value-block--max-width-large{max-width:var(--forms-field-width--large)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{-moz-column-gap:var(--column-gap,0);column-gap:var(--column-gap,0);display:flex;flex-flow:row;row-gap:var(--row-gap,var(--spacing-medium))}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-none{--column-gap:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-xx-small{--column-gap:var(--spacing-xx-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-x-small{--column-gap:var(--spacing-x-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-small{--column-gap:var(--spacing-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-medium{--column-gap:var(--spacing-medium)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-large{--column-gap:var(--spacing-large)}@media screen and (min-width:25.00625em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{align-items:flex-start}}@media screen and (max-width:25em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{flex-flow:column}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not(:has(.dnb-forms-value-block__label)){--row-gap:var(--spacing-x-small)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dd,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dt{margin:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl>.dnb-dd{margin-bottom:0}.dnb-forms-wizard-layout{-moz-column-gap:var(--spacing-x-large);column-gap:var(--spacing-x-large);display:flex;flex-flow:row wrap}.dnb-forms-wizard-layout--drawer{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__indicator{flex:0;margin-bottom:2rem}.dnb-forms-wizard-layout__contents{flex:1}.dnb-forms-wizard-layout__contents .dnb-forms-step{outline:none}.dnb-forms-wizard-layout__contents .dnb-forms-button-row>.appear-fx,.dnb-forms-wizard-layout__contents .dnb-forms-step>.appear-fx{--appear-opacity:0;--appear-offset:-0.25rem;animation:appear .6s var(--easing-default) forwards;animation-delay:calc(var(--element-index, 0)*30ms);opacity:var(--appear-opacity);transform:translate3d(var(--appear-offset),0,0)}@keyframes appear{0%{opacity:var(--appear-opacity);transform:translate3d(var(--appear-offset),0,0)}80%{opacity:1}to{opacity:1;transform:translateZ(0)}}@media screen and (max-width:60em){.dnb-forms-wizard-layout{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__contents{flex-basis:auto}}.dnb-forms-wizard-layout .dnb-step-indicator__sidebar{margin-right:0}@media screen and (min-width:60.00625em){.dnb-forms-form:has(.dnb-forms-wizard-layout--sidebar) .dnb-forms-form__status-message{margin-left:21.5rem}}.dnb-forms-test-element{border:1px dashed grey;border-radius:.5rem;color:#909090;display:flex;padding:.5rem 1rem;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
package/components/button/style/themes/dnb-button-theme-ui.scss CHANGED
@@ -162,7 +162,7 @@
162
162
 
163
163
  // input-button
164
164
  &--input-button#{&}--secondary:not(&--has-text):not([disabled]) {
165
- // Because we can not anymore have a square, we have to trick that part
165
+ // Because we cannot anymore have a square, we have to trick that part
166
166
  background-color: transparent;
167
167
  box-shadow: none;
168
168
 
package/components/date-picker/DatePickerCalc.js CHANGED
@@ -125,7 +125,7 @@ function isWithinSelectionCalc(date, startDate, endDate) {
125
125
  }) : false;
126
126
  }
127
127
  function isDisabledCalc(date, minDate, maxDate) {
128
- return minDate && isBefore(date, startOfDay(minDate)) || maxDate && isAfter(date, startOfDay(maxDate));
128
+ return minDate && isBefore(startOfDay(date), startOfDay(minDate)) || maxDate && isAfter(startOfDay(date), startOfDay(maxDate));
129
129
  }
130
130
  export { isDisabledCalc as isDisabled };
131
131
  function isStartDateCalc(date, range) {
package/components/date-picker/DatePickerCalc.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DatePickerCalc.js","names":["subMonths","addMonths","isWithinInterval","isValid","isAfter","isBefore","isSameDay","isToday","isSameMonth","addDays","startOfWeek","getDay","startOfMonth","getDaysInMonth","toDate","parseISO","parse","startOfDay","warn","calendarCache","makeDayObject","date","_ref","startDate","endDate","hoverDate","minDate","maxDate","month","range","getRange","isLastMonth","isNextMonth","isStartDate","isStartDateCalc","isEndDate","isEndDateCalc","isWithinSelection","isWithinSelectionCalc","isPreview","isPreviewCalc","isDisabled","isDisabledCalc","isSelectable","isInactive","getCalendar","weekStartsOn","arguments","length","undefined","onlyMonth","hideNextMonthWeek","cacheKey","toISOString","thisMonth","getMonth","firstDay","lastMonth","fillCount","nextMonth","dayOffset","dayName","week","indexOf","toLowerCase","toRange","_startDate","getWeek","startDay","Date","Array","fill","map","value","i","skip","limit","size","Math","min","max","start","end","correctV1Format","test","replace","convertStringToDate","dateFormat","dateObject"],"sources":["../../../../src/components/date-picker/DatePickerCalc.ts"],"sourcesContent":["/**\n * Web DatePicker Component\n *\n */\n\n// date-fns\nimport subMonths from 'date-fns/subMonths'\nimport addMonths from 'date-fns/addMonths'\nimport isWithinInterval from 'date-fns/isWithinInterval'\nimport isValid from 'date-fns/isValid'\nimport isAfter from 'date-fns/isAfter'\nimport isBefore from 'date-fns/isBefore'\nimport isSameDay from 'date-fns/isSameDay'\nimport isToday from 'date-fns/isToday'\nimport isSameMonth from 'date-fns/isSameMonth'\nimport addDays from 'date-fns/addDays'\nimport startOfWeek from 'date-fns/startOfWeek'\nimport getDay from 'date-fns/getDay'\nimport startOfMonth from 'date-fns/startOfMonth'\nimport getDaysInMonth from 'date-fns/getDaysInMonth'\nimport toDate from 'date-fns/toDate'\nimport parseISO from 'date-fns/parseISO'\nimport parse from 'date-fns/parse'\nimport startOfDay from 'date-fns/startOfDay'\n\nimport { warn } from '../../shared/component-helper'\n\ntype ZeroDayIndex = 0 | 1 | 2 | 3 | 4 | 5 | 6\n\ntype DateRange = { startDate: Date; endDate: Date }\n\nconst calendarCache: { [isoString: string]: Date[] } = {}\n\n// Is used as DatePickerCalc\nexport function makeDayObject(\n date: Date,\n {\n startDate,\n endDate,\n hoverDate,\n minDate,\n maxDate,\n month,\n }: Record<string, Date>\n) {\n const range = getRange(startDate, endDate, hoverDate)\n const isLastMonth = isSameMonth(subMonths(date, 1), month)\n const isNextMonth = isSameMonth(addMonths(date, 1), month)\n const isStartDate = isStartDateCalc(date, range)\n const isEndDate = isEndDateCalc(date, range)\n const isWithinSelection = isWithinSelectionCalc(date, startDate, endDate)\n const isPreview = isPreviewCalc(date, startDate, endDate, hoverDate)\n const isDisabled = isDisabledCalc(date, minDate, maxDate)\n\n return {\n date,\n isToday: isToday(date),\n isLastMonth,\n isNextMonth,\n isStartDate,\n isEndDate,\n isWithinSelection,\n isPreview,\n isDisabled,\n isSelectable: !isLastMonth && !isNextMonth && !isDisabled,\n isInactive: isLastMonth || isNextMonth || isDisabled,\n }\n}\n\n// return an array of objects with dates and extra info\nexport function getCalendar(\n month: Date,\n weekStartsOn = 0,\n {\n onlyMonth = false,\n hideNextMonthWeek = false,\n }: { onlyMonth?: boolean; hideNextMonthWeek?: boolean } = {}\n) {\n const cacheKey = month.toISOString()\n\n // Get the main month\n const thisMonth = getMonth(month)\n if (onlyMonth) {\n return (calendarCache[cacheKey] = [...thisMonth])\n }\n\n if (calendarCache[cacheKey]) {\n return calendarCache[cacheKey]\n }\n\n // Get day of the week of the first day of month, e.g. => 3\n // Add 7 days 7 to make sure it's not negative when subtracting weekStartsOn and wraps around\n const firstDay = (7 + getDay(startOfMonth(month)) - weekStartsOn) % 7\n const lastMonth = getMonth(\n subMonths(month, 1),\n getDaysInMonth(subMonths(month, 1)) - firstDay\n )\n let fillCount = -1\n if (hideNextMonthWeek) {\n // use this variant if it is OK with empty slots at the bottom\n fillCount = 35 - (thisMonth.length + firstDay)\n }\n if (fillCount < 0) {\n fillCount = 42 - (thisMonth.length + firstDay)\n }\n const nextMonth = getMonth(\n addMonths(month, 1),\n 0,\n fillCount > -1 ? fillCount : 0\n )\n return (calendarCache[cacheKey] = [\n ...lastMonth,\n ...thisMonth,\n ...nextMonth,\n ])\n}\n\n// calculates offset from Sunday, e.g. Monday is +1\nexport function dayOffset(dayName: string) {\n const week = [\n 'sunday',\n 'monday',\n 'tuesday',\n 'wednesday',\n 'thursday',\n 'friday',\n 'saturday',\n ]\n return (\n dayName ? week.indexOf(dayName.toLowerCase()) : 0\n ) as ZeroDayIndex\n}\n\n// creates a date range object and automatically swaps startDate and endDate if endDate is before startDate\nexport function toRange(startDate: Date, endDate: Date) {\n if (isBefore(endDate, startDate)) {\n const _startDate = startDate\n startDate = endDate\n endDate = _startDate\n }\n return { startDate, endDate }\n}\n\n// returns startDate and endDate if both dates are selected\n// otherwise uses the startDate and hoverDate\n// unless user hasn't hovered, then use start date twice\nfunction getRange(startDate: Date, endDate: Date, hoverDate: Date) {\n if (startDate && endDate) {\n return toRange(startDate, endDate)\n } else if (startDate && hoverDate) {\n return toRange(startDate, hoverDate)\n } else {\n return toRange(startDate, startDate)\n }\n}\n\n// returns an array of dates for each day of the current week\n// weekStartsOn is a number, use dayOffset to convert from a string\nexport function getWeek(weekStartsOn?: ZeroDayIndex) {\n const startDay = startOfWeek(new Date(), { weekStartsOn })\n return Array(7)\n .fill(1)\n .map((value, i) => addDays(startDay, i))\n}\n\n// returns an array of dates of the month, optionally skip x number of days\nexport function getMonth(month: Date, skip = 0, limit?: number) {\n const startDay = startOfMonth(month)\n let size = getDaysInMonth(month) - skip\n size = Math.min(Math.max(size, 0), limit > -1 ? limit : size)\n size = size < 0 ? 0 : size\n return Array(size)\n .fill(1)\n .map((value, i) => addDays(startDay, i + skip))\n}\n\n// date is between selection range\nfunction isWithinSelectionCalc(\n date: Date,\n startDate: Date,\n endDate: Date\n) {\n const { startDate: start, endDate: end } = toRange(startDate, endDate)\n return startDate && endDate\n ? isValid(start) &&\n isValid(end) &&\n isWithinInterval(date, {\n start,\n end,\n })\n : false\n}\n\n// date is before minDate or after maxDate\nfunction isDisabledCalc(date: Date, minDate: Date, maxDate: Date) {\n // isBefore and isAfter return false if comparison date is undefined, which is useful here in case minDate and maxDate aren't supplied\n return (\n (minDate && isBefore(date, startOfDay(minDate))) ||\n (maxDate && isAfter(date, startOfDay(maxDate)))\n )\n}\nexport { isDisabledCalc as isDisabled }\n\n// date selected is start date\nfunction isStartDateCalc(date: Date, range: DateRange) {\n return range.startDate && isSameDay(date, range.startDate)\n}\n\n// date selected is end date\nfunction isEndDateCalc(date: Date, range: DateRange) {\n return range.endDate && isSameDay(date, range.endDate)\n}\n\n// date is between startDate (exclusive) and hoverDate (inclusive)\nfunction isPreviewCalc(\n date: Date,\n startDate: Date,\n endDate: Date,\n hoverDate: Date\n) {\n const { startDate: start, endDate: end } = toRange(startDate, hoverDate)\n return (\n startDate &&\n !endDate &&\n // To exclude \"isPreview\" from startDate/endDate, we have to enable these two lines\n // !isStartDate(date, previewRange) &&\n // !isEndDate(date, previewRange) &&\n isValid(start) &&\n isValid(end) &&\n isWithinInterval(date, {\n start,\n end,\n })\n )\n}\n\nexport function correctV1Format(date: string) {\n // for backwards compatibility\n // TODO: Remove this in next major version\n if (/YYYY/.test(date) && /DD/.test(date)) {\n warn(\n 'You are using \"YYYY-MM-DD\" as the dateFormat or returnFormat? Please use \"yyyy-MM-dd\" instead!'\n )\n date = date.replace(/DD/, 'dd').replace(/YYYY/, 'yyyy')\n }\n\n return date\n}\n\nexport function convertStringToDate(\n date: string | Date,\n { dateFormat = null }: { dateFormat?: string | null } = {}\n): Date {\n if (!date) {\n return null\n }\n\n let dateObject: Date\n dateObject = typeof date === 'string' ? parseISO(date) : toDate(date)\n\n // check one more time if we can generate a valid date\n if (typeof date === 'string' && dateFormat && !isValid(dateObject)) {\n dateFormat = correctV1Format(dateFormat)\n dateObject = parse(date, dateFormat, new Date())\n }\n\n // rather return null than an invalid date\n if (!isValid(dateObject)) {\n warn('convertStringToDate got invalid date:', date)\n return null\n }\n\n return dateObject\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"DatePickerCalc.js","names":["subMonths","addMonths","isWithinInterval","isValid","isAfter","isBefore","isSameDay","isToday","isSameMonth","addDays","startOfWeek","getDay","startOfMonth","getDaysInMonth","toDate","parseISO","parse","startOfDay","warn","calendarCache","makeDayObject","date","_ref","startDate","endDate","hoverDate","minDate","maxDate","month","range","getRange","isLastMonth","isNextMonth","isStartDate","isStartDateCalc","isEndDate","isEndDateCalc","isWithinSelection","isWithinSelectionCalc","isPreview","isPreviewCalc","isDisabled","isDisabledCalc","isSelectable","isInactive","getCalendar","weekStartsOn","arguments","length","undefined","onlyMonth","hideNextMonthWeek","cacheKey","toISOString","thisMonth","getMonth","firstDay","lastMonth","fillCount","nextMonth","dayOffset","dayName","week","indexOf","toLowerCase","toRange","_startDate","getWeek","startDay","Date","Array","fill","map","value","i","skip","limit","size","Math","min","max","start","end","correctV1Format","test","replace","convertStringToDate","dateFormat","dateObject"],"sources":["../../../../src/components/date-picker/DatePickerCalc.ts"],"sourcesContent":["/**\n * Web DatePicker Component\n *\n */\n\n// date-fns\nimport subMonths from 'date-fns/subMonths'\nimport addMonths from 'date-fns/addMonths'\nimport isWithinInterval from 'date-fns/isWithinInterval'\nimport isValid from 'date-fns/isValid'\nimport isAfter from 'date-fns/isAfter'\nimport isBefore from 'date-fns/isBefore'\nimport isSameDay from 'date-fns/isSameDay'\nimport isToday from 'date-fns/isToday'\nimport isSameMonth from 'date-fns/isSameMonth'\nimport addDays from 'date-fns/addDays'\nimport startOfWeek from 'date-fns/startOfWeek'\nimport getDay from 'date-fns/getDay'\nimport startOfMonth from 'date-fns/startOfMonth'\nimport getDaysInMonth from 'date-fns/getDaysInMonth'\nimport toDate from 'date-fns/toDate'\nimport parseISO from 'date-fns/parseISO'\nimport parse from 'date-fns/parse'\nimport startOfDay from 'date-fns/startOfDay'\n\nimport { warn } from '../../shared/component-helper'\n\ntype ZeroDayIndex = 0 | 1 | 2 | 3 | 4 | 5 | 6\n\ntype DateRange = { startDate: Date; endDate: Date }\n\nconst calendarCache: { [isoString: string]: Date[] } = {}\n\n// Is used as DatePickerCalc\nexport function makeDayObject(\n date: Date,\n {\n startDate,\n endDate,\n hoverDate,\n minDate,\n maxDate,\n month,\n }: Record<string, Date>\n) {\n const range = getRange(startDate, endDate, hoverDate)\n const isLastMonth = isSameMonth(subMonths(date, 1), month)\n const isNextMonth = isSameMonth(addMonths(date, 1), month)\n const isStartDate = isStartDateCalc(date, range)\n const isEndDate = isEndDateCalc(date, range)\n const isWithinSelection = isWithinSelectionCalc(date, startDate, endDate)\n const isPreview = isPreviewCalc(date, startDate, endDate, hoverDate)\n const isDisabled = isDisabledCalc(date, minDate, maxDate)\n\n return {\n date,\n isToday: isToday(date),\n isLastMonth,\n isNextMonth,\n isStartDate,\n isEndDate,\n isWithinSelection,\n isPreview,\n isDisabled,\n isSelectable: !isLastMonth && !isNextMonth && !isDisabled,\n isInactive: isLastMonth || isNextMonth || isDisabled,\n }\n}\n\n// return an array of objects with dates and extra info\nexport function getCalendar(\n month: Date,\n weekStartsOn = 0,\n {\n onlyMonth = false,\n hideNextMonthWeek = false,\n }: { onlyMonth?: boolean; hideNextMonthWeek?: boolean } = {}\n) {\n const cacheKey = month.toISOString()\n\n // Get the main month\n const thisMonth = getMonth(month)\n if (onlyMonth) {\n return (calendarCache[cacheKey] = [...thisMonth])\n }\n\n if (calendarCache[cacheKey]) {\n return calendarCache[cacheKey]\n }\n\n // Get day of the week of the first day of month, e.g. => 3\n // Add 7 days 7 to make sure it's not negative when subtracting weekStartsOn and wraps around\n const firstDay = (7 + getDay(startOfMonth(month)) - weekStartsOn) % 7\n const lastMonth = getMonth(\n subMonths(month, 1),\n getDaysInMonth(subMonths(month, 1)) - firstDay\n )\n let fillCount = -1\n if (hideNextMonthWeek) {\n // use this variant if it is OK with empty slots at the bottom\n fillCount = 35 - (thisMonth.length + firstDay)\n }\n if (fillCount < 0) {\n fillCount = 42 - (thisMonth.length + firstDay)\n }\n const nextMonth = getMonth(\n addMonths(month, 1),\n 0,\n fillCount > -1 ? fillCount : 0\n )\n return (calendarCache[cacheKey] = [\n ...lastMonth,\n ...thisMonth,\n ...nextMonth,\n ])\n}\n\n// calculates offset from Sunday, e.g. Monday is +1\nexport function dayOffset(dayName: string) {\n const week = [\n 'sunday',\n 'monday',\n 'tuesday',\n 'wednesday',\n 'thursday',\n 'friday',\n 'saturday',\n ]\n return (\n dayName ? week.indexOf(dayName.toLowerCase()) : 0\n ) as ZeroDayIndex\n}\n\n// creates a date range object and automatically swaps startDate and endDate if endDate is before startDate\nexport function toRange(startDate: Date, endDate: Date) {\n if (isBefore(endDate, startDate)) {\n const _startDate = startDate\n startDate = endDate\n endDate = _startDate\n }\n return { startDate, endDate }\n}\n\n// returns startDate and endDate if both dates are selected\n// otherwise uses the startDate and hoverDate\n// unless user hasn't hovered, then use start date twice\nfunction getRange(startDate: Date, endDate: Date, hoverDate: Date) {\n if (startDate && endDate) {\n return toRange(startDate, endDate)\n } else if (startDate && hoverDate) {\n return toRange(startDate, hoverDate)\n } else {\n return toRange(startDate, startDate)\n }\n}\n\n// returns an array of dates for each day of the current week\n// weekStartsOn is a number, use dayOffset to convert from a string\nexport function getWeek(weekStartsOn?: ZeroDayIndex) {\n const startDay = startOfWeek(new Date(), { weekStartsOn })\n return Array(7)\n .fill(1)\n .map((value, i) => addDays(startDay, i))\n}\n\n// returns an array of dates of the month, optionally skip x number of days\nexport function getMonth(month: Date, skip = 0, limit?: number) {\n const startDay = startOfMonth(month)\n let size = getDaysInMonth(month) - skip\n size = Math.min(Math.max(size, 0), limit > -1 ? limit : size)\n size = size < 0 ? 0 : size\n return Array(size)\n .fill(1)\n .map((value, i) => addDays(startDay, i + skip))\n}\n\n// date is between selection range\nfunction isWithinSelectionCalc(\n date: Date,\n startDate: Date,\n endDate: Date\n) {\n const { startDate: start, endDate: end } = toRange(startDate, endDate)\n return startDate && endDate\n ? isValid(start) &&\n isValid(end) &&\n isWithinInterval(date, {\n start,\n end,\n })\n : false\n}\n\n// date is before minDate or after maxDate\nfunction isDisabledCalc(date: Date, minDate: Date, maxDate: Date) {\n // isBefore and isAfter return false if comparison date is undefined, which is useful here in case minDate and maxDate aren't provided\n\n return (\n (minDate && isBefore(startOfDay(date), startOfDay(minDate))) ||\n (maxDate && isAfter(startOfDay(date), startOfDay(maxDate)))\n )\n}\nexport { isDisabledCalc as isDisabled }\n\n// date selected is start date\nfunction isStartDateCalc(date: Date, range: DateRange) {\n return range.startDate && isSameDay(date, range.startDate)\n}\n\n// date selected is end date\nfunction isEndDateCalc(date: Date, range: DateRange) {\n return range.endDate && isSameDay(date, range.endDate)\n}\n\n// date is between startDate (exclusive) and hoverDate (inclusive)\nfunction isPreviewCalc(\n date: Date,\n startDate: Date,\n endDate: Date,\n hoverDate: Date\n) {\n const { startDate: start, endDate: end } = toRange(startDate, hoverDate)\n return (\n startDate &&\n !endDate &&\n // To exclude \"isPreview\" from startDate/endDate, we have to enable these two lines\n // !isStartDate(date, previewRange) &&\n // !isEndDate(date, previewRange) &&\n isValid(start) &&\n isValid(end) &&\n isWithinInterval(date, {\n start,\n end,\n })\n )\n}\n\nexport function correctV1Format(date: string) {\n // for backwards compatibility\n // TODO: Remove this in next major version\n if (/YYYY/.test(date) && /DD/.test(date)) {\n warn(\n 'You are using \"YYYY-MM-DD\" as the dateFormat or returnFormat? Please use \"yyyy-MM-dd\" instead!'\n )\n date = date.replace(/DD/, 'dd').replace(/YYYY/, 'yyyy')\n }\n\n return date\n}\n\nexport function convertStringToDate(\n date: string | Date,\n { dateFormat = null }: { dateFormat?: string | null } = {}\n): Date {\n if (!date) {\n return null\n }\n\n let dateObject: Date\n dateObject = typeof date === 'string' ? parseISO(date) : toDate(date)\n\n // check one more time if we can generate a valid date\n if (typeof date === 'string' && dateFormat && !isValid(dateObject)) {\n dateFormat = correctV1Format(dateFormat)\n dateObject = parse(date, dateFormat, new Date())\n }\n\n // rather return null than an invalid date\n if (!isValid(dateObject)) {\n warn('convertStringToDate got invalid date:', date)\n return null\n }\n\n return dateObject\n}\n"],"mappings":"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"}
package/components/drawer/style/dnb-drawer.css CHANGED
@@ -94,7 +94,7 @@
94
94
  }
95
95
  .dnb-drawer {
96
96
  --drawer-width: 40vw;
97
- --drawer-min-width: 25rem;
97
+ --drawer-min-width: 384px;
98
98
  --drawer-max-width: 40rem;
99
99
  --drawer-spacing: 2rem;
100
100
  --drawer-spacing-minus: -2rem;
@@ -117,9 +117,9 @@
117
117
  }
118
118
  @media screen and (max-width: 40em) {
119
119
  .dnb-drawer {
120
- width: 100vw;
121
- min-width: none;
122
- max-width: none;
120
+ --drawer-width: 100vw;
121
+ --drawer-min-width: none;
122
+ --drawer-max-width: none;
123
123
  }
124
124
  }
125
125
  @media screen and (max-width: 40em) {
package/components/drawer/style/dnb-drawer.min.css CHANGED
@@ -1 +1 @@
1
- @keyframes show-modal{0%{opacity:.1;transform:translate3d(0,-1rem,0)}to{opacity:1;transform:translateZ(0)}}@keyframes hide-modal{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,1rem,0)}}@keyframes show-drawer{to{opacity:1;transform:translateZ(0)}}@keyframes hide-drawer-left{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-20rem,0,0)}}@keyframes hide-drawer-top{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-20rem,0)}}@keyframes hide-drawer-bottom{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,20rem,0)}}@keyframes hide-drawer-right{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(20rem,0,0)}}@keyframes show-modal-overlay{0%{opacity:0}to{opacity:1}}@keyframes hide-modal-overlay{0%{opacity:1}to{opacity:0}}.dnb-drawer{--drawer-width:40vw;--drawer-min-width:25rem;--drawer-max-width:40rem;--drawer-spacing:2rem;--drawer-spacing-minus:-2rem;-webkit-tap-highlight-color:rgba(0,0,0,0);border:none;border-radius:0;box-shadow:none;box-shadow:var(--shadow-default);height:100vh;max-height:100vh;max-width:100%;max-width:var(--drawer-max-width);min-width:var(--drawer-min-width);position:relative;-webkit-user-select:text;user-select:text;width:100%;width:var(--drawer-width)}@media screen and (max-width:40em){.dnb-drawer{max-width:none;min-width:none;width:100vw}.dnb-drawer--auto-fullscreen{border-radius:0;box-shadow:none;height:100vh;max-height:100vh;max-width:100%;width:100%}}.dnb-drawer__inner{background-color:var(--modal-background-color,transparent);display:flex;flex-direction:column;height:calc(100% - var(--header-height, 0));position:relative;width:100%;z-index:10}.dnb-drawer__align--centered .dnb-drawer__inner{align-items:center;justify-content:center}.dnb-drawer__content{position:relative;z-index:1}.dnb-drawer--spacing .dnb-drawer__content{padding:0 var(--drawer-spacing)}@media screen and (min-width:80.00625em){.dnb-drawer--spacing .dnb-drawer__content{padding:0 calc(var(--drawer-spacing)*1.75)}}@media screen and (max-width:60em){.dnb-drawer--spacing .dnb-drawer__content{padding:0 calc(var(--drawer-spacing)/1.33333)}}@media screen and (max-width:40em){.dnb-drawer--spacing .dnb-drawer__content{padding:0 calc(var(--drawer-spacing)/2)}}.dnb-drawer__align--center .dnb-drawer__content{align-items:center;text-align:center}.dnb-drawer__align--right .dnb-drawer__content{align-items:flex-end;text-align:right}.dnb-drawer--bottom,.dnb-drawer--top{height:40vh;max-width:100%;width:100vw}@media screen and (max-height:40em){.dnb-drawer--bottom,.dnb-drawer--top{height:100vw;max-height:auto;min-height:auto}}.dnb-drawer--fullscreen{border-radius:0;box-shadow:none;height:100vh;max-height:100vh;max-width:100%;width:100%}html:not([data-visual-test]) .dnb-drawer{animation:show-drawer var(--modal-animation-duration) ease-out forwards;opacity:.1}html:not([data-visual-test]) .dnb-drawer--left{transform:translate3d(-20rem,0,0)}html:not([data-visual-test]) .dnb-drawer--right{transform:translate3d(20rem,0,0)}html:not([data-visual-test]) .dnb-drawer--top{transform:translate3d(0,-20rem,0)}html:not([data-visual-test]) .dnb-drawer--bottom{transform:translate3d(0,20rem,0)}html:not([data-visual-test]) .dnb-drawer--hide.dnb-drawer--left{animation:hide-drawer-left var(--modal-animation-duration) ease-in-out forwards}html:not([data-visual-test]) .dnb-drawer--hide.dnb-drawer--right{animation:hide-drawer-right var(--modal-animation-duration) ease-in-out forwards}html:not([data-visual-test]) .dnb-drawer--hide.dnb-drawer--top{animation:hide-drawer-top var(--modal-animation-duration) ease-in-out forwards}html:not([data-visual-test]) .dnb-drawer--hide.dnb-drawer--bottom{animation:hide-drawer-bottom var(--modal-animation-duration) ease-in-out forwards}.dnb-drawer--no-animation{animation-duration:0ms!important}@media screen and (max-width:40em){.dnb-drawer--no-animation-on-mobile{animation-duration:0ms!important}}.dnb-drawer__root{align-items:flex-start;justify-content:flex-start}@media screen and (max-width:60em){.dnb-drawer__title{font-size:var(--font-size-large)!important;line-height:var(--line-height-medium)!important}}.dnb-drawer__title~.dnb-drawer__content{padding-top:calc(var(--drawer-spacing)/1.33333)}.dnb-drawer .dnb-drawer__header .dnb-drawer__title,.dnb-drawer .dnb-drawer__header [class*=dnb-h--]{padding:0}.dnb-drawer .dnb-drawer__header .dnb-drawer__title:not([class*=__top]),.dnb-drawer .dnb-drawer__header [class*=dnb-h--]:not([class*=__top]){margin-top:0}.dnb-drawer .dnb-drawer__header .dnb-drawer__title:not([class*=__bottom]),.dnb-drawer .dnb-drawer__header [class*=dnb-h--]:not([class*=__bottom]){margin-bottom:0}.dnb-drawer .dnb-drawer__header:after{height:600%;top:-500%}.dnb-drawer--spacing .dnb-drawer__header{padding:0 var(--drawer-spacing)}@media screen and (min-width:80.00625em){.dnb-drawer--spacing .dnb-drawer__header{padding:0 calc(var(--drawer-spacing)*1.75)}}@media screen and (max-width:60em){.dnb-drawer--spacing .dnb-drawer__header{padding:0 calc(var(--drawer-spacing)/1.33333)}}@media screen and (max-width:40em){.dnb-drawer--spacing .dnb-drawer__header{padding:0 calc(var(--drawer-spacing)/2)}}.dnb-drawer--spacing .dnb-drawer__header .dnb-tabs{margin-top:var(--drawer-spacing)}.dnb-drawer__body{margin-bottom:calc(var(--drawer-spacing-minus)*2);padding-bottom:calc(var(--drawer-spacing)*2)}@supports (-webkit-touch-callout:none){.dnb-drawer__body{padding-bottom:calc(var(--drawer-spacing-minus)*8)}}.dnb-drawer__navigation.dnb-section{display:flex;flex-direction:row;justify-content:space-between}.dnb-drawer--spacing .dnb-drawer__navigation.dnb-section{left:0;margin:var(--drawer-spacing) 0;padding:0 var(--drawer-spacing);position:sticky;top:0;z-index:99}@media screen and (min-width:80.00625em){.dnb-drawer--spacing .dnb-drawer__navigation.dnb-section{padding:0 calc(var(--drawer-spacing)*1.75)}}@media screen and (max-width:60em){.dnb-drawer--spacing .dnb-drawer__navigation.dnb-section{padding:0 calc(var(--drawer-spacing)/1.33333)}}@media screen and (max-width:40em){.dnb-drawer--spacing .dnb-drawer__navigation.dnb-section{padding:0 calc(var(--drawer-spacing)/2)}}.dnb-drawer--spacing .dnb-drawer__navigation.dnb-section.dnb-drawer__navigation--sticky{z-index:2999}.dnb-drawer .dnb-drawer__navigation--sticky:before{bottom:0;box-shadow:var(--shadow-default);content:"";height:300%;left:0;position:absolute;right:0;z-index:-1}.dnb-drawer .dnb-drawer__navigation:not(.dnb-drawer__navigation--sticky):after{color:transparent}@media screen and (max-width:40em){.dnb-drawer--no-animation-on-mobile{animation-delay:0ms!important;animation-duration:0ms!important}}[data-visual-test].hide-page-content #___gatsby{opacity:0}
1
+ @keyframes show-modal{0%{opacity:.1;transform:translate3d(0,-1rem,0)}to{opacity:1;transform:translateZ(0)}}@keyframes hide-modal{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,1rem,0)}}@keyframes show-drawer{to{opacity:1;transform:translateZ(0)}}@keyframes hide-drawer-left{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-20rem,0,0)}}@keyframes hide-drawer-top{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-20rem,0)}}@keyframes hide-drawer-bottom{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,20rem,0)}}@keyframes hide-drawer-right{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(20rem,0,0)}}@keyframes show-modal-overlay{0%{opacity:0}to{opacity:1}}@keyframes hide-modal-overlay{0%{opacity:1}to{opacity:0}}.dnb-drawer{--drawer-width:40vw;--drawer-min-width:384px;--drawer-max-width:40rem;--drawer-spacing:2rem;--drawer-spacing-minus:-2rem;-webkit-tap-highlight-color:rgba(0,0,0,0);border:none;border-radius:0;box-shadow:none;box-shadow:var(--shadow-default);height:100vh;max-height:100vh;max-width:100%;max-width:var(--drawer-max-width);min-width:var(--drawer-min-width);position:relative;-webkit-user-select:text;user-select:text;width:100%;width:var(--drawer-width)}@media screen and (max-width:40em){.dnb-drawer{--drawer-width:100vw;--drawer-min-width:none;--drawer-max-width:none}.dnb-drawer--auto-fullscreen{border-radius:0;box-shadow:none;height:100vh;max-height:100vh;max-width:100%;width:100%}}.dnb-drawer__inner{background-color:var(--modal-background-color,transparent);display:flex;flex-direction:column;height:calc(100% - var(--header-height, 0));position:relative;width:100%;z-index:10}.dnb-drawer__align--centered .dnb-drawer__inner{align-items:center;justify-content:center}.dnb-drawer__content{position:relative;z-index:1}.dnb-drawer--spacing .dnb-drawer__content{padding:0 var(--drawer-spacing)}@media screen and (min-width:80.00625em){.dnb-drawer--spacing .dnb-drawer__content{padding:0 calc(var(--drawer-spacing)*1.75)}}@media screen and (max-width:60em){.dnb-drawer--spacing .dnb-drawer__content{padding:0 calc(var(--drawer-spacing)/1.33333)}}@media screen and (max-width:40em){.dnb-drawer--spacing .dnb-drawer__content{padding:0 calc(var(--drawer-spacing)/2)}}.dnb-drawer__align--center .dnb-drawer__content{align-items:center;text-align:center}.dnb-drawer__align--right .dnb-drawer__content{align-items:flex-end;text-align:right}.dnb-drawer--bottom,.dnb-drawer--top{height:40vh;max-width:100%;width:100vw}@media screen and (max-height:40em){.dnb-drawer--bottom,.dnb-drawer--top{height:100vw;max-height:auto;min-height:auto}}.dnb-drawer--fullscreen{border-radius:0;box-shadow:none;height:100vh;max-height:100vh;max-width:100%;width:100%}html:not([data-visual-test]) .dnb-drawer{animation:show-drawer var(--modal-animation-duration) ease-out forwards;opacity:.1}html:not([data-visual-test]) .dnb-drawer--left{transform:translate3d(-20rem,0,0)}html:not([data-visual-test]) .dnb-drawer--right{transform:translate3d(20rem,0,0)}html:not([data-visual-test]) .dnb-drawer--top{transform:translate3d(0,-20rem,0)}html:not([data-visual-test]) .dnb-drawer--bottom{transform:translate3d(0,20rem,0)}html:not([data-visual-test]) .dnb-drawer--hide.dnb-drawer--left{animation:hide-drawer-left var(--modal-animation-duration) ease-in-out forwards}html:not([data-visual-test]) .dnb-drawer--hide.dnb-drawer--right{animation:hide-drawer-right var(--modal-animation-duration) ease-in-out forwards}html:not([data-visual-test]) .dnb-drawer--hide.dnb-drawer--top{animation:hide-drawer-top var(--modal-animation-duration) ease-in-out forwards}html:not([data-visual-test]) .dnb-drawer--hide.dnb-drawer--bottom{animation:hide-drawer-bottom var(--modal-animation-duration) ease-in-out forwards}.dnb-drawer--no-animation{animation-duration:0ms!important}@media screen and (max-width:40em){.dnb-drawer--no-animation-on-mobile{animation-duration:0ms!important}}.dnb-drawer__root{align-items:flex-start;justify-content:flex-start}@media screen and (max-width:60em){.dnb-drawer__title{font-size:var(--font-size-large)!important;line-height:var(--line-height-medium)!important}}.dnb-drawer__title~.dnb-drawer__content{padding-top:calc(var(--drawer-spacing)/1.33333)}.dnb-drawer .dnb-drawer__header .dnb-drawer__title,.dnb-drawer .dnb-drawer__header [class*=dnb-h--]{padding:0}.dnb-drawer .dnb-drawer__header .dnb-drawer__title:not([class*=__top]),.dnb-drawer .dnb-drawer__header [class*=dnb-h--]:not([class*=__top]){margin-top:0}.dnb-drawer .dnb-drawer__header .dnb-drawer__title:not([class*=__bottom]),.dnb-drawer .dnb-drawer__header [class*=dnb-h--]:not([class*=__bottom]){margin-bottom:0}.dnb-drawer .dnb-drawer__header:after{height:600%;top:-500%}.dnb-drawer--spacing .dnb-drawer__header{padding:0 var(--drawer-spacing)}@media screen and (min-width:80.00625em){.dnb-drawer--spacing .dnb-drawer__header{padding:0 calc(var(--drawer-spacing)*1.75)}}@media screen and (max-width:60em){.dnb-drawer--spacing .dnb-drawer__header{padding:0 calc(var(--drawer-spacing)/1.33333)}}@media screen and (max-width:40em){.dnb-drawer--spacing .dnb-drawer__header{padding:0 calc(var(--drawer-spacing)/2)}}.dnb-drawer--spacing .dnb-drawer__header .dnb-tabs{margin-top:var(--drawer-spacing)}.dnb-drawer__body{margin-bottom:calc(var(--drawer-spacing-minus)*2);padding-bottom:calc(var(--drawer-spacing)*2)}@supports (-webkit-touch-callout:none){.dnb-drawer__body{padding-bottom:calc(var(--drawer-spacing-minus)*8)}}.dnb-drawer__navigation.dnb-section{display:flex;flex-direction:row;justify-content:space-between}.dnb-drawer--spacing .dnb-drawer__navigation.dnb-section{left:0;margin:var(--drawer-spacing) 0;padding:0 var(--drawer-spacing);position:sticky;top:0;z-index:99}@media screen and (min-width:80.00625em){.dnb-drawer--spacing .dnb-drawer__navigation.dnb-section{padding:0 calc(var(--drawer-spacing)*1.75)}}@media screen and (max-width:60em){.dnb-drawer--spacing .dnb-drawer__navigation.dnb-section{padding:0 calc(var(--drawer-spacing)/1.33333)}}@media screen and (max-width:40em){.dnb-drawer--spacing .dnb-drawer__navigation.dnb-section{padding:0 calc(var(--drawer-spacing)/2)}}.dnb-drawer--spacing .dnb-drawer__navigation.dnb-section.dnb-drawer__navigation--sticky{z-index:2999}.dnb-drawer .dnb-drawer__navigation--sticky:before{bottom:0;box-shadow:var(--shadow-default);content:"";height:300%;left:0;position:absolute;right:0;z-index:-1}.dnb-drawer .dnb-drawer__navigation:not(.dnb-drawer__navigation--sticky):after{color:transparent}@media screen and (max-width:40em){.dnb-drawer--no-animation-on-mobile{animation-delay:0ms!important;animation-duration:0ms!important}}[data-visual-test].hide-page-content #___gatsby{opacity:0}
package/components/drawer/style/dnb-drawer.scss CHANGED
@@ -24,7 +24,7 @@
24
24
 
25
25
  .dnb-drawer {
26
26
  --drawer-width: 40vw;
27
- --drawer-min-width: 25rem;
27
+ --drawer-min-width: 384px; // (24rem) Use px so a larger font-size will not make the drawer too small
28
28
  --drawer-max-width: 40rem;
29
29
  --drawer-spacing: 2rem; // should reflect --spacing-large
30
30
  --drawer-spacing-minus: -2rem; // should reflect --spacing-large
@@ -38,9 +38,9 @@
38
38
  max-width: var(--drawer-max-width);
39
39
 
40
40
  @include allBelow(small) {
41
- width: 100vw;
42
- min-width: none;
43
- max-width: none;
41
+ --drawer-width: 100vw;
42
+ --drawer-min-width: none;
43
+ --drawer-max-width: none;
44
44
  }
45
45
 
46
46
  @include defaultDropShadow();
package/components/dropdown/Dropdown.d.ts CHANGED
@@ -56,7 +56,7 @@ export interface DropdownProps {
56
56
  */
57
57
  status?: FormStatusText;
58
58
  /**
59
- * Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.
59
+ * Defines the state of the status. It&#39;s two statuses `[error, info]`. Defaults to `error`.
60
60
  */
61
61
  status_state?: FormStatusState;
62
62
  /**
package/components/form-status/FormStatus.js CHANGED
@@ -117,6 +117,7 @@ export default class FormStatus extends React.PureComponent {
117
117
  const {
118
118
  state,
119
119
  text,
120
+ children,
120
121
  globalStatus,
121
122
  label
122
123
  } = this.getProps(context);
@@ -125,7 +126,7 @@ export default class FormStatus extends React.PureComponent {
125
126
  status_id: this.getStatusId(),
126
127
  item: {
127
128
  item_id: this.state.id,
128
- text: (globalStatus === null || globalStatus === void 0 ? void 0 : globalStatus.message) || text,
129
+ text: (globalStatus === null || globalStatus === void 0 ? void 0 : globalStatus.message) || text || children,
129
130
  status_anchor_label: label,
130
131
  status_anchor_url: true
131
132
  }
@@ -185,7 +186,7 @@ export default class FormStatus extends React.PureComponent {
185
186
  status_id,
186
187
  item: {
187
188
  item_id: this.state.id,
188
- text: (globalStatus === null || globalStatus === void 0 ? void 0 : globalStatus.message) || text,
189
+ text: (globalStatus === null || globalStatus === void 0 ? void 0 : globalStatus.message) || text || children,
189
190
  status_anchor_label: label,
190
191
  status_anchor_url: true
191
192
  }