@dnb/eufemia 9.23.1 → 9.26.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 (1750) hide show
  1. package/CHANGELOG.md +82 -0
  2. package/assets/icons/above_the_line.svg +1 -3
  3. package/assets/icons/above_the_line_medium.svg +1 -3
  4. package/assets/icons/account.svg +1 -4
  5. package/assets/icons/account_card.svg +1 -3
  6. package/assets/icons/account_card_medium.svg +1 -4
  7. package/assets/icons/account_in.svg +1 -3
  8. package/assets/icons/account_in_medium.svg +1 -6
  9. package/assets/icons/account_medium.svg +1 -5
  10. package/assets/icons/account_out.svg +1 -3
  11. package/assets/icons/account_out_medium.svg +1 -5
  12. package/assets/icons/account_percent.svg +1 -5
  13. package/assets/icons/account_percent_medium.svg +1 -0
  14. package/assets/icons/add.svg +1 -3
  15. package/assets/icons/add_circled.svg +1 -3
  16. package/assets/icons/add_circled_medium.svg +1 -3
  17. package/assets/icons/add_medium.svg +1 -3
  18. package/assets/icons/ainvoice.svg +1 -3
  19. package/assets/icons/ainvoice_medium.svg +1 -3
  20. package/assets/icons/ambulance.svg +1 -3
  21. package/assets/icons/ambulance_medium.svg +1 -3
  22. package/assets/icons/animal_print.svg +1 -7
  23. package/assets/icons/animal_print_medium.svg +1 -7
  24. package/assets/icons/apple_watch.svg +1 -3
  25. package/assets/icons/apple_watch_medium.svg +1 -3
  26. package/assets/icons/arrow_down.svg +1 -3
  27. package/assets/icons/arrow_down_medium.svg +1 -3
  28. package/assets/icons/arrow_left.svg +1 -3
  29. package/assets/icons/arrow_left_medium.svg +1 -3
  30. package/assets/icons/arrow_right.svg +1 -3
  31. package/assets/icons/arrow_right_medium.svg +1 -3
  32. package/assets/icons/arrow_up.svg +1 -3
  33. package/assets/icons/arrow_up_medium.svg +1 -3
  34. package/assets/icons/attachment.svg +1 -3
  35. package/assets/icons/attachment_medium.svg +1 -3
  36. package/assets/icons/baby.svg +1 -5
  37. package/assets/icons/baby_medium.svg +1 -5
  38. package/assets/icons/bandage.svg +1 -5
  39. package/assets/icons/bandage_medium.svg +1 -7
  40. package/assets/icons/bank.svg +1 -3
  41. package/assets/icons/bank_medium.svg +1 -3
  42. package/assets/icons/bankid.svg +1 -3
  43. package/assets/icons/bankid_medium.svg +1 -3
  44. package/assets/icons/bankid_mobile.svg +1 -4
  45. package/assets/icons/bankid_mobile_medium.svg +1 -5
  46. package/assets/icons/bankid_qr.svg +1 -3
  47. package/assets/icons/bankid_qr_medium.svg +1 -3
  48. package/assets/icons/bell.svg +1 -3
  49. package/assets/icons/bell_medium.svg +1 -3
  50. package/assets/icons/bicycle.svg +1 -3
  51. package/assets/icons/bicycle_medium.svg +1 -3
  52. package/assets/icons/boat.svg +1 -3
  53. package/assets/icons/boat_medium.svg +1 -3
  54. package/assets/icons/bowling.svg +1 -6
  55. package/assets/icons/bowling_medium.svg +1 -6
  56. package/assets/icons/brickwall.svg +1 -3
  57. package/assets/icons/brickwall_medium.svg +1 -3
  58. package/assets/icons/broken_chain.svg +1 -3
  59. package/assets/icons/broken_chain_medium.svg +1 -3
  60. package/assets/icons/brush.svg +1 -3
  61. package/assets/icons/brush_medium.svg +1 -3
  62. package/assets/icons/bsu.svg +1 -3
  63. package/assets/icons/bsu_medium.svg +1 -3
  64. package/assets/icons/bubble.svg +1 -3
  65. package/assets/icons/bubble_medium.svg +1 -3
  66. package/assets/icons/building_construction.svg +1 -3
  67. package/assets/icons/building_construction_medium.svg +1 -3
  68. package/assets/icons/calculator.svg +1 -3
  69. package/assets/icons/calculator_medium.svg +1 -3
  70. package/assets/icons/calendar.svg +1 -3
  71. package/assets/icons/calendar_medium.svg +1 -3
  72. package/assets/icons/camera.svg +1 -4
  73. package/assets/icons/camera_medium.svg +1 -4
  74. package/assets/icons/camper_trailer.svg +1 -3
  75. package/assets/icons/camper_trailer_medium.svg +1 -3
  76. package/assets/icons/car_1.svg +1 -3
  77. package/assets/icons/car_1_medium.svg +1 -3
  78. package/assets/icons/car_2.svg +1 -3
  79. package/assets/icons/car_2_medium.svg +1 -3
  80. package/assets/icons/caravan.svg +1 -3
  81. package/assets/icons/caravan_medium.svg +1 -3
  82. package/assets/icons/card.svg +1 -3
  83. package/assets/icons/card_in.svg +1 -3
  84. package/assets/icons/card_in_medium.svg +1 -3
  85. package/assets/icons/card_medium.svg +1 -3
  86. package/assets/icons/card_out.svg +1 -3
  87. package/assets/icons/card_out_medium.svg +1 -3
  88. package/assets/icons/card_with_padlock.svg +1 -3
  89. package/assets/icons/card_with_padlock_medium.svg +1 -4
  90. package/assets/icons/cat.svg +1 -5
  91. package/assets/icons/cat_medium.svg +1 -5
  92. package/assets/icons/chain.svg +1 -3
  93. package/assets/icons/chain_medium.svg +1 -3
  94. package/assets/icons/charger.svg +1 -3
  95. package/assets/icons/charger_medium.svg +1 -3
  96. package/assets/icons/chat.svg +1 -3
  97. package/assets/icons/chat_medium.svg +1 -3
  98. package/assets/icons/chatbot.svg +1 -4
  99. package/assets/icons/chatbot_medium.svg +1 -4
  100. package/assets/icons/check.svg +1 -3
  101. package/assets/icons/check_medium.svg +1 -3
  102. package/assets/icons/chevron_down.svg +1 -3
  103. package/assets/icons/chevron_down_medium.svg +1 -3
  104. package/assets/icons/chevron_left.svg +1 -3
  105. package/assets/icons/chevron_left_medium.svg +1 -3
  106. package/assets/icons/chevron_right.svg +1 -3
  107. package/assets/icons/chevron_right_medium.svg +1 -3
  108. package/assets/icons/chevron_up.svg +1 -3
  109. package/assets/icons/chevron_up_medium.svg +1 -3
  110. package/assets/icons/chip.svg +1 -3
  111. package/assets/icons/chip_medium.svg +1 -3
  112. package/assets/icons/clock.svg +1 -3
  113. package/assets/icons/clock_medium.svg +1 -3
  114. package/assets/icons/close.svg +1 -3
  115. package/assets/icons/close_medium.svg +1 -3
  116. package/assets/icons/cloud.svg +1 -3
  117. package/assets/icons/cloud_download.svg +1 -3
  118. package/assets/icons/cloud_download_medium.svg +1 -3
  119. package/assets/icons/cloud_medium.svg +1 -3
  120. package/assets/icons/cloud_rain.svg +1 -3
  121. package/assets/icons/cloud_rain_medium.svg +1 -3
  122. package/assets/icons/cloud_sync.svg +1 -3
  123. package/assets/icons/cloud_sync_medium.svg +1 -3
  124. package/assets/icons/cloud_transfer.svg +1 -3
  125. package/assets/icons/cloud_transfer_medium.svg +1 -3
  126. package/assets/icons/cloud_upload.svg +1 -3
  127. package/assets/icons/cloud_upload_medium.svg +1 -3
  128. package/assets/icons/cog.svg +1 -4
  129. package/assets/icons/cog_medium.svg +1 -4
  130. package/assets/icons/coins_1.svg +1 -3
  131. package/assets/icons/coins_1_medium.svg +1 -3
  132. package/assets/icons/coins_2.svg +1 -3
  133. package/assets/icons/coins_2_medium.svg +1 -3
  134. package/assets/icons/coins_3.svg +1 -3
  135. package/assets/icons/coins_3_medium.svg +1 -3
  136. package/assets/icons/compose.svg +1 -3
  137. package/assets/icons/compose_medium.svg +1 -3
  138. package/assets/icons/confetti.svg +1 -3
  139. package/assets/icons/confetti_medium.svg +1 -3
  140. package/assets/icons/contacts.svg +1 -3
  141. package/assets/icons/contacts_medium.svg +1 -3
  142. package/assets/icons/cookie.svg +1 -6
  143. package/assets/icons/cookie_medium.svg +1 -8
  144. package/assets/icons/copy.svg +1 -3
  145. package/assets/icons/copy_medium.svg +1 -3
  146. package/assets/icons/credit_note.svg +1 -3
  147. package/assets/icons/credit_note_medium.svg +1 -3
  148. package/assets/icons/currency.svg +1 -3
  149. package/assets/icons/currency_medium.svg +1 -3
  150. package/assets/icons/customer_service.svg +1 -3
  151. package/assets/icons/customer_service_medium.svg +1 -3
  152. package/assets/icons/deleted_invoice.svg +1 -3
  153. package/assets/icons/deleted_invoice_medium.svg +1 -3
  154. package/assets/icons/diamond.svg +1 -3
  155. package/assets/icons/diamond_medium.svg +1 -3
  156. package/assets/icons/digipass.svg +1 -3
  157. package/assets/icons/digipass_medium.svg +1 -3
  158. package/assets/icons/digipost.svg +1 -3
  159. package/assets/icons/digipost_medium.svg +1 -3
  160. package/assets/icons/dismiss_keyboard.svg +1 -7
  161. package/assets/icons/dismiss_keyboard_medium.svg +1 -12
  162. package/assets/icons/dog.svg +1 -5
  163. package/assets/icons/dog_medium.svg +1 -5
  164. package/assets/icons/download.svg +1 -3
  165. package/assets/icons/download_medium.svg +1 -3
  166. package/assets/icons/edit.svg +1 -3
  167. package/assets/icons/edit_medium.svg +1 -3
  168. package/assets/icons/einvoice.svg +1 -3
  169. package/assets/icons/einvoice_medium.svg +1 -3
  170. package/assets/icons/email.svg +1 -3
  171. package/assets/icons/email_medium.svg +1 -3
  172. package/assets/icons/equities_and_mutual_funds.svg +1 -3
  173. package/assets/icons/equities_and_mutual_funds_medium.svg +1 -3
  174. package/assets/icons/exclamation.svg +1 -3
  175. package/assets/icons/exclamation_circled.svg +1 -3
  176. package/assets/icons/exclamation_circled_medium.svg +1 -3
  177. package/assets/icons/exclamation_medium.svg +1 -3
  178. package/assets/icons/exclamation_triangle.svg +1 -4
  179. package/assets/icons/exclamation_triangle_medium.svg +1 -4
  180. package/assets/icons/facebook.svg +1 -3
  181. package/assets/icons/facebook_medium.svg +1 -3
  182. package/assets/icons/factory.svg +1 -3
  183. package/assets/icons/factory_medium.svg +1 -3
  184. package/assets/icons/file.svg +1 -3
  185. package/assets/icons/file_add.svg +1 -3
  186. package/assets/icons/file_add_medium.svg +1 -3
  187. package/assets/icons/file_contract.svg +1 -3
  188. package/assets/icons/file_contract_medium.svg +1 -3
  189. package/assets/icons/file_csv.svg +1 -6
  190. package/assets/icons/file_csv_medium.svg +1 -6
  191. package/assets/icons/file_loupe.svg +1 -3
  192. package/assets/icons/file_loupe_medium.svg +1 -3
  193. package/assets/icons/file_medium.svg +1 -3
  194. package/assets/icons/file_pdf.svg +1 -6
  195. package/assets/icons/file_pdf_medium.svg +1 -6
  196. package/assets/icons/file_ppt.svg +1 -6
  197. package/assets/icons/file_ppt_medium.svg +1 -6
  198. package/assets/icons/file_rejected.svg +1 -3
  199. package/assets/icons/file_rejected_medium.svg +1 -3
  200. package/assets/icons/file_signing.svg +1 -3
  201. package/assets/icons/file_signing_medium.svg +1 -3
  202. package/assets/icons/file_txt.svg +1 -6
  203. package/assets/icons/file_txt_medium.svg +1 -6
  204. package/assets/icons/file_warning.svg +1 -4
  205. package/assets/icons/file_warning_medium.svg +1 -4
  206. package/assets/icons/file_word.svg +1 -6
  207. package/assets/icons/file_word_medium.svg +1 -6
  208. package/assets/icons/file_xls.svg +1 -6
  209. package/assets/icons/file_xls_medium.svg +1 -6
  210. package/assets/icons/file_xml.svg +1 -6
  211. package/assets/icons/file_xml_medium.svg +1 -6
  212. package/assets/icons/filter.svg +1 -3
  213. package/assets/icons/filter_medium.svg +1 -3
  214. package/assets/icons/first_aid.svg +1 -3
  215. package/assets/icons/first_aid_medium.svg +1 -3
  216. package/assets/icons/flying_money.svg +1 -3
  217. package/assets/icons/flying_money_medium.svg +1 -5
  218. package/assets/icons/folder.svg +1 -3
  219. package/assets/icons/folder_medium.svg +1 -3
  220. package/assets/icons/fridge.svg +1 -3
  221. package/assets/icons/fridge_medium.svg +1 -3
  222. package/assets/icons/fullscreen.svg +1 -3
  223. package/assets/icons/fullscreen_medium.svg +1 -3
  224. package/assets/icons/funds.svg +1 -3
  225. package/assets/icons/funds_in.svg +1 -3
  226. package/assets/icons/funds_in_medium.svg +1 -3
  227. package/assets/icons/funds_medium.svg +1 -3
  228. package/assets/icons/funds_out.svg +1 -3
  229. package/assets/icons/funds_out_medium.svg +1 -3
  230. package/assets/icons/globe.svg +1 -3
  231. package/assets/icons/globe_medium.svg +1 -3
  232. package/assets/icons/grabber.svg +1 -3
  233. package/assets/icons/grabber_medium.svg +1 -3
  234. package/assets/icons/graph_decrease.svg +1 -3
  235. package/assets/icons/graph_decrease_medium.svg +1 -3
  236. package/assets/icons/graph_increase.svg +1 -3
  237. package/assets/icons/graph_increase_medium.svg +1 -3
  238. package/assets/icons/hamburger.svg +1 -3
  239. package/assets/icons/hamburger_medium.svg +1 -3
  240. package/assets/icons/hand_money.svg +1 -3
  241. package/assets/icons/hand_money_medium.svg +1 -3
  242. package/assets/icons/hanger.svg +1 -3
  243. package/assets/icons/hanger_medium.svg +1 -3
  244. package/assets/icons/heart.svg +1 -3
  245. package/assets/icons/heart_medium.svg +1 -3
  246. package/assets/icons/heart_rate.svg +1 -3
  247. package/assets/icons/heart_rate_medium.svg +1 -3
  248. package/assets/icons/hide.svg +1 -3
  249. package/assets/icons/hide_medium.svg +1 -3
  250. package/assets/icons/history.svg +1 -3
  251. package/assets/icons/history_medium.svg +1 -3
  252. package/assets/icons/home.svg +1 -3
  253. package/assets/icons/home_medium.svg +1 -3
  254. package/assets/icons/horse.svg +1 -5
  255. package/assets/icons/horse_medium.svg +1 -5
  256. package/assets/icons/hourglass.svg +1 -3
  257. package/assets/icons/hourglass_medium.svg +1 -3
  258. package/assets/icons/house_1.svg +1 -3
  259. package/assets/icons/house_1_medium.svg +1 -3
  260. package/assets/icons/house_2.svg +1 -3
  261. package/assets/icons/house_2_medium.svg +1 -3
  262. package/assets/icons/house_value.svg +1 -5
  263. package/assets/icons/house_value_medium.svg +1 -5
  264. package/assets/icons/information.svg +1 -3
  265. package/assets/icons/information_bubble.svg +1 -5
  266. package/assets/icons/information_bubble_medium.svg +1 -4
  267. package/assets/icons/information_circled.svg +1 -4
  268. package/assets/icons/information_circled_medium.svg +1 -4
  269. package/assets/icons/information_medium.svg +1 -3
  270. package/assets/icons/instagram.svg +1 -5
  271. package/assets/icons/instagram_medium.svg +1 -12
  272. package/assets/icons/insurance.svg +1 -3
  273. package/assets/icons/insurance_medium.svg +1 -3
  274. package/assets/icons/kid_number.svg +1 -3
  275. package/assets/icons/kid_number_medium.svg +1 -3
  276. package/assets/icons/language.svg +1 -3
  277. package/assets/icons/language_medium.svg +1 -3
  278. package/assets/icons/launch.svg +1 -3
  279. package/assets/icons/launch_medium.svg +1 -3
  280. package/assets/icons/leaf.svg +1 -3
  281. package/assets/icons/leaf_medium.svg +1 -3
  282. package/assets/icons/lightbulb.svg +1 -3
  283. package/assets/icons/lightbulb_medium.svg +1 -3
  284. package/assets/icons/linkedin.svg +1 -3
  285. package/assets/icons/linkedin_medium.svg +1 -3
  286. package/assets/icons/list.svg +1 -3
  287. package/assets/icons/list_medium.svg +1 -3
  288. package/assets/icons/loan.svg +1 -3
  289. package/assets/icons/loan_in.svg +1 -3
  290. package/assets/icons/loan_in_medium.svg +1 -3
  291. package/assets/icons/loan_medium.svg +1 -3
  292. package/assets/icons/loan_out.svg +1 -3
  293. package/assets/icons/loan_out_medium.svg +1 -3
  294. package/assets/icons/location.svg +1 -3
  295. package/assets/icons/location_medium.svg +1 -3
  296. package/assets/icons/log_in.svg +1 -3
  297. package/assets/icons/log_in_medium.svg +1 -3
  298. package/assets/icons/log_out.svg +1 -3
  299. package/assets/icons/log_out_medium.svg +1 -3
  300. package/assets/icons/loupe.svg +1 -3
  301. package/assets/icons/loupe_medium.svg +1 -3
  302. package/assets/icons/mastercard.svg +1 -3
  303. package/assets/icons/mastercard_card.svg +1 -3
  304. package/assets/icons/mastercard_card_medium.svg +1 -3
  305. package/assets/icons/mastercard_medium.svg +1 -3
  306. package/assets/icons/megaphone.svg +1 -3
  307. package/assets/icons/megaphone_medium.svg +1 -3
  308. package/assets/icons/microphone.svg +1 -3
  309. package/assets/icons/microphone_medium.svg +1 -3
  310. package/assets/icons/minimize.svg +1 -3
  311. package/assets/icons/minimize_medium.svg +1 -3
  312. package/assets/icons/mobilephone.svg +1 -3
  313. package/assets/icons/mobilephone_medium.svg +1 -3
  314. package/assets/icons/more.svg +1 -5
  315. package/assets/icons/more_medium.svg +1 -5
  316. package/assets/icons/more_vertical.svg +1 -5
  317. package/assets/icons/more_vertical_medium.svg +1 -5
  318. package/assets/icons/motorcycle.svg +1 -3
  319. package/assets/icons/motorcycle_medium.svg +1 -10
  320. package/assets/icons/move.svg +1 -3
  321. package/assets/icons/move_medium.svg +1 -3
  322. package/assets/icons/news.svg +1 -0
  323. package/assets/icons/news_medium.svg +1 -0
  324. package/assets/icons/office_buildings.svg +1 -3
  325. package/assets/icons/office_buildings_medium.svg +1 -3
  326. package/assets/icons/oil.svg +1 -3
  327. package/assets/icons/oil_medium.svg +1 -3
  328. package/assets/icons/owl.svg +1 -5
  329. package/assets/icons/owl_medium.svg +1 -5
  330. package/assets/icons/padlock.svg +1 -3
  331. package/assets/icons/padlock_medium.svg +1 -3
  332. package/assets/icons/paperclip.svg +1 -3
  333. package/assets/icons/paperclip_medium.svg +1 -3
  334. package/assets/icons/paragraph.svg +1 -3
  335. package/assets/icons/paragraph_medium.svg +1 -3
  336. package/assets/icons/pause.svg +1 -4
  337. package/assets/icons/pause_medium.svg +1 -4
  338. package/assets/icons/pay_from.svg +1 -3
  339. package/assets/icons/pay_from_medium.svg +1 -3
  340. package/assets/icons/pension.svg +1 -3
  341. package/assets/icons/pension_medium.svg +1 -3
  342. package/assets/icons/people_1.svg +1 -3
  343. package/assets/icons/people_1_medium.svg +1 -3
  344. package/assets/icons/people_2.svg +1 -3
  345. package/assets/icons/people_2_medium.svg +1 -3
  346. package/assets/icons/person.svg +1 -3
  347. package/assets/icons/person_medium.svg +1 -3
  348. package/assets/icons/person_shield.svg +1 -3
  349. package/assets/icons/person_shield_medium.svg +1 -3
  350. package/assets/icons/phone.svg +1 -3
  351. package/assets/icons/phone_medium.svg +1 -3
  352. package/assets/icons/photo.svg +1 -4
  353. package/assets/icons/photo_medium.svg +1 -3
  354. package/assets/icons/pin.svg +1 -3
  355. package/assets/icons/pin_code.svg +1 -8
  356. package/assets/icons/pin_code_medium.svg +1 -8
  357. package/assets/icons/pin_medium.svg +1 -3
  358. package/assets/icons/plant.svg +1 -3
  359. package/assets/icons/plant_medium.svg +1 -3
  360. package/assets/icons/play.svg +1 -3
  361. package/assets/icons/play_medium.svg +1 -3
  362. package/assets/icons/podcast.svg +1 -0
  363. package/assets/icons/podcast_medium.svg +1 -0
  364. package/assets/icons/printer.svg +1 -3
  365. package/assets/icons/printer_medium.svg +1 -3
  366. package/assets/icons/profile.svg +1 -3
  367. package/assets/icons/profile_medium.svg +1 -3
  368. package/assets/icons/progress.svg +1 -5
  369. package/assets/icons/progress_medium.svg +1 -3
  370. package/assets/icons/question.svg +1 -3
  371. package/assets/icons/question_circled.svg +1 -3
  372. package/assets/icons/question_circled_medium.svg +1 -3
  373. package/assets/icons/question_medium.svg +1 -3
  374. package/assets/icons/recurring.svg +1 -3
  375. package/assets/icons/recurring_medium.svg +1 -3
  376. package/assets/icons/redo.svg +1 -3
  377. package/assets/icons/redo_medium.svg +1 -3
  378. package/assets/icons/ref_number.svg +1 -3
  379. package/assets/icons/ref_number_medium.svg +1 -3
  380. package/assets/icons/refresh.svg +1 -3
  381. package/assets/icons/refresh_medium.svg +1 -3
  382. package/assets/icons/reply.svg +1 -3
  383. package/assets/icons/reply_medium.svg +1 -3
  384. package/assets/icons/reset.svg +1 -3
  385. package/assets/icons/reset_medium.svg +1 -3
  386. package/assets/icons/restaurant.svg +1 -3
  387. package/assets/icons/restaurant_medium.svg +1 -3
  388. package/assets/icons/return_1.svg +1 -3
  389. package/assets/icons/return_1_medium.svg +1 -3
  390. package/assets/icons/save.svg +1 -3
  391. package/assets/icons/save_medium.svg +1 -3
  392. package/assets/icons/savings_account.svg +1 -4
  393. package/assets/icons/savings_account_in.svg +1 -3
  394. package/assets/icons/savings_account_in_medium.svg +1 -3
  395. package/assets/icons/savings_account_medium.svg +1 -4
  396. package/assets/icons/savings_account_out.svg +1 -3
  397. package/assets/icons/savings_account_out_medium.svg +1 -3
  398. package/assets/icons/scissors.svg +1 -3
  399. package/assets/icons/scissors_medium.svg +1 -3
  400. package/assets/icons/scooter.svg +1 -3
  401. package/assets/icons/scooter_medium.svg +1 -10
  402. package/assets/icons/send.svg +1 -3
  403. package/assets/icons/send_medium.svg +1 -3
  404. package/assets/icons/share_android.svg +1 -3
  405. package/assets/icons/share_android_medium.svg +1 -3
  406. package/assets/icons/share_ios.svg +1 -3
  407. package/assets/icons/share_ios_medium.svg +1 -3
  408. package/assets/icons/shield.svg +1 -3
  409. package/assets/icons/shield_medium.svg +1 -3
  410. package/assets/icons/shopping_cart.svg +1 -5
  411. package/assets/icons/shopping_cart_medium.svg +1 -5
  412. package/assets/icons/snowmobile.svg +1 -3
  413. package/assets/icons/snowmobile_medium.svg +1 -3
  414. package/assets/icons/speedometer.svg +1 -3
  415. package/assets/icons/speedometer_medium.svg +1 -10
  416. package/assets/icons/split.svg +1 -3
  417. package/assets/icons/split_medium.svg +1 -3
  418. package/assets/icons/star.svg +1 -3
  419. package/assets/icons/star_medium.svg +1 -3
  420. package/assets/icons/stocks.svg +1 -3
  421. package/assets/icons/stocks_medium.svg +1 -3
  422. package/assets/icons/stop.svg +1 -3
  423. package/assets/icons/stop_medium.svg +1 -3
  424. package/assets/icons/stopwatch.svg +1 -3
  425. package/assets/icons/stopwatch_medium.svg +1 -3
  426. package/assets/icons/subtract.svg +1 -3
  427. package/assets/icons/subtract_circled.svg +1 -3
  428. package/assets/icons/subtract_circled_medium.svg +1 -3
  429. package/assets/icons/subtract_medium.svg +1 -3
  430. package/assets/icons/support.svg +1 -3
  431. package/assets/icons/support_medium.svg +1 -3
  432. package/assets/icons/swap.svg +1 -3
  433. package/assets/icons/swap_medium.svg +1 -3
  434. package/assets/icons/tag.svg +1 -4
  435. package/assets/icons/tag_medium.svg +1 -4
  436. package/assets/icons/thumbs_down.svg +1 -3
  437. package/assets/icons/thumbs_down_medium.svg +1 -3
  438. package/assets/icons/thumbs_up.svg +1 -3
  439. package/assets/icons/thumbs_up_medium.svg +1 -3
  440. package/assets/icons/tractor.svg +1 -3
  441. package/assets/icons/tractor_medium.svg +1 -3
  442. package/assets/icons/trailer.svg +1 -3
  443. package/assets/icons/trailer_medium.svg +1 -3
  444. package/assets/icons/train.svg +1 -3
  445. package/assets/icons/train_medium.svg +1 -3
  446. package/assets/icons/transfer.svg +1 -3
  447. package/assets/icons/transfer_medium.svg +1 -3
  448. package/assets/icons/transfer_to.svg +1 -3
  449. package/assets/icons/transfer_to_medium.svg +1 -3
  450. package/assets/icons/trash.svg +1 -3
  451. package/assets/icons/trash_medium.svg +1 -3
  452. package/assets/icons/travel.svg +1 -3
  453. package/assets/icons/travel_medium.svg +1 -3
  454. package/assets/icons/undo.svg +1 -3
  455. package/assets/icons/undo_medium.svg +1 -3
  456. package/assets/icons/upload.svg +1 -3
  457. package/assets/icons/upload_medium.svg +1 -3
  458. package/assets/icons/user_feedback.svg +1 -0
  459. package/assets/icons/user_feedback_medium.svg +1 -0
  460. package/assets/icons/video.svg +1 -3
  461. package/assets/icons/video_medium.svg +1 -3
  462. package/assets/icons/view.svg +1 -4
  463. package/assets/icons/view_medium.svg +1 -4
  464. package/assets/icons/vintage_car.svg +1 -3
  465. package/assets/icons/vintage_car_medium.svg +1 -3
  466. package/assets/icons/volume_off.svg +1 -3
  467. package/assets/icons/volume_off_medium.svg +1 -3
  468. package/assets/icons/volume_on.svg +1 -3
  469. package/assets/icons/volume_on_medium.svg +1 -3
  470. package/assets/icons/wallet.svg +1 -3
  471. package/assets/icons/wallet_medium.svg +1 -4
  472. package/assets/icons/wearables.svg +1 -3
  473. package/assets/icons/wearables_medium.svg +1 -3
  474. package/assets/icons/web.svg +1 -3
  475. package/assets/icons/web_medium.svg +1 -3
  476. package/assets/icons/wheelchair.svg +1 -3
  477. package/assets/icons/wheelchair_medium.svg +1 -3
  478. package/assets/icons/widget_android.svg +1 -6
  479. package/assets/icons/widget_android_medium.svg +1 -6
  480. package/assets/icons/widget_ios.svg +1 -3
  481. package/assets/icons/widget_ios_medium.svg +1 -3
  482. package/cjs/components/accordion/Accordion.d.ts +17 -4
  483. package/cjs/components/accordion/AccordionHeader.d.ts +11 -4
  484. package/cjs/components/accordion/AccordionHeader.js +17 -7
  485. package/cjs/components/accordion/AccordionPropTypes.js +5 -2
  486. package/cjs/components/accordion/AccordionProvider.d.ts +17 -2
  487. package/cjs/components/autocomplete/Autocomplete.d.ts +23 -0
  488. package/cjs/components/autocomplete/Autocomplete.js +9 -0
  489. package/cjs/components/autocomplete/style/dnb-autocomplete.css +20 -5
  490. package/cjs/components/autocomplete/style/dnb-autocomplete.min.css +1 -1
  491. package/cjs/components/avatar/Avatar.d.ts +6 -5
  492. package/cjs/components/avatar/Avatar.js +7 -9
  493. package/cjs/components/avatar/AvatarGroup.d.ts +7 -0
  494. package/cjs/components/avatar/AvatarGroup.js +15 -4
  495. package/cjs/components/breadcrumb/Breadcrumb.d.ts +0 -6
  496. package/cjs/components/breadcrumb/Breadcrumb.js +4 -8
  497. package/cjs/components/button/Button.js +6 -4
  498. package/cjs/components/button/style/_button.scss +1 -0
  499. package/cjs/components/button/style/dnb-button.css +7 -1
  500. package/cjs/components/button/style/dnb-button.min.css +1 -1
  501. package/cjs/components/button/style/themes/{dnb-button-theme-open-banking.css → dnb-button-theme-eiendom.css} +201 -89
  502. package/cjs/components/button/style/themes/dnb-button-theme-eiendom.min.css +13 -0
  503. package/cjs/components/button/style/themes/dnb-button-theme-eiendom.scss +74 -0
  504. package/cjs/components/button/style/themes/dnb-button-theme-ui.css +92 -80
  505. package/cjs/components/button/style/themes/dnb-button-theme-ui.min.css +1 -1
  506. package/cjs/components/button/style/themes/dnb-button-theme-ui.scss +14 -13
  507. package/cjs/components/date-picker/style/dnb-date-picker.css +26 -3
  508. package/cjs/components/date-picker/style/dnb-date-picker.min.css +1 -1
  509. package/cjs/components/dialog/Dialog.d.ts +2 -1
  510. package/cjs/components/dialog/Dialog.js +83 -50
  511. package/cjs/components/dialog/DialogContent.d.ts +1 -1
  512. package/cjs/components/dialog/DialogContent.js +50 -12
  513. package/cjs/components/dialog/parts/DialogAction.d.ts +34 -0
  514. package/cjs/components/dialog/parts/DialogAction.js +136 -0
  515. package/cjs/components/dialog/style/_dialog.scss +152 -72
  516. package/cjs/components/dialog/style/dnb-dialog.css +371 -215
  517. package/cjs/components/dialog/style/dnb-dialog.min.css +1 -1
  518. package/cjs/components/dialog/types.d.ts +20 -2
  519. package/cjs/components/drawer/Drawer.d.ts +1 -1
  520. package/cjs/components/drawer/Drawer.js +5 -1
  521. package/cjs/components/drawer/style/_drawer.scss +10 -8
  522. package/cjs/components/drawer/style/dnb-drawer.css +207 -130
  523. package/cjs/components/drawer/style/dnb-drawer.min.css +1 -1
  524. package/cjs/components/dropdown/style/_dropdown.scss +1 -1
  525. package/cjs/components/dropdown/style/dnb-dropdown.css +8 -4
  526. package/cjs/components/dropdown/style/dnb-dropdown.min.css +1 -1
  527. package/cjs/components/form-status/FormStatus.d.ts +19 -2
  528. package/cjs/components/form-status/FormStatus.js +64 -33
  529. package/cjs/components/form-status/style/themes/dnb-form-status-theme-ui.css +16 -0
  530. package/cjs/components/form-status/style/themes/dnb-form-status-theme-ui.min.css +1 -1
  531. package/cjs/components/form-status/style/themes/dnb-form-status-theme-ui.scss +7 -0
  532. package/cjs/components/global-error/style/dnb-global-error.css +7 -1
  533. package/cjs/components/global-error/style/dnb-global-error.min.css +1 -1
  534. package/cjs/components/global-status/style/dnb-global-status.css +7 -1
  535. package/cjs/components/global-status/style/dnb-global-status.min.css +1 -1
  536. package/cjs/components/help-button/HelpButtonInstance.js +7 -7
  537. package/cjs/components/help-button/style/dnb-help-button.css +7 -1
  538. package/cjs/components/help-button/style/dnb-help-button.min.css +1 -1
  539. package/cjs/components/info-card/InfoCard.d.ts +0 -9
  540. package/cjs/components/info-card/InfoCard.js +3 -10
  541. package/cjs/components/input/style/dnb-input.css +12 -1
  542. package/cjs/components/input/style/dnb-input.min.css +1 -1
  543. package/cjs/components/input-masked/style/dnb-input-masked.css +12 -1
  544. package/cjs/components/input-masked/style/dnb-input-masked.min.css +1 -1
  545. package/cjs/components/modal/Modal.d.ts +5 -0
  546. package/cjs/components/modal/Modal.js +8 -5
  547. package/cjs/components/modal/ModalContent.js +21 -9
  548. package/cjs/components/modal/parts/CloseButton.d.ts +4 -0
  549. package/cjs/components/modal/parts/CloseButton.js +2 -2
  550. package/cjs/components/modal/style/_modal.scss +3 -1
  551. package/cjs/components/modal/style/dnb-modal.css +196 -116
  552. package/cjs/components/modal/style/dnb-modal.min.css +1 -1
  553. package/cjs/components/modal/types.d.ts +17 -1
  554. package/cjs/components/number-format/NumberFormat.d.ts +7 -1
  555. package/cjs/components/number-format/NumberFormat.js +5 -1
  556. package/cjs/components/number-format/NumberUtils.d.ts +12 -3
  557. package/cjs/components/number-format/NumberUtils.js +106 -7
  558. package/cjs/components/number-format/style/dnb-number-format.css +5 -0
  559. package/cjs/components/number-format/style/dnb-number-format.min.css +1 -1
  560. package/cjs/components/number-format/useNumberFormat.d.ts +3 -0
  561. package/cjs/components/number-format/useNumberFormat.js +28 -0
  562. package/cjs/components/pagination/Pagination.js +2 -1
  563. package/cjs/components/pagination/PaginationBar.d.ts +32 -39
  564. package/cjs/components/pagination/PaginationBar.js +251 -237
  565. package/cjs/components/pagination/PaginationCalculation.d.ts +10 -6
  566. package/cjs/components/pagination/PaginationCalculation.js +53 -25
  567. package/cjs/components/pagination/style/_pagination.scss +28 -35
  568. package/cjs/components/pagination/style/dnb-pagination.css +37 -32
  569. package/cjs/components/pagination/style/dnb-pagination.min.css +1 -1
  570. package/cjs/components/pagination/style/themes/dnb-pagination-theme-ui.css +3 -13
  571. package/cjs/components/pagination/style/themes/dnb-pagination-theme-ui.min.css +1 -1
  572. package/cjs/components/pagination/style/themes/dnb-pagination-theme-ui.scss +2 -25
  573. package/cjs/components/skeleton/Skeleton.d.ts +10 -0
  574. package/cjs/components/skeleton/Skeleton.js +2 -0
  575. package/cjs/components/skeleton/figures/Article.js +1 -0
  576. package/cjs/components/skeleton/figures/Circle.js +1 -0
  577. package/cjs/components/skeleton/figures/Product.js +1 -0
  578. package/cjs/components/skeleton/figures/Table.js +1 -0
  579. package/cjs/components/slider/style/dnb-slider.css +7 -1
  580. package/cjs/components/slider/style/dnb-slider.min.css +1 -1
  581. package/cjs/components/step-indicator/StepIndicatorModal.js +1 -1
  582. package/cjs/components/step-indicator/style/dnb-step-indicator.css +7 -1
  583. package/cjs/components/step-indicator/style/dnb-step-indicator.min.css +1 -1
  584. package/cjs/components/tag/Tag.d.ts +6 -7
  585. package/cjs/components/tag/Tag.js +4 -9
  586. package/cjs/components/tag/TagGroup.d.ts +7 -0
  587. package/cjs/components/tag/TagGroup.js +15 -4
  588. package/cjs/components/tag/style/dnb-tag.css +7 -1
  589. package/cjs/components/tag/style/dnb-tag.min.css +1 -1
  590. package/cjs/components/timeline/Timeline.js +3 -1
  591. package/cjs/components/timeline/TimelineItem.js +5 -2
  592. package/cjs/components/toggle-button/style/dnb-toggle-button.css +7 -1
  593. package/cjs/components/toggle-button/style/dnb-toggle-button.min.css +1 -1
  594. package/cjs/components/tooltip/TooltipPortal.js +16 -10
  595. package/cjs/components/tooltip/style/_tooltip.scss +7 -0
  596. package/cjs/components/tooltip/style/dnb-tooltip.css +5 -0
  597. package/cjs/components/tooltip/style/dnb-tooltip.min.css +1 -1
  598. package/cjs/components/visually-hidden/VisuallyHidden.d.ts +1 -1
  599. package/cjs/components/visually-hidden/VisuallyHidden.js +1 -1
  600. package/cjs/elements/Anchor.d.ts +6 -0
  601. package/cjs/elements/Anchor.js +4 -2
  602. package/cjs/elements/Ingress.d.ts +3 -3
  603. package/cjs/elements/Ingress.js +3 -3
  604. package/cjs/elements/Lead.d.ts +4 -28
  605. package/cjs/elements/Lead.js +7 -38
  606. package/cjs/elements/lib.d.ts +4 -1
  607. package/cjs/fragments/drawer-list/DrawerList.js +1 -1
  608. package/cjs/fragments/drawer-list/DrawerListHelpers.js +3 -1
  609. package/cjs/fragments/drawer-list/DrawerListProvider.d.ts +1 -0
  610. package/cjs/fragments/drawer-list/DrawerListProvider.js +2 -0
  611. package/cjs/icons/account.js +1 -1
  612. package/cjs/icons/account_card.js +1 -1
  613. package/cjs/icons/account_card_medium.js +5 -2
  614. package/cjs/icons/account_in_medium.js +1 -1
  615. package/cjs/icons/account_medium.js +1 -1
  616. package/cjs/icons/account_out_medium.js +1 -1
  617. package/cjs/icons/account_percent.js +4 -14
  618. package/cjs/icons/account_percent_medium.d.ts +2 -0
  619. package/cjs/icons/account_percent_medium.js +38 -0
  620. package/cjs/icons/add_circled.js +1 -1
  621. package/cjs/icons/ainvoice.js +8 -4
  622. package/cjs/icons/ainvoice_medium.js +8 -4
  623. package/cjs/icons/animal_print.js +1 -1
  624. package/cjs/icons/animal_print_medium.js +1 -1
  625. package/cjs/icons/attachment_medium.js +1 -1
  626. package/cjs/icons/baby.js +2 -5
  627. package/cjs/icons/baby_medium.js +4 -7
  628. package/cjs/icons/bandage.js +2 -5
  629. package/cjs/icons/bandage_medium.js +2 -5
  630. package/cjs/icons/bank.js +1 -1
  631. package/cjs/icons/bankid_mobile.js +5 -13
  632. package/cjs/icons/bankid_mobile_medium.js +2 -15
  633. package/cjs/icons/bicycle.js +1 -1
  634. package/cjs/icons/bowling.js +2 -5
  635. package/cjs/icons/bowling_medium.js +2 -5
  636. package/cjs/icons/brickwall.js +2 -2
  637. package/cjs/icons/broken_chain.js +1 -1
  638. package/cjs/icons/brush_medium.js +1 -1
  639. package/cjs/icons/bsu_medium.js +1 -1
  640. package/cjs/icons/bubble_medium.js +3 -3
  641. package/cjs/icons/building_construction.js +1 -1
  642. package/cjs/icons/building_construction_medium.js +1 -1
  643. package/cjs/icons/calculator.js +1 -1
  644. package/cjs/icons/camera.js +1 -1
  645. package/cjs/icons/car_1.js +1 -1
  646. package/cjs/icons/card_in.js +1 -1
  647. package/cjs/icons/card_out.js +1 -1
  648. package/cjs/icons/card_with_padlock.js +1 -1
  649. package/cjs/icons/card_with_padlock_medium.js +2 -7
  650. package/cjs/icons/cat.js +2 -5
  651. package/cjs/icons/cat_medium.js +2 -5
  652. package/cjs/icons/charger.js +3 -3
  653. package/cjs/icons/charger_medium.js +1 -1
  654. package/cjs/icons/chat_medium.js +2 -2
  655. package/cjs/icons/chatbot.js +2 -7
  656. package/cjs/icons/chatbot_medium.js +2 -7
  657. package/cjs/icons/chip.js +1 -1
  658. package/cjs/icons/cloud.js +1 -1
  659. package/cjs/icons/cloud_download.js +1 -1
  660. package/cjs/icons/cloud_rain.js +1 -1
  661. package/cjs/icons/cloud_rain_medium.js +1 -1
  662. package/cjs/icons/cloud_sync.js +1 -1
  663. package/cjs/icons/cloud_sync_medium.js +1 -1
  664. package/cjs/icons/cloud_transfer.js +1 -1
  665. package/cjs/icons/cloud_transfer_medium.js +1 -1
  666. package/cjs/icons/cloud_upload.js +1 -1
  667. package/cjs/icons/cog.js +1 -1
  668. package/cjs/icons/coins_2.js +1 -1
  669. package/cjs/icons/coins_3.js +3 -3
  670. package/cjs/icons/confetti.js +1 -1
  671. package/cjs/icons/confetti_medium.js +3 -3
  672. package/cjs/icons/cookie.js +2 -11
  673. package/cjs/icons/cookie_medium.js +2 -11
  674. package/cjs/icons/currency.js +1 -1
  675. package/cjs/icons/customer_service.js +1 -1
  676. package/cjs/icons/deleted_invoice.js +1 -1
  677. package/cjs/icons/diamond_medium.js +1 -1
  678. package/cjs/icons/digipass.js +1 -1
  679. package/cjs/icons/digipass_medium.js +1 -1
  680. package/cjs/icons/digipost.js +8 -4
  681. package/cjs/icons/digipost_medium.js +8 -4
  682. package/cjs/icons/dismiss_keyboard.js +3 -3
  683. package/cjs/icons/dismiss_keyboard_medium.js +5 -2
  684. package/cjs/icons/document_contract.js +1 -1
  685. package/cjs/icons/document_contract_medium.js +1 -1
  686. package/cjs/icons/document_csv.js +1 -1
  687. package/cjs/icons/document_csv_medium.js +1 -1
  688. package/cjs/icons/document_pdf_medium.js +1 -1
  689. package/cjs/icons/document_txt.js +1 -1
  690. package/cjs/icons/document_txt_medium.js +1 -1
  691. package/cjs/icons/document_warning.js +1 -1
  692. package/cjs/icons/document_warning_medium.js +1 -1
  693. package/cjs/icons/document_word.js +1 -1
  694. package/cjs/icons/document_word_medium.js +1 -1
  695. package/cjs/icons/document_xls.js +1 -1
  696. package/cjs/icons/document_xls_medium.js +1 -1
  697. package/cjs/icons/dog.js +2 -5
  698. package/cjs/icons/dog_medium.js +2 -5
  699. package/cjs/icons/einvoice.js +8 -4
  700. package/cjs/icons/einvoice_medium.js +8 -4
  701. package/cjs/icons/email.js +1 -1
  702. package/cjs/icons/email_medium.js +1 -1
  703. package/cjs/icons/exclamation.js +1 -3
  704. package/cjs/icons/exclamation_circled.js +3 -5
  705. package/cjs/icons/exclamation_circled_medium.js +1 -3
  706. package/cjs/icons/exclamation_medium.js +1 -3
  707. package/cjs/icons/exclamation_triangle.js +2 -5
  708. package/cjs/icons/exclamation_triangle_medium.js +2 -5
  709. package/cjs/icons/facebook_medium.js +1 -1
  710. package/cjs/icons/factory.js +3 -3
  711. package/cjs/icons/file_contract.js +1 -1
  712. package/cjs/icons/file_contract_medium.js +1 -1
  713. package/cjs/icons/file_csv.js +1 -1
  714. package/cjs/icons/file_csv_medium.js +1 -1
  715. package/cjs/icons/file_pdf_medium.js +1 -1
  716. package/cjs/icons/file_ppt_medium.js +1 -1
  717. package/cjs/icons/file_txt.js +1 -1
  718. package/cjs/icons/file_txt_medium.js +1 -1
  719. package/cjs/icons/file_warning.js +2 -5
  720. package/cjs/icons/file_warning_medium.js +2 -5
  721. package/cjs/icons/file_word.js +1 -1
  722. package/cjs/icons/file_word_medium.js +1 -1
  723. package/cjs/icons/file_xls.js +1 -1
  724. package/cjs/icons/file_xls_medium.js +1 -1
  725. package/cjs/icons/file_xml.js +1 -1
  726. package/cjs/icons/file_xml_medium.js +1 -1
  727. package/cjs/icons/flying_money.js +1 -1
  728. package/cjs/icons/flying_money_medium.js +1 -1
  729. package/cjs/icons/fridge.js +3 -3
  730. package/cjs/icons/funds_in_medium.js +1 -1
  731. package/cjs/icons/funds_out_medium.js +1 -1
  732. package/cjs/icons/globe_medium.js +1 -1
  733. package/cjs/icons/hand_money.js +1 -1
  734. package/cjs/icons/hand_money_medium.js +3 -3
  735. package/cjs/icons/heart.js +1 -1
  736. package/cjs/icons/heart_medium.js +1 -1
  737. package/cjs/icons/hide.js +1 -1
  738. package/cjs/icons/hide_medium.js +3 -3
  739. package/cjs/icons/history.js +1 -1
  740. package/cjs/icons/horse.js +2 -5
  741. package/cjs/icons/horse_medium.js +2 -5
  742. package/cjs/icons/hourglass.js +1 -1
  743. package/cjs/icons/house_1_medium.js +2 -2
  744. package/cjs/icons/house_value.js +1 -1
  745. package/cjs/icons/house_value_medium.js +2 -2
  746. package/cjs/icons/icons-meta.json +2749 -822
  747. package/cjs/icons/icons-svg.lock +1 -1
  748. package/cjs/icons/index.d.ts +8 -1
  749. package/cjs/icons/index.js +56 -0
  750. package/cjs/icons/information.js +5 -4
  751. package/cjs/icons/information_bubble.js +2 -13
  752. package/cjs/icons/information_bubble_medium.js +4 -9
  753. package/cjs/icons/information_circled.js +4 -9
  754. package/cjs/icons/information_circled_medium.js +2 -7
  755. package/cjs/icons/information_medium.js +5 -4
  756. package/cjs/icons/instagram.js +2 -13
  757. package/cjs/icons/instagram_medium.js +1 -12
  758. package/cjs/icons/kid_number.js +6 -4
  759. package/cjs/icons/kid_number_medium.js +6 -4
  760. package/cjs/icons/language.js +1 -1
  761. package/cjs/icons/language_medium.js +2 -2
  762. package/cjs/icons/leaf.js +1 -1
  763. package/cjs/icons/lightbulb.js +1 -1
  764. package/cjs/icons/lightbulb_medium.js +1 -1
  765. package/cjs/icons/linkedin.js +1 -1
  766. package/cjs/icons/list_medium.js +2 -2
  767. package/cjs/icons/loan_in.js +2 -2
  768. package/cjs/icons/loan_out.js +2 -2
  769. package/cjs/icons/location.js +1 -1
  770. package/cjs/icons/location_medium.js +1 -1
  771. package/cjs/icons/log_out.js +1 -1
  772. package/cjs/icons/loupe.js +1 -1
  773. package/cjs/icons/mastercard_card.js +1 -1
  774. package/cjs/icons/mastercard_medium.js +1 -1
  775. package/cjs/icons/megaphone.js +1 -1
  776. package/cjs/icons/microphone.js +1 -1
  777. package/cjs/icons/mobilephone.js +1 -3
  778. package/cjs/icons/more.js +1 -1
  779. package/cjs/icons/more_medium.js +1 -1
  780. package/cjs/icons/more_vertical_medium.js +1 -1
  781. package/cjs/icons/motorcycle.js +1 -1
  782. package/cjs/icons/motorcycle_medium.js +1 -1
  783. package/cjs/icons/news.d.ts +2 -0
  784. package/cjs/icons/news.js +35 -0
  785. package/cjs/icons/news_medium.d.ts +2 -0
  786. package/cjs/icons/news_medium.js +35 -0
  787. package/cjs/icons/oil.js +3 -3
  788. package/cjs/icons/owl.js +2 -5
  789. package/cjs/icons/owl_medium.js +4 -7
  790. package/cjs/icons/padlock.js +1 -1
  791. package/cjs/icons/pause.js +1 -1
  792. package/cjs/icons/pause_medium.js +1 -1
  793. package/cjs/icons/pay_from.js +1 -1
  794. package/cjs/icons/people_1.js +1 -1
  795. package/cjs/icons/people_2.js +1 -1
  796. package/cjs/icons/phone.js +1 -1
  797. package/cjs/icons/photo.js +2 -7
  798. package/cjs/icons/photo_medium.js +1 -1
  799. package/cjs/icons/pin.js +1 -1
  800. package/cjs/icons/pin_code.js +4 -15
  801. package/cjs/icons/pin_code_medium.js +2 -13
  802. package/cjs/icons/plant.js +1 -1
  803. package/cjs/icons/podcast.d.ts +2 -0
  804. package/cjs/icons/podcast.js +35 -0
  805. package/cjs/icons/podcast_medium.d.ts +2 -0
  806. package/cjs/icons/podcast_medium.js +42 -0
  807. package/cjs/icons/printer.js +3 -3
  808. package/cjs/icons/profile_medium.js +1 -1
  809. package/cjs/icons/progress.js +2 -5
  810. package/cjs/icons/question.js +5 -4
  811. package/cjs/icons/question_circled.js +3 -5
  812. package/cjs/icons/question_circled_medium.js +1 -3
  813. package/cjs/icons/question_medium.js +5 -4
  814. package/cjs/icons/ref_number.js +6 -4
  815. package/cjs/icons/ref_number_medium.js +6 -4
  816. package/cjs/icons/reset_medium.js +1 -1
  817. package/cjs/icons/restaurant.js +1 -1
  818. package/cjs/icons/restaurant_medium.js +2 -2
  819. package/cjs/icons/savings_account.js +1 -1
  820. package/cjs/icons/savings_account_in.js +1 -1
  821. package/cjs/icons/savings_account_medium.js +1 -1
  822. package/cjs/icons/savings_account_out.js +1 -1
  823. package/cjs/icons/scooter_medium.js +1 -1
  824. package/cjs/icons/secondary_icons.d.ts +4 -1
  825. package/cjs/icons/secondary_icons.js +24 -0
  826. package/cjs/icons/secondary_icons_medium.d.ts +5 -2
  827. package/cjs/icons/secondary_icons_medium.js +30 -6
  828. package/cjs/icons/send_medium.js +2 -2
  829. package/cjs/icons/shopping_cart.js +2 -5
  830. package/cjs/icons/shopping_cart_medium.js +2 -5
  831. package/cjs/icons/snowmobile.js +1 -1
  832. package/cjs/icons/speedometer.js +1 -1
  833. package/cjs/icons/stocks.js +1 -1
  834. package/cjs/icons/stopwatch.js +2 -2
  835. package/cjs/icons/subtract_circled.js +1 -1
  836. package/cjs/icons/support.js +1 -1
  837. package/cjs/icons/support_medium.js +3 -3
  838. package/cjs/icons/tag.js +1 -1
  839. package/cjs/icons/thumbs_down.js +1 -1
  840. package/cjs/icons/thumbs_down_medium.js +1 -1
  841. package/cjs/icons/thumbs_up.js +1 -1
  842. package/cjs/icons/thumbs_up_medium.js +1 -1
  843. package/cjs/icons/transfer_to.js +1 -1
  844. package/cjs/icons/upload.js +1 -1
  845. package/cjs/icons/user_feedback.d.ts +2 -0
  846. package/cjs/icons/user_feedback.js +32 -0
  847. package/cjs/icons/user_feedback_medium.d.ts +2 -0
  848. package/cjs/icons/user_feedback_medium.js +35 -0
  849. package/cjs/icons/view_medium.js +2 -2
  850. package/cjs/icons/vintage_car_medium.js +1 -1
  851. package/cjs/icons/volume_on.js +1 -1
  852. package/cjs/icons/wallet.js +1 -1
  853. package/cjs/icons/wallet_medium.js +4 -10
  854. package/cjs/icons/wearables.js +1 -1
  855. package/cjs/icons/widget_android.js +1 -1
  856. package/cjs/icons/widget_android_medium.js +1 -1
  857. package/cjs/shared/Context.d.ts +8 -0
  858. package/cjs/shared/Context.js +5 -1
  859. package/cjs/shared/Eufemia.js +1 -1
  860. package/cjs/shared/helpers.d.ts +19 -4
  861. package/cjs/shared/helpers.js +19 -9
  862. package/cjs/shared/locales/en-GB.d.ts +4 -0
  863. package/cjs/shared/locales/en-GB.js +4 -0
  864. package/cjs/shared/locales/en-US.d.ts +4 -0
  865. package/cjs/shared/locales/index.d.ts +8 -0
  866. package/cjs/shared/locales/nb-NO.d.ts +4 -0
  867. package/cjs/shared/locales/nb-NO.js +4 -0
  868. package/cjs/shared/useTranslation.d.ts +4 -0
  869. package/cjs/style/core/properties.scss +4 -9
  870. package/cjs/style/core/reset.scss +46 -43
  871. package/cjs/style/dnb-ui-basis.css +12 -12
  872. package/cjs/style/dnb-ui-basis.min.css +1 -1
  873. package/cjs/style/dnb-ui-body.css +12 -12
  874. package/cjs/style/dnb-ui-body.min.css +1 -1
  875. package/cjs/style/dnb-ui-components.css +227 -150
  876. package/cjs/style/dnb-ui-components.min.css +4 -4
  877. package/cjs/style/dnb-ui-core.css +12 -12
  878. package/cjs/style/dnb-ui-core.min.css +1 -1
  879. package/cjs/style/dnb-ui-elements.css +9 -5
  880. package/cjs/style/dnb-ui-elements.min.css +2 -2
  881. package/cjs/style/dnb-ui-tags.css +14 -7
  882. package/cjs/style/dnb-ui-tags.min.css +3 -3
  883. package/cjs/style/elements/_anchor-mixins.scss +10 -0
  884. package/cjs/style/elements/code.scss +9 -6
  885. package/cjs/style/elements/hr.scss +1 -2
  886. package/cjs/style/elements/typography.scss +43 -24
  887. package/cjs/style/themes/{open-banking.d.ts → eiendom.d.ts} +0 -0
  888. package/cjs/style/themes/eiendom.js +3 -0
  889. package/cjs/style/themes/{theme-open-banking/dnb-theme-open-banking.css → theme-eiendom/dnb-theme-eiendom.css} +455 -310
  890. package/cjs/style/themes/theme-eiendom/dnb-theme-eiendom.min.css +33 -0
  891. package/cjs/style/themes/theme-eiendom/dnb-theme-eiendom.scss +45 -0
  892. package/cjs/style/themes/theme-ui/dnb-theme-ui.css +120 -98
  893. package/cjs/style/themes/theme-ui/dnb-theme-ui.min.css +5 -5
  894. package/components/accordion/Accordion.d.ts +17 -4
  895. package/components/accordion/AccordionHeader.d.ts +11 -4
  896. package/components/accordion/AccordionHeader.js +17 -7
  897. package/components/accordion/AccordionPropTypes.js +5 -2
  898. package/components/accordion/AccordionProvider.d.ts +17 -2
  899. package/components/autocomplete/Autocomplete.d.ts +23 -0
  900. package/components/autocomplete/Autocomplete.js +9 -0
  901. package/components/autocomplete/style/dnb-autocomplete.css +20 -5
  902. package/components/autocomplete/style/dnb-autocomplete.min.css +1 -1
  903. package/components/avatar/Avatar.d.ts +6 -5
  904. package/components/avatar/Avatar.js +7 -9
  905. package/components/avatar/AvatarGroup.d.ts +7 -0
  906. package/components/avatar/AvatarGroup.js +14 -4
  907. package/components/breadcrumb/Breadcrumb.d.ts +0 -6
  908. package/components/breadcrumb/Breadcrumb.js +4 -8
  909. package/components/button/Button.js +6 -4
  910. package/components/button/style/_button.scss +1 -0
  911. package/components/button/style/dnb-button.css +7 -1
  912. package/components/button/style/dnb-button.min.css +1 -1
  913. package/{es/components/button/style/themes/dnb-button-theme-open-banking.css → components/button/style/themes/dnb-button-theme-eiendom.css} +201 -89
  914. package/components/button/style/themes/dnb-button-theme-eiendom.min.css +13 -0
  915. package/components/button/style/themes/dnb-button-theme-eiendom.scss +74 -0
  916. package/components/button/style/themes/dnb-button-theme-ui.css +92 -80
  917. package/components/button/style/themes/dnb-button-theme-ui.min.css +1 -1
  918. package/components/button/style/themes/dnb-button-theme-ui.scss +14 -13
  919. package/components/date-picker/style/dnb-date-picker.css +26 -3
  920. package/components/date-picker/style/dnb-date-picker.min.css +1 -1
  921. package/components/dialog/Dialog.d.ts +2 -1
  922. package/components/dialog/Dialog.js +82 -51
  923. package/components/dialog/DialogContent.d.ts +1 -1
  924. package/components/dialog/DialogContent.js +46 -9
  925. package/components/dialog/parts/DialogAction.d.ts +34 -0
  926. package/components/dialog/parts/DialogAction.js +96 -0
  927. package/components/dialog/style/_dialog.scss +152 -72
  928. package/components/dialog/style/dnb-dialog.css +371 -215
  929. package/components/dialog/style/dnb-dialog.min.css +1 -1
  930. package/components/dialog/types.d.ts +20 -2
  931. package/components/drawer/Drawer.d.ts +1 -1
  932. package/components/drawer/Drawer.js +5 -1
  933. package/components/drawer/style/_drawer.scss +10 -8
  934. package/components/drawer/style/dnb-drawer.css +207 -130
  935. package/components/drawer/style/dnb-drawer.min.css +1 -1
  936. package/components/dropdown/style/_dropdown.scss +1 -1
  937. package/components/dropdown/style/dnb-dropdown.css +8 -4
  938. package/components/dropdown/style/dnb-dropdown.min.css +1 -1
  939. package/components/form-status/FormStatus.d.ts +19 -2
  940. package/components/form-status/FormStatus.js +60 -32
  941. package/components/form-status/style/themes/dnb-form-status-theme-ui.css +16 -0
  942. package/components/form-status/style/themes/dnb-form-status-theme-ui.min.css +1 -1
  943. package/components/form-status/style/themes/dnb-form-status-theme-ui.scss +7 -0
  944. package/components/global-error/style/dnb-global-error.css +7 -1
  945. package/components/global-error/style/dnb-global-error.min.css +1 -1
  946. package/components/global-status/style/dnb-global-status.css +7 -1
  947. package/components/global-status/style/dnb-global-status.min.css +1 -1
  948. package/components/help-button/HelpButtonInstance.js +7 -7
  949. package/components/help-button/style/dnb-help-button.css +7 -1
  950. package/components/help-button/style/dnb-help-button.min.css +1 -1
  951. package/components/info-card/InfoCard.d.ts +0 -9
  952. package/components/info-card/InfoCard.js +3 -10
  953. package/components/input/style/dnb-input.css +12 -1
  954. package/components/input/style/dnb-input.min.css +1 -1
  955. package/components/input-masked/style/dnb-input-masked.css +12 -1
  956. package/components/input-masked/style/dnb-input-masked.min.css +1 -1
  957. package/components/modal/Modal.d.ts +5 -0
  958. package/components/modal/Modal.js +8 -5
  959. package/components/modal/ModalContent.js +21 -9
  960. package/components/modal/parts/CloseButton.d.ts +4 -0
  961. package/components/modal/parts/CloseButton.js +2 -2
  962. package/components/modal/style/_modal.scss +3 -1
  963. package/components/modal/style/dnb-modal.css +196 -116
  964. package/components/modal/style/dnb-modal.min.css +1 -1
  965. package/components/modal/types.d.ts +17 -1
  966. package/components/number-format/NumberFormat.d.ts +7 -1
  967. package/components/number-format/NumberFormat.js +5 -1
  968. package/components/number-format/NumberUtils.d.ts +12 -3
  969. package/components/number-format/NumberUtils.js +105 -7
  970. package/components/number-format/style/dnb-number-format.css +5 -0
  971. package/components/number-format/style/dnb-number-format.min.css +1 -1
  972. package/components/number-format/useNumberFormat.d.ts +3 -0
  973. package/components/number-format/useNumberFormat.js +15 -0
  974. package/components/pagination/Pagination.js +2 -1
  975. package/components/pagination/PaginationBar.d.ts +32 -39
  976. package/components/pagination/PaginationBar.js +230 -232
  977. package/components/pagination/PaginationCalculation.d.ts +10 -6
  978. package/components/pagination/PaginationCalculation.js +52 -25
  979. package/components/pagination/style/_pagination.scss +28 -35
  980. package/components/pagination/style/dnb-pagination.css +37 -32
  981. package/components/pagination/style/dnb-pagination.min.css +1 -1
  982. package/components/pagination/style/themes/dnb-pagination-theme-ui.css +3 -13
  983. package/components/pagination/style/themes/dnb-pagination-theme-ui.min.css +1 -1
  984. package/components/pagination/style/themes/dnb-pagination-theme-ui.scss +2 -25
  985. package/components/skeleton/Skeleton.d.ts +10 -0
  986. package/components/skeleton/Skeleton.js +2 -0
  987. package/components/skeleton/figures/Article.js +1 -0
  988. package/components/skeleton/figures/Circle.js +1 -0
  989. package/components/skeleton/figures/Product.js +1 -0
  990. package/components/skeleton/figures/Table.js +1 -0
  991. package/components/slider/style/dnb-slider.css +7 -1
  992. package/components/slider/style/dnb-slider.min.css +1 -1
  993. package/components/step-indicator/StepIndicatorModal.js +1 -1
  994. package/components/step-indicator/style/dnb-step-indicator.css +7 -1
  995. package/components/step-indicator/style/dnb-step-indicator.min.css +1 -1
  996. package/components/tag/Tag.d.ts +6 -7
  997. package/components/tag/Tag.js +4 -9
  998. package/components/tag/TagGroup.d.ts +7 -0
  999. package/components/tag/TagGroup.js +14 -4
  1000. package/components/tag/style/dnb-tag.css +7 -1
  1001. package/components/tag/style/dnb-tag.min.css +1 -1
  1002. package/components/timeline/Timeline.js +3 -1
  1003. package/components/timeline/TimelineItem.js +5 -2
  1004. package/components/toggle-button/style/dnb-toggle-button.css +7 -1
  1005. package/components/toggle-button/style/dnb-toggle-button.min.css +1 -1
  1006. package/components/tooltip/TooltipPortal.js +16 -10
  1007. package/components/tooltip/style/_tooltip.scss +7 -0
  1008. package/components/tooltip/style/dnb-tooltip.css +5 -0
  1009. package/components/tooltip/style/dnb-tooltip.min.css +1 -1
  1010. package/components/visually-hidden/VisuallyHidden.d.ts +1 -1
  1011. package/components/visually-hidden/VisuallyHidden.js +1 -1
  1012. package/elements/Anchor.d.ts +6 -0
  1013. package/elements/Anchor.js +4 -2
  1014. package/elements/Ingress.d.ts +3 -3
  1015. package/elements/Ingress.js +3 -3
  1016. package/elements/Lead.d.ts +4 -28
  1017. package/elements/Lead.js +8 -28
  1018. package/elements/lib.d.ts +4 -1
  1019. package/es/components/accordion/Accordion.d.ts +17 -4
  1020. package/es/components/accordion/AccordionHeader.d.ts +11 -4
  1021. package/es/components/accordion/AccordionHeader.js +18 -8
  1022. package/es/components/accordion/AccordionPropTypes.js +5 -2
  1023. package/es/components/accordion/AccordionProvider.d.ts +17 -2
  1024. package/es/components/autocomplete/Autocomplete.d.ts +23 -0
  1025. package/es/components/autocomplete/Autocomplete.js +9 -0
  1026. package/es/components/autocomplete/style/dnb-autocomplete.css +20 -5
  1027. package/es/components/autocomplete/style/dnb-autocomplete.min.css +1 -1
  1028. package/es/components/avatar/Avatar.d.ts +6 -5
  1029. package/es/components/avatar/Avatar.js +8 -10
  1030. package/es/components/avatar/AvatarGroup.d.ts +7 -0
  1031. package/es/components/avatar/AvatarGroup.js +16 -4
  1032. package/es/components/breadcrumb/Breadcrumb.d.ts +0 -6
  1033. package/es/components/breadcrumb/Breadcrumb.js +4 -8
  1034. package/es/components/button/Button.js +6 -4
  1035. package/es/components/button/style/_button.scss +1 -0
  1036. package/es/components/button/style/dnb-button.css +7 -1
  1037. package/es/components/button/style/dnb-button.min.css +1 -1
  1038. package/{components/button/style/themes/dnb-button-theme-open-banking.css → es/components/button/style/themes/dnb-button-theme-eiendom.css} +201 -89
  1039. package/es/components/button/style/themes/dnb-button-theme-eiendom.min.css +13 -0
  1040. package/es/components/button/style/themes/dnb-button-theme-eiendom.scss +74 -0
  1041. package/es/components/button/style/themes/dnb-button-theme-ui.css +92 -80
  1042. package/es/components/button/style/themes/dnb-button-theme-ui.min.css +1 -1
  1043. package/es/components/button/style/themes/dnb-button-theme-ui.scss +14 -13
  1044. package/es/components/date-picker/style/dnb-date-picker.css +26 -3
  1045. package/es/components/date-picker/style/dnb-date-picker.min.css +1 -1
  1046. package/es/components/dialog/Dialog.d.ts +2 -1
  1047. package/es/components/dialog/Dialog.js +53 -21
  1048. package/es/components/dialog/DialogContent.d.ts +1 -1
  1049. package/es/components/dialog/DialogContent.js +40 -8
  1050. package/es/components/dialog/parts/DialogAction.d.ts +34 -0
  1051. package/es/components/dialog/parts/DialogAction.js +82 -0
  1052. package/es/components/dialog/style/_dialog.scss +152 -72
  1053. package/es/components/dialog/style/dnb-dialog.css +371 -215
  1054. package/es/components/dialog/style/dnb-dialog.min.css +1 -1
  1055. package/es/components/dialog/types.d.ts +20 -2
  1056. package/es/components/drawer/Drawer.d.ts +1 -1
  1057. package/es/components/drawer/Drawer.js +5 -1
  1058. package/es/components/drawer/style/_drawer.scss +10 -8
  1059. package/es/components/drawer/style/dnb-drawer.css +207 -130
  1060. package/es/components/drawer/style/dnb-drawer.min.css +1 -1
  1061. package/es/components/dropdown/style/_dropdown.scss +1 -1
  1062. package/es/components/dropdown/style/dnb-dropdown.css +8 -4
  1063. package/es/components/dropdown/style/dnb-dropdown.min.css +1 -1
  1064. package/es/components/form-status/FormStatus.d.ts +19 -2
  1065. package/es/components/form-status/FormStatus.js +49 -22
  1066. package/es/components/form-status/style/themes/dnb-form-status-theme-ui.css +16 -0
  1067. package/es/components/form-status/style/themes/dnb-form-status-theme-ui.min.css +1 -1
  1068. package/es/components/form-status/style/themes/dnb-form-status-theme-ui.scss +7 -0
  1069. package/es/components/global-error/style/dnb-global-error.css +7 -1
  1070. package/es/components/global-error/style/dnb-global-error.min.css +1 -1
  1071. package/es/components/global-status/style/dnb-global-status.css +7 -1
  1072. package/es/components/global-status/style/dnb-global-status.min.css +1 -1
  1073. package/es/components/help-button/HelpButtonInstance.js +7 -7
  1074. package/es/components/help-button/style/dnb-help-button.css +7 -1
  1075. package/es/components/help-button/style/dnb-help-button.min.css +1 -1
  1076. package/es/components/info-card/InfoCard.d.ts +0 -9
  1077. package/es/components/info-card/InfoCard.js +3 -10
  1078. package/es/components/input/style/dnb-input.css +12 -1
  1079. package/es/components/input/style/dnb-input.min.css +1 -1
  1080. package/es/components/input-masked/style/dnb-input-masked.css +12 -1
  1081. package/es/components/input-masked/style/dnb-input-masked.min.css +1 -1
  1082. package/es/components/modal/Modal.d.ts +5 -0
  1083. package/es/components/modal/Modal.js +7 -5
  1084. package/es/components/modal/ModalContent.js +23 -10
  1085. package/es/components/modal/parts/CloseButton.d.ts +4 -0
  1086. package/es/components/modal/parts/CloseButton.js +2 -2
  1087. package/es/components/modal/style/_modal.scss +3 -1
  1088. package/es/components/modal/style/dnb-modal.css +196 -116
  1089. package/es/components/modal/style/dnb-modal.min.css +1 -1
  1090. package/es/components/modal/types.d.ts +17 -1
  1091. package/es/components/number-format/NumberFormat.d.ts +7 -1
  1092. package/es/components/number-format/NumberFormat.js +5 -1
  1093. package/es/components/number-format/NumberUtils.d.ts +12 -3
  1094. package/es/components/number-format/NumberUtils.js +101 -7
  1095. package/es/components/number-format/style/dnb-number-format.css +5 -0
  1096. package/es/components/number-format/style/dnb-number-format.min.css +1 -1
  1097. package/es/components/number-format/useNumberFormat.d.ts +3 -0
  1098. package/es/components/number-format/useNumberFormat.js +14 -0
  1099. package/es/components/pagination/Pagination.js +3 -2
  1100. package/es/components/pagination/PaginationBar.d.ts +32 -39
  1101. package/es/components/pagination/PaginationBar.js +201 -156
  1102. package/es/components/pagination/PaginationCalculation.d.ts +10 -6
  1103. package/es/components/pagination/PaginationCalculation.js +50 -24
  1104. package/es/components/pagination/style/_pagination.scss +28 -35
  1105. package/es/components/pagination/style/dnb-pagination.css +37 -32
  1106. package/es/components/pagination/style/dnb-pagination.min.css +1 -1
  1107. package/es/components/pagination/style/themes/dnb-pagination-theme-ui.css +3 -13
  1108. package/es/components/pagination/style/themes/dnb-pagination-theme-ui.min.css +1 -1
  1109. package/es/components/pagination/style/themes/dnb-pagination-theme-ui.scss +2 -25
  1110. package/es/components/skeleton/Skeleton.d.ts +10 -0
  1111. package/es/components/skeleton/Skeleton.js +2 -0
  1112. package/es/components/skeleton/figures/Article.js +1 -0
  1113. package/es/components/skeleton/figures/Circle.js +1 -0
  1114. package/es/components/skeleton/figures/Product.js +1 -0
  1115. package/es/components/skeleton/figures/Table.js +1 -0
  1116. package/es/components/slider/style/dnb-slider.css +7 -1
  1117. package/es/components/slider/style/dnb-slider.min.css +1 -1
  1118. package/es/components/step-indicator/StepIndicatorModal.js +1 -1
  1119. package/es/components/step-indicator/style/dnb-step-indicator.css +7 -1
  1120. package/es/components/step-indicator/style/dnb-step-indicator.min.css +1 -1
  1121. package/es/components/tag/Tag.d.ts +6 -7
  1122. package/es/components/tag/Tag.js +4 -9
  1123. package/es/components/tag/TagGroup.d.ts +7 -0
  1124. package/es/components/tag/TagGroup.js +16 -4
  1125. package/es/components/tag/style/dnb-tag.css +7 -1
  1126. package/es/components/tag/style/dnb-tag.min.css +1 -1
  1127. package/es/components/timeline/Timeline.js +3 -1
  1128. package/es/components/timeline/TimelineItem.js +5 -2
  1129. package/es/components/toggle-button/style/dnb-toggle-button.css +7 -1
  1130. package/es/components/toggle-button/style/dnb-toggle-button.min.css +1 -1
  1131. package/es/components/tooltip/TooltipPortal.js +16 -10
  1132. package/es/components/tooltip/style/_tooltip.scss +7 -0
  1133. package/es/components/tooltip/style/dnb-tooltip.css +5 -0
  1134. package/es/components/tooltip/style/dnb-tooltip.min.css +1 -1
  1135. package/es/components/visually-hidden/VisuallyHidden.d.ts +1 -1
  1136. package/es/components/visually-hidden/VisuallyHidden.js +1 -1
  1137. package/es/elements/Anchor.d.ts +6 -0
  1138. package/es/elements/Anchor.js +4 -2
  1139. package/es/elements/Ingress.d.ts +3 -3
  1140. package/es/elements/Ingress.js +3 -3
  1141. package/es/elements/Lead.d.ts +4 -28
  1142. package/es/elements/Lead.js +6 -19
  1143. package/es/elements/lib.d.ts +4 -1
  1144. package/es/fragments/drawer-list/DrawerList.js +1 -1
  1145. package/es/fragments/drawer-list/DrawerListHelpers.js +3 -1
  1146. package/es/fragments/drawer-list/DrawerListProvider.d.ts +1 -0
  1147. package/es/fragments/drawer-list/DrawerListProvider.js +2 -0
  1148. package/es/icons/account.js +1 -1
  1149. package/es/icons/account_card.js +1 -1
  1150. package/es/icons/account_card_medium.js +5 -2
  1151. package/es/icons/account_in_medium.js +1 -1
  1152. package/es/icons/account_medium.js +1 -1
  1153. package/es/icons/account_out_medium.js +1 -1
  1154. package/es/icons/account_percent.js +4 -14
  1155. package/es/icons/account_percent_medium.d.ts +2 -0
  1156. package/es/icons/account_percent_medium.js +24 -0
  1157. package/es/icons/add_circled.js +1 -1
  1158. package/es/icons/ainvoice.js +8 -4
  1159. package/es/icons/ainvoice_medium.js +8 -4
  1160. package/es/icons/animal_print.js +1 -1
  1161. package/es/icons/animal_print_medium.js +1 -1
  1162. package/es/icons/attachment_medium.js +1 -1
  1163. package/es/icons/baby.js +2 -5
  1164. package/es/icons/baby_medium.js +4 -7
  1165. package/es/icons/bandage.js +2 -5
  1166. package/es/icons/bandage_medium.js +2 -5
  1167. package/es/icons/bank.js +1 -1
  1168. package/es/icons/bankid_mobile.js +5 -13
  1169. package/es/icons/bankid_mobile_medium.js +2 -15
  1170. package/es/icons/bicycle.js +1 -1
  1171. package/es/icons/bowling.js +2 -5
  1172. package/es/icons/bowling_medium.js +2 -5
  1173. package/es/icons/brickwall.js +2 -2
  1174. package/es/icons/broken_chain.js +1 -1
  1175. package/es/icons/brush_medium.js +1 -1
  1176. package/es/icons/bsu_medium.js +1 -1
  1177. package/es/icons/bubble_medium.js +3 -3
  1178. package/es/icons/building_construction.js +1 -1
  1179. package/es/icons/building_construction_medium.js +1 -1
  1180. package/es/icons/calculator.js +1 -1
  1181. package/es/icons/camera.js +1 -1
  1182. package/es/icons/car_1.js +1 -1
  1183. package/es/icons/card_in.js +1 -1
  1184. package/es/icons/card_out.js +1 -1
  1185. package/es/icons/card_with_padlock.js +1 -1
  1186. package/es/icons/card_with_padlock_medium.js +2 -7
  1187. package/es/icons/cat.js +2 -5
  1188. package/es/icons/cat_medium.js +2 -5
  1189. package/es/icons/charger.js +3 -3
  1190. package/es/icons/charger_medium.js +1 -1
  1191. package/es/icons/chat_medium.js +2 -2
  1192. package/es/icons/chatbot.js +2 -7
  1193. package/es/icons/chatbot_medium.js +2 -7
  1194. package/es/icons/chip.js +1 -1
  1195. package/es/icons/cloud.js +1 -1
  1196. package/es/icons/cloud_download.js +1 -1
  1197. package/es/icons/cloud_rain.js +1 -1
  1198. package/es/icons/cloud_rain_medium.js +1 -1
  1199. package/es/icons/cloud_sync.js +1 -1
  1200. package/es/icons/cloud_sync_medium.js +1 -1
  1201. package/es/icons/cloud_transfer.js +1 -1
  1202. package/es/icons/cloud_transfer_medium.js +1 -1
  1203. package/es/icons/cloud_upload.js +1 -1
  1204. package/es/icons/cog.js +1 -1
  1205. package/es/icons/coins_2.js +1 -1
  1206. package/es/icons/coins_3.js +3 -3
  1207. package/es/icons/confetti.js +1 -1
  1208. package/es/icons/confetti_medium.js +3 -3
  1209. package/es/icons/cookie.js +2 -11
  1210. package/es/icons/cookie_medium.js +2 -11
  1211. package/es/icons/currency.js +1 -1
  1212. package/es/icons/customer_service.js +1 -1
  1213. package/es/icons/deleted_invoice.js +1 -1
  1214. package/es/icons/diamond_medium.js +1 -1
  1215. package/es/icons/digipass.js +1 -1
  1216. package/es/icons/digipass_medium.js +1 -1
  1217. package/es/icons/digipost.js +8 -4
  1218. package/es/icons/digipost_medium.js +8 -4
  1219. package/es/icons/dismiss_keyboard.js +3 -3
  1220. package/es/icons/dismiss_keyboard_medium.js +5 -2
  1221. package/es/icons/document_contract.js +1 -1
  1222. package/es/icons/document_contract_medium.js +1 -1
  1223. package/es/icons/document_csv.js +1 -1
  1224. package/es/icons/document_csv_medium.js +1 -1
  1225. package/es/icons/document_pdf_medium.js +1 -1
  1226. package/es/icons/document_txt.js +1 -1
  1227. package/es/icons/document_txt_medium.js +1 -1
  1228. package/es/icons/document_warning.js +1 -1
  1229. package/es/icons/document_warning_medium.js +1 -1
  1230. package/es/icons/document_word.js +1 -1
  1231. package/es/icons/document_word_medium.js +1 -1
  1232. package/es/icons/document_xls.js +1 -1
  1233. package/es/icons/document_xls_medium.js +1 -1
  1234. package/es/icons/dog.js +2 -5
  1235. package/es/icons/dog_medium.js +2 -5
  1236. package/es/icons/einvoice.js +8 -4
  1237. package/es/icons/einvoice_medium.js +8 -4
  1238. package/es/icons/email.js +1 -1
  1239. package/es/icons/email_medium.js +1 -1
  1240. package/es/icons/exclamation.js +1 -3
  1241. package/es/icons/exclamation_circled.js +3 -5
  1242. package/es/icons/exclamation_circled_medium.js +1 -3
  1243. package/es/icons/exclamation_medium.js +1 -3
  1244. package/es/icons/exclamation_triangle.js +2 -5
  1245. package/es/icons/exclamation_triangle_medium.js +2 -5
  1246. package/es/icons/facebook_medium.js +1 -1
  1247. package/es/icons/factory.js +3 -3
  1248. package/es/icons/file_contract.js +1 -1
  1249. package/es/icons/file_contract_medium.js +1 -1
  1250. package/es/icons/file_csv.js +1 -1
  1251. package/es/icons/file_csv_medium.js +1 -1
  1252. package/es/icons/file_pdf_medium.js +1 -1
  1253. package/es/icons/file_ppt_medium.js +1 -1
  1254. package/es/icons/file_txt.js +1 -1
  1255. package/es/icons/file_txt_medium.js +1 -1
  1256. package/es/icons/file_warning.js +2 -5
  1257. package/es/icons/file_warning_medium.js +2 -5
  1258. package/es/icons/file_word.js +1 -1
  1259. package/es/icons/file_word_medium.js +1 -1
  1260. package/es/icons/file_xls.js +1 -1
  1261. package/es/icons/file_xls_medium.js +1 -1
  1262. package/es/icons/file_xml.js +1 -1
  1263. package/es/icons/file_xml_medium.js +1 -1
  1264. package/es/icons/flying_money.js +1 -1
  1265. package/es/icons/flying_money_medium.js +1 -1
  1266. package/es/icons/fridge.js +3 -3
  1267. package/es/icons/funds_in_medium.js +1 -1
  1268. package/es/icons/funds_out_medium.js +1 -1
  1269. package/es/icons/globe_medium.js +1 -1
  1270. package/es/icons/hand_money.js +1 -1
  1271. package/es/icons/hand_money_medium.js +3 -3
  1272. package/es/icons/heart.js +1 -1
  1273. package/es/icons/heart_medium.js +1 -1
  1274. package/es/icons/hide.js +1 -1
  1275. package/es/icons/hide_medium.js +3 -3
  1276. package/es/icons/history.js +1 -1
  1277. package/es/icons/horse.js +2 -5
  1278. package/es/icons/horse_medium.js +2 -5
  1279. package/es/icons/hourglass.js +1 -1
  1280. package/es/icons/house_1_medium.js +2 -2
  1281. package/es/icons/house_value.js +1 -1
  1282. package/es/icons/house_value_medium.js +2 -2
  1283. package/es/icons/icons-meta.json +2749 -822
  1284. package/es/icons/icons-svg.lock +1 -1
  1285. package/es/icons/index.d.ts +8 -1
  1286. package/es/icons/index.js +8 -1
  1287. package/es/icons/information.js +5 -4
  1288. package/es/icons/information_bubble.js +2 -13
  1289. package/es/icons/information_bubble_medium.js +4 -9
  1290. package/es/icons/information_circled.js +4 -9
  1291. package/es/icons/information_circled_medium.js +2 -7
  1292. package/es/icons/information_medium.js +5 -4
  1293. package/es/icons/instagram.js +2 -13
  1294. package/es/icons/instagram_medium.js +1 -12
  1295. package/es/icons/kid_number.js +6 -4
  1296. package/es/icons/kid_number_medium.js +6 -4
  1297. package/es/icons/language.js +1 -1
  1298. package/es/icons/language_medium.js +2 -2
  1299. package/es/icons/leaf.js +1 -1
  1300. package/es/icons/lightbulb.js +1 -1
  1301. package/es/icons/lightbulb_medium.js +1 -1
  1302. package/es/icons/linkedin.js +1 -1
  1303. package/es/icons/list_medium.js +2 -2
  1304. package/es/icons/loan_in.js +2 -2
  1305. package/es/icons/loan_out.js +2 -2
  1306. package/es/icons/location.js +1 -1
  1307. package/es/icons/location_medium.js +1 -1
  1308. package/es/icons/log_out.js +1 -1
  1309. package/es/icons/loupe.js +1 -1
  1310. package/es/icons/mastercard_card.js +1 -1
  1311. package/es/icons/mastercard_medium.js +1 -1
  1312. package/es/icons/megaphone.js +1 -1
  1313. package/es/icons/microphone.js +1 -1
  1314. package/es/icons/mobilephone.js +1 -3
  1315. package/es/icons/more.js +1 -1
  1316. package/es/icons/more_medium.js +1 -1
  1317. package/es/icons/more_vertical_medium.js +1 -1
  1318. package/es/icons/motorcycle.js +1 -1
  1319. package/es/icons/motorcycle_medium.js +1 -1
  1320. package/es/icons/news.d.ts +2 -0
  1321. package/es/icons/news.js +21 -0
  1322. package/es/icons/news_medium.d.ts +2 -0
  1323. package/es/icons/news_medium.js +21 -0
  1324. package/es/icons/oil.js +3 -3
  1325. package/es/icons/owl.js +2 -5
  1326. package/es/icons/owl_medium.js +4 -7
  1327. package/es/icons/padlock.js +1 -1
  1328. package/es/icons/pause.js +1 -1
  1329. package/es/icons/pause_medium.js +1 -1
  1330. package/es/icons/pay_from.js +1 -1
  1331. package/es/icons/people_1.js +1 -1
  1332. package/es/icons/people_2.js +1 -1
  1333. package/es/icons/phone.js +1 -1
  1334. package/es/icons/photo.js +2 -7
  1335. package/es/icons/photo_medium.js +1 -1
  1336. package/es/icons/pin.js +1 -1
  1337. package/es/icons/pin_code.js +4 -15
  1338. package/es/icons/pin_code_medium.js +2 -13
  1339. package/es/icons/plant.js +1 -1
  1340. package/es/icons/podcast.d.ts +2 -0
  1341. package/es/icons/podcast.js +21 -0
  1342. package/es/icons/podcast_medium.d.ts +2 -0
  1343. package/es/icons/podcast_medium.js +28 -0
  1344. package/es/icons/printer.js +3 -3
  1345. package/es/icons/profile_medium.js +1 -1
  1346. package/es/icons/progress.js +2 -5
  1347. package/es/icons/question.js +5 -4
  1348. package/es/icons/question_circled.js +3 -5
  1349. package/es/icons/question_circled_medium.js +1 -3
  1350. package/es/icons/question_medium.js +5 -4
  1351. package/es/icons/ref_number.js +6 -4
  1352. package/es/icons/ref_number_medium.js +6 -4
  1353. package/es/icons/reset_medium.js +1 -1
  1354. package/es/icons/restaurant.js +1 -1
  1355. package/es/icons/restaurant_medium.js +2 -2
  1356. package/es/icons/savings_account.js +1 -1
  1357. package/es/icons/savings_account_in.js +1 -1
  1358. package/es/icons/savings_account_medium.js +1 -1
  1359. package/es/icons/savings_account_out.js +1 -1
  1360. package/es/icons/scooter_medium.js +1 -1
  1361. package/es/icons/secondary_icons.d.ts +4 -1
  1362. package/es/icons/secondary_icons.js +4 -1
  1363. package/es/icons/secondary_icons_medium.d.ts +5 -2
  1364. package/es/icons/secondary_icons_medium.js +5 -2
  1365. package/es/icons/send_medium.js +2 -2
  1366. package/es/icons/shopping_cart.js +2 -5
  1367. package/es/icons/shopping_cart_medium.js +2 -5
  1368. package/es/icons/snowmobile.js +1 -1
  1369. package/es/icons/speedometer.js +1 -1
  1370. package/es/icons/stocks.js +1 -1
  1371. package/es/icons/stopwatch.js +2 -2
  1372. package/es/icons/subtract_circled.js +1 -1
  1373. package/es/icons/support.js +1 -1
  1374. package/es/icons/support_medium.js +3 -3
  1375. package/es/icons/tag.js +1 -1
  1376. package/es/icons/thumbs_down.js +1 -1
  1377. package/es/icons/thumbs_down_medium.js +1 -1
  1378. package/es/icons/thumbs_up.js +1 -1
  1379. package/es/icons/thumbs_up_medium.js +1 -1
  1380. package/es/icons/transfer_to.js +1 -1
  1381. package/es/icons/upload.js +1 -1
  1382. package/es/icons/user_feedback.d.ts +2 -0
  1383. package/es/icons/user_feedback.js +18 -0
  1384. package/es/icons/user_feedback_medium.d.ts +2 -0
  1385. package/es/icons/user_feedback_medium.js +21 -0
  1386. package/es/icons/view_medium.js +2 -2
  1387. package/es/icons/vintage_car_medium.js +1 -1
  1388. package/es/icons/volume_on.js +1 -1
  1389. package/es/icons/wallet.js +1 -1
  1390. package/es/icons/wallet_medium.js +4 -10
  1391. package/es/icons/wearables.js +1 -1
  1392. package/es/icons/widget_android.js +1 -1
  1393. package/es/icons/widget_android_medium.js +1 -1
  1394. package/es/shared/Context.d.ts +8 -0
  1395. package/es/shared/Context.js +5 -1
  1396. package/es/shared/Eufemia.js +1 -1
  1397. package/es/shared/helpers.d.ts +19 -4
  1398. package/es/shared/helpers.js +16 -8
  1399. package/es/shared/locales/en-GB.d.ts +4 -0
  1400. package/es/shared/locales/en-GB.js +4 -0
  1401. package/es/shared/locales/en-US.d.ts +4 -0
  1402. package/es/shared/locales/index.d.ts +8 -0
  1403. package/es/shared/locales/nb-NO.d.ts +4 -0
  1404. package/es/shared/locales/nb-NO.js +4 -0
  1405. package/es/shared/useTranslation.d.ts +4 -0
  1406. package/es/style/core/properties.scss +4 -9
  1407. package/es/style/core/reset.scss +46 -43
  1408. package/es/style/dnb-ui-basis.css +12 -12
  1409. package/es/style/dnb-ui-basis.min.css +1 -1
  1410. package/es/style/dnb-ui-body.css +12 -12
  1411. package/es/style/dnb-ui-body.min.css +1 -1
  1412. package/es/style/dnb-ui-components.css +227 -150
  1413. package/es/style/dnb-ui-components.min.css +4 -4
  1414. package/es/style/dnb-ui-core.css +12 -12
  1415. package/es/style/dnb-ui-core.min.css +1 -1
  1416. package/es/style/dnb-ui-elements.css +9 -5
  1417. package/es/style/dnb-ui-elements.min.css +2 -2
  1418. package/es/style/dnb-ui-tags.css +14 -7
  1419. package/es/style/dnb-ui-tags.min.css +3 -3
  1420. package/es/style/elements/_anchor-mixins.scss +10 -0
  1421. package/es/style/elements/code.scss +9 -6
  1422. package/es/style/elements/hr.scss +1 -2
  1423. package/es/style/elements/typography.scss +43 -24
  1424. package/es/style/themes/{open-banking.d.ts → eiendom.d.ts} +0 -0
  1425. package/es/style/themes/eiendom.js +1 -0
  1426. package/{style/themes/theme-open-banking/dnb-theme-open-banking.css → es/style/themes/theme-eiendom/dnb-theme-eiendom.css} +455 -310
  1427. package/es/style/themes/theme-eiendom/dnb-theme-eiendom.min.css +33 -0
  1428. package/es/style/themes/theme-eiendom/dnb-theme-eiendom.scss +45 -0
  1429. package/es/style/themes/theme-ui/dnb-theme-ui.css +120 -98
  1430. package/es/style/themes/theme-ui/dnb-theme-ui.min.css +5 -5
  1431. package/esm/dnb-ui-basis.min.mjs +1 -1
  1432. package/esm/dnb-ui-components.min.mjs +4 -4
  1433. package/esm/dnb-ui-elements.min.mjs +3 -3
  1434. package/esm/dnb-ui-extensions.min.mjs +3 -3
  1435. package/esm/dnb-ui-icons.min.mjs +1 -1
  1436. package/esm/dnb-ui-lib.min.mjs +4 -4
  1437. package/esm/dnb-ui-web-components.min.mjs +4 -4
  1438. package/fragments/drawer-list/DrawerList.js +1 -1
  1439. package/fragments/drawer-list/DrawerListHelpers.js +3 -1
  1440. package/fragments/drawer-list/DrawerListProvider.d.ts +1 -0
  1441. package/fragments/drawer-list/DrawerListProvider.js +2 -0
  1442. package/icons/account.js +1 -1
  1443. package/icons/account_card.js +1 -1
  1444. package/icons/account_card_medium.js +5 -2
  1445. package/icons/account_in_medium.js +1 -1
  1446. package/icons/account_medium.js +1 -1
  1447. package/icons/account_out_medium.js +1 -1
  1448. package/icons/account_percent.js +4 -14
  1449. package/icons/account_percent_medium.d.ts +2 -0
  1450. package/icons/account_percent_medium.js +26 -0
  1451. package/icons/add_circled.js +1 -1
  1452. package/icons/ainvoice.js +8 -4
  1453. package/icons/ainvoice_medium.js +8 -4
  1454. package/icons/animal_print.js +1 -1
  1455. package/icons/animal_print_medium.js +1 -1
  1456. package/icons/attachment_medium.js +1 -1
  1457. package/icons/baby.js +2 -5
  1458. package/icons/baby_medium.js +4 -7
  1459. package/icons/bandage.js +2 -5
  1460. package/icons/bandage_medium.js +2 -5
  1461. package/icons/bank.js +1 -1
  1462. package/icons/bankid_mobile.js +5 -13
  1463. package/icons/bankid_mobile_medium.js +2 -15
  1464. package/icons/bicycle.js +1 -1
  1465. package/icons/bowling.js +2 -5
  1466. package/icons/bowling_medium.js +2 -5
  1467. package/icons/brickwall.js +2 -2
  1468. package/icons/broken_chain.js +1 -1
  1469. package/icons/brush_medium.js +1 -1
  1470. package/icons/bsu_medium.js +1 -1
  1471. package/icons/bubble_medium.js +3 -3
  1472. package/icons/building_construction.js +1 -1
  1473. package/icons/building_construction_medium.js +1 -1
  1474. package/icons/calculator.js +1 -1
  1475. package/icons/camera.js +1 -1
  1476. package/icons/car_1.js +1 -1
  1477. package/icons/card_in.js +1 -1
  1478. package/icons/card_out.js +1 -1
  1479. package/icons/card_with_padlock.js +1 -1
  1480. package/icons/card_with_padlock_medium.js +2 -7
  1481. package/icons/cat.js +2 -5
  1482. package/icons/cat_medium.js +2 -5
  1483. package/icons/charger.js +3 -3
  1484. package/icons/charger_medium.js +1 -1
  1485. package/icons/chat_medium.js +2 -2
  1486. package/icons/chatbot.js +2 -7
  1487. package/icons/chatbot_medium.js +2 -7
  1488. package/icons/chip.js +1 -1
  1489. package/icons/cloud.js +1 -1
  1490. package/icons/cloud_download.js +1 -1
  1491. package/icons/cloud_rain.js +1 -1
  1492. package/icons/cloud_rain_medium.js +1 -1
  1493. package/icons/cloud_sync.js +1 -1
  1494. package/icons/cloud_sync_medium.js +1 -1
  1495. package/icons/cloud_transfer.js +1 -1
  1496. package/icons/cloud_transfer_medium.js +1 -1
  1497. package/icons/cloud_upload.js +1 -1
  1498. package/icons/cog.js +1 -1
  1499. package/icons/coins_2.js +1 -1
  1500. package/icons/coins_3.js +3 -3
  1501. package/icons/confetti.js +1 -1
  1502. package/icons/confetti_medium.js +3 -3
  1503. package/icons/cookie.js +2 -11
  1504. package/icons/cookie_medium.js +2 -11
  1505. package/icons/currency.js +1 -1
  1506. package/icons/customer_service.js +1 -1
  1507. package/icons/deleted_invoice.js +1 -1
  1508. package/icons/diamond_medium.js +1 -1
  1509. package/icons/digipass.js +1 -1
  1510. package/icons/digipass_medium.js +1 -1
  1511. package/icons/digipost.js +8 -4
  1512. package/icons/digipost_medium.js +8 -4
  1513. package/icons/dismiss_keyboard.js +3 -3
  1514. package/icons/dismiss_keyboard_medium.js +5 -2
  1515. package/icons/document_contract.js +1 -1
  1516. package/icons/document_contract_medium.js +1 -1
  1517. package/icons/document_csv.js +1 -1
  1518. package/icons/document_csv_medium.js +1 -1
  1519. package/icons/document_pdf_medium.js +1 -1
  1520. package/icons/document_txt.js +1 -1
  1521. package/icons/document_txt_medium.js +1 -1
  1522. package/icons/document_warning.js +1 -1
  1523. package/icons/document_warning_medium.js +1 -1
  1524. package/icons/document_word.js +1 -1
  1525. package/icons/document_word_medium.js +1 -1
  1526. package/icons/document_xls.js +1 -1
  1527. package/icons/document_xls_medium.js +1 -1
  1528. package/icons/dog.js +2 -5
  1529. package/icons/dog_medium.js +2 -5
  1530. package/icons/einvoice.js +8 -4
  1531. package/icons/einvoice_medium.js +8 -4
  1532. package/icons/email.js +1 -1
  1533. package/icons/email_medium.js +1 -1
  1534. package/icons/exclamation.js +1 -3
  1535. package/icons/exclamation_circled.js +3 -5
  1536. package/icons/exclamation_circled_medium.js +1 -3
  1537. package/icons/exclamation_medium.js +1 -3
  1538. package/icons/exclamation_triangle.js +2 -5
  1539. package/icons/exclamation_triangle_medium.js +2 -5
  1540. package/icons/facebook_medium.js +1 -1
  1541. package/icons/factory.js +3 -3
  1542. package/icons/file_contract.js +1 -1
  1543. package/icons/file_contract_medium.js +1 -1
  1544. package/icons/file_csv.js +1 -1
  1545. package/icons/file_csv_medium.js +1 -1
  1546. package/icons/file_pdf_medium.js +1 -1
  1547. package/icons/file_ppt_medium.js +1 -1
  1548. package/icons/file_txt.js +1 -1
  1549. package/icons/file_txt_medium.js +1 -1
  1550. package/icons/file_warning.js +2 -5
  1551. package/icons/file_warning_medium.js +2 -5
  1552. package/icons/file_word.js +1 -1
  1553. package/icons/file_word_medium.js +1 -1
  1554. package/icons/file_xls.js +1 -1
  1555. package/icons/file_xls_medium.js +1 -1
  1556. package/icons/file_xml.js +1 -1
  1557. package/icons/file_xml_medium.js +1 -1
  1558. package/icons/flying_money.js +1 -1
  1559. package/icons/flying_money_medium.js +1 -1
  1560. package/icons/fridge.js +3 -3
  1561. package/icons/funds_in_medium.js +1 -1
  1562. package/icons/funds_out_medium.js +1 -1
  1563. package/icons/globe_medium.js +1 -1
  1564. package/icons/hand_money.js +1 -1
  1565. package/icons/hand_money_medium.js +3 -3
  1566. package/icons/heart.js +1 -1
  1567. package/icons/heart_medium.js +1 -1
  1568. package/icons/hide.js +1 -1
  1569. package/icons/hide_medium.js +3 -3
  1570. package/icons/history.js +1 -1
  1571. package/icons/horse.js +2 -5
  1572. package/icons/horse_medium.js +2 -5
  1573. package/icons/hourglass.js +1 -1
  1574. package/icons/house_1_medium.js +2 -2
  1575. package/icons/house_value.js +1 -1
  1576. package/icons/house_value_medium.js +2 -2
  1577. package/icons/icons-meta.json +2749 -822
  1578. package/icons/icons-svg.lock +1 -1
  1579. package/icons/index.d.ts +8 -1
  1580. package/icons/index.js +8 -1
  1581. package/icons/information.js +5 -4
  1582. package/icons/information_bubble.js +2 -13
  1583. package/icons/information_bubble_medium.js +4 -9
  1584. package/icons/information_circled.js +4 -9
  1585. package/icons/information_circled_medium.js +2 -7
  1586. package/icons/information_medium.js +5 -4
  1587. package/icons/instagram.js +2 -13
  1588. package/icons/instagram_medium.js +1 -12
  1589. package/icons/kid_number.js +6 -4
  1590. package/icons/kid_number_medium.js +6 -4
  1591. package/icons/language.js +1 -1
  1592. package/icons/language_medium.js +2 -2
  1593. package/icons/leaf.js +1 -1
  1594. package/icons/lightbulb.js +1 -1
  1595. package/icons/lightbulb_medium.js +1 -1
  1596. package/icons/linkedin.js +1 -1
  1597. package/icons/list_medium.js +2 -2
  1598. package/icons/loan_in.js +2 -2
  1599. package/icons/loan_out.js +2 -2
  1600. package/icons/location.js +1 -1
  1601. package/icons/location_medium.js +1 -1
  1602. package/icons/log_out.js +1 -1
  1603. package/icons/loupe.js +1 -1
  1604. package/icons/mastercard_card.js +1 -1
  1605. package/icons/mastercard_medium.js +1 -1
  1606. package/icons/megaphone.js +1 -1
  1607. package/icons/microphone.js +1 -1
  1608. package/icons/mobilephone.js +1 -3
  1609. package/icons/more.js +1 -1
  1610. package/icons/more_medium.js +1 -1
  1611. package/icons/more_vertical_medium.js +1 -1
  1612. package/icons/motorcycle.js +1 -1
  1613. package/icons/motorcycle_medium.js +1 -1
  1614. package/icons/news.d.ts +2 -0
  1615. package/icons/news.js +23 -0
  1616. package/icons/news_medium.d.ts +2 -0
  1617. package/icons/news_medium.js +23 -0
  1618. package/icons/oil.js +3 -3
  1619. package/icons/owl.js +2 -5
  1620. package/icons/owl_medium.js +4 -7
  1621. package/icons/padlock.js +1 -1
  1622. package/icons/pause.js +1 -1
  1623. package/icons/pause_medium.js +1 -1
  1624. package/icons/pay_from.js +1 -1
  1625. package/icons/people_1.js +1 -1
  1626. package/icons/people_2.js +1 -1
  1627. package/icons/phone.js +1 -1
  1628. package/icons/photo.js +2 -7
  1629. package/icons/photo_medium.js +1 -1
  1630. package/icons/pin.js +1 -1
  1631. package/icons/pin_code.js +4 -15
  1632. package/icons/pin_code_medium.js +2 -13
  1633. package/icons/plant.js +1 -1
  1634. package/icons/podcast.d.ts +2 -0
  1635. package/icons/podcast.js +23 -0
  1636. package/icons/podcast_medium.d.ts +2 -0
  1637. package/icons/podcast_medium.js +30 -0
  1638. package/icons/printer.js +3 -3
  1639. package/icons/profile_medium.js +1 -1
  1640. package/icons/progress.js +2 -5
  1641. package/icons/question.js +5 -4
  1642. package/icons/question_circled.js +3 -5
  1643. package/icons/question_circled_medium.js +1 -3
  1644. package/icons/question_medium.js +5 -4
  1645. package/icons/ref_number.js +6 -4
  1646. package/icons/ref_number_medium.js +6 -4
  1647. package/icons/reset_medium.js +1 -1
  1648. package/icons/restaurant.js +1 -1
  1649. package/icons/restaurant_medium.js +2 -2
  1650. package/icons/savings_account.js +1 -1
  1651. package/icons/savings_account_in.js +1 -1
  1652. package/icons/savings_account_medium.js +1 -1
  1653. package/icons/savings_account_out.js +1 -1
  1654. package/icons/scooter_medium.js +1 -1
  1655. package/icons/secondary_icons.d.ts +4 -1
  1656. package/icons/secondary_icons.js +4 -1
  1657. package/icons/secondary_icons_medium.d.ts +5 -2
  1658. package/icons/secondary_icons_medium.js +5 -2
  1659. package/icons/send_medium.js +2 -2
  1660. package/icons/shopping_cart.js +2 -5
  1661. package/icons/shopping_cart_medium.js +2 -5
  1662. package/icons/snowmobile.js +1 -1
  1663. package/icons/speedometer.js +1 -1
  1664. package/icons/stocks.js +1 -1
  1665. package/icons/stopwatch.js +2 -2
  1666. package/icons/subtract_circled.js +1 -1
  1667. package/icons/support.js +1 -1
  1668. package/icons/support_medium.js +3 -3
  1669. package/icons/tag.js +1 -1
  1670. package/icons/thumbs_down.js +1 -1
  1671. package/icons/thumbs_down_medium.js +1 -1
  1672. package/icons/thumbs_up.js +1 -1
  1673. package/icons/thumbs_up_medium.js +1 -1
  1674. package/icons/transfer_to.js +1 -1
  1675. package/icons/upload.js +1 -1
  1676. package/icons/user_feedback.d.ts +2 -0
  1677. package/icons/user_feedback.js +20 -0
  1678. package/icons/user_feedback_medium.d.ts +2 -0
  1679. package/icons/user_feedback_medium.js +23 -0
  1680. package/icons/view_medium.js +2 -2
  1681. package/icons/vintage_car_medium.js +1 -1
  1682. package/icons/volume_on.js +1 -1
  1683. package/icons/wallet.js +1 -1
  1684. package/icons/wallet_medium.js +4 -10
  1685. package/icons/wearables.js +1 -1
  1686. package/icons/widget_android.js +1 -1
  1687. package/icons/widget_android_medium.js +1 -1
  1688. package/package.json +3 -3
  1689. package/shared/Context.d.ts +8 -0
  1690. package/shared/Context.js +5 -1
  1691. package/shared/Eufemia.js +1 -1
  1692. package/shared/helpers.d.ts +19 -4
  1693. package/shared/helpers.js +19 -9
  1694. package/shared/locales/en-GB.d.ts +4 -0
  1695. package/shared/locales/en-GB.js +4 -0
  1696. package/shared/locales/en-US.d.ts +4 -0
  1697. package/shared/locales/index.d.ts +8 -0
  1698. package/shared/locales/nb-NO.d.ts +4 -0
  1699. package/shared/locales/nb-NO.js +4 -0
  1700. package/shared/useTranslation.d.ts +4 -0
  1701. package/style/core/properties.scss +4 -9
  1702. package/style/core/reset.scss +46 -43
  1703. package/style/dnb-ui-basis.css +12 -12
  1704. package/style/dnb-ui-basis.min.css +1 -1
  1705. package/style/dnb-ui-body.css +12 -12
  1706. package/style/dnb-ui-body.min.css +1 -1
  1707. package/style/dnb-ui-components.css +227 -150
  1708. package/style/dnb-ui-components.min.css +4 -4
  1709. package/style/dnb-ui-core.css +12 -12
  1710. package/style/dnb-ui-core.min.css +1 -1
  1711. package/style/dnb-ui-elements.css +9 -5
  1712. package/style/dnb-ui-elements.min.css +2 -2
  1713. package/style/dnb-ui-tags.css +14 -7
  1714. package/style/dnb-ui-tags.min.css +3 -3
  1715. package/style/elements/_anchor-mixins.scss +10 -0
  1716. package/style/elements/code.scss +9 -6
  1717. package/style/elements/hr.scss +1 -2
  1718. package/style/elements/typography.scss +43 -24
  1719. package/style/themes/{open-banking.d.ts → eiendom.d.ts} +0 -0
  1720. package/style/themes/eiendom.js +1 -0
  1721. package/{es/style/themes/theme-open-banking/dnb-theme-open-banking.css → style/themes/theme-eiendom/dnb-theme-eiendom.css} +455 -310
  1722. package/style/themes/theme-eiendom/dnb-theme-eiendom.min.css +33 -0
  1723. package/style/themes/theme-eiendom/dnb-theme-eiendom.scss +45 -0
  1724. package/style/themes/theme-ui/dnb-theme-ui.css +120 -98
  1725. package/style/themes/theme-ui/dnb-theme-ui.min.css +5 -5
  1726. package/umd/dnb-ui-basis.min.js +1 -1
  1727. package/umd/dnb-ui-components.min.js +5 -5
  1728. package/umd/dnb-ui-elements.min.js +4 -4
  1729. package/umd/dnb-ui-extensions.min.js +2 -2
  1730. package/umd/dnb-ui-icons.min.js +1 -1
  1731. package/umd/dnb-ui-lib.min.js +5 -5
  1732. package/umd/dnb-ui-web-components.min.js +3 -3
  1733. package/cjs/components/button/style/themes/dnb-button-theme-open-banking.min.css +0 -13
  1734. package/cjs/components/button/style/themes/dnb-button-theme-open-banking.scss +0 -19
  1735. package/cjs/icons/icons-pdf.lock +0 -1
  1736. package/cjs/style/themes/open-banking.js +0 -3
  1737. package/cjs/style/themes/theme-open-banking/dnb-theme-open-banking.min.css +0 -33
  1738. package/cjs/style/themes/theme-open-banking/dnb-theme-open-banking.scss +0 -32
  1739. package/components/button/style/themes/dnb-button-theme-open-banking.min.css +0 -13
  1740. package/components/button/style/themes/dnb-button-theme-open-banking.scss +0 -19
  1741. package/es/components/button/style/themes/dnb-button-theme-open-banking.min.css +0 -13
  1742. package/es/components/button/style/themes/dnb-button-theme-open-banking.scss +0 -19
  1743. package/es/icons/icons-pdf.lock +0 -1
  1744. package/es/style/themes/open-banking.js +0 -1
  1745. package/es/style/themes/theme-open-banking/dnb-theme-open-banking.min.css +0 -33
  1746. package/es/style/themes/theme-open-banking/dnb-theme-open-banking.scss +0 -32
  1747. package/icons/icons-pdf.lock +0 -1
  1748. package/style/themes/open-banking.js +0 -1
  1749. package/style/themes/theme-open-banking/dnb-theme-open-banking.min.css +0 -33
  1750. package/style/themes/theme-open-banking/dnb-theme-open-banking.scss +0 -32
package/es/components/date-picker/style/dnb-date-picker.min.css CHANGED
@@ -1,4 +1,4 @@
1
1
  @-webkit-keyframes show-tooltip{0%{opacity:0}to{opacity:1}}@-webkit-keyframes hide-tooltip{0%{opacity:1}to{opacity:0;visibility:hidden}}.dnb-input{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#333;color:var(--color-black-80,#333);font-family:DNB,sans-serif;font-family:var(--font-family-default);font-size:1rem;font-size:var(--font-size-small);font-style:normal;font-weight:400;font-weight:var(--font-weight-basis);line-height:1.5rem;line-height:var(--line-height-basis);margin:0;padding:0;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:break-word}.dnb-input *,.dnb-input :after,.dnb-input :before{background-repeat:no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box}.dnb-input :after,.dnb-input :before{text-decoration:inherit;vertical-align:inherit}:root{--input-font-size:var(--font-size-basis);--input-font-size--small:var(--font-size-basis);--input-font-size--medium:var(--font-size-basis);--input-font-size--large:var(--font-size-medium);--input-padding:1rem;--input-padding--small:1rem;--input-padding--medium:1rem;--input-padding--large:1rem;--input-height:2rem;--input-height--small:1.5rem;--input-height--medium:2.5rem;--input-height--large:3rem;--input-border-width:0.0625rem;--input-border-radius:0.25rem}.dnb-input{-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--input-font-small);line-height:2rem;line-height:var(--input-height);text-align:left}.dnb-input,.dnb-input__inner{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.dnb-input__inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:auto}.dnb-input__shell{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:.0625rem solid #007272;border:var(--input-border-width) solid var(--color-sea-green);display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.dnb-input__input{border:none;outline:none;position:relative;word-break:normal;z-index:2}.dnb-input input.dnb-input__input{font-size:1.125rem;font-size:var(--input-font-size);line-height:1.125rem;line-height:var(--font-size-basis)}.dnb-input__input[disabled]{opacity:1;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.dnb-input__input,.dnb-input__shell{border-radius:.25rem;border-radius:var(--input-border-radius);height:2rem;height:var(--input-height)}.dnb-input__input,.dnb-input__placeholder{background-color:transparent;color:inherit;font-size:1.125rem;font-size:var(--input-font-size);padding-left:1rem;padding-left:var(--input-padding);padding-right:1rem;padding-right:var(--input-padding);text-align:inherit;width:100%}.dnb-input__placeholder{left:0;overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;top:0;white-space:nowrap;z-index:1}.dnb-input input.dnb-input__input[type=file]{line-height:calc(2rem - 2px);line-height:calc(var(--input-height) - 2px)}.dnb-input__input::-webkit-search-cancel-button{display:none}.dnb-input__input::-ms-clear{display:none}.dnb-input ::-webkit-file-upload-button{color:#007272;color:var(--color-sea-green);cursor:pointer;outline:none}.dnb-input ::-webkit-file-upload-button:active,.dnb-input ::-webkit-file-upload-button:hover{color:#14555a;color:var(--color-emerald-green)}.dnb-input--has-clear-button .dnb-input__input,.dnb-input--has-clear-button .dnb-input__placeholder,.dnb-input--has-submit-element .dnb-input__input,.dnb-input--has-submit-element .dnb-input__placeholder{padding-right:2.5rem;padding-right:calc(var(--input-padding)*2.5)}.dnb-input--password .dnb-input__input,.dnb-input--password .dnb-input__placeholder{margin-right:2.5rem;padding-right:0}.dnb-input--password .dnb-input__input::-ms-clear,.dnb-input--password .dnb-input__placeholder::-ms-clear{display:none}.dnb-input--password .dnb-input__placeholder{padding-right:4rem}.dnb-input--password .dnb-input__input{font-family:DNBMono,Menlo,Consolas,Roboto Mono,"Ubuntu Monospace",Noto Mono,Oxygen Mono,Liberation Mono,monospace;font-family:var(--font-family-monospace)}.dnb-input__row{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.dnb-input__suffix{color:inherit}.dnb-input__submit-element{line-height:1.5rem;line-height:var(--line-height-basis);margin-left:-2rem;margin-left:calc(0px - var(--input-height));z-index:3}.dnb-input__submit-button{-ms-flex-item-align:center;align-self:center;position:relative}.dnb-input__submit-button__button{border-radius:0 .25rem .25rem 0;border-radius:0 var(--input-border-radius) var(--input-border-radius) 0}.dnb-input>.dnb-form-label{line-height:1.5rem;line-height:var(--line-height-basis)}@media screen and (max-width:40em){.dnb-input{-ms-flex-wrap:wrap;flex-wrap:wrap}.dnb-input>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-input:not(.dnb-input--vertical)[class*=__status]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.dnb-input:not(.dnb-input--vertical)[class*=__status]>.dnb-form-label{margin-top:.25rem}.dnb-input--small{line-height:1.5rem;line-height:var(--input-height--small)}.dnb-input--small .dnb-input__input,.dnb-input--small .dnb-input__shell{height:1.5rem;height:var(--input-height--small)}.dnb-input--small .dnb-input__input,.dnb-input--small .dnb-input__placeholder{font-size:1.125rem;font-size:var(--input-font-size--small);padding-left:1rem;padding-left:var(--input-padding--small);padding-right:1rem;padding-right:var(--input-padding--small)}.dnb-input--small .dnb-input__submit-element{margin-left:-1.5rem;margin-left:calc(0px - var(--input-height--small))}.dnb-input--small .dnb-input__submit-element .dnb-button--input-button{height:1.5rem;height:var(--input-height--small);line-height:1.5rem;line-height:var(--input-height--small);width:1.5rem;width:var(--input-height--small)}.dnb-input--small.dnb-input--has-clear-button .dnb-input__input,.dnb-input--small.dnb-input--has-clear-button .dnb-input__placeholder,.dnb-input--small.dnb-input--has-submit-element .dnb-input__input,.dnb-input--small.dnb-input--has-submit-element .dnb-input__placeholder{padding-right:2rem;padding-right:calc(var(--input-padding--small)*2)}.dnb-input--medium{line-height:2.5rem;line-height:var(--input-height--medium)}.dnb-input--medium .dnb-input__input,.dnb-input--medium .dnb-input__shell{height:2.5rem;height:var(--input-height--medium)}.dnb-input--medium .dnb-input__input,.dnb-input--medium .dnb-input__placeholder{font-size:1.125rem;font-size:var(--input-font-size--medium);padding-left:1rem;padding-left:var(--input-padding--medium);padding-right:1rem;padding-right:var(--input-padding--medium)}.dnb-input--medium .dnb-input__submit-element{margin-left:-2.5rem;margin-left:calc(0px - var(--input-height--medium))}.dnb-input--medium .dnb-input__submit-element .dnb-button--input-button{height:2.5rem;height:var(--input-height--medium);line-height:2.5rem;line-height:var(--input-height--medium);width:2.5rem;width:var(--input-height--medium)}.dnb-input--medium.dnb-input--has-clear-button .dnb-input__input,.dnb-input--medium.dnb-input--has-clear-button .dnb-input__placeholder,.dnb-input--medium.dnb-input--has-submit-element .dnb-input__input,.dnb-input--medium.dnb-input--has-submit-element .dnb-input__placeholder{padding-right:3rem;padding-right:calc(var(--input-padding--medium)*3)}.dnb-input--large{line-height:3rem;line-height:var(--input-height--large)}.dnb-input--large .dnb-input__input,.dnb-input--large .dnb-input__shell{height:3rem;height:var(--input-height--large)}.dnb-input--large .dnb-input__input,.dnb-input--large .dnb-input__placeholder{font-size:1.25rem;font-size:var(--input-font-size--large);padding-left:1rem;padding-left:var(--input-padding--large);padding-right:1rem;padding-right:var(--input-padding--large)}.dnb-input--large .dnb-input__submit-element{margin-left:-3rem;margin-left:calc(0px - var(--input-height--large))}.dnb-input--large .dnb-input__submit-element .dnb-button--input-button{height:3rem;height:var(--input-height--large);width:3rem;width:var(--input-height--large)}.dnb-input--large.dnb-input--has-clear-button .dnb-input__input,.dnb-input--large.dnb-input--has-clear-button .dnb-input__placeholder,.dnb-input--large.dnb-input--has-submit-element .dnb-input__input,.dnb-input--large.dnb-input--has-submit-element .dnb-input__placeholder{padding-right:3rem;padding-right:calc(var(--input-padding--large)*3)}.dnb-input--large.dnb-input--has-clear-button:not(.dnb-input--has-submit-element) .dnb-input__submit-element{margin-left:-2.5rem;margin-left:calc(0px - var(--input-height--large) + .5rem)}.dnb-input__align--center .dnb-input__input,.dnb-input__align--center .dnb-input__placeholder{text-align:center}.dnb-input__align--right .dnb-input__input,.dnb-input__align--right .dnb-input__placeholder{text-align:right}.dnb-input--clear.dnb-input__submit-element{opacity:0;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.dnb-input--clear.dnb-input__submit-element .dnb-button{border-radius:1.25rem;border-radius:var(--button-border-radius);height:1.5rem;height:var(--input-height--small);width:1.5rem;width:var(--input-height--small)}.dnb-input--clear.dnb-input__submit-element .dnb-button .dnb-button__icon{margin:auto}html:not([data-whatintent=touch])
2
- .dnb-input--clear.dnb-input__submit-element .dnb-button:not(.dnb-button--has-text):hover[disabled]{cursor:default}.dnb-input--small .dnb-input--clear.dnb-input__submit-element .dnb-button{height:1rem;width:1rem}.dnb-input--large .dnb-input--clear.dnb-input__submit-element .dnb-button,.dnb-input--medium .dnb-input--clear.dnb-input__submit-element .dnb-button{height:1.5rem;height:var(--input-height--small);width:1.5rem;width:var(--input-height--small)}.dnb-input[data-has-content=true] .dnb-input--clear{opacity:1}.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element{margin-right:2.5rem}.dnb-input--small.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element{margin-right:2rem}.dnb-input--medium.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element{margin-right:3rem}.dnb-input--large.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element{margin-right:3.5rem}.dnb-input__inner>.dnb-form-status{-webkit-box-ordinal-group:3;-ms-flex-order:2;margin-top:.5rem;order:2}.dnb-input--vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:column;flex-direction:column}.dnb-input--stretch,.dnb-input--vertical{display:-webkit-box;display:-ms-flexbox;display:flex}.dnb-input--stretch,.dnb-input--stretch .dnb-input__inner{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.dnb-input--stretch .dnb-input__inner,.dnb-input--stretch .dnb-input__shell{width:100%}.dnb-input--stretch .dnb-form-label+.dnb-input__inner{width:auto}.dnb-form-row--horizontal .dnb-input--stretch,.dnb-input--vertical.dnb-input--stretch .dnb-input__inner{width:100%}.dnb-input__icon{-webkit-box-ordinal-group:1;-ms-flex-order:0;bottom:0;left:1rem;margin:auto;order:0;position:absolute;right:auto;top:0}.dnb-input--icon-position-right .dnb-input__icon{-webkit-box-ordinal-group:2;-ms-flex-order:1;left:auto;order:1;right:1rem}.dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__input,.dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__placeholder{padding-left:2.5rem}.dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__input,.dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__placeholder{padding-right:2.5rem}.dnb-input--icon-size-medium.dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__input,.dnb-input--icon-size-medium.dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__placeholder{padding-left:3rem}.dnb-input--icon-size-medium.dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__input,.dnb-input--icon-size-medium.dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__placeholder{padding-right:3rem}html[data-visual-test] .dnb-input__input{caret-color:#fff;caret-color:var(--color-white)}@media screen and (max-width:40em){.dnb-responsive-component .dnb-input{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-bottom:.5rem}.dnb-responsive-component .dnb-input,.dnb-responsive-component .dnb-input__row{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.dnb-responsive-component .dnb-input>.dnb-form-label{margin-bottom:.5rem}}@media screen and (-ms-high-contrast:none){.dnb-input{vertical-align:baseline}.dnb-form-row--horizontal .dnb-input,.dnb-input:not(.dnb-input--stretch){-webkit-box-flex:0;-ms-flex:none;flex:none}.dnb-input__inner{width:100%}.dnb-input__input,.dnb-input__placeholder{-webkit-transform:translateY(-.0625rem);transform:translateY(-.0625rem)}}.dnb-icon{color:inherit;display:inline-block;font-size:1rem;height:1em;line-height:1rem;vertical-align:middle;width:1em}.dnb-icon img,.dnb-icon svg{shape-rendering:geometricPrecision;height:inherit;vertical-align:top;width:inherit}.dnb-icon svg[width="100%"]{width:inherit}.dnb-icon svg[height="100%"]{height:inherit}.dnb-icon--inherit-color svg:not([fill]),.dnb-icon--inherit-color svg [fill]{fill:currentColor}.dnb-icon--inherit-color svg [stroke]{stroke:currentColor}.dnb-icon--small{font-size:.75rem}.dnb-icon--default{font-size:1rem}.dnb-icon--medium{font-size:1.5rem}.dnb-icon--large{font-size:2rem}.dnb-icon--x-large{font-size:2.5rem}.dnb-icon--xx-large{font-size:3rem}.dnb-icon--custom-size{height:auto;width:auto}.dnb-icon--auto{font-size:1em}.dnb-icon--auto>.dnb-icon--wrapper{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;justify-content:center}h1 .dnb-icon,h2 .dnb-icon,h3 .dnb-icon,h4 .dnb-icon,h5 .dnb-icon,h6 .dnb-icon{vertical-align:middle}.dnb-icon.dnb-skeleton{color:#ebebeb!important;color:var(--skeleton-color)!important}.dnb-icon.dnb-skeleton:after,.dnb-icon.dnb-skeleton:before{content:none!important}@media screen and (-ms-high-contrast:none){.dnb-icon{-webkit-box-flex:0;-ms-flex:none;flex:none}}.dnb-tooltip{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#333;color:var(--color-black-80,#333);font-family:DNB,sans-serif;font-family:var(--font-family-default);font-size:1rem;font-size:var(--font-size-small);font-style:normal;font-weight:400;font-weight:var(--font-weight-basis);line-height:1.5rem;line-height:var(--line-height-basis);margin:0;padding:0;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:break-word}.dnb-tooltip *,.dnb-tooltip :after,.dnb-tooltip :before{background-repeat:no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box}.dnb-tooltip :after,.dnb-tooltip :before{text-decoration:inherit;vertical-align:inherit}.dnb-tooltip{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center;opacity:0;padding:0 1rem;position:absolute;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out;visibility:hidden;z-index:3100}.dnb-tooltip--large{padding:.25rem 1rem}.dnb-tooltip--animate_position{-webkit-transition:all .3s ease-in-out,opacity .2s ease-out;transition:all .3s ease-in-out,opacity .2s ease-out}.dnb-tooltip--active{-webkit-animation:show-tooltip .2s ease-out forwards;animation:show-tooltip .2s ease-out forwards;visibility:visible}.dnb-tooltip--active.dnb-tooltip--no-animation,html[data-visual-test] .dnb-tooltip--active{-webkit-animation:show-tooltip 1ms ease-out forwards;animation:show-tooltip 1ms ease-out forwards}.dnb-tooltip--hide{-webkit-animation:hide-tooltip .2s ease-in-out forwards;animation:hide-tooltip .2s ease-in-out forwards;visibility:visible}.dnb-tooltip--hide.dnb-tooltip--no-animation{-webkit-animation:hide-tooltip 1ms ease-out forwards;animation:hide-tooltip 1ms ease-out forwards}.dnb-tooltip--fixed{position:fixed}html[data-visual-test] .dnb-tooltip--hide{-webkit-animation:hide-tooltip 1ms ease-out 1s forwards;animation:hide-tooltip 1ms ease-out 1s forwards}.dnb-tooltip__content{min-height:1.5rem;min-width:2rem;padding:0}.dnb-tooltip__arrow{height:.5rem;margin:0;overflow:hidden;pointer-events:none;position:absolute;width:1rem}.dnb-tooltip__arrow:before{bottom:0;content:"";height:1rem;left:0;position:absolute;-webkit-transform:translateY(70%) rotate(45deg);transform:translateY(70%) rotate(45deg);width:1rem}.dnb-tooltip__arrow__position--bottom{top:-.5rem}.dnb-tooltip__arrow__position--top{bottom:-.5rem;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.dnb-tooltip__arrow__position--left{margin-right:3px;right:-.75rem;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.dnb-tooltip__arrow__position--right{left:-.75rem;margin-left:3px;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.dnb-tooltip__arrow__arrow--left{-ms-flex-item-align:start;align-self:flex-start}.dnb-tooltip__arrow__arrow--right{-ms-flex-item-align:end;align-self:flex-end}@keyframes show-tooltip{0%{opacity:0}to{opacity:1}}@keyframes hide-tooltip{0%{opacity:1}to{opacity:0;visibility:hidden}}.dnb-button{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#333;color:var(--color-black-80,#333);font-family:DNB,sans-serif;font-family:var(--font-family-default);font-style:normal;font-weight:400;font-weight:var(--font-weight-basis);line-height:1.5rem;line-height:var(--line-height-basis);margin:0;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:break-word}.dnb-button *,.dnb-button :after,.dnb-button :before{background-repeat:no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box}.dnb-button :after,.dnb-button :before{text-decoration:inherit;vertical-align:inherit}:root{--button-font-size:var(--font-size-basis);--button-font-size-small:var(--font-size-small);--button-width:2.5rem;--button-height:2.5rem;--button-width--small:1.5rem;--button-height--small:1.5rem;--button-width--medium:2rem;--button-height--medium:2rem;--button-width--large:3rem;--button-height--large:3rem;--button-icon-size:1rem;--button-border-width:0.0625rem;--button-border-width--hover:0.1875rem;--button-border-radius:calc(var(--button-height)/2);--button-border-radius--small:calc(var(--button-height--small)/2);--button-border-radius--medium:calc(var(--button-height--medium)/2);--button-border-radius--large:calc(var(--button-height--large)/2)}.dnb-button{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:.0625rem solid transparent;border:var(--button-border-width) solid transparent;border-radius:1.25rem;border-radius:var(--button-border-radius);cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:1rem;font-size:var(--font-size-small);height:auto;justify-content:center;padding:0;position:relative;text-decoration:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;white-space:nowrap;width:2.5rem;width:var(--button-width)}.dnb-button--wrap{word-wrap:break-word;white-space:normal}.dnb-button,.dnb-core-style .dnb-button{line-height:2.5rem;line-height:var(--button-height)}.dnb-button__text{color:inherit;font-size:1.125rem;font-size:var(--button-font-size);line-height:1.5rem;line-height:var(--line-height-basis);margin:.5rem 0;-webkit-transform:translateY(-.03125rem);transform:translateY(-.03125rem)}.dnb-button__text [data-os=linux]{-webkit-transform:translateY(-.035rem);transform:translateY(-.035rem)}.dnb-button__alignment{display:inline-block;width:0}.dnb-button__bounding{background-color:transparent;border-radius:1.25rem;border-radius:var(--button-border-radius);bottom:0;left:0;position:absolute;right:0;top:0;-webkit-transform:scale(1.1,1.4);transform:scale(1.1,1.4)}.dnb-button--has-text{padding-left:1.5rem;padding-right:1.5rem}.dnb-button--size-small{border-radius:.75rem;border-radius:var(--button-border-radius--small);font-size:1rem;font-size:var(--button-font-size-small);width:1.5rem;width:var(--button-width--small)}.dnb-button--size-small,.dnb-core-style .dnb-button--size-small{line-height:1.5rem;line-height:var(--button-height--small)}.dnb-button--size-small .dnb-button__text{margin:0}.dnb-button--has-text.dnb-button--size-small{padding-left:1rem;padding-right:1rem}.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--size-small{padding-left:.5rem}.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--size-small{padding-right:.5rem}.dnb-button--size-medium{border-radius:1rem;border-radius:var(--button-border-radius--medium);width:2rem;width:var(--button-width--medium)}.dnb-button--size-medium,.dnb-core-style .dnb-button--size-medium{line-height:2rem;line-height:var(--button-height--medium)}.dnb-button--size-medium .dnb-button__text{margin:0}.dnb-button--has-text.dnb-button--size-medium{padding-left:1rem;padding-right:1rem}.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--size-medium{padding-left:.5rem}.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--size-medium{padding-right:.5rem}.dnb-button--size-large{border-radius:1.5rem;border-radius:var(--button-border-radius--large);width:3rem;width:var(--button-width--large)}.dnb-button--size-large,.dnb-core-style .dnb-button--size-large{line-height:3rem;line-height:var(--button-height--large)}.dnb-button--has-text.dnb-button--size-large{padding-left:2rem;padding-right:2rem}.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--size-large{padding-left:1rem}.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--size-large{padding-right:1rem}.dnb-button--has-text{width:auto}.dnb-button--has-text .dnb-button__icon{margin:0 .5rem;margin:0 calc(var(--button-icon-size)/2)}.dnb-button--has-text.dnb-button--icon-position-left{padding-left:.5rem}.dnb-button--has-text.dnb-button--icon-position-right{padding-right:.5rem}.dnb-button--has-text.dnb-button--has-icon .dnb-button__icon{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.dnb-button--has-text.dnb-button--has-icon .dnb-button__text{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.dnb-button:not(.dnb-button--has-text) .dnb-button__icon{width:inherit}.dnb-button__icon.dnb-icon svg:not([width]):not([height]){height:1rem;height:var(--button-icon-size);width:1rem;width:var(--button-icon-size)}[href]>.dnb-button__icon.dnb-icon{line-height:1.125rem;line-height:var(--button-font-size)}.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-left .dnb-button__icon,.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-top .dnb-button__icon{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-left .dnb-button__text,.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-left>*,.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-top .dnb-button__text,.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-top>*{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.dnb-button--stretch{width:100%}.dnb-button--reset{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;color:inherit;font:inherit;height:auto;line-height:inherit;margin:0;overflow:visible;padding:0;text-align:inherit;width:auto}html:not([data-whatintent=touch]) .dnb-button--reset:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--reset:hover:not([disabled]){border:none;-webkit-box-shadow:none;box-shadow:none}.dnb-button--reset:not([disabled]):active,.dnb-button--reset:not([disabled]):focus{outline:none}html[data-whatinput=keyboard] .dnb-button--reset:not([disabled]):active,html[data-whatinput=keyboard] .dnb-button--reset:not([disabled]):focus{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=keyboard] .dnb-button--reset:not([disabled]):active,html[data-whatinput=keyboard] .dnb-button--reset:not([disabled]):focus{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}html[data-whatinput=mouse] .dnb-button--reset:not([disabled]):active,html[data-whatinput=mouse] .dnb-button--reset:not([disabled]):focus{border:none;-webkit-box-shadow:none;box-shadow:none;color:inherit}.dnb-button[type=button],.dnb-button[type=reset],.dnb-button[type=submit]{appearance:none;-moz-appearance:none;-webkit-appearance:none}.dnb-button[disabled]{cursor:not-allowed}.dnb-form-row--vertical .dnb-form-row__content>.dnb-button{-ms-flex-item-align:start;align-self:flex-start}.dnb-form-row--horizontal .dnb-form-row__content .dnb-button__text{white-space:nowrap}.dnb-button+.dnb-form-status{margin-top:.5rem}@media screen and (-ms-high-contrast:none){.dnb-button{-webkit-box-flex:0;-ms-flex:none;flex:none}.dnb-button__icon,.dnb-button__text{-webkit-transform:translateY(-.0625rem);transform:translateY(-.0625rem)}}button.dnb-button::-moz-focus-inner{border:none}.dnb-checkbox{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#333;color:var(--color-black-80,#333);font-family:DNB,sans-serif;font-family:var(--font-family-default);font-style:normal;font-weight:400;font-weight:var(--font-weight-basis);margin:0;padding:0;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:break-word}.dnb-checkbox *,.dnb-checkbox :after,.dnb-checkbox :before{background-repeat:no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box}.dnb-checkbox :after,.dnb-checkbox :before{text-decoration:inherit;vertical-align:inherit}:root{--checkbox-width--medium:1.5rem;--checkbox-height--medium:1.5rem;--checkbox-width--large:2rem;--checkbox-height--large:2rem;--checkbox-border-width:0.125rem}.dnb-checkbox{font-size:1rem;font-size:var(--font-size-small);line-height:1.5rem;line-height:var(--line-height-basis)}.dnb-checkbox,.dnb-checkbox__inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column}.dnb-checkbox__inner{-ms-flex-item-align:center;align-self:center}.dnb-checkbox__shell{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:1.5rem;height:var(--checkbox-height--medium);justify-content:center;position:relative;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;width:1.5rem;width:var(--checkbox-width--medium)}.dnb-checkbox--large .dnb-checkbox__shell{height:2rem;height:var(--checkbox-height--large);width:2rem;width:var(--checkbox-width--large)}.dnb-checkbox__button{border:.125rem solid transparent;border:var(--checkbox-border-width) solid transparent;display:inline-block}.dnb-checkbox__focus{display:none;outline:none}html[data-whatinput=keyboard] .dnb-checkbox__focus{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=keyboard] .dnb-checkbox__focus{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-checkbox__button,.dnb-checkbox__focus{border-radius:.25rem;height:1.25rem;height:calc(var(--checkbox-height--medium) - .25rem);position:relative;width:1.25rem;width:calc(var(--checkbox-width--medium) - .25rem);z-index:4}.dnb-checkbox--large .dnb-checkbox__button,.dnb-checkbox--large .dnb-checkbox__focus{border-radius:.25rem;height:2rem;height:var(--checkbox-height--large);width:2rem;width:var(--checkbox-width--large)}.dnb-checkbox__gfx{shape-rendering:geometricPrecision;height:1rem;height:calc(var(--checkbox-height--medium) - .5rem);left:auto;position:absolute;top:auto;width:1rem;width:calc(var(--checkbox-width--medium) - .5rem);z-index:5}.dnb-checkbox--large{line-height:2rem;line-height:var(--checkbox-height--large)}.dnb-checkbox--large .dnb-checkbox__gfx{height:1.5rem;height:calc(var(--checkbox-height--large) - .5rem);width:1.5rem;width:calc(var(--checkbox-width--large) - .5rem)}.dnb-checkbox__input{border:0;height:1.5rem;height:var(--checkbox-height--medium);left:auto;margin:0;opacity:0;padding:0;position:absolute;top:auto;width:1.5rem;width:var(--checkbox-width--medium);z-index:6}.dnb-checkbox--large .dnb-checkbox__input{height:2rem;height:var(--checkbox-height--large);width:2rem;width:var(--checkbox-width--large)}.dnb-checkbox__input:not([disabled]){cursor:pointer}.dnb-checkbox .dnb-form-label{margin-bottom:0;margin-left:0;margin-right:0}.dnb-checkbox__order{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.dnb-checkbox__suffix{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.dnb-checkbox--label-position-left .dnb-checkbox__order .dnb-checkbox__inner{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.dnb-checkbox--label-position-left .dnb-checkbox__order .dnb-form-label{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;padding-right:.5rem}.dnb-checkbox--label-position-left .dnb-checkbox__order .dnb-form-status{-webkit-box-ordinal-group:4;-ms-flex-order:3;margin-top:.5rem;order:3}.dnb-checkbox--label-position-right .dnb-checkbox__order .dnb-checkbox__inner{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.dnb-checkbox--label-position-right .dnb-checkbox__order .dnb-form-label{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding-left:.5rem}.dnb-checkbox--label-position-right .dnb-checkbox__order+.dnb-form-status{-webkit-box-ordinal-group:4;-ms-flex-order:3;margin-top:.5rem;order:3;vertical-align:top}.dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled]~.dnb-checkbox__button{border-color:#ebebeb;border-color:var(--skeleton-color)}.dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled]~.dnb-checkbox__button:before{border-radius:0}@media screen and (-ms-high-contrast:none){.dnb-checkbox{vertical-align:text-bottom}.dnb-checkbox__order{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.dnb-checkbox__gfx,.dnb-checkbox__input{bottom:0;left:0;margin:auto;right:0;top:0}.dnb-checkbox__shell{-webkit-transform:translateY(0);transform:translateY(0)}}.dnb-radio{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#333;color:var(--color-black-80,#333);font-family:DNB,sans-serif;font-family:var(--font-family-default);font-style:normal;font-weight:400;font-weight:var(--font-weight-basis);margin:0;padding:0;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:break-word}.dnb-radio *,.dnb-radio :after,.dnb-radio :before{background-repeat:no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box}.dnb-radio :after,.dnb-radio :before{text-decoration:inherit;vertical-align:inherit}:root{--radio-width--medium:1.5rem;--radio-height--medium:1.5rem;--radio-width--large:2rem;--radio-height--large:2rem;--radio-border-width:0.125rem;--radio-margin-right:1rem;--radio-margin-bottom:0.5rem}.dnb-radio{font-size:1rem;font-size:var(--font-size-small);line-height:1.5rem;line-height:var(--line-height-basis)}.dnb-radio,.dnb-radio__inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column}.dnb-radio__inner{-ms-flex-item-align:center;align-self:center}.dnb-radio__shell{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:1.5rem;height:var(--radio-height--medium);justify-content:center;position:relative;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;width:1.5rem;width:var(--radio-width--medium)}.dnb-radio__button,.dnb-radio__dot,.dnb-radio__focus{position:absolute;z-index:4}.dnb-radio__button{border:.125rem solid transparent;border:var(--radio-border-width) solid transparent}.dnb-radio__focus{display:none;outline:none}html[data-whatinput=keyboard] .dnb-radio__focus{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=keyboard] .dnb-radio__focus{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-radio__button,.dnb-radio__focus{border-radius:50%;height:1.25rem;height:calc(var(--radio-height--medium) - .25rem);width:1.25rem;width:calc(var(--radio-width--medium) - .25rem)}.dnb-radio--large .dnb-radio__button,.dnb-radio--large .dnb-radio__focus{height:1.875rem;height:calc(var(--radio-height--large) - .125rem);width:1.875rem;width:calc(var(--radio-width--large) - .125rem)}.dnb-radio__dot{border-radius:50%;height:.75rem;height:calc(var(--radio-height--medium) - .75rem);width:.75rem;width:calc(var(--radio-width--medium) - .75rem)}.dnb-radio--large .dnb-radio__dot{height:1.125rem;height:calc(var(--radio-height--large) - .875rem);width:1.125rem;width:calc(var(--radio-width--large) - .875rem)}.dnb-radio__input{border:0;height:1.5rem;height:var(--radio-height--medium);left:auto;margin:0;opacity:0;padding:0;position:absolute;top:auto;width:1.5rem;width:var(--radio-width--medium);z-index:5}.dnb-radio--large .dnb-radio__input{height:2rem;height:var(--radio-height--large);width:2rem;width:var(--radio-width--large)}.dnb-radio__input:not([disabled]){cursor:pointer}.dnb-radio__order{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.dnb-radio-group--column .dnb-radio__order{display:-webkit-box;display:-ms-flexbox;display:flex}.dnb-radio__row{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.dnb-radio__suffix{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.dnb-radio__suffix .dnb-modal__trigger{margin-bottom:-.25rem;margin-top:-.25rem}.dnb-radio-group__suffix{font-size:1.125rem;font-size:var(--font-size-basis)}.dnb-radio--large,.dnb-radio--large .dnb-radio__suffix{line-height:2rem;line-height:var(--radio-height--large)}.dnb-radio--large .dnb-radio__shell{height:2rem;height:var(--radio-height--large);width:2rem;width:var(--radio-width--large)}.dnb-radio .dnb-form-label{margin-bottom:0;margin-left:0;margin-right:0}.dnb-radio--label-position-left .dnb-radio__order .dnb-radio__inner{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.dnb-radio--label-position-left .dnb-radio__order .dnb-form-label{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;padding-right:.5rem}.dnb-radio--label-position-right .dnb-radio__order .dnb-radio__inner{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.dnb-radio--label-position-right .dnb-radio__order .dnb-form-label{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding-left:.5rem}.dnb-form-row:not(.dnb-form-row--vertical)[class*=__indent]
2
+ .dnb-input--clear.dnb-input__submit-element .dnb-button:not(.dnb-button--has-text):hover[disabled]{cursor:default}.dnb-input--small .dnb-input--clear.dnb-input__submit-element .dnb-button{height:1rem;width:1rem}.dnb-input--large .dnb-input--clear.dnb-input__submit-element .dnb-button,.dnb-input--medium .dnb-input--clear.dnb-input__submit-element .dnb-button{height:1.5rem;height:var(--input-height--small);width:1.5rem;width:var(--input-height--small)}.dnb-input[data-has-content=true] .dnb-input--clear{opacity:1}.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element{margin-right:2.5rem}.dnb-input--small.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element{margin-right:2rem}.dnb-input--medium.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element{margin-right:3rem}.dnb-input--large.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element{margin-right:3.5rem}.dnb-input__inner>.dnb-form-status{-webkit-box-ordinal-group:3;-ms-flex-order:2;margin-top:.5rem;order:2}.dnb-input--vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:column;flex-direction:column}.dnb-input--stretch,.dnb-input--vertical{display:-webkit-box;display:-ms-flexbox;display:flex}.dnb-input--stretch,.dnb-input--stretch .dnb-input__inner{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.dnb-input--stretch .dnb-input__inner,.dnb-input--stretch .dnb-input__shell{width:100%}.dnb-input--stretch .dnb-form-label+.dnb-input__inner{width:auto}.dnb-form-row--horizontal .dnb-input--stretch,.dnb-input--vertical.dnb-input--stretch .dnb-input__inner{width:100%}.dnb-input__icon{-webkit-box-ordinal-group:1;-ms-flex-order:0;bottom:0;left:1rem;margin:auto;order:0;position:absolute;right:auto;top:0}.dnb-input--icon-position-right .dnb-input__icon{-webkit-box-ordinal-group:2;-ms-flex-order:1;left:auto;order:1;right:1rem}.dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__input,.dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__placeholder{padding-left:2.5rem}.dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__input,.dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__placeholder{padding-right:2.5rem}.dnb-input--icon-size-medium.dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__input,.dnb-input--icon-size-medium.dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__placeholder{padding-left:3rem}.dnb-input--icon-size-medium.dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__input,.dnb-input--icon-size-medium.dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__placeholder{padding-right:3rem}html[data-visual-test] .dnb-input__input{caret-color:#fff;caret-color:var(--color-white)}@media screen and (max-width:40em){.dnb-responsive-component .dnb-input{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-bottom:.5rem}.dnb-responsive-component .dnb-input,.dnb-responsive-component .dnb-input__row{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.dnb-responsive-component .dnb-input>.dnb-form-label{margin-bottom:.5rem}}@media screen and (-ms-high-contrast:none){.dnb-input{vertical-align:baseline}.dnb-form-row--horizontal .dnb-input,.dnb-input:not(.dnb-input--stretch){-webkit-box-flex:0;-ms-flex:none;flex:none}.dnb-input__inner{width:100%}.dnb-input__input,.dnb-input__placeholder{-webkit-transform:translateY(-.0625rem);transform:translateY(-.0625rem)}}.dnb-icon{color:inherit;display:inline-block;font-size:1rem;height:1em;line-height:1rem;vertical-align:middle;width:1em}.dnb-icon img,.dnb-icon svg{shape-rendering:geometricPrecision;height:inherit;vertical-align:top;width:inherit}.dnb-icon svg[width="100%"]{width:inherit}.dnb-icon svg[height="100%"]{height:inherit}.dnb-icon--inherit-color svg:not([fill]),.dnb-icon--inherit-color svg [fill]{fill:currentColor}.dnb-icon--inherit-color svg [stroke]{stroke:currentColor}.dnb-icon--small{font-size:.75rem}.dnb-icon--default{font-size:1rem}.dnb-icon--medium{font-size:1.5rem}.dnb-icon--large{font-size:2rem}.dnb-icon--x-large{font-size:2.5rem}.dnb-icon--xx-large{font-size:3rem}.dnb-icon--custom-size{height:auto;width:auto}.dnb-icon--auto{font-size:1em}.dnb-icon--auto>.dnb-icon--wrapper{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;justify-content:center}h1 .dnb-icon,h2 .dnb-icon,h3 .dnb-icon,h4 .dnb-icon,h5 .dnb-icon,h6 .dnb-icon{vertical-align:middle}.dnb-icon.dnb-skeleton{color:#ebebeb!important;color:var(--skeleton-color)!important}.dnb-icon.dnb-skeleton:after,.dnb-icon.dnb-skeleton:before{content:none!important}@media screen and (-ms-high-contrast:none){.dnb-icon{-webkit-box-flex:0;-ms-flex:none;flex:none}}.dnb-tooltip{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#333;color:var(--color-black-80,#333);font-family:DNB,sans-serif;font-family:var(--font-family-default);font-size:1rem;font-size:var(--font-size-small);font-style:normal;font-weight:400;font-weight:var(--font-weight-basis);line-height:1.5rem;line-height:var(--line-height-basis);margin:0;padding:0;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:break-word}.dnb-tooltip *,.dnb-tooltip :after,.dnb-tooltip :before{background-repeat:no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box}.dnb-tooltip :after,.dnb-tooltip :before{text-decoration:inherit;vertical-align:inherit}.dnb-tooltip{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center;opacity:0;padding:0 1rem;position:absolute;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out;visibility:hidden;z-index:3100}.dnb-tooltip--large{padding:.25rem 1rem}.dnb-tooltip--animate_position{-webkit-transition:all .3s ease-in-out,opacity .2s ease-out;transition:all .3s ease-in-out,opacity .2s ease-out}.dnb-tooltip--active{-webkit-animation:show-tooltip .2s ease-out forwards;animation:show-tooltip .2s ease-out forwards;visibility:visible}.dnb-tooltip--active.dnb-tooltip--no-animation,html[data-visual-test] .dnb-tooltip--active{-webkit-animation:show-tooltip 1ms ease-out forwards;animation:show-tooltip 1ms ease-out forwards}.dnb-tooltip--hide{-webkit-animation:hide-tooltip .2s ease-in-out forwards;animation:hide-tooltip .2s ease-in-out forwards;visibility:visible}.dnb-tooltip--hide.dnb-tooltip--no-animation{-webkit-animation:hide-tooltip 1ms ease-out forwards;animation:hide-tooltip 1ms ease-out forwards}.dnb-tooltip--fixed{position:fixed}html[data-visual-test] .dnb-tooltip--hide{-webkit-animation:hide-tooltip 1ms ease-out 1s forwards;animation:hide-tooltip 1ms ease-out 1s forwards}.dnb-tooltip__portal{left:0;position:absolute;right:0;top:0}.dnb-tooltip__content{min-height:1.5rem;min-width:2rem;padding:0}.dnb-tooltip__arrow{height:.5rem;margin:0;overflow:hidden;pointer-events:none;position:absolute;width:1rem}.dnb-tooltip__arrow:before{bottom:0;content:"";height:1rem;left:0;position:absolute;-webkit-transform:translateY(70%) rotate(45deg);transform:translateY(70%) rotate(45deg);width:1rem}.dnb-tooltip__arrow__position--bottom{top:-.5rem}.dnb-tooltip__arrow__position--top{bottom:-.5rem;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.dnb-tooltip__arrow__position--left{margin-right:3px;right:-.75rem;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.dnb-tooltip__arrow__position--right{left:-.75rem;margin-left:3px;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.dnb-tooltip__arrow__arrow--left{-ms-flex-item-align:start;align-self:flex-start}.dnb-tooltip__arrow__arrow--right{-ms-flex-item-align:end;align-self:flex-end}@keyframes show-tooltip{0%{opacity:0}to{opacity:1}}@keyframes hide-tooltip{0%{opacity:1}to{opacity:0;visibility:hidden}}.dnb-button{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#333;color:var(--color-black-80,#333);font-family:DNB,sans-serif;font-family:var(--font-family-default);font-style:normal;font-weight:400;font-weight:var(--font-weight-basis);line-height:1.5rem;line-height:var(--line-height-basis);margin:0;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:break-word}.dnb-button *,.dnb-button :after,.dnb-button :before{background-repeat:no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box}.dnb-button :after,.dnb-button :before{text-decoration:inherit;vertical-align:inherit}:root{--button-font-size:var(--font-size-basis);--button-font-size-small:var(--font-size-small);--button-width:2.5rem;--button-height:2.5rem;--button-width--small:1.5rem;--button-height--small:1.5rem;--button-width--medium:2rem;--button-height--medium:2rem;--button-width--large:3rem;--button-height--large:3rem;--button-icon-size:1rem;--button-border-width:0.0625rem;--button-border-width--hover:0.1875rem;--button-border-radius:calc(var(--button-height)/2);--button-border-radius--small:calc(var(--button-height--small)/2);--button-border-radius--medium:calc(var(--button-height--medium)/2);--button-border-radius--large:calc(var(--button-height--large)/2)}.dnb-button{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:.0625rem solid transparent;border:var(--button-border-width) solid transparent;border-radius:1.25rem;border-radius:var(--button-border-radius);cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:1rem;font-size:var(--font-size-small);height:auto;justify-content:center;padding:0;position:relative;text-decoration:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;white-space:nowrap;width:2.5rem;width:var(--button-width)}.dnb-button--wrap{word-wrap:break-word;white-space:normal}.dnb-button,.dnb-core-style .dnb-button{line-height:2.5rem;line-height:var(--button-height)}.dnb-button__text{color:inherit;font-size:1.125rem;font-size:var(--button-font-size);line-height:1.5rem;line-height:var(--line-height-basis);margin:.5rem 0;-webkit-transform:translateY(-.03125rem);transform:translateY(-.03125rem)}.dnb-button__text [data-os=linux]{-webkit-transform:translateY(-.035rem);transform:translateY(-.035rem)}.dnb-button__alignment{display:inline-block;width:0}.dnb-button__bounding{background-color:transparent;border-radius:1.25rem;border-radius:var(--button-border-radius);bottom:0;left:0;position:absolute;right:0;top:0;-webkit-transform:scale(1.1,1.4);transform:scale(1.1,1.4)}.dnb-button--has-text{padding-left:1.5rem;padding-right:1.5rem}.dnb-button--size-small{border-radius:.75rem;border-radius:var(--button-border-radius--small);font-size:1rem;font-size:var(--button-font-size-small);width:1.5rem;width:var(--button-width--small)}.dnb-button--size-small,.dnb-core-style .dnb-button--size-small{line-height:1.5rem;line-height:var(--button-height--small)}.dnb-button--size-small .dnb-button__text{margin:0}.dnb-button--has-text.dnb-button--size-small{padding-left:1rem;padding-right:1rem}.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--size-small{padding-left:.5rem}.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--size-small{padding-right:.5rem}.dnb-button--size-medium{border-radius:1rem;border-radius:var(--button-border-radius--medium);width:2rem;width:var(--button-width--medium)}.dnb-button--size-medium,.dnb-core-style .dnb-button--size-medium{line-height:2rem;line-height:var(--button-height--medium)}.dnb-button--size-medium .dnb-button__text{margin:0}.dnb-button--has-text.dnb-button--size-medium{padding-left:1rem;padding-right:1rem}.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--size-medium{padding-left:.5rem}.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--size-medium{padding-right:.5rem}.dnb-button--size-large{border-radius:1.5rem;border-radius:var(--button-border-radius--large);width:3rem;width:var(--button-width--large)}.dnb-button--size-large,.dnb-core-style .dnb-button--size-large{line-height:3rem;line-height:var(--button-height--large)}.dnb-button--has-text.dnb-button--size-large{padding-left:2rem;padding-right:2rem}.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--size-large{padding-left:1rem}.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--size-large{padding-right:1rem}.dnb-button--has-text{width:auto}.dnb-button--has-text .dnb-button__icon{margin:0 .5rem;margin:0 calc(var(--button-icon-size)/2)}.dnb-button--has-text.dnb-button--icon-position-left{padding-left:.5rem}.dnb-button--has-text.dnb-button--icon-position-right{padding-right:.5rem}.dnb-button--has-text.dnb-button--has-icon .dnb-button__icon{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.dnb-button--has-text.dnb-button--has-icon .dnb-button__text{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.dnb-button:not(.dnb-button--has-text) .dnb-button__icon{width:inherit}.dnb-button__icon.dnb-icon svg:not([width]):not([height]){height:1rem;height:var(--button-icon-size);width:1rem;width:var(--button-icon-size)}[href]>.dnb-button__icon.dnb-icon{line-height:1.125rem;line-height:var(--button-font-size)}.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-left .dnb-button__icon,.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-top .dnb-button__icon{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-left .dnb-button__text,.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-left>*,.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-top .dnb-button__text,.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-top>*{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.dnb-button--stretch{width:100%}.dnb-button--reset{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;color:inherit;font:inherit;height:auto;line-height:inherit;margin:0;overflow:visible;padding:0;text-align:inherit;width:auto}html:not([data-whatintent=touch]) .dnb-button--reset:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-button--reset:hover:not([disabled]){border:none;-webkit-box-shadow:none;box-shadow:none}.dnb-button--reset:not([disabled]):active,.dnb-button--reset:not([disabled]):focus{outline:none}html[data-whatinput=keyboard] .dnb-button--reset:not([disabled]):active,html[data-whatinput=keyboard] .dnb-button--reset:not([disabled]):focus{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=keyboard] .dnb-button--reset:not([disabled]):active,html[data-whatinput=keyboard] .dnb-button--reset:not([disabled]):focus{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}html[data-whatinput=mouse] .dnb-button--reset:not([disabled]):active,html[data-whatinput=mouse] .dnb-button--reset:not([disabled]):focus{border:none;-webkit-box-shadow:none;box-shadow:none;color:inherit}.dnb-button[type=button],.dnb-button[type=reset],.dnb-button[type=submit]{appearance:none;-moz-appearance:none;-webkit-appearance:none}.dnb-button[disabled]{cursor:not-allowed;outline:none}.dnb-form-row--vertical .dnb-form-row__content>.dnb-button{-ms-flex-item-align:start;align-self:flex-start}.dnb-form-row--horizontal .dnb-form-row__content .dnb-button__text{white-space:nowrap}.dnb-button+.dnb-form-status{margin-top:.5rem}@media screen and (-ms-high-contrast:none){.dnb-button{-webkit-box-flex:0;-ms-flex:none;flex:none}.dnb-button__icon,.dnb-button__text{-webkit-transform:translateY(-.0625rem);transform:translateY(-.0625rem)}}button.dnb-button::-moz-focus-inner{border:none}.dnb-checkbox{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#333;color:var(--color-black-80,#333);font-family:DNB,sans-serif;font-family:var(--font-family-default);font-style:normal;font-weight:400;font-weight:var(--font-weight-basis);margin:0;padding:0;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:break-word}.dnb-checkbox *,.dnb-checkbox :after,.dnb-checkbox :before{background-repeat:no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box}.dnb-checkbox :after,.dnb-checkbox :before{text-decoration:inherit;vertical-align:inherit}:root{--checkbox-width--medium:1.5rem;--checkbox-height--medium:1.5rem;--checkbox-width--large:2rem;--checkbox-height--large:2rem;--checkbox-border-width:0.125rem}.dnb-checkbox{font-size:1rem;font-size:var(--font-size-small);line-height:1.5rem;line-height:var(--line-height-basis)}.dnb-checkbox,.dnb-checkbox__inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column}.dnb-checkbox__inner{-ms-flex-item-align:center;align-self:center}.dnb-checkbox__shell{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:1.5rem;height:var(--checkbox-height--medium);justify-content:center;position:relative;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;width:1.5rem;width:var(--checkbox-width--medium)}.dnb-checkbox--large .dnb-checkbox__shell{height:2rem;height:var(--checkbox-height--large);width:2rem;width:var(--checkbox-width--large)}.dnb-checkbox__button{border:.125rem solid transparent;border:var(--checkbox-border-width) solid transparent;display:inline-block}.dnb-checkbox__focus{display:none;outline:none}html[data-whatinput=keyboard] .dnb-checkbox__focus{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=keyboard] .dnb-checkbox__focus{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-checkbox__button,.dnb-checkbox__focus{border-radius:.25rem;height:1.25rem;height:calc(var(--checkbox-height--medium) - .25rem);position:relative;width:1.25rem;width:calc(var(--checkbox-width--medium) - .25rem);z-index:4}.dnb-checkbox--large .dnb-checkbox__button,.dnb-checkbox--large .dnb-checkbox__focus{border-radius:.25rem;height:2rem;height:var(--checkbox-height--large);width:2rem;width:var(--checkbox-width--large)}.dnb-checkbox__gfx{shape-rendering:geometricPrecision;height:1rem;height:calc(var(--checkbox-height--medium) - .5rem);left:auto;position:absolute;top:auto;width:1rem;width:calc(var(--checkbox-width--medium) - .5rem);z-index:5}.dnb-checkbox--large{line-height:2rem;line-height:var(--checkbox-height--large)}.dnb-checkbox--large .dnb-checkbox__gfx{height:1.5rem;height:calc(var(--checkbox-height--large) - .5rem);width:1.5rem;width:calc(var(--checkbox-width--large) - .5rem)}.dnb-checkbox__input{border:0;height:1.5rem;height:var(--checkbox-height--medium);left:auto;margin:0;opacity:0;padding:0;position:absolute;top:auto;width:1.5rem;width:var(--checkbox-width--medium);z-index:6}.dnb-checkbox--large .dnb-checkbox__input{height:2rem;height:var(--checkbox-height--large);width:2rem;width:var(--checkbox-width--large)}.dnb-checkbox__input:not([disabled]){cursor:pointer}.dnb-checkbox .dnb-form-label{margin-bottom:0;margin-left:0;margin-right:0}.dnb-checkbox__order{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.dnb-checkbox__suffix{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.dnb-checkbox--label-position-left .dnb-checkbox__order .dnb-checkbox__inner{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.dnb-checkbox--label-position-left .dnb-checkbox__order .dnb-form-label{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;padding-right:.5rem}.dnb-checkbox--label-position-left .dnb-checkbox__order .dnb-form-status{-webkit-box-ordinal-group:4;-ms-flex-order:3;margin-top:.5rem;order:3}.dnb-checkbox--label-position-right .dnb-checkbox__order .dnb-checkbox__inner{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.dnb-checkbox--label-position-right .dnb-checkbox__order .dnb-form-label{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding-left:.5rem}.dnb-checkbox--label-position-right .dnb-checkbox__order+.dnb-form-status{-webkit-box-ordinal-group:4;-ms-flex-order:3;margin-top:.5rem;order:3;vertical-align:top}.dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled]~.dnb-checkbox__button{border-color:#ebebeb;border-color:var(--skeleton-color)}.dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled]~.dnb-checkbox__button:before{border-radius:0}@media screen and (-ms-high-contrast:none){.dnb-checkbox{vertical-align:text-bottom}.dnb-checkbox__order{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.dnb-checkbox__gfx,.dnb-checkbox__input{bottom:0;left:0;margin:auto;right:0;top:0}.dnb-checkbox__shell{-webkit-transform:translateY(0);transform:translateY(0)}}.dnb-radio{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#333;color:var(--color-black-80,#333);font-family:DNB,sans-serif;font-family:var(--font-family-default);font-style:normal;font-weight:400;font-weight:var(--font-weight-basis);margin:0;padding:0;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:break-word}.dnb-radio *,.dnb-radio :after,.dnb-radio :before{background-repeat:no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box}.dnb-radio :after,.dnb-radio :before{text-decoration:inherit;vertical-align:inherit}:root{--radio-width--medium:1.5rem;--radio-height--medium:1.5rem;--radio-width--large:2rem;--radio-height--large:2rem;--radio-border-width:0.125rem;--radio-margin-right:1rem;--radio-margin-bottom:0.5rem}.dnb-radio{font-size:1rem;font-size:var(--font-size-small);line-height:1.5rem;line-height:var(--line-height-basis)}.dnb-radio,.dnb-radio__inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column}.dnb-radio__inner{-ms-flex-item-align:center;align-self:center}.dnb-radio__shell{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:1.5rem;height:var(--radio-height--medium);justify-content:center;position:relative;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;width:1.5rem;width:var(--radio-width--medium)}.dnb-radio__button,.dnb-radio__dot,.dnb-radio__focus{position:absolute;z-index:4}.dnb-radio__button{border:.125rem solid transparent;border:var(--radio-border-width) solid transparent}.dnb-radio__focus{display:none;outline:none}html[data-whatinput=keyboard] .dnb-radio__focus{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=keyboard] .dnb-radio__focus{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-radio__button,.dnb-radio__focus{border-radius:50%;height:1.25rem;height:calc(var(--radio-height--medium) - .25rem);width:1.25rem;width:calc(var(--radio-width--medium) - .25rem)}.dnb-radio--large .dnb-radio__button,.dnb-radio--large .dnb-radio__focus{height:1.875rem;height:calc(var(--radio-height--large) - .125rem);width:1.875rem;width:calc(var(--radio-width--large) - .125rem)}.dnb-radio__dot{border-radius:50%;height:.75rem;height:calc(var(--radio-height--medium) - .75rem);width:.75rem;width:calc(var(--radio-width--medium) - .75rem)}.dnb-radio--large .dnb-radio__dot{height:1.125rem;height:calc(var(--radio-height--large) - .875rem);width:1.125rem;width:calc(var(--radio-width--large) - .875rem)}.dnb-radio__input{border:0;height:1.5rem;height:var(--radio-height--medium);left:auto;margin:0;opacity:0;padding:0;position:absolute;top:auto;width:1.5rem;width:var(--radio-width--medium);z-index:5}.dnb-radio--large .dnb-radio__input{height:2rem;height:var(--radio-height--large);width:2rem;width:var(--radio-width--large)}.dnb-radio__input:not([disabled]){cursor:pointer}.dnb-radio__order{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.dnb-radio-group--column .dnb-radio__order{display:-webkit-box;display:-ms-flexbox;display:flex}.dnb-radio__row{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.dnb-radio__suffix{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.dnb-radio__suffix .dnb-modal__trigger{margin-bottom:-.25rem;margin-top:-.25rem}.dnb-radio-group__suffix{font-size:1.125rem;font-size:var(--font-size-basis)}.dnb-radio--large,.dnb-radio--large .dnb-radio__suffix{line-height:2rem;line-height:var(--radio-height--large)}.dnb-radio--large .dnb-radio__shell{height:2rem;height:var(--radio-height--large);width:2rem;width:var(--radio-width--large)}.dnb-radio .dnb-form-label{margin-bottom:0;margin-left:0;margin-right:0}.dnb-radio--label-position-left .dnb-radio__order .dnb-radio__inner{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.dnb-radio--label-position-left .dnb-radio__order .dnb-form-label{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;padding-right:.5rem}.dnb-radio--label-position-right .dnb-radio__order .dnb-radio__inner{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.dnb-radio--label-position-right .dnb-radio__order .dnb-form-label{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding-left:.5rem}.dnb-form-row:not(.dnb-form-row--vertical)[class*=__indent]
3
3
  .dnb-radio .dnb-form-label{margin-top:0}:not(.dnb-radio-group)>.dnb-form-label+.dnb-radio{vertical-align:top}.dnb-radio .dnb-form-status{-webkit-box-ordinal-group:5;-ms-flex-order:4;margin-bottom:0;margin-top:.375rem;order:4}.dnb-radio+.dnb-form-status{margin-bottom:1rem;margin-top:.5rem}.dnb-radio-group{-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:row;flex-direction:row}.dnb-radio-group .dnb-radio{margin-bottom:.5rem;margin-bottom:var(--radio-margin-bottom);margin-right:1rem;margin-right:var(--radio-margin-right)}.dnb-radio-group--column .dnb-radio{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:0}.dnb-radio-group .dnb-radio:last-of-type{margin-right:0}.dnb-radio-group [role=radiogroup],.dnb-radio-group__shell{display:block}.dnb-radio-group__shell>.dnb-form-status{margin-bottom:0;margin-top:0}.dnb-radio-group--column .dnb-radio-group__shell{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.dnb-radio-group .dnb-form-row{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:-.5rem;margin-bottom:calc(0px - var(--radio-margin-bottom))}.dnb-radio-group .dnb-form-row:before{font-size:1.125rem;font-size:var(--font-size-basis)}.dnb-skeleton .dnb-radio__input[disabled]~.dnb-radio__button{border-color:#ebebeb;border-color:var(--skeleton-color)}@media screen and (-ms-high-contrast:none){.dnb-radio{vertical-align:text-bottom}.dnb-radio__button,.dnb-radio__dot,.dnb-radio__focus,.dnb-radio__input{bottom:0;left:0;margin:auto;right:0;top:0}.dnb-radio__order{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dnb-radio,.dnb-radio-group{-webkit-box-flex:0;-ms-flex:none;flex:none}.dnb-radio-group{vertical-align:middle}}.dnb-toggle-button{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#333;color:var(--color-black-80,#333);font-family:DNB,sans-serif;font-family:var(--font-family-default);font-style:normal;font-weight:400;font-weight:var(--font-weight-basis);margin:0;padding:0;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:break-word}.dnb-toggle-button *,.dnb-toggle-button :after,.dnb-toggle-button :before{background-repeat:no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box}.dnb-toggle-button :after,.dnb-toggle-button :before{text-decoration:inherit;vertical-align:inherit}:root{--toggle-button-margin-right:1rem;--toggle-button-margin-bottom:1rem}.dnb-toggle-button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1rem;font-size:var(--font-size-small);line-height:1.5rem;line-height:var(--line-height-basis)}.dnb-toggle-button,.dnb-toggle-button__inner{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.dnb-toggle-button__inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.dnb-toggle-button__shell{left:0;position:relative;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.dnb-toggle-button--vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:column;flex-direction:column}.dnb-toggle-button__component{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding-right:.5rem}.dnb-toggle-button__button.dnb-button--has-text{padding-left:1.5rem;padding-right:1.5rem}.dnb-toggle-button__button .dnb-checkbox{margin-left:-.5rem}.dnb-toggle-button__button .dnb-checkbox__input{pointer-events:none}.dnb-toggle-button__button .dnb-checkbox__button{display:unset}.dnb-toggle-button__button .dnb-checkbox__button,.dnb-toggle-button__button .dnb-checkbox__focus{border-width:.0625rem;height:1rem;height:calc(var(--checkbox-height--medium) - .5rem);width:1rem;width:calc(var(--checkbox-width--medium) - .5rem)}.dnb-toggle-button__button .dnb-checkbox__dot{height:.5rem;height:calc(var(--checkbox-height--medium) - 1rem);width:.5rem;width:calc(var(--checkbox-width--medium) - 1rem)}.dnb-toggle-button__button .dnb-checkbox__gfx{height:.75rem;height:calc(var(--checkbox-height--medium) - .75rem);width:.75rem;width:calc(var(--checkbox-width--medium) - .75rem)}.dnb-toggle-button__button .dnb-radio{margin-left:-.5rem}.dnb-toggle-button__button .dnb-radio__input{pointer-events:none}.dnb-toggle-button__button .dnb-radio__button,.dnb-toggle-button__button .dnb-radio__focus{border-width:.0625rem;height:1rem;height:calc(var(--radio-height--medium) - .5rem);width:1rem;width:calc(var(--radio-width--medium) - .5rem)}.dnb-toggle-button__button .dnb-radio__dot{height:.5rem;height:calc(var(--radio-height--medium) - 1rem);width:.5rem;width:calc(var(--radio-width--medium) - 1rem)}.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active).dnb-button--secondary,.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active).dnb-button--secondary:hover{background-color:#14555a;background-color:var(--color-emerald-green);color:#a5e1d2;color:var(--color-mint-green)}:not(.dnb-toggle-button-group)>.dnb-form-label+.dnb-toggle-button{vertical-align:top}.dnb-toggle-button-group__suffix{font-size:1.125rem;font-size:var(--font-size-basis)}.dnb-toggle-button .dnb-form-status{-webkit-box-ordinal-group:3;-ms-flex-order:2;margin-top:.5rem;order:2}.dnb-toggle-button .dnb-form-label{margin-right:1rem}.dnb-toggle-button-group{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.dnb-toggle-button-group .dnb-toggle-button{margin-bottom:1rem;margin-bottom:var(--toggle-button-margin-bottom);margin-right:1rem;margin-right:var(--toggle-button-margin-right)}.dnb-toggle-button-group--column .dnb-toggle-button{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:0}.dnb-toggle-button-group .dnb-toggle-button:last-of-type{margin-right:0}.dnb-toggle-button-group__shell{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.dnb-toggle-button-group__shell__children{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.dnb-toggle-button-group__shell>.dnb-form-status{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}.dnb-toggle-button-group .dnb-form-row{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;margin-bottom:-1rem;margin-bottom:calc(0px - var(--toggle-button-margin-bottom))}.dnb-toggle-button-group .dnb-form-row--vertical-label{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.dnb-toggle-button-group .dnb-form-row:before{font-size:1.125rem;font-size:var(--font-size-basis)}.dnb-toggle-button-group--no-label>.dnb-alignment-helper,.dnb-toggle-button-group--row.dnb-toggle-button-group:not(.dnb-form-row--vertical-label)>.dnb-alignment-helper{line-height:2.5rem;line-height:var(--button-height)}@media screen and (min-width:40em){.dnb-form-label+.dnb-toggle-button{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}}@media screen and (-ms-high-contrast:none){.dnb-toggle-button{-webkit-box-flex:0;-ms-flex:none;flex:none}.dnb-toggle-button:not(.dnb-toggle-button--vertical){-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dnb-toggle-button__shell{bottom:0;left:0;margin:auto;right:0;top:0}.dnb-toggle-button-group{-webkit-box-flex:0;-ms-flex:none;flex:none}.dnb-toggle-button-group,.dnb-toggle-button-group__shell{width:100%}.dnb-form-row__indent--default .dnb-toggle-button-group{-webkit-box-flex:1;-ms-flex:1;flex:1}}.dnb-form-label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#333;color:var(--color-black-80,#333);font-family:DNB,sans-serif;font-family:var(--font-family-default);font-size:1rem;font-size:var(--font-size-small);font-style:normal;font-weight:400;font-weight:var(--font-weight-basis);line-height:1.5rem;line-height:var(--line-height-basis);margin:0;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:break-word}.dnb-form-label *,.dnb-form-label :after,.dnb-form-label :before{background-repeat:no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box}.dnb-form-label :after,.dnb-form-label :before{text-decoration:inherit;vertical-align:inherit}.dnb-form-label{color:inherit;display:inline-block;font-size:1.125rem;font-size:var(--font-size-basis);margin-right:1rem;padding:0;text-align:left;vertical-align:baseline;white-space:pre-wrap;width:auto;word-break:normal}.dnb-form-label--vertical{display:block;margin-bottom:.5rem;margin-right:0}.dnb-form-label--sr-only{margin:0 0 0 -1px!important;overflow:hidden!important;padding:0!important;white-space:nowrap!important;width:1px!important}.dnb-form-label[for]:not([disabled]){cursor:pointer;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.dnb-form-label[disabled]{cursor:not-allowed}@media screen and (-ms-high-contrast:none){.dnb-form-label{max-width:60vw}}legend.dnb-form-label{display:inline-block}.dnb-form-status{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#333;color:var(--color-black-80,#333);font-family:DNB,sans-serif;font-family:var(--font-family-default);font-size:1rem;font-size:var(--font-size-small);font-style:normal;font-weight:400;font-weight:var(--font-weight-basis);line-height:1.5rem;line-height:var(--line-height-basis);margin:0;padding:0;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:break-word}.dnb-form-status *,.dnb-form-status :after,.dnb-form-status :before{background-repeat:no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box}.dnb-form-status :after,.dnb-form-status :before{text-decoration:inherit;vertical-align:inherit}:root{--form-status-radius:0.25rem}.dnb-form-status{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1;-webkit-transition:height .4s cubic-bezier(.42,0,0,1),opacity .4s cubic-bezier(.42,0,0,1),margin .4s cubic-bezier(.42,0,0,1),padding .4s cubic-bezier(.42,0,0,1);transition:height .4s cubic-bezier(.42,0,0,1),opacity .4s cubic-bezier(.42,0,0,1),margin .4s cubic-bezier(.42,0,0,1),padding .4s cubic-bezier(.42,0,0,1)}.dnb-form-status--hidden{height:0;opacity:0;width:0;will-change:height,opacity,margin,padding}.dnb-form-status--is-animating{overflow:hidden;width:auto}.dnb-form-status--disappear,.dnb-form-status--hidden{margin:0!important;padding:0!important}.dnb-form-status__shell{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;border-radius:.25rem;border-radius:var(--form-status-radius);display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-start;min-width:inherit}.dnb-form-status__text{color:inherit;cursor:text;font-size:1rem;font-size:var(--font-size-small);line-height:1.25rem;line-height:var(--line-height-small);padding:.625rem 1rem;white-space:normal}button .dnb-form-status__text{cursor:inherit}.dnb-form-status__text .dnb-anchor{font-size:inherit}.dnb-icon+.dnb-form-status__text{padding-left:.5rem}.dnb-form-status__shell>.dnb-icon{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;margin:.3333333em .3333333em .3333333em .6666666em}.dnb-form-status__size--large .dnb-form-status__text{padding-bottom:1.125rem;padding-top:1.125rem}.dnb-form-status__size--large .dnb-form-status__shell>.dnb-icon{margin-bottom:.6666666em;margin-top:.6666666em}.dnb-form-status--stretch{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.dnb-form-status--stretch .dnb-form-status__shell{width:100%}.dnb-form-status--stretch .dnb-form-status__text{max-width:47rem}.dnb-form-status[hidden]{display:none}.dnb-form-status--no-animation,html[data-visual-test] .dnb-form-status{-webkit-transition-duration:1ms!important;transition-duration:1ms!important}@media screen and (-ms-high-contrast:none){.dnb-form-status__shell>.dnb-icon{border-width:1px}}.dnb-dropdown{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#333;color:var(--color-black-80,#333);font-family:DNB,sans-serif;font-family:var(--font-family-default);font-size:1rem;font-size:var(--font-size-small);font-style:normal;font-weight:400;font-weight:var(--font-weight-basis);line-height:1.5rem;line-height:var(--line-height-basis);margin:0;padding:0;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:break-word}.dnb-dropdown *,.dnb-dropdown :after,.dnb-dropdown :before{background-repeat:no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box}.dnb-dropdown :after,.dnb-dropdown :before{text-decoration:inherit;vertical-align:inherit}:root{--date-picker-input-height:2rem;--date-picker-day-width:2rem;--date-picker-day-horizontal-spacing:4px}.dnb-date-picker{-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1rem;font-size:var(--font-size-small);line-height:1.5rem;line-height:var(--line-height-basis)}.dnb-date-picker,.dnb-date-picker__inner{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.dnb-date-picker__inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;line-height:2rem;line-height:var(--date-picker-input-height)}.dnb-date-picker__row,.dnb-date-picker__shell{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.dnb-date-picker__shell{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;top:0}.dnb-date-picker__input__wrapper{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:inherit;white-space:nowrap}.dnb-date-picker__container{display:block;left:-1rem;position:absolute;top:2rem;top:var(--date-picker-input-height);z-index:3}.dnb-date-picker--show-input .dnb-date-picker__container{left:0}.dnb-date-picker--right .dnb-date-picker__container{left:auto;right:-1rem}.dnb-date-picker--show-input.dnb-date-picker--right .dnb-date-picker__container{left:auto;right:0}.dnb-date-picker--opened .dnb-date-picker__container{-webkit-animation:date-picker-slide-down .2s ease-out 1 forwards;animation:date-picker-slide-down .2s ease-out 1 forwards;z-index:100}.dnb-date-picker--opened .dnb-date-picker__container--no-animation,html[data-visual-test] .dnb-date-picker--opened .dnb-date-picker__container{-webkit-animation:date-picker-slide-down 1ms ease-out 1 forwards;animation:date-picker-slide-down 1ms ease-out 1 forwards}.dnb-date-picker--hidden .dnb-date-picker__container{display:none}.dnb-date-picker:not(.dnb-date-picker--opened) .dnb-date-picker__container{-webkit-animation:date-picker-slide-up .15s ease-out 1 forwards;animation:date-picker-slide-up .15s ease-out 1 forwards}.dnb-date-picker:not(.dnb-date-picker--opened) .dnb-date-picker__container--no-animation,html[data-visual-test] .dnb-date-picker:not(.dnb-date-picker--opened) .dnb-date-picker__container{-webkit-animation:date-picker-slide-up 1ms ease-out 1 forwards;animation:date-picker-slide-up 1ms ease-out 1 forwards}.dnb-core-style .dnb-date-picker__input,.dnb-date-picker .dnb-input__input.dnb-date-picker__input,.dnb-date-picker__input{background:transparent;border:none;display:inline-block;font-family:DNBMono,Menlo,Consolas,Roboto Mono,"Ubuntu Monospace",Noto Mono,Oxygen Mono,Liberation Mono,monospace;font-family:var(--font-family-monospace);margin:0;outline:none;overflow:visible;padding:0 .125rem;text-align:center;-webkit-transform:translateY(0);transform:translateY(0);white-space:nowrap;width:auto}@supports (-webkit-appearance:none) and (not (overflow:-webkit-marquee)) and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)){.dnb-core-style .dnb-date-picker__input,.dnb-date-picker .dnb-input__input.dnb-date-picker__input,.dnb-date-picker__input{margin:0 -4px}}@supports (-ms-ime-align:auto){.dnb-core-style .dnb-date-picker__input,.dnb-date-picker .dnb-input__input.dnb-date-picker__input,.dnb-date-picker__input{margin:0 -5px}}@supports (-webkit-touch-callout:none){.dnb-core-style .dnb-date-picker__input:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:not(:root),.dnb-date-picker__input:not(:root){margin:0}}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-overflow-scrolling:touch)){.dnb-core-style .dnb-date-picker__input:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:not(:root),.dnb-date-picker__input:not(:root){margin:0 -4px}.dnb-core-style .dnb-date-picker__input:first-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:first-of-type:not(:root),.dnb-date-picker__input:first-of-type:not(:root){margin-left:.8rem}.dnb-core-style .dnb-date-picker__input:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:last-of-type:not(:root),.dnb-date-picker__input:last-of-type:not(:root){margin-right:2.2rem}}}.dnb-date-picker .dnb-input__input.dnb-date-picker__input:first-of-type,.dnb-date-picker__input:first-of-type{margin-left:.8rem}.dnb-date-picker .dnb-input__input.dnb-date-picker__input:last-of-type,.dnb-date-picker__input:last-of-type{margin-right:2.2rem}.dnb-date-picker .dnb-input__shell{display:none}.dnb-date-picker--show-input .dnb-input__shell{display:-webkit-box;display:-ms-flexbox;display:flex}.dnb-date-picker:not(.dnb-date-picker--show-input) .dnb-input__status--error .dnb-input__shell{-webkit-box-shadow:none;box-shadow:none}.dnb-input__submit-button button:focus~.dnb-date-picker__input__wrapper{display:block}.dnb-date-picker:not(.dnb-date-picker--show-input) .dnb-input__submit-element,.dnb-input__submit-element>.dnb-date-picker .dnb-input__submit-element{margin-left:0}.dnb-date-picker__views{display:-webkit-box;display:-ms-flexbox;display:flex;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}@media screen and (max-width:50em){.dnb-date-picker__views{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.dnb-date-picker__calendar{padding:1rem;position:relative}.dnb-date-picker__calendar:after{bottom:0;content:"";height:1px;position:absolute;width:calc(100% - 2rem)}.dnb-date-picker:not(.dnb-date-picker--show-footer) .dnb-date-picker__calendar:after{content:none}.dnb-date-picker__header{height:2.5rem;line-height:1.5rem;line-height:var(--line-height-basis)}.dnb-date-picker__addon,.dnb-date-picker__header{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;padding-bottom:1rem;position:relative}.dnb-date-picker__addon:after,.dnb-date-picker__header:after{bottom:0;content:"";height:1px;position:absolute;width:100%}.dnb-date-picker__addon{display:block;padding:1rem}.dnb-date-picker__addon:after{left:1rem;width:calc(100% - 2rem)}.dnb-date-picker__footer{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;padding:1rem;position:relative}.dnb-date-picker__labels__day{padding-bottom:.5rem;padding-top:1.5rem}.dnb-date-picker__days,.dnb-date-picker__labels{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;margin:0;max-width:18rem;min-width:18rem;padding:0}.dnb-date-picker table{margin:0;position:relative;z-index:1}.dnb-date-picker table.dnb-no-focus:focus{outline:none}html[data-whatinput=keyboard] .dnb-date-picker table.dnb-no-focus:focus{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=keyboard] .dnb-date-picker table.dnb-no-focus:focus{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-date-picker__day,.dnb-date-picker__labels__day{-ms-flex-preferred-size:14.28571%;-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;flex-basis:14.28571%;justify-content:center}.dnb-date-picker__day{margin:4px 0;margin:var(--date-picker-day-horizontal-spacing) 0;position:relative}.dnb-date-picker__day,.dnb-date-picker__day .dnb-button{height:2rem;height:var(--date-picker-day-width);width:2rem;width:var(--date-picker-day-width)}.dnb-date-picker__day .dnb-button{-webkit-box-shadow:none;box-shadow:none;position:absolute;top:0;white-space:nowrap}.dnb-date-picker__day .dnb-button__bounding{border-radius:0;-webkit-transform:scale(1.28);transform:scale(1.28)}.dnb-date-picker__day .dnb-button__text{-webkit-transform:translateY(0);transform:translateY(0)}.dnb-date-picker__day--selectable:hover{z-index:2}.dnb-date-picker__day--end-date .dnb-button,.dnb-date-picker__day--start-date .dnb-button{z-index:1}.dnb-date-picker__day--end-date,.dnb-date-picker__day--start-date{position:relative}.dnb-date-picker__day--end-date:after,.dnb-date-picker__day--start-date:after{content:"";height:100%;position:absolute;top:0;width:1rem;width:calc(var(--date-picker-day-width)/2)}.dnb-date-picker__day--start-date:after{left:auto;right:0}.dnb-date-picker__day--end-date:after{left:0;right:auto}.dnb-date-picker__day--start-date.dnb-date-picker__day--end-date:after{content:none}.dnb-date-picker__triangle{margin:0 1.5rem;overflow:hidden;pointer-events:none;right:auto;top:calc(2px - 1rem);top:calc(2px - var(--date-picker-input-height)/2)}.dnb-date-picker__triangle,.dnb-date-picker__triangle:before{height:1rem;height:calc(var(--date-picker-input-height)/2);left:0;position:absolute;width:1rem;width:calc(var(--date-picker-input-height)/2)}.dnb-date-picker__triangle:before{background-color:#fff;background-color:var(--color-white);border:1px solid #cdcdcd;border:1px solid var(--color-black-border);content:"";top:0;-webkit-transform:translateY(60%) rotate(45deg);transform:translateY(60%) rotate(45deg)}.dnb-date-picker--right .dnb-date-picker__triangle{left:auto;right:0}.dnb-date-picker .rtl{direction:rtl}.dnb-date-picker .rtl .dnb-date-picker__next:before,.dnb-date-picker .rtl .dnb-date-picker__prev:before{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.dnb-date-picker__inner>.dnb-form-status{-webkit-box-ordinal-group:3;-ms-flex-order:2;margin-top:.5rem;order:2}.dnb-date-picker--vertical{-webkit-box-align:start;-ms-flex-align:start;-webkit-box-orient:vertical;-webkit-box-direction:normal;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.dnb-date-picker>.dnb-form-label{line-height:1.5rem;line-height:var(--line-height-basis)}@media screen and (max-width:40em){.dnb-date-picker{-ms-flex-wrap:wrap;flex-wrap:wrap}.dnb-date-picker>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-date-picker--stretch{-webkit-box-flex:1;-ms-flex-positive:1;display:-webkit-box;display:-ms-flexbox;display:flex;flex-grow:1}.dnb-date-picker--stretch .dnb-date-picker__inner,.dnb-date-picker--stretch .dnb-date-picker__shell,.dnb-form-row--horizontal .dnb-date-picker--stretch{width:100%}.dnb-date-picker:not(.dnb-date-picker--vertical)[class*=__status]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.dnb-date-picker:not(.dnb-date-picker--vertical)[class*=__status]>.dnb-form-label{margin-top:.25rem}.dnb-date-picker:not(.dnb-date-picker--show-input) .dnb-input__submit-button
4
4
  .dnb-button{border-radius:50%}@media screen and (max-width:40em){.dnb-responsive-component .dnb-date-picker{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-bottom:.5rem}.dnb-responsive-component .dnb-date-picker>.dnb-form-label{margin-bottom:.5rem}.dnb-responsive-component .dnb-date-picker__helper{display:none}}.dnb-date-picker .dnb-input__submit-button .dnb-button.dnb-skeleton{visibility:hidden}.dnb-core-style .dnb-date-picker__fieldset,.dnb-date-picker__fieldset{border:none;margin:0;padding:0}@media screen and (-ms-high-contrast:none){.dnb-date-picker{-webkit-box-flex:0;-ms-flex:none;flex:none}.dnb-date-picker__day,.dnb-date-picker__labels__day{-ms-flex-preferred-size:13.48571%;flex-basis:13.48571%}.dnb-core-style .dnb-date-picker__day .dnb-button,.dnb-date-picker__day .dnb-button,.dnb-date-picker__day .dnb-button__bounding{bottom:0;left:0;margin:auto;right:0;top:0}.dnb-date-picker__day .dnb-button__text{-webkit-transform:translateX(-50%)!important;transform:translateX(-50%)!important}.dnb-date-picker__header__nav:nth-of-type(2){-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.dnb-date-picker__header__title{width:100%}.dnb-date-picker__header:after{left:0}}@-webkit-keyframes date-picker-slide-down{0%{opacity:0}to{opacity:1}}@keyframes date-picker-slide-down{0%{opacity:0}to{opacity:1}}@-webkit-keyframes date-picker-slide-up{0%{opacity:1}to{opacity:0}}@keyframes date-picker-slide-up{0%{opacity:1}to{opacity:0}}
package/es/components/dialog/Dialog.d.ts CHANGED
@@ -3,10 +3,11 @@ import DialogBody from './parts/DialogBody';
3
3
  import DialogHeader from './parts/DialogHeader';
4
4
  import DialogNavigation from './parts/DialogNavigation';
5
5
  import { DialogProps, DialogContentProps } from './types';
6
- declare function Dialog({ id, rootId, contentId, focusSelector, labelledBy, directDomReturn, hideCloseButton, closeButtonAttributes, disabled, title, dialogTitle, closeTitle, spacing, noAnimation, noAnimationOnMobile, animationDuration, fullscreen, onOpen, onClose, onClosePrevent, openModal, closeModal, preventClose, openState, openDelay, trigger, triggerAttributes, overlayClass, contentClass, top, bottom, left, right, space, ...props }: DialogProps & DialogContentProps): JSX.Element;
6
+ declare function Dialog(localProps: DialogProps & DialogContentProps): JSX.Element;
7
7
  declare namespace Dialog {
8
8
  var Body: typeof DialogBody;
9
9
  var Header: typeof DialogHeader;
10
10
  var Navigation: typeof DialogNavigation;
11
+ var Action: ({ declineText, confirmText, hideDecline, onConfirm, onDecline, children, }: import("./parts/DialogAction").DialogActionProps) => JSX.Element;
11
12
  }
12
13
  export default Dialog;
package/es/components/dialog/Dialog.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import _extends from "@babel/runtime/helpers/esm/extends";
2
2
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
3
3
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
4
- const _excluded = ["id", "rootId", "contentId", "focusSelector", "labelledBy", "directDomReturn", "hideCloseButton", "closeButtonAttributes", "disabled", "title", "dialogTitle", "closeTitle", "spacing", "noAnimation", "noAnimationOnMobile", "animationDuration", "fullscreen", "onOpen", "onClose", "onClosePrevent", "openModal", "closeModal", "preventClose", "openState", "openDelay", "trigger", "triggerAttributes", "overlayClass", "contentClass", "top", "bottom", "left", "right", "space"];
4
+ const _excluded = ["id", "rootId", "contentId", "focusSelector", "labelledBy", "directDomReturn", "closeButtonAttributes", "disabled", "variant", "title", "dialogTitle", "closeTitle", "spacing", "noAnimation", "noAnimationOnMobile", "animationDuration", "triggerAttributes", "hideCloseButton", "fullscreen", "onOpen", "onClose", "onClosePrevent", "openModal", "closeModal", "preventClose", "preventOverlayClose", "openState", "openDelay", "trigger", "omitTriggerButton", "overlayClass", "contentClass", "top", "bottom", "left", "right", "space"];
5
5
 
6
6
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
7
7
 
@@ -15,37 +15,48 @@ import DialogHeader from './parts/DialogHeader';
15
15
  import DialogNavigation from './parts/DialogNavigation';
16
16
  import classnames from 'classnames';
17
17
  import Context from '../../shared/Context';
18
- import { removeUndefinedProps } from '../../shared/component-helper';
18
+ import DialogAction from './parts/DialogAction';
19
+ import { usePropsWithContext } from '../../shared/hooks';
20
+ const defaultProps = {
21
+ variant: 'information',
22
+ spacing: true
23
+ };
19
24
 
20
- function Dialog(_ref) {
21
- let {
25
+ function Dialog(localProps) {
26
+ const context = useContext(Context);
27
+ const propsWithContext = usePropsWithContext(localProps, defaultProps, context === null || context === void 0 ? void 0 : context.Dialog);
28
+
29
+ const {
22
30
  id,
23
31
  rootId,
24
32
  contentId,
25
33
  focusSelector,
26
34
  labelledBy,
27
35
  directDomReturn,
28
- hideCloseButton,
29
36
  closeButtonAttributes,
30
37
  disabled,
38
+ variant,
31
39
  title,
32
40
  dialogTitle,
33
41
  closeTitle,
34
- spacing = true,
42
+ spacing,
35
43
  noAnimation,
36
44
  noAnimationOnMobile,
37
45
  animationDuration,
38
- fullscreen = 'auto',
46
+ triggerAttributes,
47
+ hideCloseButton,
48
+ fullscreen,
39
49
  onOpen,
40
50
  onClose,
41
51
  onClosePrevent,
42
52
  openModal,
43
53
  closeModal,
44
54
  preventClose,
55
+ preventOverlayClose,
45
56
  openState,
46
57
  openDelay,
47
58
  trigger,
48
- triggerAttributes,
59
+ omitTriggerButton = false,
49
60
  overlayClass,
50
61
  contentClass,
51
62
  top,
@@ -53,11 +64,25 @@ function Dialog(_ref) {
53
64
  left,
54
65
  right,
55
66
  space
56
- } = _ref,
57
- props = _objectWithoutProperties(_ref, _excluded);
67
+ } = propsWithContext,
68
+ props = _objectWithoutProperties(propsWithContext, _excluded);
58
69
 
59
- const context = useContext(Context);
60
- const modalProps = removeUndefinedProps({
70
+ let currentHideCloseButton = hideCloseButton;
71
+ let currentOmitTriggerButton = omitTriggerButton;
72
+ let currentFullscreen = fullscreen;
73
+ let currentPreventOverlayClose = preventOverlayClose;
74
+
75
+ if (variant === 'confirmation') {
76
+ currentHideCloseButton = hideCloseButton !== undefined ? hideCloseButton : true;
77
+ currentOmitTriggerButton = triggerAttributes !== undefined ? omitTriggerButton : true;
78
+ currentPreventOverlayClose = preventOverlayClose !== undefined ? preventOverlayClose : true;
79
+ }
80
+
81
+ if (fullscreen === undefined) {
82
+ currentFullscreen = variant === 'information' ? 'auto' : false;
83
+ }
84
+
85
+ const modalProps = {
61
86
  title,
62
87
  id,
63
88
  focusSelector,
@@ -68,13 +93,14 @@ function Dialog(_ref) {
68
93
  contentId,
69
94
  dialogTitle,
70
95
  closeTitle,
71
- hideCloseButton,
96
+ hideCloseButton: currentHideCloseButton,
72
97
  closeButtonAttributes,
73
98
  preventClose,
99
+ preventOverlayClose: currentPreventOverlayClose,
74
100
  animationDuration,
75
101
  noAnimation,
76
102
  noAnimationOnMobile,
77
- fullscreen,
103
+ fullscreen: currentFullscreen,
78
104
  openState,
79
105
  directDomReturn,
80
106
  rootId,
@@ -83,6 +109,7 @@ function Dialog(_ref) {
83
109
  onClosePrevent,
84
110
  openModal,
85
111
  closeModal,
112
+ omitTriggerButton: currentOmitTriggerButton,
86
113
  trigger,
87
114
  triggerAttributes,
88
115
  overlayClass,
@@ -91,20 +118,25 @@ function Dialog(_ref) {
91
118
  left,
92
119
  right,
93
120
  space
94
- });
95
- const dialogProps = removeUndefinedProps(_objectSpread(_objectSpread({}, props), {}, {
121
+ };
122
+
123
+ const dialogProps = _objectSpread(_objectSpread({}, props), {}, {
96
124
  noAnimation,
97
125
  noAnimationOnMobile,
98
- fullscreen,
99
- spacing
100
- }));
101
- return React.createElement(Modal, _extends({}, context.Dialog, modalProps, {
126
+ fullscreen: currentFullscreen,
127
+ spacing,
128
+ variant
129
+ });
130
+
131
+ return React.createElement(Modal, _extends({}, modalProps, {
102
132
  mode: "custom",
133
+ dialogRole: variant == 'information' ? 'dialog' : 'alertdialog',
103
134
  contentClass: classnames('dnb-dialog__root', contentClass)
104
- }), React.createElement(DialogContent, _extends({}, context.Dialog, dialogProps)));
135
+ }), React.createElement(DialogContent, dialogProps));
105
136
  }
106
137
 
107
138
  Dialog.Body = DialogBody;
108
139
  Dialog.Header = DialogHeader;
109
140
  Dialog.Navigation = DialogNavigation;
141
+ Dialog.Action = DialogAction;
110
142
  export default Dialog;
package/es/components/dialog/DialogContent.d.ts CHANGED
@@ -4,4 +4,4 @@
4
4
  */
5
5
  /// <reference types="react" />
6
6
  import { DialogContentProps } from './types';
7
- export default function DialogContent({ modalContent, navContent, headerContent, alignContent, className, class: _className, preventCoreStyle, spacing, fullscreen, noAnimation, noAnimationOnMobile, minWidth: min_width, maxWidth: max_width, ...rest }: DialogContentProps): JSX.Element;
7
+ export default function DialogContent({ modalContent, navContent, headerContent, alignContent, className, class: _className, preventCoreStyle, spacing, fullscreen, noAnimation, noAnimationOnMobile, minWidth: min_width, maxWidth: max_width, variant, confirmType, icon, description, hideDecline, onConfirm, onDecline, declineText, confirmText, ...rest }: DialogContentProps): JSX.Element;
package/es/components/dialog/DialogContent.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
3
- const _excluded = ["modalContent", "navContent", "headerContent", "alignContent", "className", "class", "preventCoreStyle", "spacing", "fullscreen", "noAnimation", "noAnimationOnMobile", "minWidth", "maxWidth"];
3
+ const _excluded = ["modalContent", "navContent", "headerContent", "alignContent", "className", "class", "preventCoreStyle", "spacing", "fullscreen", "noAnimation", "noAnimationOnMobile", "minWidth", "maxWidth", "variant", "confirmType", "icon", "description", "hideDecline", "onConfirm", "onDecline", "declineText", "confirmText"];
4
4
 
5
5
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
6
6
 
@@ -12,26 +12,37 @@ import { isTrue, findElementInChildren } from '../../shared/component-helper';
12
12
  import ScrollView from '../../fragments/scroll-view/ScrollView';
13
13
  import DialogHeader from './parts/DialogHeader';
14
14
  import DialogNavigation from './parts/DialogNavigation';
15
+ import DialogAction from './parts/DialogAction';
15
16
  import { getContent } from '../modal/helpers';
16
17
  import ModalContext from '../modal/ModalContext';
17
18
  import { checkMinMaxWidth } from '../drawer/helpers';
18
19
  import ModalHeaderBar from '../modal/parts/ModalHeaderBar';
19
20
  import ModalHeader from '../modal/parts/ModalHeader';
21
+ import IconPrimary from '../icon-primary/IconPrimary';
20
22
  export default function DialogContent(_ref) {
21
23
  let {
22
24
  modalContent = null,
23
25
  navContent = null,
24
26
  headerContent = null,
25
- alignContent = 'left',
27
+ alignContent = null,
26
28
  className = null,
27
29
  class: _className = null,
28
30
  preventCoreStyle = null,
29
31
  spacing = true,
30
- fullscreen = 'auto',
32
+ fullscreen,
31
33
  noAnimation = false,
32
34
  noAnimationOnMobile = false,
33
35
  minWidth: min_width = null,
34
- maxWidth: max_width = null
36
+ maxWidth: max_width = null,
37
+ variant = 'information',
38
+ confirmType = 'info',
39
+ icon = null,
40
+ description,
41
+ hideDecline,
42
+ onConfirm,
43
+ onDecline,
44
+ declineText,
45
+ confirmText
35
46
  } = _ref,
36
47
  rest = _objectWithoutProperties(_ref, _excluded);
37
48
 
@@ -44,8 +55,12 @@ export default function DialogContent(_ref) {
44
55
  close: context === null || context === void 0 ? void 0 : context.close
45
56
  })) : rest);
46
57
 
58
+ if (alignContent === null) {
59
+ alignContent = variant === 'information' ? 'left' : 'centered';
60
+ }
61
+
47
62
  const innerParams = _objectSpread({
48
- className: classnames('dnb-dialog', isTrue(fullscreen) ? `dnb-dialog--fullscreen` : fullscreen === 'auto' && `dnb-dialog--auto-fullscreen`, className, _className, !isTrue(preventCoreStyle) && 'dnb-core-style', isTrue(spacing) && 'dnb-dialog--spacing', alignContent && `dnb-dialog__align--${alignContent}`, isTrue(context === null || context === void 0 ? void 0 : context.hide) && `dnb-dialog--hide`, isTrue(noAnimation) && `dnb-dialog--no-animation`, isTrue(noAnimationOnMobile) && `dnb-dialog--no-animation-on-mobile`),
63
+ className: classnames('dnb-dialog', isTrue(fullscreen) ? `dnb-dialog--fullscreen` : fullscreen === 'auto' && `dnb-dialog--auto-fullscreen`, className, _className, !isTrue(preventCoreStyle) && 'dnb-core-style', variant && `dnb-dialog--${variant}`, isTrue(spacing) && 'dnb-dialog--spacing', alignContent && `dnb-dialog__align--${alignContent}`, isTrue(context === null || context === void 0 ? void 0 : context.hide) && `dnb-dialog--hide`, isTrue(noAnimation) && `dnb-dialog--no-animation`, isTrue(noAnimationOnMobile) && `dnb-dialog--no-animation-on-mobile`),
49
64
  style: (minWidth || maxWidth) && {
50
65
  minWidth,
51
66
  maxWidth
@@ -57,14 +72,31 @@ export default function DialogContent(_ref) {
57
72
 
58
73
  const navExists = findElementInChildren(content, cur => cur.type === DialogNavigation || cur.type === ModalHeaderBar);
59
74
  const headerExists = findElementInChildren(content, cur => cur.type === DialogHeader || cur.type === ModalHeader);
75
+ const actionExists = findElementInChildren(content, cur => cur.type === DialogAction);
76
+ const dialogActionProps = {
77
+ onConfirm,
78
+ onDecline,
79
+ declineText,
80
+ confirmText,
81
+ hideDecline
82
+ };
60
83
  return React.createElement(ScrollView, innerParams, React.createElement("div", {
61
84
  tabIndex: -1,
62
85
  className: "dnb-dialog__inner dnb-no-focus",
63
86
  ref: context === null || context === void 0 ? void 0 : context.contentRef
64
- }, !navExists && React.createElement(DialogNavigation, null, navContent), !headerExists && React.createElement(DialogHeader, {
65
- title: context === null || context === void 0 ? void 0 : context.title
87
+ }, !navExists && React.createElement(DialogNavigation, null, navContent), icon && React.createElement("div", {
88
+ className: "dnb-dialog__icon"
89
+ }, React.createElement(IconPrimary, {
90
+ border: true,
91
+ key: "dialog-icon",
92
+ icon: icon,
93
+ "aria-hidden": true,
94
+ className: classnames('dnb-dialog__icon__primary', 'dnb-dialog__icon--' + confirmType)
95
+ })), !headerExists && React.createElement(DialogHeader, {
96
+ title: context === null || context === void 0 ? void 0 : context.title,
97
+ size: variant === 'information' ? 'x-large' : 'large'
66
98
  }, headerContent), React.createElement("div", {
67
99
  id: (context === null || context === void 0 ? void 0 : context.contentId) + '-content',
68
100
  className: "dnb-dialog__content"
69
- }, content)));
101
+ }, description, content), variant === 'confirmation' && !actionExists && React.createElement(DialogAction, dialogActionProps)));
70
102
  }
package/es/components/dialog/parts/DialogAction.d.ts ADDED
@@ -0,0 +1,34 @@
1
+ import React from 'react';
2
+ declare type extendedMouseEvent = {
3
+ event: React.MouseEvent<HTMLElement>;
4
+ close: () => void;
5
+ };
6
+ interface DialogActionProps {
7
+ /**
8
+ * For dialog actions, give a custom text for the decline button.
9
+ */
10
+ declineText?: string;
11
+ /**
12
+ * For dialog actions, give a custom text for the confirm button.
13
+ */
14
+ confirmText?: string;
15
+ /**
16
+ * For variant confirmation, handle the confirm action click.
17
+ */
18
+ onConfirm?: (event: extendedMouseEvent) => void;
19
+ /**
20
+ * For variant confirmation, handle the decline action click.
21
+ */
22
+ onDecline?: (event: extendedMouseEvent) => void;
23
+ /**
24
+ * For variant confirmation, hide the default decline button and only show the confirm button.
25
+ */
26
+ hideDecline?: boolean;
27
+ /**
28
+ * Pass in custom confirm/decline buttons for action handling. Every child of type Button will be provided with a `close` function attribute.
29
+ */
30
+ children?: React.ReactElement | Array<React.ReactElement>;
31
+ }
32
+ declare const DialogAction: ({ declineText, confirmText, hideDecline, onConfirm, onDecline, children, }: DialogActionProps) => JSX.Element;
33
+ export default DialogAction;
34
+ export type { DialogActionProps };
package/es/components/dialog/parts/DialogAction.js ADDED
@@ -0,0 +1,82 @@
1
+ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
2
+
3
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
4
+
5
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
6
+
7
+ import React, { useContext } from 'react';
8
+ import Button from '../../button/Button';
9
+ import { Context } from '../../../shared';
10
+ import ModalContext from '../../modal/ModalContext';
11
+ import { dispatchCustomElementEvent } from '../../../shared/component-helper';
12
+
13
+ const fallbackCloseAction = ({
14
+ close
15
+ }) => close();
16
+
17
+ const DialogAction = ({
18
+ declineText = null,
19
+ confirmText = null,
20
+ hideDecline = false,
21
+ onConfirm = fallbackCloseAction,
22
+ onDecline = fallbackCloseAction,
23
+ children
24
+ }) => {
25
+ var _translation$Dialog, _translation$Dialog2;
26
+
27
+ const {
28
+ translation,
29
+ Button: ButtonContext
30
+ } = useContext(Context);
31
+ const {
32
+ close
33
+ } = useContext(ModalContext);
34
+ let childrenWithCloseFunc;
35
+
36
+ if (children) {
37
+ childrenWithCloseFunc = React.Children.map(children, child => {
38
+ if (child.type === Button) {
39
+ return React.cloneElement(child, _objectSpread(_objectSpread({}, child.props), {}, {
40
+ on_click: event => {
41
+ dispatchCustomElementEvent(child.props, 'on_click', {
42
+ event,
43
+ close
44
+ });
45
+ }
46
+ }), child.props.children);
47
+ } else {
48
+ return child;
49
+ }
50
+ });
51
+ }
52
+
53
+ return React.createElement("div", {
54
+ className: "dnb-dialog__actions"
55
+ }, childrenWithCloseFunc, !children && !hideDecline && React.createElement(Button, {
56
+ text: declineText || (translation === null || translation === void 0 ? void 0 : (_translation$Dialog = translation.Dialog) === null || _translation$Dialog === void 0 ? void 0 : _translation$Dialog.declineText),
57
+ variant: "secondary",
58
+ onClick: event => {
59
+ dispatchCustomElementEvent({
60
+ onDecline
61
+ }, 'onDecline', {
62
+ event,
63
+ close
64
+ });
65
+ },
66
+ size: (ButtonContext === null || ButtonContext === void 0 ? void 0 : ButtonContext.size) || 'large'
67
+ }), !children && React.createElement(Button, {
68
+ text: confirmText || (translation === null || translation === void 0 ? void 0 : (_translation$Dialog2 = translation.Dialog) === null || _translation$Dialog2 === void 0 ? void 0 : _translation$Dialog2.confirmText),
69
+ variant: "primary",
70
+ onClick: event => {
71
+ dispatchCustomElementEvent({
72
+ onConfirm
73
+ }, 'onConfirm', {
74
+ event,
75
+ close
76
+ });
77
+ },
78
+ size: (ButtonContext === null || ButtonContext === void 0 ? void 0 : ButtonContext.size) || 'large'
79
+ }));
80
+ };
81
+
82
+ export default DialogAction;