@dnb/eufemia 10.7.0 → 10.8.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 (924) hide show
  1. package/CHANGELOG.md +36 -0
  2. package/cjs/components/accordion/Accordion.d.ts +1 -1
  3. package/cjs/components/accordion/AccordionHeader.d.ts +4 -4
  4. package/cjs/components/accordion/AccordionHeader.js +18 -5
  5. package/cjs/components/accordion/AccordionHeader.js.map +1 -1
  6. package/cjs/components/accordion/style/dnb-accordion.css +22 -17
  7. package/cjs/components/accordion/style/dnb-accordion.min.css +1 -1
  8. package/cjs/components/accordion/style/dnb-accordion.scss +40 -18
  9. package/cjs/components/accordion/style/themes/dnb-accordion-theme-sbanken.css +124 -0
  10. package/cjs/components/accordion/style/themes/dnb-accordion-theme-sbanken.min.css +1 -0
  11. package/cjs/components/accordion/style/themes/dnb-accordion-theme-sbanken.scss +125 -0
  12. package/cjs/components/anchor/Anchor.js +1 -1
  13. package/cjs/components/anchor/Anchor.js.map +1 -1
  14. package/cjs/components/anchor/style/anchor-mixins.scss +9 -3
  15. package/cjs/components/anchor/style/themes/dnb-anchor-theme-sbanken.scss +3 -1
  16. package/cjs/components/autocomplete/Autocomplete.js +4 -2
  17. package/cjs/components/autocomplete/Autocomplete.js.map +1 -1
  18. package/cjs/components/avatar/style/index.d.ts +1 -1
  19. package/cjs/components/avatar/style/themes/dnb-avatar-theme-sbanken.scss +2 -1
  20. package/cjs/components/breadcrumb/Breadcrumb.js +2 -2
  21. package/cjs/components/breadcrumb/Breadcrumb.js.map +1 -1
  22. package/cjs/components/breadcrumb/BreadcrumbItem.js +23 -1
  23. package/cjs/components/breadcrumb/BreadcrumbItem.js.map +1 -1
  24. package/cjs/components/breadcrumb/style/themes/dnb-breadcrumb-theme-sbanken.css +23 -0
  25. package/cjs/components/breadcrumb/style/themes/dnb-breadcrumb-theme-sbanken.min.css +1 -0
  26. package/cjs/components/breadcrumb/style/themes/dnb-breadcrumb-theme-sbanken.scss +33 -0
  27. package/cjs/components/button/style/themes/dnb-button-theme-ui.scss +3 -1
  28. package/cjs/components/checkbox/Checkbox.d.ts +4 -0
  29. package/cjs/components/checkbox/Checkbox.js +6 -4
  30. package/cjs/components/checkbox/Checkbox.js.map +1 -1
  31. package/cjs/components/checkbox/style/themes/dnb-checkbox-theme-ui.scss +3 -1
  32. package/cjs/components/date-picker/style/themes/dnb-date-picker-theme-ui.scss +6 -2
  33. package/cjs/components/drawer/Drawer.d.ts +1 -1
  34. package/cjs/components/drawer/Drawer.js +3 -1
  35. package/cjs/components/drawer/Drawer.js.map +1 -1
  36. package/cjs/components/form-status/FormStatus.d.ts +2 -0
  37. package/cjs/components/form-status/FormStatus.js +70 -53
  38. package/cjs/components/form-status/FormStatus.js.map +1 -1
  39. package/cjs/components/form-status/style/dnb-form-status.scss +4 -2
  40. package/cjs/components/form-status/style/themes/dnb-form-status-theme-sbanken.css +37 -0
  41. package/cjs/components/form-status/style/themes/dnb-form-status-theme-sbanken.min.css +1 -0
  42. package/cjs/components/form-status/style/themes/dnb-form-status-theme-sbanken.scss +35 -0
  43. package/cjs/components/global-status/GlobalStatus.d.ts +1 -1
  44. package/cjs/components/global-status/GlobalStatus.js +17 -7
  45. package/cjs/components/global-status/GlobalStatus.js.map +1 -1
  46. package/cjs/components/global-status/style/dnb-global-status.scss +2 -1
  47. package/cjs/components/global-status/style/themes/dnb-global-status-theme-sbanken.css +22 -0
  48. package/cjs/components/global-status/style/themes/dnb-global-status-theme-sbanken.min.css +1 -0
  49. package/cjs/components/global-status/style/themes/dnb-global-status-theme-sbanken.scss +28 -0
  50. package/cjs/components/global-status/style/themes/dnb-global-status-theme-ui.css +6 -3
  51. package/cjs/components/global-status/style/themes/dnb-global-status-theme-ui.min.css +1 -1
  52. package/cjs/components/global-status/style/themes/dnb-global-status-theme-ui.scss +13 -6
  53. package/cjs/components/heading/Heading.d.ts +8 -8
  54. package/cjs/components/heading/Heading.js +8 -16
  55. package/cjs/components/heading/Heading.js.map +1 -1
  56. package/cjs/components/heading/HeadingHelpers.d.ts +5 -1
  57. package/cjs/components/heading/HeadingHelpers.js +42 -1
  58. package/cjs/components/heading/HeadingHelpers.js.map +1 -1
  59. package/cjs/components/info-card/index.js.map +1 -1
  60. package/cjs/components/info-card/style.js.map +1 -1
  61. package/cjs/components/input/style/themes/dnb-input-theme-ui.css +1 -1
  62. package/cjs/components/input/style/themes/dnb-input-theme-ui.min.css +1 -1
  63. package/cjs/components/input/style/themes/dnb-input-theme-ui.scss +9 -3
  64. package/cjs/components/input-masked/InputMaskedUtils.js +1 -1
  65. package/cjs/components/input-masked/InputMaskedUtils.js.map +1 -1
  66. package/cjs/components/modal/Modal.js.map +1 -1
  67. package/cjs/components/modal/parts/ModalHeaderBar.js +0 -4
  68. package/cjs/components/modal/parts/ModalHeaderBar.js.map +1 -1
  69. package/cjs/components/pagination/Pagination.js.map +1 -1
  70. package/cjs/components/radio/Radio.d.ts +4 -0
  71. package/cjs/components/radio/Radio.js +6 -4
  72. package/cjs/components/radio/Radio.js.map +1 -1
  73. package/cjs/components/radio/style/themes/dnb-radio-theme-ui.scss +15 -5
  74. package/cjs/components/section/Section.d.ts +21 -1
  75. package/cjs/components/section/Section.js.map +1 -1
  76. package/cjs/components/section/style/dnb-section.css +1 -1
  77. package/cjs/components/section/style/dnb-section.scss +8 -3
  78. package/cjs/components/section/style/themes/dnb-section-theme-sbanken.scss +3 -4
  79. package/cjs/components/section/style/themes/dnb-section-theme-ui.css +9 -0
  80. package/cjs/components/section/style/themes/dnb-section-theme-ui.scss +28 -14
  81. package/cjs/components/skeleton/style/dnb-skeleton.scss +8 -5
  82. package/cjs/components/slider/style/dnb-slider.scss +4 -2
  83. package/cjs/components/space/SpacingUtils.js.map +1 -1
  84. package/cjs/components/step-indicator/StepIndicator.d.ts +89 -75
  85. package/cjs/components/step-indicator/StepIndicator.js +31 -26
  86. package/cjs/components/step-indicator/StepIndicator.js.map +1 -1
  87. package/cjs/components/step-indicator/StepIndicatorContext.d.ts +45 -15
  88. package/cjs/components/step-indicator/StepIndicatorContext.js +102 -121
  89. package/cjs/components/step-indicator/StepIndicatorContext.js.map +1 -1
  90. package/cjs/components/step-indicator/StepIndicatorItem.d.ts +59 -61
  91. package/cjs/components/step-indicator/StepIndicatorItem.js +183 -231
  92. package/cjs/components/step-indicator/StepIndicatorItem.js.map +1 -1
  93. package/cjs/components/step-indicator/StepIndicatorList.d.ts +6 -8
  94. package/cjs/components/step-indicator/StepIndicatorList.js +45 -50
  95. package/cjs/components/step-indicator/StepIndicatorList.js.map +1 -1
  96. package/cjs/components/step-indicator/StepIndicatorModal.d.ts +6 -14
  97. package/cjs/components/step-indicator/StepIndicatorModal.js +41 -53
  98. package/cjs/components/step-indicator/StepIndicatorModal.js.map +1 -1
  99. package/cjs/components/step-indicator/StepIndicatorProps.d.ts +2 -55
  100. package/cjs/components/step-indicator/StepIndicatorProps.js +4 -50
  101. package/cjs/components/step-indicator/StepIndicatorProps.js.map +1 -1
  102. package/cjs/components/step-indicator/StepIndicatorSidebar.d.ts +27 -21
  103. package/cjs/components/step-indicator/StepIndicatorSidebar.js +41 -51
  104. package/cjs/components/step-indicator/StepIndicatorSidebar.js.map +1 -1
  105. package/cjs/components/step-indicator/StepIndicatorTriggerButton.d.ts +16 -17
  106. package/cjs/components/step-indicator/StepIndicatorTriggerButton.js +65 -78
  107. package/cjs/components/step-indicator/StepIndicatorTriggerButton.js.map +1 -1
  108. package/cjs/components/switch/Switch.d.ts +4 -0
  109. package/cjs/components/switch/Switch.js +6 -4
  110. package/cjs/components/switch/Switch.js.map +1 -1
  111. package/cjs/components/switch/style/themes/dnb-switch-theme-ui.scss +3 -1
  112. package/cjs/components/table/TableContainer.js.map +1 -1
  113. package/cjs/components/table/style/table-accordion.scss +18 -6
  114. package/cjs/components/table/style/table-header-buttons.scss +3 -1
  115. package/cjs/components/table/style/table-tr.scss +6 -2
  116. package/cjs/components/table/style/themes/dnb-table-theme-ui.scss +3 -1
  117. package/cjs/components/timeline/TimelineItem.d.ts +3 -2
  118. package/cjs/components/timeline/TimelineItem.js +96 -62
  119. package/cjs/components/timeline/TimelineItem.js.map +1 -1
  120. package/cjs/components/timeline/style/themes/dnb-timeline-theme-ui.css +3 -2
  121. package/cjs/components/timeline/style/themes/dnb-timeline-theme-ui.min.css +3 -1
  122. package/cjs/components/timeline/style/themes/dnb-timeline-theme-ui.scss +3 -2
  123. package/cjs/components/toggle-button/style/themes/dnb-toggle-button-theme-ui.scss +3 -1
  124. package/cjs/elements/lib.d.ts +1 -1
  125. package/cjs/elements/typography/H.d.ts +5 -3
  126. package/cjs/elements/typography/H.js +7 -3
  127. package/cjs/elements/typography/H.js.map +1 -1
  128. package/cjs/elements/typography/H1.js +2 -2
  129. package/cjs/elements/typography/H1.js.map +1 -1
  130. package/cjs/elements/typography/H2.js +2 -2
  131. package/cjs/elements/typography/H2.js.map +1 -1
  132. package/cjs/elements/typography/H3.js +2 -2
  133. package/cjs/elements/typography/H3.js.map +1 -1
  134. package/cjs/elements/typography/H4.js +2 -2
  135. package/cjs/elements/typography/H4.js.map +1 -1
  136. package/cjs/elements/typography/H5.js +2 -2
  137. package/cjs/elements/typography/H5.js.map +1 -1
  138. package/cjs/elements/typography/H6.js +2 -2
  139. package/cjs/elements/typography/H6.js.map +1 -1
  140. package/cjs/elements/typography/style/dnb-typography.scss +3 -0
  141. package/cjs/elements/typography/style/themes/dnb-typography-theme-sbanken.scss +12 -2
  142. package/cjs/elements/typography/style/typography-mixins.scss +5 -0
  143. package/cjs/extensions/forms/DataContext/index.js.map +1 -1
  144. package/cjs/extensions/forms/Field/ArraySelection.d.ts +2 -1
  145. package/cjs/extensions/forms/Field/ArraySelection.js +52 -32
  146. package/cjs/extensions/forms/Field/ArraySelection.js.map +1 -1
  147. package/cjs/extensions/forms/Field/CountryCode.d.ts +10 -0
  148. package/cjs/extensions/forms/Field/CountryCode.js +78 -0
  149. package/cjs/extensions/forms/Field/CountryCode.js.map +1 -0
  150. package/cjs/extensions/forms/Field/Currency.d.ts +2 -2
  151. package/cjs/extensions/forms/Field/Currency.js +6 -38
  152. package/cjs/extensions/forms/Field/Currency.js.map +1 -1
  153. package/cjs/extensions/forms/Field/Date.d.ts +2 -2
  154. package/cjs/extensions/forms/Field/Date.js +10 -6
  155. package/cjs/extensions/forms/Field/Date.js.map +1 -1
  156. package/cjs/extensions/forms/Field/Number.d.ts +7 -3
  157. package/cjs/extensions/forms/Field/Number.js +45 -20
  158. package/cjs/extensions/forms/Field/Number.js.map +1 -1
  159. package/cjs/extensions/forms/Field/PhoneNumber.d.ts +7 -2
  160. package/cjs/extensions/forms/Field/PhoneNumber.js +42 -41
  161. package/cjs/extensions/forms/Field/PhoneNumber.js.map +1 -1
  162. package/cjs/extensions/forms/Field/PostalCodeAndCity.d.ts +1 -1
  163. package/cjs/extensions/forms/Field/PostalCodeAndCity.js.map +1 -1
  164. package/cjs/extensions/forms/Field/Selection.d.ts +6 -4
  165. package/cjs/extensions/forms/Field/Selection.js +87 -36
  166. package/cjs/extensions/forms/Field/Selection.js.map +1 -1
  167. package/cjs/extensions/forms/Field/String.d.ts +3 -3
  168. package/cjs/extensions/forms/Field/String.js +26 -12
  169. package/cjs/extensions/forms/Field/String.js.map +1 -1
  170. package/cjs/extensions/forms/Field/Toggle.js +11 -9
  171. package/cjs/extensions/forms/Field/Toggle.js.map +1 -1
  172. package/cjs/extensions/forms/Field/fields.scss +2 -2
  173. package/cjs/extensions/forms/Field/hooks/useField.d.ts +6 -8
  174. package/cjs/extensions/forms/Field/hooks/useField.js +34 -33
  175. package/cjs/extensions/forms/Field/hooks/useField.js.map +1 -1
  176. package/cjs/extensions/forms/Field/index.d.ts +2 -0
  177. package/cjs/extensions/forms/Field/index.js +3 -1
  178. package/cjs/extensions/forms/Field/index.js.map +1 -1
  179. package/cjs/extensions/forms/Field/style/dnb-array-selection.css +13 -0
  180. package/cjs/extensions/forms/Field/style/dnb-array-selection.min.css +1 -0
  181. package/cjs/extensions/forms/Field/style/dnb-array-selection.scss +15 -0
  182. package/cjs/extensions/forms/Field/style/dnb-country-code.css +12 -0
  183. package/cjs/extensions/forms/Field/style/dnb-country-code.min.css +1 -0
  184. package/cjs/extensions/forms/Field/style/dnb-country-code.scss +19 -0
  185. package/cjs/extensions/forms/Field/style/dnb-phone-number.css +3 -7
  186. package/cjs/extensions/forms/Field/style/dnb-phone-number.min.css +1 -1
  187. package/cjs/extensions/forms/Field/style/dnb-phone-number.scss +3 -8
  188. package/cjs/extensions/forms/Field/style/dnb-postal-code-and-city.css +5 -2
  189. package/cjs/extensions/forms/Field/style/dnb-postal-code-and-city.min.css +1 -1
  190. package/cjs/extensions/forms/Field/style/dnb-postal-code-and-city.scss +5 -1
  191. package/cjs/extensions/forms/Field/style/dnb-selection.css +5 -2
  192. package/cjs/extensions/forms/Field/style/dnb-selection.min.css +1 -1
  193. package/cjs/extensions/forms/Field/style/dnb-selection.scss +7 -1
  194. package/cjs/extensions/forms/Field/style/index.scss +2 -0
  195. package/cjs/extensions/forms/FieldBlock/FieldBlock.d.ts +3 -2
  196. package/cjs/extensions/forms/FieldBlock/FieldBlock.js +15 -10
  197. package/cjs/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
  198. package/cjs/extensions/forms/FieldBlock/index.js.map +1 -1
  199. package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.css +31 -8
  200. package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
  201. package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.scss +46 -13
  202. package/cjs/extensions/forms/FieldGroup/index.js.map +1 -1
  203. package/cjs/extensions/forms/Layout/Card.js +2 -2
  204. package/cjs/extensions/forms/Layout/Card.js.map +1 -1
  205. package/cjs/extensions/forms/Layout/FlexContainer.d.ts +1 -0
  206. package/cjs/extensions/forms/Layout/FlexContainer.js +3 -2
  207. package/cjs/extensions/forms/Layout/FlexContainer.js.map +1 -1
  208. package/cjs/extensions/forms/Layout/FlexItem.d.ts +1 -0
  209. package/cjs/extensions/forms/Layout/FlexItem.js +2 -1
  210. package/cjs/extensions/forms/Layout/FlexItem.js.map +1 -1
  211. package/cjs/extensions/forms/Layout/style/dnb-card.css +3 -3
  212. package/cjs/extensions/forms/Layout/style/dnb-card.min.css +1 -1
  213. package/cjs/extensions/forms/Layout/style/dnb-card.scss +6 -4
  214. package/cjs/extensions/forms/Layout/style/dnb-flex-container.css +9 -0
  215. package/cjs/extensions/forms/Layout/style/dnb-flex-container.min.css +1 -1
  216. package/cjs/extensions/forms/Layout/style/dnb-flex-container.scss +14 -0
  217. package/cjs/extensions/forms/Layout/style/dnb-flex-item.css +9 -0
  218. package/cjs/extensions/forms/Layout/style/dnb-flex-item.min.css +1 -1
  219. package/cjs/extensions/forms/Layout/style/dnb-flex-item.scss +14 -0
  220. package/cjs/extensions/forms/StepsLayout/StepsLayout.js +1 -1
  221. package/cjs/extensions/forms/StepsLayout/StepsLayout.js.map +1 -1
  222. package/cjs/extensions/forms/StepsLayout/style/dnb-steps-layout.css +11 -5
  223. package/cjs/extensions/forms/StepsLayout/style/dnb-steps-layout.min.css +1 -1
  224. package/cjs/extensions/forms/StepsLayout/style/dnb-steps-layout.scss +10 -3
  225. package/cjs/extensions/forms/ValueBlock/index.js.map +1 -1
  226. package/cjs/extensions/forms/field-types.d.ts +7 -1
  227. package/cjs/extensions/forms/field-types.js.map +1 -1
  228. package/cjs/extensions/forms/style/dnb-forms.css +105 -29
  229. package/cjs/extensions/forms/style/dnb-forms.min.css +1 -1
  230. package/cjs/extensions/forms/style/index.d.ts +1 -0
  231. package/cjs/extensions/forms/style/index.js +4 -0
  232. package/cjs/extensions/forms/style/index.js.map +1 -0
  233. package/cjs/extensions/forms/utils/TestElement/style/dnb-test-element.css +2 -2
  234. package/cjs/extensions/forms/utils/TestElement/style/dnb-test-element.min.css +1 -1
  235. package/cjs/extensions/forms/utils/TestElement/style/dnb-test-element.scss +2 -2
  236. package/cjs/extensions/forms/utils/useWasChanged.d.ts +5 -0
  237. package/cjs/extensions/forms/utils/useWasChanged.js +62 -0
  238. package/cjs/extensions/forms/utils/useWasChanged.js.map +1 -0
  239. package/cjs/extensions/forms/variables.scss +3 -0
  240. package/cjs/extensions/lib.d.ts +1 -0
  241. package/cjs/extensions/payment-card/PaymentCard.js.map +1 -1
  242. package/cjs/extensions/payment-card/utils/backgrounds/ung.js +1 -1
  243. package/cjs/extensions/payment-card/utils/backgrounds/ung.js.map +1 -1
  244. package/cjs/extensions/payment-card/utils/backgrounds/youth.js +1 -1
  245. package/cjs/extensions/payment-card/utils/backgrounds/youth.js.map +1 -1
  246. package/cjs/fragments/drawer-list/DrawerList.js +1 -1
  247. package/cjs/fragments/drawer-list/DrawerList.js.map +1 -1
  248. package/cjs/fragments/drawer-list/DrawerListPortal.js +2 -2
  249. package/cjs/fragments/drawer-list/DrawerListPortal.js.map +1 -1
  250. package/cjs/fragments/drawer-list/style/dnb-drawer-list.scss +3 -1
  251. package/cjs/shared/Context.d.ts +2 -0
  252. package/cjs/shared/Context.js.map +1 -1
  253. package/cjs/shared/Eufemia.d.ts +1 -1
  254. package/cjs/shared/Eufemia.js +2 -2
  255. package/cjs/shared/Eufemia.js.map +1 -1
  256. package/cjs/shared/helpers/withCamelCaseProps.js.map +1 -1
  257. package/cjs/shared/helpers/withSnakeCaseProps.js.map +1 -1
  258. package/cjs/shared/libs/Shortcuts.js.map +1 -1
  259. package/cjs/shared/locales/en-GB.d.ts +1 -0
  260. package/cjs/shared/locales/en-GB.js +1 -0
  261. package/cjs/shared/locales/en-GB.js.map +1 -1
  262. package/cjs/shared/locales/en-US.d.ts +1 -0
  263. package/cjs/shared/locales/index.d.ts +2 -0
  264. package/cjs/shared/locales/nb-NO.d.ts +1 -0
  265. package/cjs/shared/locales/nb-NO.js +1 -0
  266. package/cjs/shared/locales/nb-NO.js.map +1 -1
  267. package/cjs/style/core/reset.scss +13 -3
  268. package/cjs/style/core/utilities.scss +3 -1
  269. package/cjs/style/dnb-ui-components.css +23 -18
  270. package/cjs/style/dnb-ui-components.min.css +1 -1
  271. package/cjs/style/dnb-ui-elements.css +6 -0
  272. package/cjs/style/dnb-ui-elements.min.css +1 -1
  273. package/cjs/style/dnb-ui-extensions.css +105 -29
  274. package/cjs/style/dnb-ui-extensions.min.css +1 -1
  275. package/cjs/style/themes/theme-eiendom/eiendom-theme-basis.css +6 -0
  276. package/cjs/style/themes/theme-eiendom/eiendom-theme-basis.min.css +1 -1
  277. package/cjs/style/themes/theme-eiendom/eiendom-theme-components.css +42 -24
  278. package/cjs/style/themes/theme-eiendom/eiendom-theme-components.min.css +3 -1
  279. package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.css +105 -29
  280. package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
  281. package/cjs/style/themes/theme-sbanken/customisations.scss +0 -8
  282. package/cjs/style/themes/theme-sbanken/properties.js +6 -6
  283. package/cjs/style/themes/theme-sbanken/properties.js.map +1 -1
  284. package/cjs/style/themes/theme-sbanken/properties.scss +6 -6
  285. package/cjs/style/themes/theme-sbanken/sbanken-theme-basis.css +27 -26
  286. package/cjs/style/themes/theme-sbanken/sbanken-theme-basis.min.css +1 -1
  287. package/cjs/style/themes/theme-sbanken/sbanken-theme-components.css +236 -245
  288. package/cjs/style/themes/theme-sbanken/sbanken-theme-components.min.css +4 -2
  289. package/cjs/style/themes/theme-sbanken/sbanken-theme-components.scss +4 -3
  290. package/cjs/style/themes/theme-sbanken/sbanken-theme-elements.css +21 -2
  291. package/cjs/style/themes/theme-sbanken/sbanken-theme-elements.min.css +1 -1
  292. package/cjs/style/themes/theme-sbanken/sbanken-theme-extensions.css +105 -29
  293. package/cjs/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
  294. package/cjs/style/themes/theme-ui/fonts.scss +8 -4
  295. package/cjs/style/themes/theme-ui/ui-theme-basis.css +6 -0
  296. package/cjs/style/themes/theme-ui/ui-theme-basis.min.css +1 -1
  297. package/cjs/style/themes/theme-ui/ui-theme-components.css +42 -24
  298. package/cjs/style/themes/theme-ui/ui-theme-components.min.css +4 -2
  299. package/cjs/style/themes/theme-ui/ui-theme-elements.css +6 -0
  300. package/cjs/style/themes/theme-ui/ui-theme-elements.min.css +1 -1
  301. package/cjs/style/themes/theme-ui/ui-theme-extensions.css +105 -29
  302. package/cjs/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
  303. package/cjs/style/themes/theme-ui/ui-theme-tags.css +3 -0
  304. package/cjs/style/themes/theme-ui/ui-theme-tags.min.css +1 -1
  305. package/cjs/style/themes/theme-ui/ui-theme-tags.scss +9 -4
  306. package/components/accordion/Accordion.d.ts +1 -1
  307. package/components/accordion/AccordionHeader.d.ts +4 -4
  308. package/components/accordion/AccordionHeader.js +18 -5
  309. package/components/accordion/AccordionHeader.js.map +1 -1
  310. package/components/accordion/style/dnb-accordion.css +22 -17
  311. package/components/accordion/style/dnb-accordion.min.css +1 -1
  312. package/components/accordion/style/dnb-accordion.scss +40 -18
  313. package/components/accordion/style/themes/dnb-accordion-theme-sbanken.css +124 -0
  314. package/components/accordion/style/themes/dnb-accordion-theme-sbanken.min.css +1 -0
  315. package/components/accordion/style/themes/dnb-accordion-theme-sbanken.scss +125 -0
  316. package/components/anchor/Anchor.js +1 -1
  317. package/components/anchor/Anchor.js.map +1 -1
  318. package/components/anchor/style/anchor-mixins.scss +9 -3
  319. package/components/anchor/style/themes/dnb-anchor-theme-sbanken.scss +3 -1
  320. package/components/autocomplete/Autocomplete.js +4 -2
  321. package/components/autocomplete/Autocomplete.js.map +1 -1
  322. package/components/avatar/style/index.d.ts +1 -1
  323. package/components/avatar/style/themes/dnb-avatar-theme-sbanken.scss +2 -1
  324. package/components/breadcrumb/Breadcrumb.js +2 -2
  325. package/components/breadcrumb/Breadcrumb.js.map +1 -1
  326. package/components/breadcrumb/BreadcrumbItem.js +23 -1
  327. package/components/breadcrumb/BreadcrumbItem.js.map +1 -1
  328. package/components/breadcrumb/style/themes/dnb-breadcrumb-theme-sbanken.css +23 -0
  329. package/components/breadcrumb/style/themes/dnb-breadcrumb-theme-sbanken.min.css +1 -0
  330. package/components/breadcrumb/style/themes/dnb-breadcrumb-theme-sbanken.scss +33 -0
  331. package/components/button/style/themes/dnb-button-theme-ui.scss +3 -1
  332. package/components/checkbox/Checkbox.d.ts +4 -0
  333. package/components/checkbox/Checkbox.js +6 -4
  334. package/components/checkbox/Checkbox.js.map +1 -1
  335. package/components/checkbox/style/themes/dnb-checkbox-theme-ui.scss +3 -1
  336. package/components/date-picker/style/themes/dnb-date-picker-theme-ui.scss +6 -2
  337. package/components/drawer/Drawer.d.ts +1 -1
  338. package/components/drawer/Drawer.js +3 -1
  339. package/components/drawer/Drawer.js.map +1 -1
  340. package/components/form-status/FormStatus.d.ts +2 -0
  341. package/components/form-status/FormStatus.js +70 -53
  342. package/components/form-status/FormStatus.js.map +1 -1
  343. package/components/form-status/style/dnb-form-status.scss +4 -2
  344. package/components/form-status/style/themes/dnb-form-status-theme-sbanken.css +37 -0
  345. package/components/form-status/style/themes/dnb-form-status-theme-sbanken.min.css +1 -0
  346. package/components/form-status/style/themes/dnb-form-status-theme-sbanken.scss +35 -0
  347. package/components/global-status/GlobalStatus.d.ts +1 -1
  348. package/components/global-status/GlobalStatus.js +18 -8
  349. package/components/global-status/GlobalStatus.js.map +1 -1
  350. package/components/global-status/style/dnb-global-status.scss +2 -1
  351. package/components/global-status/style/themes/dnb-global-status-theme-sbanken.css +22 -0
  352. package/components/global-status/style/themes/dnb-global-status-theme-sbanken.min.css +1 -0
  353. package/components/global-status/style/themes/dnb-global-status-theme-sbanken.scss +28 -0
  354. package/components/global-status/style/themes/dnb-global-status-theme-ui.css +6 -3
  355. package/components/global-status/style/themes/dnb-global-status-theme-ui.min.css +1 -1
  356. package/components/global-status/style/themes/dnb-global-status-theme-ui.scss +13 -6
  357. package/components/heading/Heading.d.ts +8 -8
  358. package/components/heading/Heading.js +9 -15
  359. package/components/heading/Heading.js.map +1 -1
  360. package/components/heading/HeadingHelpers.d.ts +5 -1
  361. package/components/heading/HeadingHelpers.js +39 -0
  362. package/components/heading/HeadingHelpers.js.map +1 -1
  363. package/components/info-card/index.js.map +1 -1
  364. package/components/info-card/style.js.map +1 -1
  365. package/components/input/style/themes/dnb-input-theme-ui.css +1 -1
  366. package/components/input/style/themes/dnb-input-theme-ui.min.css +1 -1
  367. package/components/input/style/themes/dnb-input-theme-ui.scss +9 -3
  368. package/components/input-masked/InputMaskedUtils.js +1 -1
  369. package/components/input-masked/InputMaskedUtils.js.map +1 -1
  370. package/components/modal/Modal.js.map +1 -1
  371. package/components/modal/parts/ModalHeaderBar.js +0 -4
  372. package/components/modal/parts/ModalHeaderBar.js.map +1 -1
  373. package/components/pagination/Pagination.js.map +1 -1
  374. package/components/radio/Radio.d.ts +4 -0
  375. package/components/radio/Radio.js +6 -4
  376. package/components/radio/Radio.js.map +1 -1
  377. package/components/radio/style/themes/dnb-radio-theme-ui.scss +15 -5
  378. package/components/section/Section.d.ts +21 -1
  379. package/components/section/Section.js.map +1 -1
  380. package/components/section/style/dnb-section.css +1 -1
  381. package/components/section/style/dnb-section.scss +8 -3
  382. package/components/section/style/themes/dnb-section-theme-sbanken.scss +3 -4
  383. package/components/section/style/themes/dnb-section-theme-ui.css +9 -0
  384. package/components/section/style/themes/dnb-section-theme-ui.scss +28 -14
  385. package/components/skeleton/style/dnb-skeleton.scss +8 -5
  386. package/components/slider/style/dnb-slider.scss +4 -2
  387. package/components/space/SpacingUtils.js.map +1 -1
  388. package/components/step-indicator/StepIndicator.d.ts +89 -75
  389. package/components/step-indicator/StepIndicator.js +29 -25
  390. package/components/step-indicator/StepIndicator.js.map +1 -1
  391. package/components/step-indicator/StepIndicatorContext.d.ts +45 -15
  392. package/components/step-indicator/StepIndicatorContext.js +98 -120
  393. package/components/step-indicator/StepIndicatorContext.js.map +1 -1
  394. package/components/step-indicator/StepIndicatorItem.d.ts +59 -61
  395. package/components/step-indicator/StepIndicatorItem.js +177 -227
  396. package/components/step-indicator/StepIndicatorItem.js.map +1 -1
  397. package/components/step-indicator/StepIndicatorList.d.ts +6 -8
  398. package/components/step-indicator/StepIndicatorList.js +43 -48
  399. package/components/step-indicator/StepIndicatorList.js.map +1 -1
  400. package/components/step-indicator/StepIndicatorModal.d.ts +6 -14
  401. package/components/step-indicator/StepIndicatorModal.js +38 -50
  402. package/components/step-indicator/StepIndicatorModal.js.map +1 -1
  403. package/components/step-indicator/StepIndicatorProps.d.ts +2 -55
  404. package/components/step-indicator/StepIndicatorProps.js +3 -45
  405. package/components/step-indicator/StepIndicatorProps.js.map +1 -1
  406. package/components/step-indicator/StepIndicatorSidebar.d.ts +27 -21
  407. package/components/step-indicator/StepIndicatorSidebar.js +39 -52
  408. package/components/step-indicator/StepIndicatorSidebar.js.map +1 -1
  409. package/components/step-indicator/StepIndicatorTriggerButton.d.ts +16 -17
  410. package/components/step-indicator/StepIndicatorTriggerButton.js +62 -78
  411. package/components/step-indicator/StepIndicatorTriggerButton.js.map +1 -1
  412. package/components/switch/Switch.d.ts +4 -0
  413. package/components/switch/Switch.js +6 -4
  414. package/components/switch/Switch.js.map +1 -1
  415. package/components/switch/style/themes/dnb-switch-theme-ui.scss +3 -1
  416. package/components/table/TableContainer.js.map +1 -1
  417. package/components/table/style/table-accordion.scss +18 -6
  418. package/components/table/style/table-header-buttons.scss +3 -1
  419. package/components/table/style/table-tr.scss +6 -2
  420. package/components/table/style/themes/dnb-table-theme-ui.scss +3 -1
  421. package/components/timeline/TimelineItem.d.ts +3 -2
  422. package/components/timeline/TimelineItem.js +95 -61
  423. package/components/timeline/TimelineItem.js.map +1 -1
  424. package/components/timeline/style/themes/dnb-timeline-theme-ui.css +3 -2
  425. package/components/timeline/style/themes/dnb-timeline-theme-ui.min.css +3 -1
  426. package/components/timeline/style/themes/dnb-timeline-theme-ui.scss +3 -2
  427. package/components/toggle-button/style/themes/dnb-toggle-button-theme-ui.scss +3 -1
  428. package/elements/lib.d.ts +1 -1
  429. package/elements/typography/H.d.ts +5 -3
  430. package/elements/typography/H.js +8 -4
  431. package/elements/typography/H.js.map +1 -1
  432. package/elements/typography/H1.js +2 -2
  433. package/elements/typography/H1.js.map +1 -1
  434. package/elements/typography/H2.js +2 -2
  435. package/elements/typography/H2.js.map +1 -1
  436. package/elements/typography/H3.js +2 -2
  437. package/elements/typography/H3.js.map +1 -1
  438. package/elements/typography/H4.js +2 -2
  439. package/elements/typography/H4.js.map +1 -1
  440. package/elements/typography/H5.js +2 -2
  441. package/elements/typography/H5.js.map +1 -1
  442. package/elements/typography/H6.js +2 -2
  443. package/elements/typography/H6.js.map +1 -1
  444. package/elements/typography/style/dnb-typography.scss +3 -0
  445. package/elements/typography/style/themes/dnb-typography-theme-sbanken.scss +12 -2
  446. package/elements/typography/style/typography-mixins.scss +5 -0
  447. package/es/components/accordion/Accordion.d.ts +1 -1
  448. package/es/components/accordion/AccordionHeader.d.ts +4 -4
  449. package/es/components/accordion/AccordionHeader.js +18 -5
  450. package/es/components/accordion/AccordionHeader.js.map +1 -1
  451. package/es/components/accordion/style/dnb-accordion.css +22 -17
  452. package/es/components/accordion/style/dnb-accordion.min.css +1 -1
  453. package/es/components/accordion/style/dnb-accordion.scss +40 -18
  454. package/es/components/accordion/style/themes/dnb-accordion-theme-sbanken.css +124 -0
  455. package/es/components/accordion/style/themes/dnb-accordion-theme-sbanken.min.css +1 -0
  456. package/es/components/accordion/style/themes/dnb-accordion-theme-sbanken.scss +125 -0
  457. package/es/components/anchor/Anchor.js +1 -1
  458. package/es/components/anchor/Anchor.js.map +1 -1
  459. package/es/components/anchor/style/anchor-mixins.scss +9 -3
  460. package/es/components/anchor/style/themes/dnb-anchor-theme-sbanken.scss +3 -1
  461. package/es/components/autocomplete/Autocomplete.js +4 -2
  462. package/es/components/autocomplete/Autocomplete.js.map +1 -1
  463. package/es/components/avatar/style/index.d.ts +1 -1
  464. package/es/components/avatar/style/themes/dnb-avatar-theme-sbanken.scss +2 -1
  465. package/es/components/breadcrumb/Breadcrumb.js +2 -2
  466. package/es/components/breadcrumb/Breadcrumb.js.map +1 -1
  467. package/es/components/breadcrumb/BreadcrumbItem.js +23 -1
  468. package/es/components/breadcrumb/BreadcrumbItem.js.map +1 -1
  469. package/es/components/breadcrumb/style/themes/dnb-breadcrumb-theme-sbanken.css +23 -0
  470. package/es/components/breadcrumb/style/themes/dnb-breadcrumb-theme-sbanken.min.css +1 -0
  471. package/es/components/breadcrumb/style/themes/dnb-breadcrumb-theme-sbanken.scss +33 -0
  472. package/es/components/button/style/themes/dnb-button-theme-ui.scss +3 -1
  473. package/es/components/checkbox/Checkbox.d.ts +4 -0
  474. package/es/components/checkbox/Checkbox.js +6 -4
  475. package/es/components/checkbox/Checkbox.js.map +1 -1
  476. package/es/components/checkbox/style/themes/dnb-checkbox-theme-ui.scss +3 -1
  477. package/es/components/date-picker/style/themes/dnb-date-picker-theme-ui.scss +6 -2
  478. package/es/components/drawer/Drawer.d.ts +1 -1
  479. package/es/components/drawer/Drawer.js +3 -1
  480. package/es/components/drawer/Drawer.js.map +1 -1
  481. package/es/components/form-status/FormStatus.d.ts +2 -0
  482. package/es/components/form-status/FormStatus.js +70 -53
  483. package/es/components/form-status/FormStatus.js.map +1 -1
  484. package/es/components/form-status/style/dnb-form-status.scss +4 -2
  485. package/es/components/form-status/style/themes/dnb-form-status-theme-sbanken.css +37 -0
  486. package/es/components/form-status/style/themes/dnb-form-status-theme-sbanken.min.css +1 -0
  487. package/es/components/form-status/style/themes/dnb-form-status-theme-sbanken.scss +35 -0
  488. package/es/components/global-status/GlobalStatus.d.ts +1 -1
  489. package/es/components/global-status/GlobalStatus.js +18 -8
  490. package/es/components/global-status/GlobalStatus.js.map +1 -1
  491. package/es/components/global-status/style/dnb-global-status.scss +2 -1
  492. package/es/components/global-status/style/themes/dnb-global-status-theme-sbanken.css +22 -0
  493. package/es/components/global-status/style/themes/dnb-global-status-theme-sbanken.min.css +1 -0
  494. package/es/components/global-status/style/themes/dnb-global-status-theme-sbanken.scss +28 -0
  495. package/es/components/global-status/style/themes/dnb-global-status-theme-ui.css +6 -3
  496. package/es/components/global-status/style/themes/dnb-global-status-theme-ui.min.css +1 -1
  497. package/es/components/global-status/style/themes/dnb-global-status-theme-ui.scss +13 -6
  498. package/es/components/heading/Heading.d.ts +8 -8
  499. package/es/components/heading/Heading.js +9 -15
  500. package/es/components/heading/Heading.js.map +1 -1
  501. package/es/components/heading/HeadingHelpers.d.ts +5 -1
  502. package/es/components/heading/HeadingHelpers.js +39 -0
  503. package/es/components/heading/HeadingHelpers.js.map +1 -1
  504. package/es/components/info-card/index.js.map +1 -1
  505. package/es/components/info-card/style.js.map +1 -1
  506. package/es/components/input/style/themes/dnb-input-theme-ui.css +1 -1
  507. package/es/components/input/style/themes/dnb-input-theme-ui.min.css +1 -1
  508. package/es/components/input/style/themes/dnb-input-theme-ui.scss +9 -3
  509. package/es/components/input-masked/InputMaskedUtils.js +1 -1
  510. package/es/components/input-masked/InputMaskedUtils.js.map +1 -1
  511. package/es/components/modal/Modal.js.map +1 -1
  512. package/es/components/modal/parts/ModalHeaderBar.js +0 -4
  513. package/es/components/modal/parts/ModalHeaderBar.js.map +1 -1
  514. package/es/components/pagination/Pagination.js.map +1 -1
  515. package/es/components/radio/Radio.d.ts +4 -0
  516. package/es/components/radio/Radio.js +6 -4
  517. package/es/components/radio/Radio.js.map +1 -1
  518. package/es/components/radio/style/themes/dnb-radio-theme-ui.scss +15 -5
  519. package/es/components/section/Section.d.ts +21 -1
  520. package/es/components/section/Section.js.map +1 -1
  521. package/es/components/section/style/dnb-section.css +1 -1
  522. package/es/components/section/style/dnb-section.scss +8 -3
  523. package/es/components/section/style/themes/dnb-section-theme-sbanken.scss +3 -4
  524. package/es/components/section/style/themes/dnb-section-theme-ui.css +9 -0
  525. package/es/components/section/style/themes/dnb-section-theme-ui.scss +28 -14
  526. package/es/components/skeleton/style/dnb-skeleton.scss +8 -5
  527. package/es/components/slider/style/dnb-slider.scss +4 -2
  528. package/es/components/space/SpacingUtils.js.map +1 -1
  529. package/es/components/step-indicator/StepIndicator.d.ts +89 -75
  530. package/es/components/step-indicator/StepIndicator.js +29 -25
  531. package/es/components/step-indicator/StepIndicator.js.map +1 -1
  532. package/es/components/step-indicator/StepIndicatorContext.d.ts +45 -15
  533. package/es/components/step-indicator/StepIndicatorContext.js +94 -114
  534. package/es/components/step-indicator/StepIndicatorContext.js.map +1 -1
  535. package/es/components/step-indicator/StepIndicatorItem.d.ts +59 -61
  536. package/es/components/step-indicator/StepIndicatorItem.js +173 -223
  537. package/es/components/step-indicator/StepIndicatorItem.js.map +1 -1
  538. package/es/components/step-indicator/StepIndicatorList.d.ts +6 -8
  539. package/es/components/step-indicator/StepIndicatorList.js +43 -48
  540. package/es/components/step-indicator/StepIndicatorList.js.map +1 -1
  541. package/es/components/step-indicator/StepIndicatorModal.d.ts +6 -14
  542. package/es/components/step-indicator/StepIndicatorModal.js +38 -48
  543. package/es/components/step-indicator/StepIndicatorModal.js.map +1 -1
  544. package/es/components/step-indicator/StepIndicatorProps.d.ts +2 -55
  545. package/es/components/step-indicator/StepIndicatorProps.js +3 -45
  546. package/es/components/step-indicator/StepIndicatorProps.js.map +1 -1
  547. package/es/components/step-indicator/StepIndicatorSidebar.d.ts +27 -21
  548. package/es/components/step-indicator/StepIndicatorSidebar.js +39 -52
  549. package/es/components/step-indicator/StepIndicatorSidebar.js.map +1 -1
  550. package/es/components/step-indicator/StepIndicatorTriggerButton.d.ts +16 -17
  551. package/es/components/step-indicator/StepIndicatorTriggerButton.js +62 -78
  552. package/es/components/step-indicator/StepIndicatorTriggerButton.js.map +1 -1
  553. package/es/components/switch/Switch.d.ts +4 -0
  554. package/es/components/switch/Switch.js +6 -4
  555. package/es/components/switch/Switch.js.map +1 -1
  556. package/es/components/switch/style/themes/dnb-switch-theme-ui.scss +3 -1
  557. package/es/components/table/TableContainer.js.map +1 -1
  558. package/es/components/table/style/table-accordion.scss +18 -6
  559. package/es/components/table/style/table-header-buttons.scss +3 -1
  560. package/es/components/table/style/table-tr.scss +6 -2
  561. package/es/components/table/style/themes/dnb-table-theme-ui.scss +3 -1
  562. package/es/components/timeline/TimelineItem.d.ts +3 -2
  563. package/es/components/timeline/TimelineItem.js +89 -58
  564. package/es/components/timeline/TimelineItem.js.map +1 -1
  565. package/es/components/timeline/style/themes/dnb-timeline-theme-ui.css +3 -2
  566. package/es/components/timeline/style/themes/dnb-timeline-theme-ui.min.css +3 -1
  567. package/es/components/timeline/style/themes/dnb-timeline-theme-ui.scss +3 -2
  568. package/es/components/toggle-button/style/themes/dnb-toggle-button-theme-ui.scss +3 -1
  569. package/es/elements/lib.d.ts +1 -1
  570. package/es/elements/typography/H.d.ts +5 -3
  571. package/es/elements/typography/H.js +8 -4
  572. package/es/elements/typography/H.js.map +1 -1
  573. package/es/elements/typography/H1.js +2 -2
  574. package/es/elements/typography/H1.js.map +1 -1
  575. package/es/elements/typography/H2.js +2 -2
  576. package/es/elements/typography/H2.js.map +1 -1
  577. package/es/elements/typography/H3.js +2 -2
  578. package/es/elements/typography/H3.js.map +1 -1
  579. package/es/elements/typography/H4.js +2 -2
  580. package/es/elements/typography/H4.js.map +1 -1
  581. package/es/elements/typography/H5.js +2 -2
  582. package/es/elements/typography/H5.js.map +1 -1
  583. package/es/elements/typography/H6.js +2 -2
  584. package/es/elements/typography/H6.js.map +1 -1
  585. package/es/elements/typography/style/dnb-typography.scss +3 -0
  586. package/es/elements/typography/style/themes/dnb-typography-theme-sbanken.scss +12 -2
  587. package/es/elements/typography/style/typography-mixins.scss +5 -0
  588. package/es/extensions/forms/DataContext/index.js.map +1 -1
  589. package/es/extensions/forms/Field/ArraySelection.d.ts +2 -1
  590. package/es/extensions/forms/Field/ArraySelection.js +49 -33
  591. package/es/extensions/forms/Field/ArraySelection.js.map +1 -1
  592. package/es/extensions/forms/Field/CountryCode.d.ts +10 -0
  593. package/es/extensions/forms/Field/CountryCode.js +67 -0
  594. package/es/extensions/forms/Field/CountryCode.js.map +1 -0
  595. package/es/extensions/forms/Field/Currency.d.ts +2 -2
  596. package/es/extensions/forms/Field/Currency.js +6 -37
  597. package/es/extensions/forms/Field/Currency.js.map +1 -1
  598. package/es/extensions/forms/Field/Date.d.ts +2 -2
  599. package/es/extensions/forms/Field/Date.js +11 -7
  600. package/es/extensions/forms/Field/Date.js.map +1 -1
  601. package/es/extensions/forms/Field/Number.d.ts +7 -3
  602. package/es/extensions/forms/Field/Number.js +44 -21
  603. package/es/extensions/forms/Field/Number.js.map +1 -1
  604. package/es/extensions/forms/Field/PhoneNumber.d.ts +7 -2
  605. package/es/extensions/forms/Field/PhoneNumber.js +43 -40
  606. package/es/extensions/forms/Field/PhoneNumber.js.map +1 -1
  607. package/es/extensions/forms/Field/PostalCodeAndCity.d.ts +1 -1
  608. package/es/extensions/forms/Field/PostalCodeAndCity.js.map +1 -1
  609. package/es/extensions/forms/Field/Selection.d.ts +6 -4
  610. package/es/extensions/forms/Field/Selection.js +85 -37
  611. package/es/extensions/forms/Field/Selection.js.map +1 -1
  612. package/es/extensions/forms/Field/String.d.ts +3 -3
  613. package/es/extensions/forms/Field/String.js +27 -13
  614. package/es/extensions/forms/Field/String.js.map +1 -1
  615. package/es/extensions/forms/Field/Toggle.js +11 -9
  616. package/es/extensions/forms/Field/Toggle.js.map +1 -1
  617. package/es/extensions/forms/Field/fields.scss +2 -2
  618. package/es/extensions/forms/Field/hooks/useField.d.ts +6 -8
  619. package/es/extensions/forms/Field/hooks/useField.js +34 -31
  620. package/es/extensions/forms/Field/hooks/useField.js.map +1 -1
  621. package/es/extensions/forms/Field/index.d.ts +2 -0
  622. package/es/extensions/forms/Field/index.js +3 -1
  623. package/es/extensions/forms/Field/index.js.map +1 -1
  624. package/es/extensions/forms/Field/style/dnb-array-selection.css +13 -0
  625. package/es/extensions/forms/Field/style/dnb-array-selection.min.css +1 -0
  626. package/es/extensions/forms/Field/style/dnb-array-selection.scss +15 -0
  627. package/es/extensions/forms/Field/style/dnb-country-code.css +12 -0
  628. package/es/extensions/forms/Field/style/dnb-country-code.min.css +1 -0
  629. package/es/extensions/forms/Field/style/dnb-country-code.scss +19 -0
  630. package/es/extensions/forms/Field/style/dnb-phone-number.css +3 -7
  631. package/es/extensions/forms/Field/style/dnb-phone-number.min.css +1 -1
  632. package/es/extensions/forms/Field/style/dnb-phone-number.scss +3 -8
  633. package/es/extensions/forms/Field/style/dnb-postal-code-and-city.css +5 -2
  634. package/es/extensions/forms/Field/style/dnb-postal-code-and-city.min.css +1 -1
  635. package/es/extensions/forms/Field/style/dnb-postal-code-and-city.scss +5 -1
  636. package/es/extensions/forms/Field/style/dnb-selection.css +5 -2
  637. package/es/extensions/forms/Field/style/dnb-selection.min.css +1 -1
  638. package/es/extensions/forms/Field/style/dnb-selection.scss +7 -1
  639. package/es/extensions/forms/Field/style/index.scss +2 -0
  640. package/es/extensions/forms/FieldBlock/FieldBlock.d.ts +3 -2
  641. package/es/extensions/forms/FieldBlock/FieldBlock.js +15 -10
  642. package/es/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
  643. package/es/extensions/forms/FieldBlock/index.js.map +1 -1
  644. package/es/extensions/forms/FieldBlock/style/dnb-field-block.css +31 -8
  645. package/es/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
  646. package/es/extensions/forms/FieldBlock/style/dnb-field-block.scss +46 -13
  647. package/es/extensions/forms/FieldGroup/index.js.map +1 -1
  648. package/es/extensions/forms/Layout/Card.js +2 -2
  649. package/es/extensions/forms/Layout/Card.js.map +1 -1
  650. package/es/extensions/forms/Layout/FlexContainer.d.ts +1 -0
  651. package/es/extensions/forms/Layout/FlexContainer.js +3 -2
  652. package/es/extensions/forms/Layout/FlexContainer.js.map +1 -1
  653. package/es/extensions/forms/Layout/FlexItem.d.ts +1 -0
  654. package/es/extensions/forms/Layout/FlexItem.js +2 -1
  655. package/es/extensions/forms/Layout/FlexItem.js.map +1 -1
  656. package/es/extensions/forms/Layout/style/dnb-card.css +3 -3
  657. package/es/extensions/forms/Layout/style/dnb-card.min.css +1 -1
  658. package/es/extensions/forms/Layout/style/dnb-card.scss +6 -4
  659. package/es/extensions/forms/Layout/style/dnb-flex-container.css +9 -0
  660. package/es/extensions/forms/Layout/style/dnb-flex-container.min.css +1 -1
  661. package/es/extensions/forms/Layout/style/dnb-flex-container.scss +14 -0
  662. package/es/extensions/forms/Layout/style/dnb-flex-item.css +9 -0
  663. package/es/extensions/forms/Layout/style/dnb-flex-item.min.css +1 -1
  664. package/es/extensions/forms/Layout/style/dnb-flex-item.scss +14 -0
  665. package/es/extensions/forms/StepsLayout/StepsLayout.js +1 -1
  666. package/es/extensions/forms/StepsLayout/StepsLayout.js.map +1 -1
  667. package/es/extensions/forms/StepsLayout/style/dnb-steps-layout.css +11 -5
  668. package/es/extensions/forms/StepsLayout/style/dnb-steps-layout.min.css +1 -1
  669. package/es/extensions/forms/StepsLayout/style/dnb-steps-layout.scss +10 -3
  670. package/es/extensions/forms/ValueBlock/index.js.map +1 -1
  671. package/es/extensions/forms/field-types.d.ts +7 -1
  672. package/es/extensions/forms/field-types.js.map +1 -1
  673. package/es/extensions/forms/style/dnb-forms.css +105 -29
  674. package/es/extensions/forms/style/dnb-forms.min.css +1 -1
  675. package/es/extensions/forms/style/index.d.ts +1 -0
  676. package/es/extensions/forms/style/index.js +1 -0
  677. package/es/extensions/forms/style/index.js.map +1 -0
  678. package/es/extensions/forms/utils/TestElement/style/dnb-test-element.css +2 -2
  679. package/es/extensions/forms/utils/TestElement/style/dnb-test-element.min.css +1 -1
  680. package/es/extensions/forms/utils/TestElement/style/dnb-test-element.scss +2 -2
  681. package/es/extensions/forms/utils/useWasChanged.d.ts +5 -0
  682. package/es/extensions/forms/utils/useWasChanged.js +51 -0
  683. package/es/extensions/forms/utils/useWasChanged.js.map +1 -0
  684. package/es/extensions/forms/variables.scss +3 -0
  685. package/es/extensions/lib.d.ts +1 -0
  686. package/es/extensions/payment-card/PaymentCard.js.map +1 -1
  687. package/es/extensions/payment-card/utils/backgrounds/ung.js +1 -1
  688. package/es/extensions/payment-card/utils/backgrounds/ung.js.map +1 -1
  689. package/es/extensions/payment-card/utils/backgrounds/youth.js +1 -1
  690. package/es/extensions/payment-card/utils/backgrounds/youth.js.map +1 -1
  691. package/es/fragments/drawer-list/DrawerList.js +1 -1
  692. package/es/fragments/drawer-list/DrawerList.js.map +1 -1
  693. package/es/fragments/drawer-list/DrawerListPortal.js +2 -2
  694. package/es/fragments/drawer-list/DrawerListPortal.js.map +1 -1
  695. package/es/fragments/drawer-list/style/dnb-drawer-list.scss +3 -1
  696. package/es/shared/Context.d.ts +2 -0
  697. package/es/shared/Context.js.map +1 -1
  698. package/es/shared/Eufemia.d.ts +1 -1
  699. package/es/shared/Eufemia.js +2 -2
  700. package/es/shared/Eufemia.js.map +1 -1
  701. package/es/shared/helpers/withCamelCaseProps.js.map +1 -1
  702. package/es/shared/helpers/withSnakeCaseProps.js.map +1 -1
  703. package/es/shared/libs/Shortcuts.js.map +1 -1
  704. package/es/shared/locales/en-GB.d.ts +1 -0
  705. package/es/shared/locales/en-GB.js +1 -0
  706. package/es/shared/locales/en-GB.js.map +1 -1
  707. package/es/shared/locales/en-US.d.ts +1 -0
  708. package/es/shared/locales/index.d.ts +2 -0
  709. package/es/shared/locales/nb-NO.d.ts +1 -0
  710. package/es/shared/locales/nb-NO.js +1 -0
  711. package/es/shared/locales/nb-NO.js.map +1 -1
  712. package/es/style/core/reset.scss +13 -3
  713. package/es/style/core/utilities.scss +3 -1
  714. package/es/style/dnb-ui-components.css +23 -18
  715. package/es/style/dnb-ui-components.min.css +1 -1
  716. package/es/style/dnb-ui-elements.css +6 -0
  717. package/es/style/dnb-ui-elements.min.css +1 -1
  718. package/es/style/dnb-ui-extensions.css +105 -29
  719. package/es/style/dnb-ui-extensions.min.css +1 -1
  720. package/es/style/themes/theme-eiendom/eiendom-theme-basis.css +6 -0
  721. package/es/style/themes/theme-eiendom/eiendom-theme-basis.min.css +1 -1
  722. package/es/style/themes/theme-eiendom/eiendom-theme-components.css +42 -24
  723. package/es/style/themes/theme-eiendom/eiendom-theme-components.min.css +3 -1
  724. package/es/style/themes/theme-eiendom/eiendom-theme-extensions.css +105 -29
  725. package/es/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
  726. package/es/style/themes/theme-sbanken/customisations.scss +0 -8
  727. package/es/style/themes/theme-sbanken/properties.js +6 -6
  728. package/es/style/themes/theme-sbanken/properties.js.map +1 -1
  729. package/es/style/themes/theme-sbanken/properties.scss +6 -6
  730. package/es/style/themes/theme-sbanken/sbanken-theme-basis.css +27 -26
  731. package/es/style/themes/theme-sbanken/sbanken-theme-basis.min.css +1 -1
  732. package/es/style/themes/theme-sbanken/sbanken-theme-components.css +236 -245
  733. package/es/style/themes/theme-sbanken/sbanken-theme-components.min.css +4 -2
  734. package/es/style/themes/theme-sbanken/sbanken-theme-components.scss +4 -3
  735. package/es/style/themes/theme-sbanken/sbanken-theme-elements.css +21 -2
  736. package/es/style/themes/theme-sbanken/sbanken-theme-elements.min.css +1 -1
  737. package/es/style/themes/theme-sbanken/sbanken-theme-extensions.css +105 -29
  738. package/es/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
  739. package/es/style/themes/theme-ui/fonts.scss +8 -4
  740. package/es/style/themes/theme-ui/ui-theme-basis.css +6 -0
  741. package/es/style/themes/theme-ui/ui-theme-basis.min.css +1 -1
  742. package/es/style/themes/theme-ui/ui-theme-components.css +42 -24
  743. package/es/style/themes/theme-ui/ui-theme-components.min.css +4 -2
  744. package/es/style/themes/theme-ui/ui-theme-elements.css +6 -0
  745. package/es/style/themes/theme-ui/ui-theme-elements.min.css +1 -1
  746. package/es/style/themes/theme-ui/ui-theme-extensions.css +105 -29
  747. package/es/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
  748. package/es/style/themes/theme-ui/ui-theme-tags.css +3 -0
  749. package/es/style/themes/theme-ui/ui-theme-tags.min.css +1 -1
  750. package/es/style/themes/theme-ui/ui-theme-tags.scss +9 -4
  751. package/esm/dnb-ui-basis.min.mjs +1 -1
  752. package/esm/dnb-ui-components.min.mjs +1 -1
  753. package/esm/dnb-ui-elements.min.mjs +1 -1
  754. package/esm/dnb-ui-extensions.min.mjs +6 -6
  755. package/esm/dnb-ui-lib.min.mjs +1 -1
  756. package/extensions/forms/DataContext/index.js.map +1 -1
  757. package/extensions/forms/Field/ArraySelection.d.ts +2 -1
  758. package/extensions/forms/Field/ArraySelection.js +49 -33
  759. package/extensions/forms/Field/ArraySelection.js.map +1 -1
  760. package/extensions/forms/Field/CountryCode.d.ts +10 -0
  761. package/extensions/forms/Field/CountryCode.js +68 -0
  762. package/extensions/forms/Field/CountryCode.js.map +1 -0
  763. package/extensions/forms/Field/Currency.d.ts +2 -2
  764. package/extensions/forms/Field/Currency.js +6 -38
  765. package/extensions/forms/Field/Currency.js.map +1 -1
  766. package/extensions/forms/Field/Date.d.ts +2 -2
  767. package/extensions/forms/Field/Date.js +11 -7
  768. package/extensions/forms/Field/Date.js.map +1 -1
  769. package/extensions/forms/Field/Number.d.ts +7 -3
  770. package/extensions/forms/Field/Number.js +44 -21
  771. package/extensions/forms/Field/Number.js.map +1 -1
  772. package/extensions/forms/Field/PhoneNumber.d.ts +7 -2
  773. package/extensions/forms/Field/PhoneNumber.js +43 -42
  774. package/extensions/forms/Field/PhoneNumber.js.map +1 -1
  775. package/extensions/forms/Field/PostalCodeAndCity.d.ts +1 -1
  776. package/extensions/forms/Field/PostalCodeAndCity.js.map +1 -1
  777. package/extensions/forms/Field/Selection.d.ts +6 -4
  778. package/extensions/forms/Field/Selection.js +87 -38
  779. package/extensions/forms/Field/Selection.js.map +1 -1
  780. package/extensions/forms/Field/String.d.ts +3 -3
  781. package/extensions/forms/Field/String.js +27 -13
  782. package/extensions/forms/Field/String.js.map +1 -1
  783. package/extensions/forms/Field/Toggle.js +11 -9
  784. package/extensions/forms/Field/Toggle.js.map +1 -1
  785. package/extensions/forms/Field/fields.scss +2 -2
  786. package/extensions/forms/Field/hooks/useField.d.ts +6 -8
  787. package/extensions/forms/Field/hooks/useField.js +34 -33
  788. package/extensions/forms/Field/hooks/useField.js.map +1 -1
  789. package/extensions/forms/Field/index.d.ts +2 -0
  790. package/extensions/forms/Field/index.js +3 -1
  791. package/extensions/forms/Field/index.js.map +1 -1
  792. package/extensions/forms/Field/style/dnb-array-selection.css +13 -0
  793. package/extensions/forms/Field/style/dnb-array-selection.min.css +1 -0
  794. package/extensions/forms/Field/style/dnb-array-selection.scss +15 -0
  795. package/extensions/forms/Field/style/dnb-country-code.css +12 -0
  796. package/extensions/forms/Field/style/dnb-country-code.min.css +1 -0
  797. package/extensions/forms/Field/style/dnb-country-code.scss +19 -0
  798. package/extensions/forms/Field/style/dnb-phone-number.css +3 -7
  799. package/extensions/forms/Field/style/dnb-phone-number.min.css +1 -1
  800. package/extensions/forms/Field/style/dnb-phone-number.scss +3 -8
  801. package/extensions/forms/Field/style/dnb-postal-code-and-city.css +5 -2
  802. package/extensions/forms/Field/style/dnb-postal-code-and-city.min.css +1 -1
  803. package/extensions/forms/Field/style/dnb-postal-code-and-city.scss +5 -1
  804. package/extensions/forms/Field/style/dnb-selection.css +5 -2
  805. package/extensions/forms/Field/style/dnb-selection.min.css +1 -1
  806. package/extensions/forms/Field/style/dnb-selection.scss +7 -1
  807. package/extensions/forms/Field/style/index.scss +2 -0
  808. package/extensions/forms/FieldBlock/FieldBlock.d.ts +3 -2
  809. package/extensions/forms/FieldBlock/FieldBlock.js +15 -10
  810. package/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
  811. package/extensions/forms/FieldBlock/index.js.map +1 -1
  812. package/extensions/forms/FieldBlock/style/dnb-field-block.css +31 -8
  813. package/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
  814. package/extensions/forms/FieldBlock/style/dnb-field-block.scss +46 -13
  815. package/extensions/forms/FieldGroup/index.js.map +1 -1
  816. package/extensions/forms/Layout/Card.js +2 -2
  817. package/extensions/forms/Layout/Card.js.map +1 -1
  818. package/extensions/forms/Layout/FlexContainer.d.ts +1 -0
  819. package/extensions/forms/Layout/FlexContainer.js +3 -2
  820. package/extensions/forms/Layout/FlexContainer.js.map +1 -1
  821. package/extensions/forms/Layout/FlexItem.d.ts +1 -0
  822. package/extensions/forms/Layout/FlexItem.js +2 -1
  823. package/extensions/forms/Layout/FlexItem.js.map +1 -1
  824. package/extensions/forms/Layout/style/dnb-card.css +3 -3
  825. package/extensions/forms/Layout/style/dnb-card.min.css +1 -1
  826. package/extensions/forms/Layout/style/dnb-card.scss +6 -4
  827. package/extensions/forms/Layout/style/dnb-flex-container.css +9 -0
  828. package/extensions/forms/Layout/style/dnb-flex-container.min.css +1 -1
  829. package/extensions/forms/Layout/style/dnb-flex-container.scss +14 -0
  830. package/extensions/forms/Layout/style/dnb-flex-item.css +9 -0
  831. package/extensions/forms/Layout/style/dnb-flex-item.min.css +1 -1
  832. package/extensions/forms/Layout/style/dnb-flex-item.scss +14 -0
  833. package/extensions/forms/StepsLayout/StepsLayout.js +1 -1
  834. package/extensions/forms/StepsLayout/StepsLayout.js.map +1 -1
  835. package/extensions/forms/StepsLayout/style/dnb-steps-layout.css +11 -5
  836. package/extensions/forms/StepsLayout/style/dnb-steps-layout.min.css +1 -1
  837. package/extensions/forms/StepsLayout/style/dnb-steps-layout.scss +10 -3
  838. package/extensions/forms/ValueBlock/index.js.map +1 -1
  839. package/extensions/forms/field-types.d.ts +7 -1
  840. package/extensions/forms/field-types.js.map +1 -1
  841. package/extensions/forms/style/dnb-forms.css +105 -29
  842. package/extensions/forms/style/dnb-forms.min.css +1 -1
  843. package/extensions/forms/style/index.d.ts +1 -0
  844. package/extensions/forms/style/index.js +1 -0
  845. package/extensions/forms/style/index.js.map +1 -0
  846. package/extensions/forms/utils/TestElement/style/dnb-test-element.css +2 -2
  847. package/extensions/forms/utils/TestElement/style/dnb-test-element.min.css +1 -1
  848. package/extensions/forms/utils/TestElement/style/dnb-test-element.scss +2 -2
  849. package/extensions/forms/utils/useWasChanged.d.ts +5 -0
  850. package/extensions/forms/utils/useWasChanged.js +56 -0
  851. package/extensions/forms/utils/useWasChanged.js.map +1 -0
  852. package/extensions/forms/variables.scss +3 -0
  853. package/extensions/lib.d.ts +1 -0
  854. package/extensions/payment-card/PaymentCard.js.map +1 -1
  855. package/extensions/payment-card/utils/backgrounds/ung.js +1 -1
  856. package/extensions/payment-card/utils/backgrounds/ung.js.map +1 -1
  857. package/extensions/payment-card/utils/backgrounds/youth.js +1 -1
  858. package/extensions/payment-card/utils/backgrounds/youth.js.map +1 -1
  859. package/fragments/drawer-list/DrawerList.js +1 -1
  860. package/fragments/drawer-list/DrawerList.js.map +1 -1
  861. package/fragments/drawer-list/DrawerListPortal.js +2 -2
  862. package/fragments/drawer-list/DrawerListPortal.js.map +1 -1
  863. package/fragments/drawer-list/style/dnb-drawer-list.scss +3 -1
  864. package/package.json +1 -1
  865. package/shared/Context.d.ts +2 -0
  866. package/shared/Context.js.map +1 -1
  867. package/shared/Eufemia.d.ts +1 -1
  868. package/shared/Eufemia.js +2 -2
  869. package/shared/Eufemia.js.map +1 -1
  870. package/shared/helpers/withCamelCaseProps.js.map +1 -1
  871. package/shared/helpers/withSnakeCaseProps.js.map +1 -1
  872. package/shared/libs/Shortcuts.js.map +1 -1
  873. package/shared/locales/en-GB.d.ts +1 -0
  874. package/shared/locales/en-GB.js +1 -0
  875. package/shared/locales/en-GB.js.map +1 -1
  876. package/shared/locales/en-US.d.ts +1 -0
  877. package/shared/locales/index.d.ts +2 -0
  878. package/shared/locales/nb-NO.d.ts +1 -0
  879. package/shared/locales/nb-NO.js +1 -0
  880. package/shared/locales/nb-NO.js.map +1 -1
  881. package/style/core/reset.scss +13 -3
  882. package/style/core/utilities.scss +3 -1
  883. package/style/dnb-ui-components.css +23 -18
  884. package/style/dnb-ui-components.min.css +1 -1
  885. package/style/dnb-ui-elements.css +6 -0
  886. package/style/dnb-ui-elements.min.css +1 -1
  887. package/style/dnb-ui-extensions.css +105 -29
  888. package/style/dnb-ui-extensions.min.css +1 -1
  889. package/style/themes/theme-eiendom/eiendom-theme-basis.css +6 -0
  890. package/style/themes/theme-eiendom/eiendom-theme-basis.min.css +1 -1
  891. package/style/themes/theme-eiendom/eiendom-theme-components.css +42 -24
  892. package/style/themes/theme-eiendom/eiendom-theme-components.min.css +3 -1
  893. package/style/themes/theme-eiendom/eiendom-theme-extensions.css +105 -29
  894. package/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
  895. package/style/themes/theme-sbanken/customisations.scss +0 -8
  896. package/style/themes/theme-sbanken/properties.js +6 -6
  897. package/style/themes/theme-sbanken/properties.js.map +1 -1
  898. package/style/themes/theme-sbanken/properties.scss +6 -6
  899. package/style/themes/theme-sbanken/sbanken-theme-basis.css +27 -26
  900. package/style/themes/theme-sbanken/sbanken-theme-basis.min.css +1 -1
  901. package/style/themes/theme-sbanken/sbanken-theme-components.css +236 -245
  902. package/style/themes/theme-sbanken/sbanken-theme-components.min.css +4 -2
  903. package/style/themes/theme-sbanken/sbanken-theme-components.scss +4 -3
  904. package/style/themes/theme-sbanken/sbanken-theme-elements.css +21 -2
  905. package/style/themes/theme-sbanken/sbanken-theme-elements.min.css +1 -1
  906. package/style/themes/theme-sbanken/sbanken-theme-extensions.css +105 -29
  907. package/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
  908. package/style/themes/theme-ui/fonts.scss +8 -4
  909. package/style/themes/theme-ui/ui-theme-basis.css +6 -0
  910. package/style/themes/theme-ui/ui-theme-basis.min.css +1 -1
  911. package/style/themes/theme-ui/ui-theme-components.css +42 -24
  912. package/style/themes/theme-ui/ui-theme-components.min.css +4 -2
  913. package/style/themes/theme-ui/ui-theme-elements.css +6 -0
  914. package/style/themes/theme-ui/ui-theme-elements.min.css +1 -1
  915. package/style/themes/theme-ui/ui-theme-extensions.css +105 -29
  916. package/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
  917. package/style/themes/theme-ui/ui-theme-tags.css +3 -0
  918. package/style/themes/theme-ui/ui-theme-tags.min.css +1 -1
  919. package/style/themes/theme-ui/ui-theme-tags.scss +9 -4
  920. package/umd/dnb-ui-basis.min.js +1 -1
  921. package/umd/dnb-ui-components.min.js +1 -1
  922. package/umd/dnb-ui-elements.min.js +1 -1
  923. package/umd/dnb-ui-extensions.min.js +6 -6
  924. package/umd/dnb-ui-lib.min.js +1 -1
@@ -1,7 +1,7 @@
1
1
  import _extends from "@babel/runtime/helpers/esm/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
3
3
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
4
- var _path, _path2, _path3, _path4, _path5, _path6, _path7, _circle, _path8, _path9;
4
+ var _path, _path2, _path3, _path4, _path5, _path6, _circle, _path7, _path8;
5
5
  const _excluded = ["show", "title", "state", "size", "variant", "className", "no_animation", "stretch", "class", "text_id", "label", "status_id", "globalStatus", "id", "text", "icon", "icon_size", "skeleton", "children", "role"];
6
6
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
7
7
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -41,33 +41,37 @@ export default class FormStatus extends React.PureComponent {
41
41
  let {
42
42
  state,
43
43
  icon,
44
- icon_size
44
+ icon_size,
45
+ theme
45
46
  } = _ref;
46
- if (typeof icon === 'string') {
47
- let IconToLoad = icon;
48
- switch (FormStatus.correctStatus(state)) {
49
- case 'info':
50
- IconToLoad = InfoIcon;
51
- break;
52
- case 'warn':
53
- IconToLoad = WarnIcon;
54
- break;
55
- case 'marketing':
56
- IconToLoad = MarketingIcon;
57
- break;
58
- case 'error':
59
- default:
60
- IconToLoad = ErrorIcon;
61
- }
62
- icon = React.createElement(Icon, {
63
- icon: React.createElement(IconToLoad, {
64
- title: null
65
- }),
66
- size: icon_size,
67
- inherit_color: false
68
- });
47
+ if (typeof icon !== 'string') {
48
+ return icon;
69
49
  }
70
- return icon;
50
+ let IconToLoad = icon;
51
+ switch (FormStatus.correctStatus(state)) {
52
+ case 'info':
53
+ case 'success':
54
+ IconToLoad = InfoIcon;
55
+ break;
56
+ case 'warn':
57
+ IconToLoad = WarnIcon;
58
+ break;
59
+ case 'marketing':
60
+ IconToLoad = MarketingIcon;
61
+ break;
62
+ case 'error':
63
+ default:
64
+ IconToLoad = ErrorIcon;
65
+ }
66
+ return React.createElement(Icon, {
67
+ icon: React.createElement(IconToLoad, {
68
+ title: null,
69
+ state: state,
70
+ theme: theme
71
+ }),
72
+ size: icon_size,
73
+ inherit_color: false
74
+ });
71
75
  }
72
76
  static getDerivedStateFromProps(props, state) {
73
77
  if (state._id !== props.id && props.id) {
@@ -211,6 +215,7 @@ export default class FormStatus extends React.PureComponent {
211
215
  return isTrue(props.show) && FormStatus.getContent(props) ? true : false;
212
216
  }
213
217
  render() {
218
+ var _this$context, _this$context$theme;
214
219
  const isReadyToGetVisible = this.isReadyToGetVisible();
215
220
  if (!isReadyToGetVisible && !this.state.keepContentInDom) {
216
221
  return null;
@@ -245,7 +250,8 @@ export default class FormStatus extends React.PureComponent {
245
250
  const iconToRender = FormStatus.getIcon({
246
251
  state,
247
252
  icon,
248
- icon_size
253
+ icon_size,
254
+ theme: (_this$context = this.context) === null || _this$context === void 0 ? void 0 : (_this$context$theme = _this$context.theme) === null || _this$context$theme === void 0 ? void 0 : _this$context$theme.name
249
255
  });
250
256
  const contentToRender = this.state.keepContentInDom && this._cachedContent ? this._cachedContent : FormStatus.getContent(this.props);
251
257
  if (!this.state.isAnimating) {
@@ -382,41 +388,52 @@ process.env.NODE_ENV !== "production" ? WarnIcon.propTypes = {
382
388
  WarnIcon.defaultProps = {
383
389
  title: 'error'
384
390
  };
385
- export const InfoIcon = props => React.createElement("svg", _extends({
386
- width: "24",
387
- height: "24",
388
- viewBox: "0 0 24 24",
389
- fill: "none"
390
- }, props), props && props.title && React.createElement("title", null, props.title), _path7 || (_path7 = React.createElement("path", {
391
- fillRule: "evenodd",
392
- clipRule: "evenodd",
393
- d: "M11.268 0a11.25 11.25 0 105.566 21.017l6.112 2.91a.75.75 0 001-1l-2.911-6.112A11.234 11.234 0 0011.268 0z",
394
- fill: "#007272"
395
- })), _circle || (_circle = React.createElement("circle", {
396
- cx: "11",
397
- cy: "6.5",
398
- r: ".5",
399
- fill: "#fff",
400
- stroke: "#fff"
401
- })), _path8 || (_path8 = React.createElement("path", {
402
- d: "M13.75 16H13a1.5 1.5 0 01-1.5-1.5v-3.75a.75.75 0 00-.75-.75H10",
403
- stroke: "#fff",
404
- strokeWidth: "1.5",
405
- strokeLinecap: "round",
406
- strokeLinejoin: "round"
407
- })));
391
+ export const InfoIcon = props => {
392
+ const isSbankenTheme = props && (props === null || props === void 0 ? void 0 : props.theme) === 'sbanken';
393
+ let fill = isSbankenTheme ? '#000' : '#007272';
394
+ if (props && (props === null || props === void 0 ? void 0 : props.state) === 'success') {
395
+ fill = isSbankenTheme ? '#02A56A' : '#28B482';
396
+ }
397
+ return React.createElement("svg", _extends({
398
+ width: "24",
399
+ height: "24",
400
+ viewBox: "0 0 24 24",
401
+ fill: "none"
402
+ }, props), props && props.title && React.createElement("title", null, props.title), React.createElement("path", {
403
+ fillRule: "evenodd",
404
+ clipRule: "evenodd",
405
+ d: "M11.268 0a11.25 11.25 0 105.566 21.017l6.112 2.91a.75.75 0 001-1l-2.911-6.112A11.234 11.234 0 0011.268 0z",
406
+ fill: fill
407
+ }), _circle || (_circle = React.createElement("circle", {
408
+ cx: "11",
409
+ cy: "6.5",
410
+ r: ".5",
411
+ fill: "#fff",
412
+ stroke: "#fff"
413
+ })), _path7 || (_path7 = React.createElement("path", {
414
+ d: "M13.75 16H13a1.5 1.5 0 01-1.5-1.5v-3.75a.75.75 0 00-.75-.75H10",
415
+ stroke: "#fff",
416
+ strokeWidth: "1.5",
417
+ strokeLinecap: "round",
418
+ strokeLinejoin: "round"
419
+ })));
420
+ };
408
421
  process.env.NODE_ENV !== "production" ? InfoIcon.propTypes = {
409
- title: PropTypes.string
422
+ title: PropTypes.string,
423
+ state: PropTypes.string,
424
+ theme: PropTypes.string
410
425
  } : void 0;
411
426
  InfoIcon.defaultProps = {
412
- title: 'info'
427
+ title: 'info',
428
+ state: 'info',
429
+ theme: 'ui'
413
430
  };
414
431
  export const MarketingIcon = props => React.createElement("svg", _extends({
415
432
  width: "24",
416
433
  height: "24",
417
434
  fill: "none",
418
435
  xmlns: "http://www.w3.org/2000/svg"
419
- }, props), props && props.title && React.createElement("title", null, props.title), _path9 || (_path9 = React.createElement("path", {
436
+ }, props), props && props.title && React.createElement("title", null, props.title), _path8 || (_path8 = React.createElement("path", {
420
437
  d: "M6 15.25H4.5c-2.042 0-3.75-1.707-3.75-3.75S2.458 7.75 4.5 7.75H6v7.5ZM7.5 15.25c4.801 0 8.846 1.897 12.75 4.5V3.25c-3.904 2.603-7.949 4.5-12.75 4.5v7.5ZM23.25 10a.75.75 0 0 0-1.5 0h1.5Zm-1.5 3a.75.75 0 0 0 1.5 0h-1.5ZM8.483 21.043a.75.75 0 1 0 1.034-1.086l-1.034 1.086ZM21.75 10v3h1.5v-3h-1.5ZM6 15.25a8.058 8.058 0 0 0 2.483 5.793l1.034-1.086A6.559 6.559 0 0 1 7.5 15.25H6Z",
421
438
  fill: "#333"
422
439
  })));
@@ -1 +1 @@
1
- {"version":3,"file":"FormStatus.js","names":["React","PropTypes","classnames","Context","isTrue","makeUniqueId","validateDOMAttributes","processChildren","extendPropsWithContextInClassComponent","HeightAnimationInstance","spacingPropTypes","createSpacingClasses","Icon","GlobalStatusProvider","skeletonDOMAttributes","createSkeletonClass","includeValidProps","FormStatus","PureComponent","getContent","props","text","correctStatus","state","getIcon","_ref","icon","icon_size","IconToLoad","InfoIcon","WarnIcon","MarketingIcon","ErrorIcon","createElement","title","size","inherit_color","getDerivedStateFromProps","_id","id","constructor","context","_props$globalStatus","_context$FormStatus","_context$FormStatus$g","_context$FormRow","_context$FormRow$glob","_defineProperty","keepContentInDom","_isMounted","_globalStatus","isReady","updateWidth","current","width_element","width_selector","setMaxWidthToElement","element","widthElement","widthSelector","init","globalStatus","FormRow","provider","isReadyToGetVisible","label","add","status_id","getStatusId","item","item_id","message","status_anchor_label","status_anchor_url","createRef","_heightAnim","animate","no_animation","onStart","setState","isAnimating","onEnd","show","componentDidMount","document","readyState","window","addEventListener","componentWillUnmount","remove","removeEventListener","componentDidUpdate","prevProps","children","update","preventRestack","setElement","open","close","arguments","length","undefined","render","defaultProps","skeleton","rawState","variant","className","stretch","class","_className","text_id","role","rest","_objectWithoutProperties","_excluded","iconToRender","contentToRender","_cachedContent","hasStringContent","params","_objectSpread","String","startsWith","textParams","_extends","ref","attributes","process","env","NODE_ENV","propTypes","string","oneOfType","bool","func","node","oneOf","shape","object","width","height","viewBox","fill","_path","d","_path2","_path3","stroke","strokeWidth","strokeLinecap","strokeLinejoin","_path4","_path5","_path6","_path7","fillRule","clipRule","_circle","cx","cy","r","_path8","xmlns","_path9","_ref2","getAttribute","replace","sumElementWidth","maxWidth","remWidth","style","getComputedStyle","hasCustomWidth","minWidth","e","_ref3","ids","split","reduce","acc","cur","elem","querySelector","getElementById","offsetWidth","test","parseFloat"],"sources":["../../../../src/components/form-status/FormStatus.js"],"sourcesContent":["/**\n * Web FormStatus Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport {\n isTrue,\n makeUniqueId,\n validateDOMAttributes,\n processChildren,\n extendPropsWithContextInClassComponent,\n} from '../../shared/component-helper'\nimport HeightAnimationInstance from '../height-animation/HeightAnimationInstance'\nimport {\n spacingPropTypes,\n createSpacingClasses,\n} from '../space/SpacingHelper'\nimport Icon from '../icon/Icon'\nimport GlobalStatusProvider from '../global-status/GlobalStatusProvider'\nimport {\n skeletonDOMAttributes,\n createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\nimport { includeValidProps } from '../form-row/FormRowHelpers'\n\nexport default class FormStatus extends React.PureComponent {\n static contextType = Context\n\n static propTypes = {\n id: PropTypes.string,\n title: PropTypes.string,\n show: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n text: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.bool,\n PropTypes.func,\n PropTypes.node,\n ]),\n label: PropTypes.node,\n icon: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.func,\n PropTypes.node,\n ]),\n icon_size: PropTypes.string,\n state: PropTypes.oneOfType([\n PropTypes.bool,\n PropTypes.string,\n PropTypes.oneOf(['error', 'warn', 'info', 'marketing']),\n ]),\n variant: PropTypes.oneOf(['flat', 'outlined']),\n size: PropTypes.oneOf(['default', 'large']),\n globalStatus: PropTypes.shape({\n id: PropTypes.string,\n message: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n }),\n attributes: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n text_id: PropTypes.string,\n width_selector: PropTypes.string,\n width_element: PropTypes.object,\n class: PropTypes.string,\n no_animation: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n stretch: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n role: PropTypes.string,\n\n ...spacingPropTypes,\n\n className: PropTypes.string,\n children: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.func,\n PropTypes.node,\n ]),\n }\n\n static defaultProps = {\n id: null,\n title: null,\n show: true,\n text: null,\n globalStatus: null,\n label: null,\n icon: 'error',\n icon_size: 'medium',\n size: 'default',\n variant: null,\n state: 'error',\n attributes: null,\n text_id: null,\n width_selector: null,\n width_element: null,\n class: null,\n no_animation: null,\n skeleton: null,\n stretch: null,\n role: null,\n className: null,\n children: null,\n }\n\n static getContent(props) {\n if (props.text) {\n if (isTrue(props.text)) {\n return null\n }\n return props.text\n }\n return processChildren(props)\n }\n\n static correctStatus(state) {\n switch (state) {\n case 'information':\n state = 'info'\n break\n case 'warning':\n state = 'warn'\n break\n }\n return state\n }\n\n static getIcon({ state, icon, icon_size }) {\n if (typeof icon === 'string') {\n let IconToLoad = icon\n\n switch (FormStatus.correctStatus(state)) {\n case 'info':\n IconToLoad = InfoIcon\n break\n case 'warn':\n IconToLoad = WarnIcon\n break\n case 'marketing':\n IconToLoad = MarketingIcon\n break\n case 'error':\n default:\n IconToLoad = ErrorIcon\n }\n\n icon = (\n <Icon\n icon={<IconToLoad title={null} />}\n size={icon_size}\n inherit_color={false}\n />\n )\n }\n\n return icon\n }\n\n static getDerivedStateFromProps(props, state) {\n if (state._id !== props.id && props.id) {\n state.id = props.id\n }\n\n state._id = props.id\n\n return state\n }\n\n state = { id: null, keepContentInDom: null }\n\n constructor(props, context) {\n super(props)\n\n // we do not use a random ID here, as we don't need it for now\n this.state.id = props.id || makeUniqueId()\n\n this._globalStatus = GlobalStatusProvider.init(\n props?.globalStatus?.id ||\n context?.FormStatus?.globalStatus?.id ||\n context?.FormRow?.globalStatus?.id ||\n 'main',\n (provider) => {\n // gets called once ready\n if (this.props.state === 'error' && this.isReadyToGetVisible()) {\n const { state, text, globalStatus, label } = this.props\n provider.add({\n state,\n status_id: this.getStatusId(),\n item: {\n item_id: this.state.id,\n text: globalStatus?.message || text,\n status_anchor_label: label,\n status_anchor_url: true,\n },\n })\n }\n }\n )\n\n this._ref = React.createRef()\n\n this._heightAnim = new HeightAnimationInstance({\n animate: props.no_animation === false,\n\n /** TODO: consider to enable animation by default */\n // animate: !isTrue(props.no_animation),\n })\n\n this._heightAnim.onStart(() => {\n this.setState({\n isAnimating: true,\n keepContentInDom: true,\n })\n })\n\n this._heightAnim.onEnd(() => {\n this.setState({\n isAnimating: false,\n keepContentInDom: isTrue(this.props.show),\n })\n })\n }\n\n init = () => {\n if (this._isMounted) {\n this._globalStatus.isReady()\n\n this.updateWidth()\n }\n }\n\n componentDidMount() {\n this._isMounted = true\n if (document.readyState === 'complete') {\n this.init()\n } else if (typeof window !== 'undefined') {\n window.addEventListener('load', this.init)\n }\n if (typeof window !== 'undefined') {\n window.addEventListener('resize', this.updateWidth)\n }\n }\n\n componentWillUnmount() {\n this._isMounted = false\n const status_id = this.getStatusId()\n this._globalStatus.remove(status_id)\n if (typeof window !== 'undefined') {\n window.removeEventListener('load', this.init)\n window.removeEventListener('resize', this.updateWidth)\n }\n this._heightAnim.remove()\n }\n\n componentDidUpdate(prevProps) {\n const { state, show, text, globalStatus, children, label } = this.props\n\n if (\n prevProps.text !== text ||\n prevProps.children !== children ||\n prevProps.show !== show ||\n prevProps.state !== state\n ) {\n // ensure we update the content\n this.setState({ keepContentInDom: false })\n\n if (state === 'error') {\n const status_id = this.getStatusId()\n\n if (isTrue(show)) {\n this._globalStatus.update(\n status_id,\n {\n state,\n status_id,\n item: {\n item_id: this.state.id,\n text: globalStatus?.message || text,\n status_anchor_label: label,\n status_anchor_url: true,\n },\n },\n {\n preventRestack: true, // because of the internal \"close\"\n }\n )\n } else if (!FormStatus.getContent(this.props)) {\n const status_id = this.getStatusId()\n this._globalStatus.remove(status_id)\n }\n }\n\n if (this.isReadyToGetVisible()) {\n this.updateWidth()\n this._heightAnim.setElement(this._ref.current)\n this._heightAnim.open()\n } else {\n this._heightAnim.close()\n }\n }\n }\n\n getStatusId() {\n return `${this.state.id}-gs`\n }\n\n updateWidth = () => {\n // set max-width to this form-status, using the \"linked mother\"\n if (this._ref.current) {\n const { width_element, width_selector } = this.props\n setMaxWidthToElement({\n element: this._ref.current,\n widthElement: width_element && width_element.current,\n widthSelector: width_selector,\n })\n }\n }\n\n isReadyToGetVisible(props = this.props) {\n return isTrue(props.show) && FormStatus.getContent(props)\n ? true\n : false\n }\n\n render() {\n const isReadyToGetVisible = this.isReadyToGetVisible()\n\n if (!isReadyToGetVisible && !this.state.keepContentInDom) {\n return null\n }\n\n // use only the props from context, who are available here anyway\n const props = extendPropsWithContextInClassComponent(\n this.props,\n FormStatus.defaultProps,\n { skeleton: this.context && this.context.skeleton },\n includeValidProps(this.context.FormRow),\n this.context.FormStatus\n )\n\n const {\n show, // eslint-disable-line\n title,\n state: rawState,\n size,\n variant,\n className,\n no_animation,\n stretch,\n class: _className,\n text_id,\n\n label, // eslint-disable-line\n status_id, // eslint-disable-line\n globalStatus, // eslint-disable-line\n id, // eslint-disable-line\n text, // eslint-disable-line\n icon, // eslint-disable-line\n icon_size, // eslint-disable-line\n skeleton, // eslint-disable-line\n children, // eslint-disable-line\n role,\n\n ...rest\n } = props\n\n const state = FormStatus.correctStatus(rawState)\n const iconToRender = FormStatus.getIcon({\n state,\n icon,\n icon_size,\n })\n\n const contentToRender =\n this.state.keepContentInDom && this._cachedContent\n ? this._cachedContent\n : FormStatus.getContent(this.props)\n\n // Add a cache, we use this during the \"hide\" period when animating\n if (!this.state.isAnimating) {\n this._cachedContent = contentToRender\n }\n\n const hasStringContent =\n typeof contentToRender === 'string' && contentToRender.length > 0\n\n const params = {\n className: classnames(\n 'dnb-form-status',\n `dnb-form-status--${state}`,\n `dnb-form-status__size--${size}`,\n variant && `dnb-form-status__variant--${variant}`,\n this.state.isAnimating && 'dnb-form-status--is-animating',\n !isReadyToGetVisible &&\n !this.state.keepContentInDom &&\n 'dnb-form-status--hidden',\n !isReadyToGetVisible &&\n this.state.keepContentInDom &&\n 'dnb-form-status--disappear',\n isTrue(no_animation) && 'dnb-form-status--no-animation',\n stretch && 'dnb-form-status--stretch',\n hasStringContent ? 'dnb-form-status--has-content' : null,\n createSpacingClasses(props),\n className,\n _className\n ),\n id: !String(id).startsWith('null') ? this.state.id : null,\n title,\n role,\n ...rest,\n }\n\n if (!role) {\n switch (state) {\n case 'info':\n params.role = 'status'\n break\n default:\n params.role = 'alert'\n }\n }\n\n const textParams = {\n className: classnames(\n 'dnb-form-status__text',\n createSkeletonClass('font', skeleton, this.context)\n ),\n id: !String(text_id).startsWith('null') ? text_id : null,\n }\n\n skeletonDOMAttributes(params, skeleton, this.context)\n\n // also used for code markup simulation\n validateDOMAttributes(this.props, params)\n validateDOMAttributes(null, textParams)\n\n return (\n <span {...params} ref={this._ref}>\n <span className=\"dnb-form-status__shell\">\n {iconToRender}\n <span {...textParams}>{contentToRender}</span>\n </span>\n </span>\n )\n }\n}\n\nexport const ErrorIcon = (props) => (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n {props && props.title && <title>{props.title}</title>}\n <path\n d=\"M23.625 17.864A3.547 3.547 0 0120.45 23H3.548a3.546 3.546 0 01-3.172-5.136l8.45-14.902a3.548 3.548 0 016.347 0l8.452 14.902z\"\n fill=\"#DC2A2A\"\n />\n <path\n d=\"M12 16.286a1.286 1.286 0 100 2.572 1.286 1.286 0 000-2.572z\"\n fill=\"#fff\"\n />\n <path\n d=\"M12 13.818v-5\"\n stroke=\"#fff\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n)\nErrorIcon.propTypes = {\n title: PropTypes.string,\n}\nErrorIcon.defaultProps = {\n title: 'error',\n}\n\nexport const WarnIcon = (props) => (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n {props && props.title && <title>{props.title}</title>}\n <path\n d=\"M23.625 17.864A3.547 3.547 0 0120.45 23H3.548a3.546 3.546 0 01-3.172-5.136l8.45-14.902a3.548 3.548 0 016.347 0l8.452 14.902z\"\n fill=\"#FDBB31\"\n />\n <path\n d=\"M12 16.286a1.286 1.286 0 100 2.572 1.286 1.286 0 000-2.572z\"\n fill=\"#333\"\n />\n <path\n d=\"M12 13.818v-5\"\n stroke=\"#333\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n)\nWarnIcon.propTypes = {\n title: PropTypes.string,\n}\nWarnIcon.defaultProps = {\n title: 'error',\n}\n\nexport const InfoIcon = (props) => (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n {props && props.title && <title>{props.title}</title>}\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M11.268 0a11.25 11.25 0 105.566 21.017l6.112 2.91a.75.75 0 001-1l-2.911-6.112A11.234 11.234 0 0011.268 0z\"\n fill=\"#007272\"\n />\n <circle cx=\"11\" cy=\"6.5\" r=\".5\" fill=\"#fff\" stroke=\"#fff\" />\n <path\n d=\"M13.75 16H13a1.5 1.5 0 01-1.5-1.5v-3.75a.75.75 0 00-.75-.75H10\"\n stroke=\"#fff\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n)\nInfoIcon.propTypes = {\n title: PropTypes.string,\n}\nInfoIcon.defaultProps = {\n title: 'info',\n}\n\nexport const MarketingIcon = (props) => (\n <svg\n width=\"24\"\n height=\"24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n {props && props.title && <title>{props.title}</title>}\n <path\n d=\"M6 15.25H4.5c-2.042 0-3.75-1.707-3.75-3.75S2.458 7.75 4.5 7.75H6v7.5ZM7.5 15.25c4.801 0 8.846 1.897 12.75 4.5V3.25c-3.904 2.603-7.949 4.5-12.75 4.5v7.5ZM23.25 10a.75.75 0 0 0-1.5 0h1.5Zm-1.5 3a.75.75 0 0 0 1.5 0h-1.5ZM8.483 21.043a.75.75 0 1 0 1.034-1.086l-1.034 1.086ZM21.75 10v3h1.5v-3h-1.5ZM6 15.25a8.058 8.058 0 0 0 2.483 5.793l1.034-1.086A6.559 6.559 0 0 1 7.5 15.25H6Z\"\n fill=\"#333\"\n />\n </svg>\n)\nMarketingIcon.propTypes = {\n title: PropTypes.string,\n}\nMarketingIcon.defaultProps = {\n title: 'marketing',\n}\n\nexport function setMaxWidthToElement({\n element,\n id = null,\n widthElement = null,\n widthSelector = null,\n}) {\n if (!(element && typeof window !== 'undefined')) {\n return // stop here\n }\n try {\n if (!id && !widthSelector) {\n id = element.getAttribute('id')\n }\n widthSelector = widthSelector || id?.replace('-form-status', '') || id\n\n let width = sumElementWidth({\n widthElement,\n widthSelector,\n })\n\n if (width > 40) {\n const maxWidth = 30 * 16 // use 12rem, because that's the default width in chrome for an input\n if (width < maxWidth) {\n width = maxWidth\n }\n\n const remWidth = `${width / 16}rem`\n\n const style = window.getComputedStyle(element)\n const hasCustomWidth = element.style.maxWidth\n ? false\n : (style.minWidth !== '' && style.minWidth !== 'auto') ||\n (style.maxWidth !== '' && style.maxWidth !== 'none')\n\n if (!hasCustomWidth) {\n element.style.maxWidth = remWidth\n }\n }\n } catch (e) {\n // skip logging\n }\n}\n\nfunction sumElementWidth({ widthElement, widthSelector }) {\n let width = 0\n if (typeof document === 'undefined') {\n return width // stop here\n }\n try {\n // beside \"selector\" - which is straight forward, we\n // also check if we can get an ID given by text_id\n const ids = widthElement\n ? [widthElement]\n : widthSelector.split(/, |,/g)\n\n width = ids.reduce((acc, cur) => {\n const elem =\n typeof cur === 'string'\n ? cur[0] === '.'\n ? document.querySelector(cur)\n : document.getElementById(cur)\n : cur\n\n let width =\n (elem && elem.offsetWidth) || window.getComputedStyle(elem).width\n if (/em|rem/.test(width)) {\n width = parseFloat(width) * 16\n }\n\n if (width > 0) {\n // add additional one more spacing unit\n // to make it more correct for small elements\n if (acc > 0) {\n acc += 16\n }\n acc += width\n }\n\n return acc\n }, width)\n } catch (e) {\n // skip logging\n }\n\n return width\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"FormStatus.js","names":["React","PropTypes","classnames","Context","isTrue","makeUniqueId","validateDOMAttributes","processChildren","extendPropsWithContextInClassComponent","HeightAnimationInstance","spacingPropTypes","createSpacingClasses","Icon","GlobalStatusProvider","skeletonDOMAttributes","createSkeletonClass","includeValidProps","FormStatus","PureComponent","getContent","props","text","correctStatus","state","getIcon","_ref","icon","icon_size","theme","IconToLoad","InfoIcon","WarnIcon","MarketingIcon","ErrorIcon","createElement","title","size","inherit_color","getDerivedStateFromProps","_id","id","constructor","context","_props$globalStatus","_context$FormStatus","_context$FormStatus$g","_context$FormRow","_context$FormRow$glob","_defineProperty","keepContentInDom","_isMounted","_globalStatus","isReady","updateWidth","current","width_element","width_selector","setMaxWidthToElement","element","widthElement","widthSelector","init","globalStatus","FormRow","provider","isReadyToGetVisible","label","add","status_id","getStatusId","item","item_id","message","status_anchor_label","status_anchor_url","createRef","_heightAnim","animate","no_animation","onStart","setState","isAnimating","onEnd","show","componentDidMount","document","readyState","window","addEventListener","componentWillUnmount","remove","removeEventListener","componentDidUpdate","prevProps","children","update","preventRestack","setElement","open","close","arguments","length","undefined","render","_this$context","_this$context$theme","defaultProps","skeleton","rawState","variant","className","stretch","class","_className","text_id","role","rest","_objectWithoutProperties","_excluded","iconToRender","name","contentToRender","_cachedContent","hasStringContent","params","_objectSpread","String","startsWith","textParams","_extends","ref","attributes","process","env","NODE_ENV","propTypes","string","oneOfType","bool","func","node","oneOf","shape","object","width","height","viewBox","fill","_path","d","_path2","_path3","stroke","strokeWidth","strokeLinecap","strokeLinejoin","_path4","_path5","_path6","isSbankenTheme","fillRule","clipRule","_circle","cx","cy","r","_path7","xmlns","_path8","_ref2","getAttribute","replace","sumElementWidth","maxWidth","remWidth","style","getComputedStyle","hasCustomWidth","minWidth","e","_ref3","ids","split","reduce","acc","cur","elem","querySelector","getElementById","offsetWidth","test","parseFloat"],"sources":["../../../../src/components/form-status/FormStatus.js"],"sourcesContent":["/**\n * Web FormStatus Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport {\n isTrue,\n makeUniqueId,\n validateDOMAttributes,\n processChildren,\n extendPropsWithContextInClassComponent,\n} from '../../shared/component-helper'\nimport HeightAnimationInstance from '../height-animation/HeightAnimationInstance'\nimport {\n spacingPropTypes,\n createSpacingClasses,\n} from '../space/SpacingHelper'\nimport Icon from '../icon/Icon'\nimport GlobalStatusProvider from '../global-status/GlobalStatusProvider'\nimport {\n skeletonDOMAttributes,\n createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\nimport { includeValidProps } from '../form-row/FormRowHelpers'\n\nexport default class FormStatus extends React.PureComponent {\n static contextType = Context\n\n static propTypes = {\n id: PropTypes.string,\n title: PropTypes.string,\n show: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n text: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.bool,\n PropTypes.func,\n PropTypes.node,\n ]),\n label: PropTypes.node,\n icon: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.func,\n PropTypes.node,\n ]),\n icon_size: PropTypes.string,\n state: PropTypes.oneOfType([\n PropTypes.bool,\n PropTypes.string,\n PropTypes.oneOf(['error', 'warn', 'info', 'marketing']),\n ]),\n variant: PropTypes.oneOf(['flat', 'outlined']),\n size: PropTypes.oneOf(['default', 'large']),\n globalStatus: PropTypes.shape({\n id: PropTypes.string,\n message: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n }),\n attributes: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n text_id: PropTypes.string,\n width_selector: PropTypes.string,\n width_element: PropTypes.object,\n class: PropTypes.string,\n no_animation: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n stretch: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n role: PropTypes.string,\n\n ...spacingPropTypes,\n\n className: PropTypes.string,\n children: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.func,\n PropTypes.node,\n ]),\n }\n\n static defaultProps = {\n id: null,\n title: null,\n show: true,\n text: null,\n globalStatus: null,\n label: null,\n icon: 'error',\n icon_size: 'medium',\n size: 'default',\n variant: null,\n state: 'error',\n attributes: null,\n text_id: null,\n width_selector: null,\n width_element: null,\n class: null,\n no_animation: null,\n skeleton: null,\n stretch: null,\n role: null,\n className: null,\n children: null,\n }\n\n static getContent(props) {\n if (props.text) {\n if (isTrue(props.text)) {\n return null\n }\n return props.text\n }\n return processChildren(props)\n }\n\n static correctStatus(state) {\n switch (state) {\n case 'information':\n state = 'info'\n break\n case 'warning':\n state = 'warn'\n break\n }\n return state\n }\n\n static getIcon({ state, icon, icon_size, theme }) {\n if (typeof icon !== 'string') {\n return icon\n }\n\n let IconToLoad = icon\n\n switch (FormStatus.correctStatus(state)) {\n case 'info':\n case 'success':\n IconToLoad = InfoIcon\n break\n case 'warn':\n IconToLoad = WarnIcon\n break\n case 'marketing':\n IconToLoad = MarketingIcon\n break\n case 'error':\n default:\n IconToLoad = ErrorIcon\n }\n\n return (\n <Icon\n icon={<IconToLoad title={null} state={state} theme={theme} />}\n size={icon_size}\n inherit_color={false}\n />\n )\n }\n\n static getDerivedStateFromProps(props, state) {\n if (state._id !== props.id && props.id) {\n state.id = props.id\n }\n\n state._id = props.id\n\n return state\n }\n\n state = { id: null, keepContentInDom: null }\n\n constructor(props, context) {\n super(props)\n\n // we do not use a random ID here, as we don't need it for now\n this.state.id = props.id || makeUniqueId()\n\n this._globalStatus = GlobalStatusProvider.init(\n props?.globalStatus?.id ||\n context?.FormStatus?.globalStatus?.id ||\n context?.FormRow?.globalStatus?.id ||\n 'main',\n (provider) => {\n // gets called once ready\n if (this.props.state === 'error' && this.isReadyToGetVisible()) {\n const { state, text, globalStatus, label } = this.props\n provider.add({\n state,\n status_id: this.getStatusId(),\n item: {\n item_id: this.state.id,\n text: globalStatus?.message || text,\n status_anchor_label: label,\n status_anchor_url: true,\n },\n })\n }\n }\n )\n\n this._ref = React.createRef()\n\n this._heightAnim = new HeightAnimationInstance({\n animate: props.no_animation === false,\n\n /** TODO: consider to enable animation by default */\n // animate: !isTrue(props.no_animation),\n })\n\n this._heightAnim.onStart(() => {\n this.setState({\n isAnimating: true,\n keepContentInDom: true,\n })\n })\n\n this._heightAnim.onEnd(() => {\n this.setState({\n isAnimating: false,\n keepContentInDom: isTrue(this.props.show),\n })\n })\n }\n\n init = () => {\n if (this._isMounted) {\n this._globalStatus.isReady()\n\n this.updateWidth()\n }\n }\n\n componentDidMount() {\n this._isMounted = true\n if (document.readyState === 'complete') {\n this.init()\n } else if (typeof window !== 'undefined') {\n window.addEventListener('load', this.init)\n }\n if (typeof window !== 'undefined') {\n window.addEventListener('resize', this.updateWidth)\n }\n }\n\n componentWillUnmount() {\n this._isMounted = false\n const status_id = this.getStatusId()\n this._globalStatus.remove(status_id)\n if (typeof window !== 'undefined') {\n window.removeEventListener('load', this.init)\n window.removeEventListener('resize', this.updateWidth)\n }\n this._heightAnim.remove()\n }\n\n componentDidUpdate(prevProps) {\n const { state, show, text, globalStatus, children, label } = this.props\n\n if (\n prevProps.text !== text ||\n prevProps.children !== children ||\n prevProps.show !== show ||\n prevProps.state !== state\n ) {\n // ensure we update the content\n this.setState({ keepContentInDom: false })\n\n if (state === 'error') {\n const status_id = this.getStatusId()\n\n if (isTrue(show)) {\n this._globalStatus.update(\n status_id,\n {\n state,\n status_id,\n item: {\n item_id: this.state.id,\n text: globalStatus?.message || text,\n status_anchor_label: label,\n status_anchor_url: true,\n },\n },\n {\n preventRestack: true, // because of the internal \"close\"\n }\n )\n } else if (!FormStatus.getContent(this.props)) {\n const status_id = this.getStatusId()\n this._globalStatus.remove(status_id)\n }\n }\n\n if (this.isReadyToGetVisible()) {\n this.updateWidth()\n this._heightAnim.setElement(this._ref.current)\n this._heightAnim.open()\n } else {\n this._heightAnim.close()\n }\n }\n }\n\n getStatusId() {\n return `${this.state.id}-gs`\n }\n\n updateWidth = () => {\n // set max-width to this form-status, using the \"linked mother\"\n if (this._ref.current) {\n const { width_element, width_selector } = this.props\n setMaxWidthToElement({\n element: this._ref.current,\n widthElement: width_element && width_element.current,\n widthSelector: width_selector,\n })\n }\n }\n\n isReadyToGetVisible(props = this.props) {\n return isTrue(props.show) && FormStatus.getContent(props)\n ? true\n : false\n }\n\n render() {\n const isReadyToGetVisible = this.isReadyToGetVisible()\n\n if (!isReadyToGetVisible && !this.state.keepContentInDom) {\n return null\n }\n\n // use only the props from context, who are available here anyway\n const props = extendPropsWithContextInClassComponent(\n this.props,\n FormStatus.defaultProps,\n { skeleton: this.context && this.context.skeleton },\n includeValidProps(this.context.FormRow),\n this.context.FormStatus\n )\n\n const {\n show, // eslint-disable-line\n title,\n state: rawState,\n size,\n variant,\n className,\n no_animation,\n stretch,\n class: _className,\n text_id,\n\n label, // eslint-disable-line\n status_id, // eslint-disable-line\n globalStatus, // eslint-disable-line\n id, // eslint-disable-line\n text, // eslint-disable-line\n icon, // eslint-disable-line\n icon_size, // eslint-disable-line\n skeleton, // eslint-disable-line\n children, // eslint-disable-line\n role,\n\n ...rest\n } = props\n\n const state = FormStatus.correctStatus(rawState)\n const iconToRender = FormStatus.getIcon({\n state,\n icon,\n icon_size,\n theme: this.context?.theme?.name,\n })\n\n const contentToRender =\n this.state.keepContentInDom && this._cachedContent\n ? this._cachedContent\n : FormStatus.getContent(this.props)\n\n // Add a cache, we use this during the \"hide\" period when animating\n if (!this.state.isAnimating) {\n this._cachedContent = contentToRender\n }\n\n const hasStringContent =\n typeof contentToRender === 'string' && contentToRender.length > 0\n\n const params = {\n className: classnames(\n 'dnb-form-status',\n `dnb-form-status--${state}`,\n `dnb-form-status__size--${size}`,\n variant && `dnb-form-status__variant--${variant}`,\n this.state.isAnimating && 'dnb-form-status--is-animating',\n !isReadyToGetVisible &&\n !this.state.keepContentInDom &&\n 'dnb-form-status--hidden',\n !isReadyToGetVisible &&\n this.state.keepContentInDom &&\n 'dnb-form-status--disappear',\n isTrue(no_animation) && 'dnb-form-status--no-animation',\n stretch && 'dnb-form-status--stretch',\n hasStringContent ? 'dnb-form-status--has-content' : null,\n createSpacingClasses(props),\n className,\n _className\n ),\n id: !String(id).startsWith('null') ? this.state.id : null,\n title,\n role,\n ...rest,\n }\n\n if (!role) {\n switch (state) {\n case 'info':\n params.role = 'status'\n break\n default:\n params.role = 'alert'\n }\n }\n\n const textParams = {\n className: classnames(\n 'dnb-form-status__text',\n createSkeletonClass('font', skeleton, this.context)\n ),\n id: !String(text_id).startsWith('null') ? text_id : null,\n }\n\n skeletonDOMAttributes(params, skeleton, this.context)\n\n // also used for code markup simulation\n validateDOMAttributes(this.props, params)\n validateDOMAttributes(null, textParams)\n\n return (\n <span {...params} ref={this._ref}>\n <span className=\"dnb-form-status__shell\">\n {iconToRender}\n <span {...textParams}>{contentToRender}</span>\n </span>\n </span>\n )\n }\n}\n\nexport const ErrorIcon = (props) => (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n {props && props.title && <title>{props.title}</title>}\n <path\n d=\"M23.625 17.864A3.547 3.547 0 0120.45 23H3.548a3.546 3.546 0 01-3.172-5.136l8.45-14.902a3.548 3.548 0 016.347 0l8.452 14.902z\"\n fill=\"#DC2A2A\"\n />\n <path\n d=\"M12 16.286a1.286 1.286 0 100 2.572 1.286 1.286 0 000-2.572z\"\n fill=\"#fff\"\n />\n <path\n d=\"M12 13.818v-5\"\n stroke=\"#fff\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n)\nErrorIcon.propTypes = {\n title: PropTypes.string,\n}\nErrorIcon.defaultProps = {\n title: 'error',\n}\n\nexport const WarnIcon = (props) => (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n {props && props.title && <title>{props.title}</title>}\n <path\n d=\"M23.625 17.864A3.547 3.547 0 0120.45 23H3.548a3.546 3.546 0 01-3.172-5.136l8.45-14.902a3.548 3.548 0 016.347 0l8.452 14.902z\"\n fill=\"#FDBB31\"\n />\n <path\n d=\"M12 16.286a1.286 1.286 0 100 2.572 1.286 1.286 0 000-2.572z\"\n fill=\"#333\"\n />\n <path\n d=\"M12 13.818v-5\"\n stroke=\"#333\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n)\nWarnIcon.propTypes = {\n title: PropTypes.string,\n}\nWarnIcon.defaultProps = {\n title: 'error',\n}\n\nexport const InfoIcon = (props) => {\n const isSbankenTheme = props && props?.theme === 'sbanken'\n let fill = isSbankenTheme ? '#000' : '#007272'\n if (props && props?.state === 'success') {\n fill = isSbankenTheme ? '#02A56A' : '#28B482'\n }\n\n return (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n {props && props.title && <title>{props.title}</title>}\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M11.268 0a11.25 11.25 0 105.566 21.017l6.112 2.91a.75.75 0 001-1l-2.911-6.112A11.234 11.234 0 0011.268 0z\"\n fill={fill}\n />\n <circle cx=\"11\" cy=\"6.5\" r=\".5\" fill=\"#fff\" stroke=\"#fff\" />\n <path\n d=\"M13.75 16H13a1.5 1.5 0 01-1.5-1.5v-3.75a.75.75 0 00-.75-.75H10\"\n stroke=\"#fff\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n )\n}\nInfoIcon.propTypes = {\n title: PropTypes.string,\n state: PropTypes.string,\n theme: PropTypes.string,\n}\nInfoIcon.defaultProps = {\n title: 'info',\n state: 'info',\n theme: 'ui',\n}\n\nexport const MarketingIcon = (props) => (\n <svg\n width=\"24\"\n height=\"24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n {props && props.title && <title>{props.title}</title>}\n <path\n d=\"M6 15.25H4.5c-2.042 0-3.75-1.707-3.75-3.75S2.458 7.75 4.5 7.75H6v7.5ZM7.5 15.25c4.801 0 8.846 1.897 12.75 4.5V3.25c-3.904 2.603-7.949 4.5-12.75 4.5v7.5ZM23.25 10a.75.75 0 0 0-1.5 0h1.5Zm-1.5 3a.75.75 0 0 0 1.5 0h-1.5ZM8.483 21.043a.75.75 0 1 0 1.034-1.086l-1.034 1.086ZM21.75 10v3h1.5v-3h-1.5ZM6 15.25a8.058 8.058 0 0 0 2.483 5.793l1.034-1.086A6.559 6.559 0 0 1 7.5 15.25H6Z\"\n fill=\"#333\"\n />\n </svg>\n)\nMarketingIcon.propTypes = {\n title: PropTypes.string,\n}\nMarketingIcon.defaultProps = {\n title: 'marketing',\n}\n\nexport function setMaxWidthToElement({\n element,\n id = null,\n widthElement = null,\n widthSelector = null,\n}) {\n if (!(element && typeof window !== 'undefined')) {\n return // stop here\n }\n try {\n if (!id && !widthSelector) {\n id = element.getAttribute('id')\n }\n widthSelector = widthSelector || id?.replace('-form-status', '') || id\n\n let width = sumElementWidth({\n widthElement,\n widthSelector,\n })\n\n if (width > 40) {\n const maxWidth = 30 * 16 // use 12rem, because that's the default width in chrome for an input\n if (width < maxWidth) {\n width = maxWidth\n }\n\n const remWidth = `${width / 16}rem`\n\n const style = window.getComputedStyle(element)\n const hasCustomWidth = element.style.maxWidth\n ? false\n : (style.minWidth !== '' && style.minWidth !== 'auto') ||\n (style.maxWidth !== '' && style.maxWidth !== 'none')\n\n if (!hasCustomWidth) {\n element.style.maxWidth = remWidth\n }\n }\n } catch (e) {\n // skip logging\n }\n}\n\nfunction sumElementWidth({ widthElement, widthSelector }) {\n let width = 0\n if (typeof document === 'undefined') {\n return width // stop here\n }\n try {\n // beside \"selector\" - which is straight forward, we\n // also check if we can get an ID given by text_id\n const ids = widthElement\n ? [widthElement]\n : widthSelector.split(/, |,/g)\n\n width = ids.reduce((acc, cur) => {\n const elem =\n typeof cur === 'string'\n ? cur[0] === '.'\n ? document.querySelector(cur)\n : document.getElementById(cur)\n : cur\n\n let width =\n (elem && elem.offsetWidth) || window.getComputedStyle(elem).width\n if (/em|rem/.test(width)) {\n width = parseFloat(width) * 16\n }\n\n if (width > 0) {\n // add additional one more spacing unit\n // to make it more correct for small elements\n if (acc > 0) {\n acc += 16\n }\n acc += width\n }\n\n return acc\n }, width)\n } catch (e) {\n // skip logging\n }\n\n return width\n}\n"],"mappings":"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"}
@@ -12,8 +12,10 @@
12
12
 
13
13
  opacity: 1;
14
14
 
15
- transition: height 400ms var(--easing-default),
16
- opacity 400ms var(--easing-default), margin 400ms var(--easing-default),
15
+ transition:
16
+ height 400ms var(--easing-default),
17
+ opacity 400ms var(--easing-default),
18
+ margin 400ms var(--easing-default),
17
19
  padding 400ms var(--easing-default);
18
20
 
19
21
  &--hidden {
@@ -0,0 +1,37 @@
1
+ /*
2
+ * FormStatus theme
3
+ *
4
+ */
5
+ /*
6
+ * Utilities
7
+ */
8
+ .dnb-form-status__shell {
9
+ color: var(--sb-color-text);
10
+ }
11
+ .dnb-form-status--error .dnb-form-status__shell {
12
+ background-color: var(--sb-color-magenta-light-2);
13
+ }
14
+ .dnb-form-status--info .dnb-form-status__shell, .dnb-form-status--marketing .dnb-form-status__shell {
15
+ background-color: var(--sb-color-gray-light-2);
16
+ }
17
+ .dnb-form-status--warn .dnb-form-status__shell {
18
+ background-color: var(--sb-color-yellow-light-3);
19
+ }
20
+ .dnb-form-status__variant--outlined.dnb-form-status--error .dnb-form-status__shell {
21
+ --border-color: var(--sb-color-red);
22
+ --border-width: 0.0625rem;
23
+ box-shadow: 0 0 0 var(--border-width) var(--border-color);
24
+ border-color: transparent;
25
+ }
26
+ .dnb-form-status__variant--outlined.dnb-form-status--warn .dnb-form-status__shell {
27
+ --border-color: var(--sb-color-yellow-dark);
28
+ --border-width: 0.0625rem;
29
+ box-shadow: 0 0 0 var(--border-width) var(--border-color);
30
+ border-color: transparent;
31
+ }
32
+ .dnb-form-status__variant--outlined.dnb-form-status--info .dnb-form-status__shell, .dnb-form-status__variant--outlined.dnb-form-status--marketing .dnb-form-status__shell {
33
+ --border-color: var(--sb-color-gray-dark-2);
34
+ --border-width: 0.0625rem;
35
+ box-shadow: 0 0 0 var(--border-width) var(--border-color);
36
+ border-color: transparent;
37
+ }
@@ -0,0 +1 @@
1
+ .dnb-form-status__shell{color:var(--sb-color-text)}.dnb-form-status--error .dnb-form-status__shell{background-color:var(--sb-color-magenta-light-2)}.dnb-form-status--info .dnb-form-status__shell,.dnb-form-status--marketing .dnb-form-status__shell{background-color:var(--sb-color-gray-light-2)}.dnb-form-status--warn .dnb-form-status__shell{background-color:var(--sb-color-yellow-light-3)}.dnb-form-status__variant--outlined.dnb-form-status--error .dnb-form-status__shell{--border-color:var(--sb-color-red);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-form-status__variant--outlined.dnb-form-status--warn .dnb-form-status__shell{--border-color:var(--sb-color-yellow-dark);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-form-status__variant--outlined.dnb-form-status--info .dnb-form-status__shell,.dnb-form-status__variant--outlined.dnb-form-status--marketing .dnb-form-status__shell{--border-color:var(--sb-color-gray-dark-2);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}
@@ -0,0 +1,35 @@
1
+ /*
2
+ * FormStatus theme
3
+ *
4
+ */
5
+
6
+ @import '../../../../style/core/utilities.scss';
7
+
8
+ .dnb-form-status {
9
+ &__shell {
10
+ color: var(--sb-color-text);
11
+ }
12
+ &--error &__shell {
13
+ background-color: var(--sb-color-magenta-light-2);
14
+ }
15
+
16
+ &--info &__shell,
17
+ &--marketing &__shell {
18
+ background-color: var(--sb-color-gray-light-2);
19
+ }
20
+
21
+ &--warn &__shell {
22
+ background-color: var(--sb-color-yellow-light-3);
23
+ }
24
+
25
+ &__variant--outlined#{&}--error &__shell {
26
+ @include fakeBorder(var(--sb-color-red));
27
+ }
28
+ &__variant--outlined#{&}--warn &__shell {
29
+ @include fakeBorder(var(--sb-color-yellow-dark));
30
+ }
31
+ &__variant--outlined#{&}--info &__shell,
32
+ &__variant--outlined#{&}--marketing &__shell {
33
+ @include fakeBorder(var(--sb-color-gray-dark-2));
34
+ }
35
+ }
@@ -9,7 +9,7 @@ export type GlobalStatusText =
9
9
  | ((...args: any[]) => any)
10
10
  | React.ReactNode;
11
11
  export type GlobalStatusItem = string | ((...args: any[]) => any) | any;
12
- export type GlobalStatusState = 'error' | 'info';
12
+ export type GlobalStatusState = 'error' | 'info' | 'warning' | 'success';
13
13
  export type GlobalStatusShow = 'auto' | any | any | 'true' | 'false';
14
14
  export type GlobalStatusDelay = string | number;
15
15
  export type GlobalStatusConfigObject = {
@@ -18,7 +18,7 @@ import Hr from '../../elements/hr/Hr';
18
18
  import GlobalStatusController, { GlobalStatusInterceptor } from './GlobalStatusController';
19
19
  import GlobalStatusProvider from './GlobalStatusProvider';
20
20
  import Icon from '../icon/Icon';
21
- import { InfoIcon, ErrorIcon } from '../form-status/FormStatus';
21
+ import { InfoIcon, ErrorIcon, WarnIcon } from '../form-status/FormStatus';
22
22
  import Section from '../section/Section';
23
23
  import Button from '../button/Button';
24
24
  export default class GlobalStatus extends React.PureComponent {
@@ -30,21 +30,30 @@ export default class GlobalStatus extends React.PureComponent {
30
30
  let {
31
31
  state,
32
32
  icon,
33
- icon_size
33
+ icon_size,
34
+ theme
34
35
  } = _ref;
35
36
  if (typeof icon === 'string') {
36
37
  let IconToLoad = icon;
37
38
  switch (state) {
38
39
  case 'info':
39
40
  case 'information':
41
+ case 'success':
40
42
  IconToLoad = InfoIcon;
41
43
  break;
44
+ case 'warning':
45
+ case 'warn':
46
+ IconToLoad = WarnIcon;
47
+ break;
42
48
  case 'error':
43
49
  default:
44
50
  IconToLoad = ErrorIcon;
45
51
  }
46
52
  icon = React.createElement(Icon, {
47
- icon: React.createElement(IconToLoad, null),
53
+ icon: React.createElement(IconToLoad, {
54
+ state: state,
55
+ theme: theme
56
+ }),
48
57
  size: icon_size,
49
58
  inherit_color: false
50
59
  });
@@ -377,6 +386,7 @@ export default class GlobalStatus extends React.PureComponent {
377
386
  }
378
387
  }
379
388
  render() {
389
+ var _this$context, _this$context$theme;
380
390
  const {
381
391
  isActive,
382
392
  isAnimating,
@@ -421,13 +431,13 @@ export default class GlobalStatus extends React.PureComponent {
421
431
  const iconToRender = GlobalStatus.getIcon({
422
432
  state,
423
433
  icon: icon || fallbackProps.icon,
424
- icon_size: icon_size || fallbackProps.icon_size
434
+ icon_size: icon_size || fallbackProps.icon_size,
435
+ theme: ((_this$context = this.context) === null || _this$context === void 0 ? void 0 : (_this$context$theme = _this$context.theme) === null || _this$context$theme === void 0 ? void 0 : _this$context$theme.name) || 'ui'
425
436
  });
426
437
  const titleToRender = title || fallbackProps.title || fallbackProps.default_title;
427
438
  const noAnimation = isTrue(no_animation);
428
439
  const itemsToRender = props.items || [];
429
440
  const contentToRender = GlobalStatus.getContent(props);
430
- const style = state === 'info' ? 'pistachio' : 'fire-red-8';
431
441
  const params = _objectSpread({
432
442
  className: classnames(`dnb-global-status dnb-global-status--${state}`, isActive ? keepContentVisible && 'dnb-global-status--visible' : 'dnb-global-status--hidden', isAnimating && 'dnb-global-status--is-animating', noAnimation && 'dnb-global-status--no-animation')
433
443
  }, attributes);
@@ -444,7 +454,7 @@ export default class GlobalStatus extends React.PureComponent {
444
454
  className: "dnb-global-status__content"
445
455
  }, title !== false && React.createElement(Section, {
446
456
  element: "div",
447
- style_type: style
457
+ variant: state
448
458
  }, React.createElement("p", {
449
459
  className: "dnb-p dnb-global-status__title",
450
460
  lang: lang
@@ -461,7 +471,7 @@ export default class GlobalStatus extends React.PureComponent {
461
471
  icon_position: "left"
462
472
  })), hasContent && React.createElement(Section, {
463
473
  element: "div",
464
- style_type: style,
474
+ variant: state,
465
475
  className: "dnb-global-status__message"
466
476
  }, React.createElement("div", {
467
477
  className: "dnb-global-status__message__content"
@@ -518,7 +528,7 @@ process.env.NODE_ENV !== "production" ? GlobalStatus.propTypes = _objectSpread(_
518
528
  items: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.array]),
519
529
  icon: PropTypes.oneOfType([PropTypes.string, PropTypes.func, PropTypes.node]),
520
530
  icon_size: PropTypes.string,
521
- state: PropTypes.oneOf(['error', 'info']),
531
+ state: PropTypes.oneOf(['error', 'info', 'warning', 'success']),
522
532
  show: PropTypes.oneOf(['auto', true, false, 'true', 'false']),
523
533
  autoscroll: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
524
534
  autoclose: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),