@dnb/eufemia 9.16.2 → 9.17.2

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 (515) hide show
  1. package/CHANGELOG.md +46 -0
  2. package/assets/assets/icons/above_the_line.svg +1 -1
  3. package/assets/assets/icons/eufemia-icons-pdf-categorized.tgz +0 -0
  4. package/assets/assets/icons/eufemia-icons-pdf.tgz +0 -0
  5. package/assets/assets/icons/facebook.svg +3 -0
  6. package/assets/assets/icons/facebook_medium.svg +3 -0
  7. package/assets/assets/icons/fridge.svg +1 -1
  8. package/assets/assets/icons/information_circled.svg +2 -1
  9. package/assets/assets/icons/information_circled_medium.svg +2 -1
  10. package/assets/assets/icons/instagram.svg +5 -0
  11. package/assets/assets/icons/instagram_medium.svg +12 -0
  12. package/assets/assets/icons/linkedin.svg +3 -0
  13. package/assets/assets/icons/linkedin_medium.svg +3 -0
  14. package/assets/assets/icons/motorcycle_medium.svg +2 -2
  15. package/assets/assets/icons/paragraph.svg +1 -1
  16. package/assets/assets/icons/scooter_medium.svg +2 -2
  17. package/assets/assets/icons/tag.svg +4 -0
  18. package/assets/assets/icons/tag_medium.svg +4 -0
  19. package/assets/icons/above_the_line.svg +1 -1
  20. package/assets/icons/eufemia-icons-pdf-categorized.tgz +0 -0
  21. package/assets/icons/eufemia-icons-pdf.tgz +0 -0
  22. package/assets/icons/facebook.svg +3 -0
  23. package/assets/icons/facebook_medium.svg +3 -0
  24. package/assets/icons/fridge.svg +1 -1
  25. package/assets/icons/information_circled.svg +2 -1
  26. package/assets/icons/information_circled_medium.svg +2 -1
  27. package/assets/icons/instagram.svg +5 -0
  28. package/assets/icons/instagram_medium.svg +12 -0
  29. package/assets/icons/linkedin.svg +3 -0
  30. package/assets/icons/linkedin_medium.svg +3 -0
  31. package/assets/icons/motorcycle_medium.svg +2 -2
  32. package/assets/icons/paragraph.svg +1 -1
  33. package/assets/icons/scooter_medium.svg +2 -2
  34. package/assets/icons/tag.svg +4 -0
  35. package/assets/icons/tag_medium.svg +4 -0
  36. package/cjs/components/accordion/Accordion.d.ts +1 -1
  37. package/cjs/components/autocomplete/style/dnb-autocomplete.css +0 -2
  38. package/cjs/components/autocomplete/style/dnb-autocomplete.min.css +1 -1
  39. package/cjs/components/breadcrumb/Breadcrumb.js +5 -3
  40. package/cjs/components/breadcrumb/style/_breadcrumb.scss +7 -4
  41. package/cjs/components/breadcrumb/style/dnb-breadcrumb.css +10 -8
  42. package/cjs/components/breadcrumb/style/dnb-breadcrumb.min.css +1 -1
  43. package/cjs/components/button/Button.js +1 -1
  44. package/cjs/components/button/style/_button.scss +0 -4
  45. package/cjs/components/button/style/dnb-button.css +0 -2
  46. package/cjs/components/button/style/dnb-button.min.css +1 -1
  47. package/cjs/components/button/style/themes/dnb-button-theme-open-banking.css +4 -13
  48. package/cjs/components/button/style/themes/dnb-button-theme-open-banking.min.css +1 -1
  49. package/cjs/components/button/style/themes/dnb-button-theme-ui.css +4 -13
  50. package/cjs/components/button/style/themes/dnb-button-theme-ui.min.css +1 -1
  51. package/cjs/components/button/style/themes/dnb-button-theme-ui.scss +5 -18
  52. package/cjs/components/date-picker/style/dnb-date-picker.css +0 -6
  53. package/cjs/components/date-picker/style/dnb-date-picker.min.css +1 -1
  54. package/cjs/components/dropdown/style/dnb-dropdown.css +0 -2
  55. package/cjs/components/dropdown/style/dnb-dropdown.min.css +1 -1
  56. package/cjs/components/form-set/FormSet.d.ts +1 -1
  57. package/cjs/components/global-error/style/dnb-global-error.css +0 -2
  58. package/cjs/components/global-error/style/dnb-global-error.min.css +1 -1
  59. package/cjs/components/global-status/GlobalStatus.js +21 -73
  60. package/cjs/components/global-status/style/_global-status.scss +14 -12
  61. package/cjs/components/global-status/style/dnb-global-status.css +13 -17
  62. package/cjs/components/global-status/style/dnb-global-status.min.css +1 -1
  63. package/cjs/components/global-status/style/themes/dnb-global-status-theme-ui.css +2 -48
  64. package/cjs/components/global-status/style/themes/dnb-global-status-theme-ui.min.css +1 -1
  65. package/cjs/components/global-status/style/themes/dnb-global-status-theme-ui.scss +2 -36
  66. package/cjs/components/help-button/HelpButton.d.ts +200 -0
  67. package/cjs/components/input/style/dnb-input.css +0 -2
  68. package/cjs/components/input/style/dnb-input.min.css +1 -1
  69. package/cjs/components/input/style/themes/dnb-input-theme-ui.css +11 -2
  70. package/cjs/components/input/style/themes/dnb-input-theme-ui.min.css +1 -1
  71. package/cjs/components/input/style/themes/dnb-input-theme-ui.scss +4 -1
  72. package/cjs/components/input-masked/InputMaskedElement.js +1 -4
  73. package/cjs/components/input-masked/InputMaskedHooks.js +42 -19
  74. package/cjs/components/input-masked/InputMaskedUtils.js +8 -2
  75. package/cjs/components/input-masked/style/dnb-input-masked.css +0 -2
  76. package/cjs/components/input-masked/style/dnb-input-masked.min.css +1 -1
  77. package/cjs/components/modal/Modal.d.ts +4 -0
  78. package/cjs/components/modal/Modal.js +37 -31
  79. package/cjs/components/modal/ModalContent.js +48 -39
  80. package/cjs/components/modal/style/_modal-mixins.scss +4 -4
  81. package/cjs/components/modal/style/_modal.scss +13 -30
  82. package/cjs/components/modal/style/dnb-modal.css +27 -47
  83. package/cjs/components/modal/style/dnb-modal.min.css +1 -1
  84. package/cjs/components/pagination/Pagination.d.ts +6 -0
  85. package/cjs/components/pagination/Pagination.js +2 -0
  86. package/cjs/components/pagination/PaginationBar.js +1 -1
  87. package/cjs/components/pagination/PaginationInfinity.js +152 -89
  88. package/cjs/components/pagination/PaginationProvider.js +65 -68
  89. package/cjs/components/pagination/style/dnb-pagination.css +0 -2
  90. package/cjs/components/pagination/style/dnb-pagination.min.css +1 -1
  91. package/cjs/components/section/style/themes/dnb-section-theme-ui.css +77 -19
  92. package/cjs/components/section/style/themes/dnb-section-theme-ui.min.css +1 -1
  93. package/cjs/components/section/style/themes/dnb-section-theme-ui.scss +15 -2
  94. package/cjs/components/slider/style/dnb-slider.css +0 -2
  95. package/cjs/components/slider/style/dnb-slider.min.css +1 -1
  96. package/cjs/components/step-indicator/StepIndicator.d.ts +1 -1
  97. package/cjs/components/step-indicator/StepIndicator.js +4 -98
  98. package/cjs/components/step-indicator/StepIndicatorContext.d.ts +1 -0
  99. package/cjs/components/step-indicator/StepIndicatorContext.js +221 -19
  100. package/cjs/components/step-indicator/StepIndicatorItem.js +3 -6
  101. package/cjs/components/step-indicator/StepIndicatorModal.js +40 -49
  102. package/cjs/components/step-indicator/StepIndicatorProps.js +1 -1
  103. package/cjs/components/step-indicator/StepIndicatorSidebar.d.ts +39 -0
  104. package/cjs/components/step-indicator/StepIndicatorSidebar.js +57 -54
  105. package/cjs/components/step-indicator/StepIndicatorTriggerButton.js +1 -1
  106. package/cjs/components/step-indicator/style/_step-indicator.scss +17 -4
  107. package/cjs/components/step-indicator/style/dnb-step-indicator.css +14 -6
  108. package/cjs/components/step-indicator/style/dnb-step-indicator.min.css +1 -1
  109. package/cjs/components/tabs/style/_tabs.scss +5 -1
  110. package/cjs/components/tabs/style/dnb-tabs.css +4 -1
  111. package/cjs/components/tabs/style/dnb-tabs.min.css +1 -1
  112. package/cjs/components/tabs/style/themes/dnb-tabs-theme-ui.css +37 -34
  113. package/cjs/components/tabs/style/themes/dnb-tabs-theme-ui.min.css +1 -1
  114. package/cjs/components/tabs/style/themes/dnb-tabs-theme-ui.scss +12 -9
  115. package/cjs/components/textarea/style/_textarea.scss +4 -0
  116. package/cjs/components/textarea/style/dnb-textarea.css +3 -0
  117. package/cjs/components/textarea/style/dnb-textarea.min.css +1 -1
  118. package/cjs/components/toggle-button/ToggleButton.js +6 -2
  119. package/cjs/components/toggle-button/style/dnb-toggle-button.css +0 -2
  120. package/cjs/components/toggle-button/style/dnb-toggle-button.min.css +1 -1
  121. package/cjs/icons/above_the_line.js +1 -1
  122. package/cjs/icons/facebook.js +35 -0
  123. package/cjs/icons/facebook_medium.js +35 -0
  124. package/cjs/icons/fridge.js +1 -1
  125. package/cjs/icons/icons-meta.json +24 -0
  126. package/cjs/icons/icons-pdf.lock +1 -1
  127. package/cjs/icons/icons-svg.lock +1 -1
  128. package/cjs/icons/index.d.ts +16 -0
  129. package/cjs/icons/index.js +64 -0
  130. package/cjs/icons/information_circled.js +11 -4
  131. package/cjs/icons/information_circled_medium.js +10 -4
  132. package/cjs/icons/instagram.js +47 -0
  133. package/cjs/icons/instagram_medium.js +54 -0
  134. package/cjs/icons/linkedin.js +32 -0
  135. package/cjs/icons/linkedin_medium.js +32 -0
  136. package/cjs/icons/motorcycle_medium.js +2 -2
  137. package/cjs/icons/paragraph.js +1 -1
  138. package/cjs/icons/scooter_medium.js +2 -2
  139. package/cjs/icons/secondary_icons.js +32 -0
  140. package/cjs/icons/secondary_icons_medium.js +32 -0
  141. package/cjs/icons/tag.js +41 -0
  142. package/cjs/icons/tag_medium.js +41 -0
  143. package/cjs/shared/EventEmitter.js +6 -8
  144. package/cjs/shared/component-helper.js +108 -74
  145. package/cjs/shared/helpers.js +55 -19
  146. package/cjs/style/dnb-ui-components.css +71 -77
  147. package/cjs/style/dnb-ui-components.min.css +5 -5
  148. package/cjs/style/themes/theme-open-banking/dnb-theme-open-banking.css +135 -129
  149. package/cjs/style/themes/theme-open-banking/dnb-theme-open-banking.min.css +4 -4
  150. package/cjs/style/themes/theme-ui/dnb-theme-ui.css +131 -116
  151. package/cjs/style/themes/theme-ui/dnb-theme-ui.min.css +4 -4
  152. package/components/accordion/Accordion.d.ts +1 -1
  153. package/components/autocomplete/style/dnb-autocomplete.css +0 -2
  154. package/components/autocomplete/style/dnb-autocomplete.min.css +1 -1
  155. package/components/breadcrumb/Breadcrumb.js +5 -3
  156. package/components/breadcrumb/Breadcrumb.tsx +9 -0
  157. package/components/breadcrumb/style/_breadcrumb.scss +7 -4
  158. package/components/breadcrumb/style/dnb-breadcrumb.css +10 -8
  159. package/components/breadcrumb/style/dnb-breadcrumb.min.css +1 -1
  160. package/components/button/Button.js +1 -1
  161. package/components/button/style/_button.scss +0 -4
  162. package/components/button/style/dnb-button.css +0 -2
  163. package/components/button/style/dnb-button.min.css +1 -1
  164. package/components/button/style/themes/dnb-button-theme-open-banking.css +4 -13
  165. package/components/button/style/themes/dnb-button-theme-open-banking.min.css +1 -1
  166. package/components/button/style/themes/dnb-button-theme-ui.css +4 -13
  167. package/components/button/style/themes/dnb-button-theme-ui.min.css +1 -1
  168. package/components/button/style/themes/dnb-button-theme-ui.scss +5 -18
  169. package/components/date-picker/style/dnb-date-picker.css +0 -6
  170. package/components/date-picker/style/dnb-date-picker.min.css +1 -1
  171. package/components/dropdown/style/dnb-dropdown.css +0 -2
  172. package/components/dropdown/style/dnb-dropdown.min.css +1 -1
  173. package/components/form-set/FormSet.d.ts +1 -1
  174. package/components/global-error/style/dnb-global-error.css +0 -2
  175. package/components/global-error/style/dnb-global-error.min.css +1 -1
  176. package/components/global-status/GlobalStatus.js +18 -71
  177. package/components/global-status/style/_global-status.scss +14 -12
  178. package/components/global-status/style/dnb-global-status.css +13 -17
  179. package/components/global-status/style/dnb-global-status.min.css +1 -1
  180. package/components/global-status/style/themes/dnb-global-status-theme-ui.css +2 -48
  181. package/components/global-status/style/themes/dnb-global-status-theme-ui.min.css +1 -1
  182. package/components/global-status/style/themes/dnb-global-status-theme-ui.scss +2 -36
  183. package/components/help-button/HelpButton.d.ts +200 -0
  184. package/components/input/style/dnb-input.css +0 -2
  185. package/components/input/style/dnb-input.min.css +1 -1
  186. package/components/input/style/themes/dnb-input-theme-ui.css +11 -2
  187. package/components/input/style/themes/dnb-input-theme-ui.min.css +1 -1
  188. package/components/input/style/themes/dnb-input-theme-ui.scss +4 -1
  189. package/components/input-masked/InputMaskedElement.js +1 -4
  190. package/components/input-masked/InputMaskedHooks.js +42 -19
  191. package/components/input-masked/InputMaskedUtils.js +9 -3
  192. package/components/input-masked/style/dnb-input-masked.css +0 -2
  193. package/components/input-masked/style/dnb-input-masked.min.css +1 -1
  194. package/components/modal/Modal.d.ts +4 -0
  195. package/components/modal/Modal.js +37 -31
  196. package/components/modal/ModalContent.js +46 -37
  197. package/components/modal/style/_modal-mixins.scss +4 -4
  198. package/components/modal/style/_modal.scss +13 -30
  199. package/components/modal/style/dnb-modal.css +27 -47
  200. package/components/modal/style/dnb-modal.min.css +1 -1
  201. package/components/pagination/Pagination.d.ts +6 -0
  202. package/components/pagination/Pagination.js +2 -0
  203. package/components/pagination/PaginationBar.js +1 -1
  204. package/components/pagination/PaginationInfinity.js +137 -67
  205. package/components/pagination/PaginationProvider.js +64 -68
  206. package/components/pagination/style/dnb-pagination.css +0 -2
  207. package/components/pagination/style/dnb-pagination.min.css +1 -1
  208. package/components/section/style/themes/dnb-section-theme-ui.css +77 -19
  209. package/components/section/style/themes/dnb-section-theme-ui.min.css +1 -1
  210. package/components/section/style/themes/dnb-section-theme-ui.scss +15 -2
  211. package/components/slider/style/dnb-slider.css +0 -2
  212. package/components/slider/style/dnb-slider.min.css +1 -1
  213. package/components/step-indicator/StepIndicator.d.ts +1 -1
  214. package/components/step-indicator/StepIndicator.js +4 -91
  215. package/components/step-indicator/StepIndicatorContext.d.ts +1 -0
  216. package/components/step-indicator/StepIndicatorContext.js +196 -18
  217. package/components/step-indicator/StepIndicatorItem.js +2 -5
  218. package/components/step-indicator/StepIndicatorModal.js +33 -32
  219. package/components/step-indicator/StepIndicatorProps.js +1 -1
  220. package/components/step-indicator/StepIndicatorSidebar.d.ts +39 -0
  221. package/components/step-indicator/StepIndicatorSidebar.js +54 -52
  222. package/components/step-indicator/StepIndicatorTriggerButton.js +1 -1
  223. package/components/step-indicator/style/_step-indicator.scss +17 -4
  224. package/components/step-indicator/style/dnb-step-indicator.css +14 -6
  225. package/components/step-indicator/style/dnb-step-indicator.min.css +1 -1
  226. package/components/tabs/style/_tabs.scss +5 -1
  227. package/components/tabs/style/dnb-tabs.css +4 -1
  228. package/components/tabs/style/dnb-tabs.min.css +1 -1
  229. package/components/tabs/style/themes/dnb-tabs-theme-ui.css +37 -34
  230. package/components/tabs/style/themes/dnb-tabs-theme-ui.min.css +1 -1
  231. package/components/tabs/style/themes/dnb-tabs-theme-ui.scss +12 -9
  232. package/components/textarea/style/_textarea.scss +4 -0
  233. package/components/textarea/style/dnb-textarea.css +3 -0
  234. package/components/textarea/style/dnb-textarea.min.css +1 -1
  235. package/components/toggle-button/ToggleButton.js +6 -2
  236. package/components/toggle-button/style/dnb-toggle-button.css +0 -2
  237. package/components/toggle-button/style/dnb-toggle-button.min.css +1 -1
  238. package/es/components/accordion/Accordion.d.ts +1 -1
  239. package/es/components/autocomplete/style/dnb-autocomplete.css +0 -2
  240. package/es/components/autocomplete/style/dnb-autocomplete.min.css +1 -1
  241. package/es/components/breadcrumb/Breadcrumb.js +5 -3
  242. package/es/components/breadcrumb/Breadcrumb.tsx +9 -0
  243. package/es/components/breadcrumb/style/_breadcrumb.scss +7 -4
  244. package/es/components/breadcrumb/style/dnb-breadcrumb.css +10 -8
  245. package/es/components/breadcrumb/style/dnb-breadcrumb.min.css +1 -1
  246. package/es/components/button/Button.js +2 -1
  247. package/es/components/button/style/_button.scss +0 -4
  248. package/es/components/button/style/dnb-button.css +0 -2
  249. package/es/components/button/style/dnb-button.min.css +1 -1
  250. package/es/components/button/style/themes/dnb-button-theme-open-banking.css +4 -13
  251. package/es/components/button/style/themes/dnb-button-theme-open-banking.min.css +1 -1
  252. package/es/components/button/style/themes/dnb-button-theme-ui.css +4 -13
  253. package/es/components/button/style/themes/dnb-button-theme-ui.min.css +1 -1
  254. package/es/components/button/style/themes/dnb-button-theme-ui.scss +5 -18
  255. package/es/components/date-picker/style/dnb-date-picker.css +0 -6
  256. package/es/components/date-picker/style/dnb-date-picker.min.css +1 -1
  257. package/es/components/dropdown/style/dnb-dropdown.css +0 -2
  258. package/es/components/dropdown/style/dnb-dropdown.min.css +1 -1
  259. package/es/components/form-set/FormSet.d.ts +1 -1
  260. package/es/components/global-error/style/dnb-global-error.css +0 -2
  261. package/es/components/global-error/style/dnb-global-error.min.css +1 -1
  262. package/es/components/global-status/GlobalStatus.js +18 -67
  263. package/es/components/global-status/style/_global-status.scss +14 -12
  264. package/es/components/global-status/style/dnb-global-status.css +13 -17
  265. package/es/components/global-status/style/dnb-global-status.min.css +1 -1
  266. package/es/components/global-status/style/themes/dnb-global-status-theme-ui.css +2 -48
  267. package/es/components/global-status/style/themes/dnb-global-status-theme-ui.min.css +1 -1
  268. package/es/components/global-status/style/themes/dnb-global-status-theme-ui.scss +2 -36
  269. package/es/components/help-button/HelpButton.d.ts +200 -0
  270. package/es/components/input/style/dnb-input.css +0 -2
  271. package/es/components/input/style/dnb-input.min.css +1 -1
  272. package/es/components/input/style/themes/dnb-input-theme-ui.css +11 -2
  273. package/es/components/input/style/themes/dnb-input-theme-ui.min.css +1 -1
  274. package/es/components/input/style/themes/dnb-input-theme-ui.scss +4 -1
  275. package/es/components/input-masked/InputMaskedElement.js +1 -4
  276. package/es/components/input-masked/InputMaskedHooks.js +36 -15
  277. package/es/components/input-masked/InputMaskedUtils.js +9 -3
  278. package/es/components/input-masked/style/dnb-input-masked.css +0 -2
  279. package/es/components/input-masked/style/dnb-input-masked.min.css +1 -1
  280. package/es/components/modal/Modal.d.ts +4 -0
  281. package/es/components/modal/Modal.js +33 -27
  282. package/es/components/modal/ModalContent.js +39 -28
  283. package/es/components/modal/style/_modal-mixins.scss +4 -4
  284. package/es/components/modal/style/_modal.scss +13 -30
  285. package/es/components/modal/style/dnb-modal.css +27 -47
  286. package/es/components/modal/style/dnb-modal.min.css +1 -1
  287. package/es/components/pagination/Pagination.d.ts +6 -0
  288. package/es/components/pagination/Pagination.js +2 -0
  289. package/es/components/pagination/PaginationBar.js +1 -1
  290. package/es/components/pagination/PaginationInfinity.js +110 -37
  291. package/es/components/pagination/PaginationProvider.js +57 -61
  292. package/es/components/pagination/style/dnb-pagination.css +0 -2
  293. package/es/components/pagination/style/dnb-pagination.min.css +1 -1
  294. package/es/components/section/style/themes/dnb-section-theme-ui.css +77 -19
  295. package/es/components/section/style/themes/dnb-section-theme-ui.min.css +1 -1
  296. package/es/components/section/style/themes/dnb-section-theme-ui.scss +15 -2
  297. package/es/components/slider/style/dnb-slider.css +0 -2
  298. package/es/components/slider/style/dnb-slider.min.css +1 -1
  299. package/es/components/step-indicator/StepIndicator.d.ts +1 -1
  300. package/es/components/step-indicator/StepIndicator.js +3 -79
  301. package/es/components/step-indicator/StepIndicatorContext.d.ts +1 -0
  302. package/es/components/step-indicator/StepIndicatorContext.js +165 -17
  303. package/es/components/step-indicator/StepIndicatorItem.js +1 -5
  304. package/es/components/step-indicator/StepIndicatorModal.js +31 -34
  305. package/es/components/step-indicator/StepIndicatorProps.js +1 -1
  306. package/es/components/step-indicator/StepIndicatorSidebar.d.ts +39 -0
  307. package/es/components/step-indicator/StepIndicatorSidebar.js +44 -46
  308. package/es/components/step-indicator/StepIndicatorTriggerButton.js +1 -1
  309. package/es/components/step-indicator/style/_step-indicator.scss +17 -4
  310. package/es/components/step-indicator/style/dnb-step-indicator.css +14 -6
  311. package/es/components/step-indicator/style/dnb-step-indicator.min.css +1 -1
  312. package/es/components/tabs/style/_tabs.scss +5 -1
  313. package/es/components/tabs/style/dnb-tabs.css +4 -1
  314. package/es/components/tabs/style/dnb-tabs.min.css +1 -1
  315. package/es/components/tabs/style/themes/dnb-tabs-theme-ui.css +37 -34
  316. package/es/components/tabs/style/themes/dnb-tabs-theme-ui.min.css +1 -1
  317. package/es/components/tabs/style/themes/dnb-tabs-theme-ui.scss +12 -9
  318. package/es/components/textarea/style/_textarea.scss +4 -0
  319. package/es/components/textarea/style/dnb-textarea.css +3 -0
  320. package/es/components/textarea/style/dnb-textarea.min.css +1 -1
  321. package/es/components/toggle-button/ToggleButton.js +6 -2
  322. package/es/components/toggle-button/style/dnb-toggle-button.css +0 -2
  323. package/es/components/toggle-button/style/dnb-toggle-button.min.css +1 -1
  324. package/es/icons/above_the_line.js +1 -1
  325. package/es/icons/facebook.js +23 -0
  326. package/es/icons/facebook_medium.js +23 -0
  327. package/es/icons/fridge.js +1 -1
  328. package/es/icons/icons-meta.json +24 -0
  329. package/es/icons/icons-pdf.lock +1 -1
  330. package/es/icons/icons-svg.lock +1 -1
  331. package/es/icons/index.d.ts +16 -0
  332. package/es/icons/index.js +9 -1
  333. package/es/icons/information_circled.js +11 -4
  334. package/es/icons/information_circled_medium.js +10 -4
  335. package/es/icons/instagram.js +35 -0
  336. package/es/icons/instagram_medium.js +42 -0
  337. package/es/icons/linkedin.js +20 -0
  338. package/es/icons/linkedin_medium.js +20 -0
  339. package/es/icons/motorcycle_medium.js +2 -2
  340. package/es/icons/paragraph.js +1 -1
  341. package/es/icons/scooter_medium.js +2 -2
  342. package/es/icons/secondary_icons.js +5 -1
  343. package/es/icons/secondary_icons_medium.js +5 -1
  344. package/es/icons/tag.js +29 -0
  345. package/es/icons/tag_medium.js +29 -0
  346. package/es/shared/EventEmitter.js +5 -8
  347. package/es/shared/component-helper.js +58 -49
  348. package/es/shared/helpers.js +28 -12
  349. package/es/style/dnb-ui-components.css +71 -77
  350. package/es/style/dnb-ui-components.min.css +5 -5
  351. package/es/style/themes/theme-open-banking/dnb-theme-open-banking.css +135 -129
  352. package/es/style/themes/theme-open-banking/dnb-theme-open-banking.min.css +4 -4
  353. package/es/style/themes/theme-ui/dnb-theme-ui.css +131 -116
  354. package/es/style/themes/theme-ui/dnb-theme-ui.min.css +4 -4
  355. package/esm/components/accordion/Accordion.d.ts +1 -1
  356. package/esm/components/autocomplete/style/dnb-autocomplete.css +0 -2
  357. package/esm/components/autocomplete/style/dnb-autocomplete.min.css +1 -1
  358. package/esm/components/breadcrumb/Breadcrumb.js +5 -3
  359. package/esm/components/breadcrumb/Breadcrumb.tsx +9 -0
  360. package/esm/components/breadcrumb/style/_breadcrumb.scss +7 -4
  361. package/esm/components/breadcrumb/style/dnb-breadcrumb.css +10 -8
  362. package/esm/components/breadcrumb/style/dnb-breadcrumb.min.css +1 -1
  363. package/esm/components/button/Button.js +1 -1
  364. package/esm/components/button/style/_button.scss +0 -4
  365. package/esm/components/button/style/dnb-button.css +0 -2
  366. package/esm/components/button/style/dnb-button.min.css +1 -1
  367. package/esm/components/button/style/themes/dnb-button-theme-open-banking.css +4 -13
  368. package/esm/components/button/style/themes/dnb-button-theme-open-banking.min.css +1 -1
  369. package/esm/components/button/style/themes/dnb-button-theme-ui.css +4 -13
  370. package/esm/components/button/style/themes/dnb-button-theme-ui.min.css +1 -1
  371. package/esm/components/button/style/themes/dnb-button-theme-ui.scss +5 -18
  372. package/esm/components/date-picker/style/dnb-date-picker.css +0 -6
  373. package/esm/components/date-picker/style/dnb-date-picker.min.css +1 -1
  374. package/esm/components/dropdown/style/dnb-dropdown.css +0 -2
  375. package/esm/components/dropdown/style/dnb-dropdown.min.css +1 -1
  376. package/esm/components/form-set/FormSet.d.ts +1 -1
  377. package/esm/components/global-error/style/dnb-global-error.css +0 -2
  378. package/esm/components/global-error/style/dnb-global-error.min.css +1 -1
  379. package/esm/components/global-status/GlobalStatus.js +18 -71
  380. package/esm/components/global-status/style/_global-status.scss +14 -12
  381. package/esm/components/global-status/style/dnb-global-status.css +13 -17
  382. package/esm/components/global-status/style/dnb-global-status.min.css +1 -1
  383. package/esm/components/global-status/style/themes/dnb-global-status-theme-ui.css +2 -48
  384. package/esm/components/global-status/style/themes/dnb-global-status-theme-ui.min.css +1 -1
  385. package/esm/components/global-status/style/themes/dnb-global-status-theme-ui.scss +2 -36
  386. package/esm/components/help-button/HelpButton.d.ts +200 -0
  387. package/esm/components/input/style/dnb-input.css +0 -2
  388. package/esm/components/input/style/dnb-input.min.css +1 -1
  389. package/esm/components/input/style/themes/dnb-input-theme-ui.css +11 -2
  390. package/esm/components/input/style/themes/dnb-input-theme-ui.min.css +1 -1
  391. package/esm/components/input/style/themes/dnb-input-theme-ui.scss +4 -1
  392. package/esm/components/input-masked/InputMaskedElement.js +1 -4
  393. package/esm/components/input-masked/InputMaskedHooks.js +42 -19
  394. package/esm/components/input-masked/InputMaskedUtils.js +9 -3
  395. package/esm/components/input-masked/style/dnb-input-masked.css +0 -2
  396. package/esm/components/input-masked/style/dnb-input-masked.min.css +1 -1
  397. package/esm/components/modal/Modal.d.ts +4 -0
  398. package/esm/components/modal/Modal.js +37 -31
  399. package/esm/components/modal/ModalContent.js +46 -37
  400. package/esm/components/modal/style/_modal-mixins.scss +4 -4
  401. package/esm/components/modal/style/_modal.scss +13 -30
  402. package/esm/components/modal/style/dnb-modal.css +27 -47
  403. package/esm/components/modal/style/dnb-modal.min.css +1 -1
  404. package/esm/components/pagination/Pagination.d.ts +6 -0
  405. package/esm/components/pagination/Pagination.js +2 -0
  406. package/esm/components/pagination/PaginationBar.js +1 -1
  407. package/esm/components/pagination/PaginationInfinity.js +137 -67
  408. package/esm/components/pagination/PaginationProvider.js +64 -68
  409. package/esm/components/pagination/style/dnb-pagination.css +0 -2
  410. package/esm/components/pagination/style/dnb-pagination.min.css +1 -1
  411. package/esm/components/section/style/themes/dnb-section-theme-ui.css +77 -19
  412. package/esm/components/section/style/themes/dnb-section-theme-ui.min.css +1 -1
  413. package/esm/components/section/style/themes/dnb-section-theme-ui.scss +15 -2
  414. package/esm/components/slider/style/dnb-slider.css +0 -2
  415. package/esm/components/slider/style/dnb-slider.min.css +1 -1
  416. package/esm/components/step-indicator/StepIndicator.d.ts +1 -1
  417. package/esm/components/step-indicator/StepIndicator.js +4 -91
  418. package/esm/components/step-indicator/StepIndicatorContext.d.ts +1 -0
  419. package/esm/components/step-indicator/StepIndicatorContext.js +196 -18
  420. package/esm/components/step-indicator/StepIndicatorItem.js +2 -5
  421. package/esm/components/step-indicator/StepIndicatorModal.js +33 -32
  422. package/esm/components/step-indicator/StepIndicatorProps.js +1 -1
  423. package/esm/components/step-indicator/StepIndicatorSidebar.d.ts +39 -0
  424. package/esm/components/step-indicator/StepIndicatorSidebar.js +54 -52
  425. package/esm/components/step-indicator/StepIndicatorTriggerButton.js +1 -1
  426. package/esm/components/step-indicator/style/_step-indicator.scss +17 -4
  427. package/esm/components/step-indicator/style/dnb-step-indicator.css +14 -6
  428. package/esm/components/step-indicator/style/dnb-step-indicator.min.css +1 -1
  429. package/esm/components/tabs/style/_tabs.scss +5 -1
  430. package/esm/components/tabs/style/dnb-tabs.css +4 -1
  431. package/esm/components/tabs/style/dnb-tabs.min.css +1 -1
  432. package/esm/components/tabs/style/themes/dnb-tabs-theme-ui.css +37 -34
  433. package/esm/components/tabs/style/themes/dnb-tabs-theme-ui.min.css +1 -1
  434. package/esm/components/tabs/style/themes/dnb-tabs-theme-ui.scss +12 -9
  435. package/esm/components/textarea/style/_textarea.scss +4 -0
  436. package/esm/components/textarea/style/dnb-textarea.css +3 -0
  437. package/esm/components/textarea/style/dnb-textarea.min.css +1 -1
  438. package/esm/components/toggle-button/ToggleButton.js +6 -2
  439. package/esm/components/toggle-button/style/dnb-toggle-button.css +0 -2
  440. package/esm/components/toggle-button/style/dnb-toggle-button.min.css +1 -1
  441. package/esm/dnb-ui-basis.min.mjs +2 -2
  442. package/esm/dnb-ui-components.min.mjs +3 -3
  443. package/esm/dnb-ui-elements.min.mjs +4 -4
  444. package/esm/dnb-ui-extensions.min.mjs +4 -4
  445. package/esm/dnb-ui-lib.min.mjs +4 -4
  446. package/esm/dnb-ui-web-components.min.mjs +4 -4
  447. package/esm/icons/above_the_line.js +1 -1
  448. package/esm/icons/facebook.js +23 -0
  449. package/esm/icons/facebook_medium.js +23 -0
  450. package/esm/icons/fridge.js +1 -1
  451. package/esm/icons/icons-meta.json +24 -0
  452. package/esm/icons/icons-pdf.lock +1 -1
  453. package/esm/icons/icons-svg.lock +1 -1
  454. package/esm/icons/index.d.ts +16 -0
  455. package/esm/icons/index.js +9 -1
  456. package/esm/icons/information_circled.js +11 -4
  457. package/esm/icons/information_circled_medium.js +10 -4
  458. package/esm/icons/instagram.js +35 -0
  459. package/esm/icons/instagram_medium.js +42 -0
  460. package/esm/icons/linkedin.js +20 -0
  461. package/esm/icons/linkedin_medium.js +20 -0
  462. package/esm/icons/motorcycle_medium.js +2 -2
  463. package/esm/icons/paragraph.js +1 -1
  464. package/esm/icons/scooter_medium.js +2 -2
  465. package/esm/icons/secondary_icons.js +5 -1
  466. package/esm/icons/secondary_icons_medium.js +5 -1
  467. package/esm/icons/tag.js +29 -0
  468. package/esm/icons/tag_medium.js +29 -0
  469. package/esm/shared/EventEmitter.js +6 -8
  470. package/esm/shared/component-helper.js +94 -58
  471. package/esm/shared/helpers.js +36 -12
  472. package/esm/style/dnb-ui-components.css +71 -77
  473. package/esm/style/dnb-ui-components.min.css +5 -5
  474. package/esm/style/themes/theme-open-banking/dnb-theme-open-banking.css +135 -129
  475. package/esm/style/themes/theme-open-banking/dnb-theme-open-banking.min.css +4 -4
  476. package/esm/style/themes/theme-ui/dnb-theme-ui.css +131 -116
  477. package/esm/style/themes/theme-ui/dnb-theme-ui.min.css +4 -4
  478. package/icons/above_the_line.js +1 -1
  479. package/icons/facebook.js +23 -0
  480. package/icons/facebook_medium.js +23 -0
  481. package/icons/fridge.js +1 -1
  482. package/icons/icons-meta.json +24 -0
  483. package/icons/icons-pdf.lock +1 -1
  484. package/icons/icons-svg.lock +1 -1
  485. package/icons/index.d.ts +16 -0
  486. package/icons/index.js +9 -1
  487. package/icons/information_circled.js +11 -4
  488. package/icons/information_circled_medium.js +10 -4
  489. package/icons/instagram.js +35 -0
  490. package/icons/instagram_medium.js +42 -0
  491. package/icons/linkedin.js +20 -0
  492. package/icons/linkedin_medium.js +20 -0
  493. package/icons/motorcycle_medium.js +2 -2
  494. package/icons/paragraph.js +1 -1
  495. package/icons/scooter_medium.js +2 -2
  496. package/icons/secondary_icons.js +5 -1
  497. package/icons/secondary_icons_medium.js +5 -1
  498. package/icons/tag.js +29 -0
  499. package/icons/tag_medium.js +29 -0
  500. package/package.json +2 -2
  501. package/shared/EventEmitter.js +6 -8
  502. package/shared/component-helper.js +94 -58
  503. package/shared/helpers.js +36 -12
  504. package/style/dnb-ui-components.css +71 -77
  505. package/style/dnb-ui-components.min.css +5 -5
  506. package/style/themes/theme-open-banking/dnb-theme-open-banking.css +135 -129
  507. package/style/themes/theme-open-banking/dnb-theme-open-banking.min.css +4 -4
  508. package/style/themes/theme-ui/dnb-theme-ui.css +131 -116
  509. package/style/themes/theme-ui/dnb-theme-ui.min.css +4 -4
  510. package/umd/dnb-ui-basis.min.js +3 -3
  511. package/umd/dnb-ui-components.min.js +5 -5
  512. package/umd/dnb-ui-elements.min.js +5 -5
  513. package/umd/dnb-ui-extensions.min.js +5 -5
  514. package/umd/dnb-ui-lib.min.js +5 -5
  515. package/umd/dnb-ui-web-components.min.js +5 -5
@@ -0,0 +1,41 @@
1
+ "use strict";
2
+
3
+ require("core-js/modules/es.object.assign.js");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+
10
+ var _react = _interopRequireDefault(require("react"));
11
+
12
+ var _path, _path2;
13
+
14
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
+
16
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
17
+
18
+ function tag(props) {
19
+ return _react.default.createElement("svg", _extends({
20
+ width: 16,
21
+ height: 16,
22
+ viewBox: "0 0 16 16",
23
+ fill: "none",
24
+ xmlns: "http://www.w3.org/2000/svg"
25
+ }, props), _path || (_path = _react.default.createElement("path", {
26
+ d: "M1 1.96683V6.00042C1.00011 6.51321 1.20392 7.00496 1.56659 7.36751L9.0631 14.8636C9.33158 15.1323 9.80653 14.9798 9.87915 14.6168L10.6688 10.6683L14.6175 9.87868C14.99 9.80418 15.1263 9.32437 14.8644 9.06268L7.36785 1.56656C7.00528 1.2039 6.51351 1.00011 6.00068 1H1.96688C1.44025 1 1 1.44023 1 1.96683Z",
27
+ stroke: "black",
28
+ strokeWidth: 1.5,
29
+ strokeLinecap: "round",
30
+ strokeLinejoin: "round"
31
+ })), _path2 || (_path2 = _react.default.createElement("path", {
32
+ d: "M4.38407 5.35071C4.91806 5.35071 5.35094 4.91785 5.35094 4.38389C5.35094 3.84992 4.91806 3.41706 4.38407 3.41706C3.85008 3.41706 3.41719 3.84992 3.41719 4.38389C3.41719 4.91785 3.85008 5.35071 4.38407 5.35071Z",
33
+ stroke: "black",
34
+ strokeWidth: 1.5,
35
+ strokeLinecap: "round",
36
+ strokeLinejoin: "round"
37
+ })));
38
+ }
39
+
40
+ var _default = tag;
41
+ exports.default = _default;
@@ -0,0 +1,41 @@
1
+ "use strict";
2
+
3
+ require("core-js/modules/es.object.assign.js");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+
10
+ var _react = _interopRequireDefault(require("react"));
11
+
12
+ var _path, _path2;
13
+
14
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
+
16
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
17
+
18
+ function tag_medium(props) {
19
+ return _react.default.createElement("svg", _extends({
20
+ width: 24,
21
+ height: 24,
22
+ viewBox: "0 0 24 24",
23
+ fill: "none",
24
+ xmlns: "http://www.w3.org/2000/svg"
25
+ }, props), _path || (_path = _react.default.createElement("path", {
26
+ d: "M1.135 2.63379V8.89179C1.13517 9.68737 1.45135 10.4503 2.014 11.0128L13.644 22.6428C14.0605 23.0597 14.7973 22.8231 14.91 22.2598L16.135 16.1338L22.261 14.9088C22.8389 14.7932 23.0504 14.0488 22.644 13.6428L11.014 2.01279C10.4515 1.45014 9.68859 1.13396 8.893 1.13379H2.635C1.818 1.13379 1.135 1.81679 1.135 2.63379Z",
27
+ stroke: "black",
28
+ strokeWidth: 1.5,
29
+ strokeLinecap: "round",
30
+ strokeLinejoin: "round"
31
+ })), _path2 || (_path2 = _react.default.createElement("path", {
32
+ d: "M6.385 7.88379C7.21343 7.88379 7.885 7.21222 7.885 6.38379C7.885 5.55536 7.21343 4.88379 6.385 4.88379C5.55658 4.88379 4.885 5.55536 4.885 6.38379C4.885 7.21222 5.55658 7.88379 6.385 7.88379Z",
33
+ stroke: "black",
34
+ strokeWidth: 1.5,
35
+ strokeLinecap: "round",
36
+ strokeLinejoin: "round"
37
+ })));
38
+ }
39
+
40
+ var _default = tag_medium;
41
+ exports.default = _default;
@@ -109,18 +109,16 @@ var EventEmitter = function () {
109
109
  delete scope[this.id];
110
110
  }
111
111
  }
112
+ }], [{
113
+ key: "createInstance",
114
+ value: function createInstance(id) {
115
+ return new EventEmitter(id);
116
+ }
112
117
  }]);
113
118
 
114
119
  return EventEmitter;
115
120
  }();
116
121
 
117
122
  var scope = typeof window !== 'undefined' ? window : EventEmitter;
118
-
119
- function createInstance(id) {
120
- return new EventEmitter(id);
121
- }
122
-
123
- var _default = {
124
- createInstance: createInstance
125
- };
123
+ var _default = EventEmitter;
126
124
  exports.default = _default;
@@ -21,7 +21,7 @@ require("core-js/modules/es.object.get-own-property-descriptors.js");
21
21
  Object.defineProperty(exports, "__esModule", {
22
22
  value: true
23
23
  });
24
- exports.checkIfHasScrollbar = exports.PLATFORM_WIN = exports.PLATFORM_MAC = exports.PLATFORM_LINUX = exports.PLATFORM_IOS = exports.InteractionInvalidation = exports.DetectOutsideClickClass = void 0;
24
+ exports.checkIfHasScrollbar = exports.InteractionInvalidation = exports.DetectOutsideClickClass = void 0;
25
25
  exports.combineDescribedBy = combineDescribedBy;
26
26
  exports.combineLabelledBy = combineLabelledBy;
27
27
  exports.convertJsxToString = void 0;
@@ -43,7 +43,13 @@ Object.defineProperty(exports, "registerElement", {
43
43
  return _customElement.registerElement;
44
44
  }
45
45
  });
46
- exports.warn = exports.validateDOMAttributes = exports.toSnakeCase = exports.toPascalCase = exports.toKebabCase = exports.toCamelCase = exports.slugify = exports.roundToNearest = void 0;
46
+ exports.validateDOMAttributes = exports.toSnakeCase = exports.toPascalCase = exports.toKebabCase = exports.toCamelCase = exports.slugify = exports.roundToNearest = void 0;
47
+ Object.defineProperty(exports, "warn", {
48
+ enumerable: true,
49
+ get: function get() {
50
+ return _helpers.warn;
51
+ }
52
+ });
47
53
 
48
54
  require("core-js/modules/es.regexp.exec.js");
49
55
 
@@ -89,9 +95,11 @@ require("core-js/modules/es.array.from.js");
89
95
 
90
96
  require("core-js/modules/es.string.iterator.js");
91
97
 
98
+ require("core-js/modules/es.string.trim.js");
99
+
92
100
  require("core-js/modules/es.array.concat.js");
93
101
 
94
- require("core-js/modules/es.string.trim.js");
102
+ require("core-js/modules/es.string.ends-with.js");
95
103
 
96
104
  var _react = _interopRequireDefault(require("react"));
97
105
 
@@ -101,8 +109,20 @@ var _whatInput = _interopRequireDefault(require("what-input"));
101
109
 
102
110
  var _customElement = require("./custom-element");
103
111
 
112
+ var _helpers = require("./helpers");
113
+
104
114
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
105
115
 
116
+ function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
117
+
118
+ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
119
+
120
+ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
121
+
122
+ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
123
+
124
+ function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
125
+
106
126
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
107
127
 
108
128
  function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -131,15 +151,6 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
131
151
 
132
152
  function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
133
153
 
134
- var PLATFORM_MAC = 'Mac|iPad|iPhone|iPod';
135
- exports.PLATFORM_MAC = PLATFORM_MAC;
136
- var PLATFORM_WIN = 'Win';
137
- exports.PLATFORM_WIN = PLATFORM_WIN;
138
- var PLATFORM_LINUX = 'Linux';
139
- exports.PLATFORM_LINUX = PLATFORM_LINUX;
140
- var PLATFORM_IOS = 'iOS|iPhone|iPad|iPod';
141
- exports.PLATFORM_IOS = PLATFORM_IOS;
142
-
143
154
  if (typeof process !== 'undefined' && process.env.NODE_ENV === 'test' && typeof window !== 'undefined') {
144
155
  window.IS_TEST = true;
145
156
  }
@@ -170,18 +181,18 @@ function defineNavigator() {
170
181
 
171
182
  try {
172
183
  if (!(typeof window !== 'undefined' && window.IS_TEST)) {
173
- if (navigator.platform.match(new RegExp(PLATFORM_MAC)) !== null) {
184
+ if (navigator.platform.match(new RegExp(_helpers.PLATFORM_MAC)) !== null) {
174
185
  document.documentElement.setAttribute('data-os', 'mac');
175
- } else if (navigator.platform.match(new RegExp(PLATFORM_WIN)) !== null) {
186
+ } else if (navigator.platform.match(new RegExp(_helpers.PLATFORM_WIN)) !== null) {
176
187
  document.documentElement.setAttribute('data-os', 'win');
177
- } else if (navigator.platform.match(new RegExp(PLATFORM_LINUX)) !== null) {
188
+ } else if (navigator.platform.match(new RegExp(_helpers.PLATFORM_LINUX)) !== null) {
178
189
  document.documentElement.setAttribute('data-os', 'linux');
179
190
  }
180
191
  } else {
181
192
  document.documentElement.setAttribute('data-os', 'other');
182
193
  }
183
194
  } catch (e) {
184
- warn(e);
195
+ (0, _helpers.warn)(e);
185
196
  }
186
197
 
187
198
  document.removeEventListener('DOMContentLoaded', handleNavigator);
@@ -448,7 +459,7 @@ var dispatchCustomElementEvent = function dispatchCustomElementEvent(src, eventN
448
459
  }
449
460
  }
450
461
  } catch (e) {
451
- warn('Error on handling dataset:', e);
462
+ (0, _helpers.warn)('Error on handling dataset:', e);
452
463
  }
453
464
  }
454
465
  }
@@ -590,7 +601,7 @@ var DetectOutsideClickClass = function () {
590
601
  onSuccess();
591
602
  }
592
603
  } catch (e) {
593
- warn(e);
604
+ (0, _helpers.warn)(e);
594
605
  }
595
606
  });
596
607
 
@@ -759,7 +770,7 @@ var getPreviousSibling = function getPreviousSibling(className, element) {
759
770
  ;
760
771
  }
761
772
  } catch (e) {
762
- warn(e);
773
+ (0, _helpers.warn)(e);
763
774
  }
764
775
 
765
776
  return element;
@@ -817,20 +828,6 @@ var isInsideScrollView = function isInsideScrollView(currentElement) {
817
828
 
818
829
  exports.isInsideScrollView = isInsideScrollView;
819
830
 
820
- var warn = function warn() {
821
- if (typeof process !== 'undefined' && process.env.NODE_ENV !== 'production' && typeof console !== 'undefined' && typeof console.log === 'function') {
822
- var _console;
823
-
824
- for (var _len3 = arguments.length, e = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
825
- e[_key3] = arguments[_key3];
826
- }
827
-
828
- (_console = console).log.apply(_console, ['Eufemia:'].concat(e));
829
- }
830
- };
831
-
832
- exports.warn = warn;
833
-
834
831
  var convertJsxToString = function convertJsxToString(elements) {
835
832
  var separator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
836
833
 
@@ -902,7 +899,7 @@ var InteractionInvalidation = function () {
902
899
  value: function activate() {
903
900
  var targetElement = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
904
901
 
905
- if (!this.nodesToInvalidate) {
902
+ if (!this._nodesToInvalidate) {
906
903
  this._runInvalidaiton(targetElement);
907
904
  }
908
905
  }
@@ -911,7 +908,7 @@ var InteractionInvalidation = function () {
911
908
  value: function revert() {
912
909
  this._revertInvalidation();
913
910
 
914
- this.nodesToInvalidate = null;
911
+ this._nodesToInvalidate = null;
915
912
  }
916
913
  }, {
917
914
  key: "_runInvalidaiton",
@@ -920,51 +917,77 @@ var InteractionInvalidation = function () {
920
917
  return;
921
918
  }
922
919
 
923
- this.nodesToInvalidate = this.getNodesToInvalidate(targetElement);
920
+ this._nodesToInvalidate = this.getNodesToInvalidate(targetElement);
924
921
 
925
- if (Array.isArray(this.nodesToInvalidate)) {
926
- this.nodesToInvalidate.forEach(function (node) {
927
- try {
928
- if (node && typeof node._orig_tabindex === 'undefined' && node.hasAttribute('tabindex')) {
929
- node._orig_tabindex = node.getAttribute('tabindex');
930
- }
922
+ var _iterator = _createForOfIteratorHelper(this._nodesToInvalidate),
923
+ _step;
931
924
 
932
- if (node && typeof node._orig_ariahidden === 'undefined' && node.hasAttribute('aria-hidden')) {
933
- node._orig_ariahidden = node.getAttribute('aria-hidden');
934
- }
925
+ try {
926
+ for (_iterator.s(); !(_step = _iterator.n()).done;) {
927
+ var node = _step.value;
935
928
 
936
- node.setAttribute('tabindex', '-1');
937
- node.setAttribute('aria-hidden', 'true');
938
- } catch (e) {}
939
- });
929
+ if (!node) {
930
+ continue;
931
+ }
932
+
933
+ var tabindex = node.getAttribute('tabindex');
934
+ var ariahidden = node.getAttribute('aria-hidden');
935
+ var dataset = node.dataset;
936
+
937
+ if (tabindex !== null && typeof dataset._tabindex === 'undefined') {
938
+ node.dataset._tabindex = tabindex;
939
+ }
940
+
941
+ if (ariahidden !== null && typeof dataset._ariahidden === 'undefined') {
942
+ node.dataset._ariahidden = ariahidden;
943
+ }
944
+
945
+ node.setAttribute('tabindex', '-1');
946
+ node.setAttribute('aria-hidden', 'true');
947
+ }
948
+ } catch (err) {
949
+ _iterator.e(err);
950
+ } finally {
951
+ _iterator.f();
940
952
  }
941
953
  }
942
954
  }, {
943
955
  key: "_revertInvalidation",
944
956
  value: function _revertInvalidation() {
945
- if (!this.nodesToInvalidate) {
957
+ if (!Array.isArray(this._nodesToInvalidate)) {
946
958
  return;
947
959
  }
948
960
 
949
- this.nodesToInvalidate.forEach(function (node) {
950
- try {
951
- if (node && typeof node._orig_tabindex !== 'undefined') {
952
- node.setAttribute('tabindex', node._orig_tabindex);
953
- node._orig_tabindex = null;
954
- delete node._orig_tabindex;
961
+ var _iterator2 = _createForOfIteratorHelper(this._nodesToInvalidate),
962
+ _step2;
963
+
964
+ try {
965
+ for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
966
+ var node = _step2.value;
967
+
968
+ if (!node) {
969
+ continue;
970
+ }
971
+
972
+ if (typeof node.dataset._tabindex !== 'undefined') {
973
+ node.setAttribute('tabindex', node.dataset._tabindex);
974
+ node.dataset._tabindex = null;
955
975
  } else {
956
976
  node.removeAttribute('tabindex');
957
977
  }
958
978
 
959
- if (node && typeof node._orig_ariahidden !== 'undefined') {
960
- node.setAttribute('aria-hidden', node._orig_ariahidden);
961
- node._orig_ariahidden = null;
962
- delete node._orig_ariahidden;
979
+ if (typeof node.dataset._ariahidden !== 'undefined') {
980
+ node.setAttribute('aria-hidden', node.dataset._ariahidden);
981
+ node.dataset._ariahidden = null;
963
982
  } else {
964
983
  node.removeAttribute('aria-hidden');
965
984
  }
966
- } catch (e) {}
967
- });
985
+ }
986
+ } catch (err) {
987
+ _iterator2.e(err);
988
+ } finally {
989
+ _iterator2.f();
990
+ }
968
991
  }
969
992
  }, {
970
993
  key: "getNodesToInvalidate",
@@ -972,24 +995,35 @@ var InteractionInvalidation = function () {
972
995
  var targetElement = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
973
996
 
974
997
  if (typeof document === 'undefined') {
975
- return;
998
+ return [];
976
999
  }
977
1000
 
978
1001
  if (typeof targetElement === 'string') {
979
1002
  targetElement = document.querySelector(targetElement);
980
1003
  }
981
1004
 
982
- var skipTheseNodes = this.bypassSelectors && this.bypassSelectors.length > 0 ? Array.from((this.bypassElement || document).querySelectorAll(this.bypassSelectors ? this.bypassSelectors.map(function (s) {
983
- return "".concat(s, " *");
984
- }).join(', ') : '*')) : [];
985
1005
  var rootSelector = targetElement ? '*' : 'html *';
986
1006
  var elementSelector = this.bypassSelectors.map(function (s) {
987
1007
  return ":not(".concat(s, ")");
988
1008
  }).join('');
989
- var selector = "".concat(rootSelector, " ").concat(elementSelector, ":not(script):not(style):not(path)");
990
- return Array.from((targetElement || document.documentElement).querySelectorAll(selector)).filter(function (node) {
991
- return !skipTheseNodes.includes(node);
992
- });
1009
+ var selector = "".concat(rootSelector, " ").concat(elementSelector, ":not(script):not(style):not(path):not(head *)");
1010
+
1011
+ if (_helpers.IS_IE11 || process.env.NODE_ENV === 'test') {
1012
+ var excludeSelectors = [];
1013
+ var testSelector = selector.split(':').map(function (localSel) {
1014
+ if (localSel.endsWith(' *)')) {
1015
+ excludeSelectors.push.apply(excludeSelectors, _toConsumableArray(Array.from((targetElement || document.documentElement).querySelectorAll(localSel.match(/\(([^)]*)\)/)[1]))));
1016
+ localSel = localSel.replace(' *', '');
1017
+ }
1018
+
1019
+ return localSel;
1020
+ }).join(':');
1021
+ return Array.from((targetElement || document.documentElement).querySelectorAll(testSelector)).filter(function (node) {
1022
+ return !excludeSelectors.includes(node);
1023
+ });
1024
+ }
1025
+
1026
+ return Array.from((targetElement || document.documentElement).querySelectorAll(selector));
993
1027
  }
994
1028
  }]);
995
1029
 
@@ -1021,16 +1055,16 @@ function getInnerRef(ref) {
1021
1055
  }
1022
1056
 
1023
1057
  function combineLabelledBy() {
1024
- for (var _len4 = arguments.length, params = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
1025
- params[_key4] = arguments[_key4];
1058
+ for (var _len3 = arguments.length, params = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
1059
+ params[_key3] = arguments[_key3];
1026
1060
  }
1027
1061
 
1028
1062
  return combineAriaBy('aria-labelledby', params);
1029
1063
  }
1030
1064
 
1031
1065
  function combineDescribedBy() {
1032
- for (var _len5 = arguments.length, params = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
1033
- params[_key5] = arguments[_key5];
1066
+ for (var _len4 = arguments.length, params = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
1067
+ params[_key4] = arguments[_key4];
1034
1068
  }
1035
1069
 
1036
1070
  return combineAriaBy('aria-describedby', params);
@@ -23,7 +23,7 @@ require("core-js/modules/es.promise.js");
23
23
  Object.defineProperty(exports, "__esModule", {
24
24
  value: true
25
25
  });
26
- exports.IS_WIN = exports.IS_SAFARI = exports.IS_MAC = exports.IS_LINUX = exports.IS_IOS = exports.IS_IE11 = exports.IS_EDGE = void 0;
26
+ exports.PLATFORM_WIN = exports.PLATFORM_MAC = exports.PLATFORM_LINUX = exports.PLATFORM_IOS = exports.PLATFORM_ANDROID = exports.IS_WIN = exports.IS_SAFARI = exports.IS_MAC = exports.IS_LINUX = exports.IS_IOS = exports.IS_IE11 = exports.IS_EDGE = exports.IS_ANDROID = void 0;
27
27
  exports.applyPageFocus = applyPageFocus;
28
28
  exports.copyToClipboard = copyToClipboard;
29
29
  exports.debounce = debounce;
@@ -33,9 +33,10 @@ exports.getSelectedElement = getSelectedElement;
33
33
  exports.getSelectedText = getSelectedText;
34
34
  exports.hasSelectedText = hasSelectedText;
35
35
  exports.insertElementBeforeSelection = insertElementBeforeSelection;
36
- exports.isiOS = exports.isWin = exports.isSafari = exports.isMac = exports.isLinux = exports.isIE11 = exports.isEdge = void 0;
36
+ exports.isiOS = exports.isWin = exports.isSafari = exports.isMac = exports.isLinux = exports.isIE11 = exports.isEdge = exports.isAndroid = void 0;
37
37
  exports.scrollToLocationHashId = scrollToLocationHashId;
38
38
  exports.setPageFocusElement = setPageFocusElement;
39
+ exports.warn = void 0;
39
40
 
40
41
  require("regenerator-runtime/runtime.js");
41
42
 
@@ -51,7 +52,7 @@ require("core-js/modules/es.string.replace.js");
51
52
 
52
53
  require("core-js/modules/es.object.to-string.js");
53
54
 
54
- var _componentHelper = require("./component-helper");
55
+ require("core-js/modules/es.array.concat.js");
55
56
 
56
57
  function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
57
58
 
@@ -71,6 +72,16 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
71
72
 
72
73
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
73
74
 
75
+ var PLATFORM_MAC = 'Mac|iPad|iPhone|iPod';
76
+ exports.PLATFORM_MAC = PLATFORM_MAC;
77
+ var PLATFORM_WIN = 'Win';
78
+ exports.PLATFORM_WIN = PLATFORM_WIN;
79
+ var PLATFORM_ANDROID = 'Android';
80
+ exports.PLATFORM_ANDROID = PLATFORM_ANDROID;
81
+ var PLATFORM_LINUX = 'Linux';
82
+ exports.PLATFORM_LINUX = PLATFORM_LINUX;
83
+ var PLATFORM_IOS = 'iOS|iPhone|iPad|iPod';
84
+ exports.PLATFORM_IOS = PLATFORM_IOS;
74
85
  var IS_IE11 = false;
75
86
  exports.IS_IE11 = IS_IE11;
76
87
  var IS_EDGE = false;
@@ -83,13 +94,15 @@ var IS_WIN = false;
83
94
  exports.IS_WIN = IS_WIN;
84
95
  var IS_MAC = false;
85
96
  exports.IS_MAC = IS_MAC;
97
+ var IS_ANDROID = false;
98
+ exports.IS_ANDROID = IS_ANDROID;
86
99
  var IS_LINUX = false;
87
100
  exports.IS_LINUX = IS_LINUX;
88
101
 
89
102
  var isMac = function isMac() {
90
103
  var _navigator;
91
104
 
92
- return exports.IS_MAC = IS_MAC = typeof navigator !== 'undefined' && new RegExp(_componentHelper.PLATFORM_MAC, 'i').test((_navigator = navigator) === null || _navigator === void 0 ? void 0 : _navigator.platform);
105
+ return exports.IS_MAC = IS_MAC = typeof navigator !== 'undefined' && new RegExp(PLATFORM_MAC, 'i').test((_navigator = navigator) === null || _navigator === void 0 ? void 0 : _navigator.platform);
93
106
  };
94
107
 
95
108
  exports.isMac = isMac;
@@ -97,31 +110,39 @@ exports.isMac = isMac;
97
110
  var isWin = function isWin() {
98
111
  var _navigator2;
99
112
 
100
- return exports.IS_WIN = IS_WIN = typeof navigator !== 'undefined' && new RegExp(_componentHelper.PLATFORM_WIN, 'i').test((_navigator2 = navigator) === null || _navigator2 === void 0 ? void 0 : _navigator2.platform);
113
+ return exports.IS_WIN = IS_WIN = typeof navigator !== 'undefined' && new RegExp(PLATFORM_WIN, 'i').test((_navigator2 = navigator) === null || _navigator2 === void 0 ? void 0 : _navigator2.platform);
101
114
  };
102
115
 
103
116
  exports.isWin = isWin;
104
117
 
105
- var isLinux = function isLinux() {
118
+ var isAndroid = function isAndroid() {
106
119
  var _navigator3;
107
120
 
108
- return exports.IS_LINUX = IS_LINUX = typeof navigator !== 'undefined' && new RegExp(_componentHelper.PLATFORM_LINUX, 'i').test((_navigator3 = navigator) === null || _navigator3 === void 0 ? void 0 : _navigator3.platform);
121
+ return exports.IS_ANDROID = IS_ANDROID = typeof navigator !== 'undefined' && new RegExp(PLATFORM_ANDROID, 'i').test((_navigator3 = navigator) === null || _navigator3 === void 0 ? void 0 : _navigator3.userAgent);
122
+ };
123
+
124
+ exports.isAndroid = isAndroid;
125
+
126
+ var isLinux = function isLinux() {
127
+ var _navigator4;
128
+
129
+ return exports.IS_LINUX = IS_LINUX = typeof navigator !== 'undefined' && new RegExp(PLATFORM_LINUX, 'i').test((_navigator4 = navigator) === null || _navigator4 === void 0 ? void 0 : _navigator4.platform);
109
130
  };
110
131
 
111
132
  exports.isLinux = isLinux;
112
133
 
113
134
  var isiOS = function isiOS() {
114
- var _navigator4;
135
+ var _navigator5;
115
136
 
116
- return exports.IS_IOS = IS_IOS = typeof navigator !== 'undefined' && new RegExp(_componentHelper.PLATFORM_IOS, 'i').test((_navigator4 = navigator) === null || _navigator4 === void 0 ? void 0 : _navigator4.platform);
137
+ return exports.IS_IOS = IS_IOS = typeof navigator !== 'undefined' && new RegExp(PLATFORM_IOS, 'i').test((_navigator5 = navigator) === null || _navigator5 === void 0 ? void 0 : _navigator5.platform);
117
138
  };
118
139
 
119
140
  exports.isiOS = isiOS;
120
141
 
121
142
  var isSafari = function isSafari() {
122
- var _navigator5, _navigator6;
143
+ var _navigator6, _navigator7;
123
144
 
124
- return exports.IS_SAFARI = IS_SAFARI = typeof navigator !== 'undefined' && /safari/i.test((_navigator5 = navigator) === null || _navigator5 === void 0 ? void 0 : _navigator5.userAgent) && !/chrome/i.test((_navigator6 = navigator) === null || _navigator6 === void 0 ? void 0 : _navigator6.userAgent);
145
+ return exports.IS_SAFARI = IS_SAFARI = typeof navigator !== 'undefined' && /safari/i.test((_navigator6 = navigator) === null || _navigator6 === void 0 ? void 0 : _navigator6.userAgent) && !/chrome/i.test((_navigator7 = navigator) === null || _navigator7 === void 0 ? void 0 : _navigator7.userAgent);
125
146
  };
126
147
 
127
148
  exports.isSafari = isSafari;
@@ -133,9 +154,9 @@ var isIE11 = function isIE11() {
133
154
  exports.isIE11 = isIE11;
134
155
 
135
156
  var isEdge = function isEdge() {
136
- var _navigator7;
157
+ var _navigator8;
137
158
 
138
- return exports.IS_EDGE = IS_EDGE = typeof navigator !== 'undefined' && /edge/i.test((_navigator7 = navigator) === null || _navigator7 === void 0 ? void 0 : _navigator7.userAgent);
159
+ return exports.IS_EDGE = IS_EDGE = typeof navigator !== 'undefined' && /edge/i.test((_navigator8 = navigator) === null || _navigator8 === void 0 ? void 0 : _navigator8.userAgent);
139
160
  };
140
161
 
141
162
  exports.isEdge = isEdge;
@@ -144,6 +165,7 @@ isEdge();
144
165
  isiOS();
145
166
  isSafari();
146
167
  isWin();
168
+ isAndroid();
147
169
  isMac();
148
170
  isLinux();
149
171
  var pageFocusElements = {};
@@ -186,7 +208,7 @@ function applyPageFocus() {
186
208
  }
187
209
  }
188
210
  } catch (e) {
189
- (0, _componentHelper.warn)('Error on applyPageFocus:', e);
211
+ warn('Error on applyPageFocus:', e);
190
212
  }
191
213
  }
192
214
 
@@ -264,7 +286,7 @@ function scrollToLocationHashId() {
264
286
  window.scrollTop = top;
265
287
  }
266
288
  } catch (e) {
267
- (0, _componentHelper.warn)('Error on scrollToLocationHashId:', e);
289
+ warn('Error on scrollToLocationHashId:', e);
268
290
  }
269
291
  };
270
292
 
@@ -293,7 +315,7 @@ function scrollToLocationHashId() {
293
315
  return elem;
294
316
  }
295
317
  } catch (e) {
296
- (0, _componentHelper.warn)('Error on scrollToLocationHashId:', e);
318
+ warn('Error on scrollToLocationHashId:', e);
297
319
  }
298
320
  }
299
321
  }
@@ -380,7 +402,7 @@ function copyToClipboard(_x) {
380
402
 
381
403
  function _copyToClipboard() {
382
404
  _copyToClipboard = _asyncToGenerator(regeneratorRuntime.mark(function _callee(string) {
383
- var _navigator8;
405
+ var _navigator9;
384
406
 
385
407
  var selection, range, resetSelection, copyFallback, success, newTry;
386
408
  return regeneratorRuntime.wrap(function _callee$(_context) {
@@ -430,7 +452,7 @@ function _copyToClipboard() {
430
452
  return "Could not copy! Unknown reason. ".concat(string);
431
453
  };
432
454
 
433
- if (!(typeof navigator !== 'undefined' && (_navigator8 = navigator) !== null && _navigator8 !== void 0 && _navigator8.clipboard)) {
455
+ if (!(typeof navigator !== 'undefined' && (_navigator9 = navigator) !== null && _navigator9 !== void 0 && _navigator9.clipboard)) {
434
456
  _context.next = 21;
435
457
  break;
436
458
  }
@@ -473,4 +495,18 @@ function _copyToClipboard() {
473
495
  }, _callee, null, [[7, 14]]);
474
496
  }));
475
497
  return _copyToClipboard.apply(this, arguments);
476
- }
498
+ }
499
+
500
+ var warn = function warn() {
501
+ if (typeof process !== 'undefined' && process.env.NODE_ENV !== 'production' && typeof console !== 'undefined' && typeof console.log === 'function') {
502
+ var _console;
503
+
504
+ for (var _len = arguments.length, e = new Array(_len), _key = 0; _key < _len; _key++) {
505
+ e[_key] = arguments[_key];
506
+ }
507
+
508
+ (_console = console).log.apply(_console, ['Eufemia:'].concat(e));
509
+ }
510
+ };
511
+
512
+ exports.warn = warn;