@dnb/eufemia 10.6.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 (1125) hide show
  1. package/CHANGELOG.md +55 -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.d.ts +1 -1
  17. package/cjs/components/autocomplete/Autocomplete.js +4 -2
  18. package/cjs/components/autocomplete/Autocomplete.js.map +1 -1
  19. package/cjs/components/avatar/style/index.d.ts +1 -1
  20. package/cjs/components/avatar/style/themes/dnb-avatar-theme-sbanken.scss +2 -1
  21. package/cjs/components/breadcrumb/Breadcrumb.js +2 -2
  22. package/cjs/components/breadcrumb/Breadcrumb.js.map +1 -1
  23. package/cjs/components/breadcrumb/BreadcrumbItem.js +23 -1
  24. package/cjs/components/breadcrumb/BreadcrumbItem.js.map +1 -1
  25. package/cjs/components/breadcrumb/style/themes/dnb-breadcrumb-theme-sbanken.css +23 -0
  26. package/cjs/components/breadcrumb/style/themes/dnb-breadcrumb-theme-sbanken.min.css +1 -0
  27. package/cjs/components/breadcrumb/style/themes/dnb-breadcrumb-theme-sbanken.scss +33 -0
  28. package/cjs/components/button/style/dnb-button--tertiary.css +53 -37
  29. package/cjs/components/button/style/dnb-button--tertiary.min.css +5 -1
  30. package/cjs/components/button/style/dnb-button--tertiary.scss +28 -34
  31. package/cjs/components/button/style/themes/button-mixins.scss +5 -3
  32. package/cjs/components/button/style/themes/dnb-button-theme-eiendom.css +53 -37
  33. package/cjs/components/button/style/themes/dnb-button-theme-eiendom.min.css +5 -1
  34. package/cjs/components/button/style/themes/dnb-button-theme-sbanken.css +155 -136
  35. package/cjs/components/button/style/themes/dnb-button-theme-sbanken.min.css +12 -2
  36. package/cjs/components/button/style/themes/dnb-button-theme-sbanken.scss +81 -115
  37. package/cjs/components/button/style/themes/dnb-button-theme-ui.css +53 -37
  38. package/cjs/components/button/style/themes/dnb-button-theme-ui.min.css +5 -1
  39. package/cjs/components/button/style/themes/dnb-button-theme-ui.scss +3 -1
  40. package/cjs/components/checkbox/Checkbox.d.ts +4 -0
  41. package/cjs/components/checkbox/Checkbox.js +6 -4
  42. package/cjs/components/checkbox/Checkbox.js.map +1 -1
  43. package/cjs/components/checkbox/style/themes/dnb-checkbox-theme-ui.scss +3 -1
  44. package/cjs/components/date-picker/style/themes/dnb-date-picker-theme-ui.scss +6 -2
  45. package/cjs/components/drawer/Drawer.d.ts +1 -1
  46. package/cjs/components/drawer/Drawer.js +3 -1
  47. package/cjs/components/drawer/Drawer.js.map +1 -1
  48. package/cjs/components/form-label/style/dnb-form-label.css +0 -1
  49. package/cjs/components/form-label/style/dnb-form-label.min.css +1 -1
  50. package/cjs/components/form-label/style/dnb-form-label.scss +0 -1
  51. package/cjs/components/form-label/style/themes/dnb-form-label-theme-sbanken.css +10 -0
  52. package/cjs/components/form-label/style/themes/dnb-form-label-theme-sbanken.min.css +1 -0
  53. package/cjs/components/form-label/style/themes/dnb-form-label-theme-sbanken.scss +16 -0
  54. package/cjs/components/form-label/style/themes/dnb-form-label-theme-ui.css +3 -0
  55. package/cjs/components/form-label/style/themes/dnb-form-label-theme-ui.min.css +1 -1
  56. package/cjs/components/form-label/style/themes/dnb-form-label-theme-ui.scss +6 -2
  57. package/cjs/components/form-row/style/themes/dnb-form-row-theme-sbanken.css +4 -0
  58. package/cjs/components/form-row/style/themes/dnb-form-row-theme-sbanken.min.css +0 -0
  59. package/cjs/components/form-row/style/themes/dnb-form-row-theme-sbanken.scss +4 -0
  60. package/cjs/components/form-status/FormStatus.d.ts +2 -0
  61. package/cjs/components/form-status/FormStatus.js +70 -53
  62. package/cjs/components/form-status/FormStatus.js.map +1 -1
  63. package/cjs/components/form-status/style/dnb-form-status.scss +4 -2
  64. package/cjs/components/form-status/style/themes/dnb-form-status-theme-sbanken.css +37 -0
  65. package/cjs/components/form-status/style/themes/dnb-form-status-theme-sbanken.min.css +1 -0
  66. package/cjs/components/form-status/style/themes/dnb-form-status-theme-sbanken.scss +35 -0
  67. package/cjs/components/global-status/GlobalStatus.d.ts +1 -1
  68. package/cjs/components/global-status/GlobalStatus.js +17 -7
  69. package/cjs/components/global-status/GlobalStatus.js.map +1 -1
  70. package/cjs/components/global-status/style/dnb-global-status.scss +2 -1
  71. package/cjs/components/global-status/style/themes/dnb-global-status-theme-sbanken.css +22 -0
  72. package/cjs/components/global-status/style/themes/dnb-global-status-theme-sbanken.min.css +1 -0
  73. package/cjs/components/global-status/style/themes/dnb-global-status-theme-sbanken.scss +28 -0
  74. package/cjs/components/global-status/style/themes/dnb-global-status-theme-ui.css +6 -3
  75. package/cjs/components/global-status/style/themes/dnb-global-status-theme-ui.min.css +1 -1
  76. package/cjs/components/global-status/style/themes/dnb-global-status-theme-ui.scss +13 -6
  77. package/cjs/components/heading/Heading.d.ts +8 -8
  78. package/cjs/components/heading/Heading.js +8 -16
  79. package/cjs/components/heading/Heading.js.map +1 -1
  80. package/cjs/components/heading/HeadingHelpers.d.ts +5 -1
  81. package/cjs/components/heading/HeadingHelpers.js +42 -1
  82. package/cjs/components/heading/HeadingHelpers.js.map +1 -1
  83. package/cjs/components/info-card/index.js.map +1 -1
  84. package/cjs/components/info-card/style.js.map +1 -1
  85. package/cjs/components/input/style/themes/dnb-input-theme-sbanken.css +20 -20
  86. package/cjs/components/input/style/themes/dnb-input-theme-sbanken.min.css +1 -1
  87. package/cjs/components/input/style/themes/dnb-input-theme-sbanken.scss +15 -23
  88. package/cjs/components/input/style/themes/dnb-input-theme-ui.css +1 -1
  89. package/cjs/components/input/style/themes/dnb-input-theme-ui.min.css +1 -1
  90. package/cjs/components/input/style/themes/dnb-input-theme-ui.scss +9 -3
  91. package/cjs/components/input-masked/InputMaskedUtils.js +1 -1
  92. package/cjs/components/input-masked/InputMaskedUtils.js.map +1 -1
  93. package/cjs/components/modal/Modal.js.map +1 -1
  94. package/cjs/components/modal/parts/ModalHeaderBar.js +0 -4
  95. package/cjs/components/modal/parts/ModalHeaderBar.js.map +1 -1
  96. package/cjs/components/pagination/Pagination.js.map +1 -1
  97. package/cjs/components/pagination/style/dnb-pagination.css +20 -0
  98. package/cjs/components/pagination/style/dnb-pagination.min.css +1 -1
  99. package/cjs/components/pagination/style/dnb-pagination.scss +24 -0
  100. package/cjs/components/pagination/style/themes/dnb-pagination-theme-sbanken.css +26 -0
  101. package/cjs/components/pagination/style/themes/dnb-pagination-theme-sbanken.min.css +1 -0
  102. package/cjs/components/pagination/style/themes/dnb-pagination-theme-sbanken.scss +35 -0
  103. package/cjs/components/pagination/style/themes/dnb-pagination-theme-ui.css +0 -24
  104. package/cjs/components/pagination/style/themes/dnb-pagination-theme-ui.min.css +1 -1
  105. package/cjs/components/pagination/style/themes/dnb-pagination-theme-ui.scss +0 -30
  106. package/cjs/components/radio/Radio.d.ts +4 -0
  107. package/cjs/components/radio/Radio.js +6 -4
  108. package/cjs/components/radio/Radio.js.map +1 -1
  109. package/cjs/components/radio/style/themes/dnb-radio-theme-ui.scss +15 -5
  110. package/cjs/components/section/Section.d.ts +26 -1
  111. package/cjs/components/section/Section.js +3 -2
  112. package/cjs/components/section/Section.js.map +1 -1
  113. package/cjs/components/section/style/dnb-section.css +1 -1
  114. package/cjs/components/section/style/dnb-section.scss +8 -3
  115. package/cjs/components/section/style/themes/dnb-section-theme-sbanken.css +39 -0
  116. package/cjs/components/section/style/themes/dnb-section-theme-sbanken.min.css +1 -0
  117. package/cjs/components/section/style/themes/dnb-section-theme-sbanken.scss +56 -0
  118. package/cjs/components/section/style/themes/dnb-section-theme-ui.css +28 -13
  119. package/cjs/components/section/style/themes/dnb-section-theme-ui.min.css +1 -1
  120. package/cjs/components/section/style/themes/dnb-section-theme-ui.scss +37 -14
  121. package/cjs/components/skeleton/style/dnb-skeleton.scss +8 -5
  122. package/cjs/components/slider/style/dnb-slider.scss +4 -2
  123. package/cjs/components/space/SpacingUtils.js.map +1 -1
  124. package/cjs/components/step-indicator/StepIndicator.d.ts +89 -75
  125. package/cjs/components/step-indicator/StepIndicator.js +31 -26
  126. package/cjs/components/step-indicator/StepIndicator.js.map +1 -1
  127. package/cjs/components/step-indicator/StepIndicatorContext.d.ts +45 -15
  128. package/cjs/components/step-indicator/StepIndicatorContext.js +102 -121
  129. package/cjs/components/step-indicator/StepIndicatorContext.js.map +1 -1
  130. package/cjs/components/step-indicator/StepIndicatorItem.d.ts +59 -61
  131. package/cjs/components/step-indicator/StepIndicatorItem.js +183 -231
  132. package/cjs/components/step-indicator/StepIndicatorItem.js.map +1 -1
  133. package/cjs/components/step-indicator/StepIndicatorList.d.ts +6 -8
  134. package/cjs/components/step-indicator/StepIndicatorList.js +45 -50
  135. package/cjs/components/step-indicator/StepIndicatorList.js.map +1 -1
  136. package/cjs/components/step-indicator/StepIndicatorModal.d.ts +6 -14
  137. package/cjs/components/step-indicator/StepIndicatorModal.js +41 -53
  138. package/cjs/components/step-indicator/StepIndicatorModal.js.map +1 -1
  139. package/cjs/components/step-indicator/StepIndicatorProps.d.ts +2 -55
  140. package/cjs/components/step-indicator/StepIndicatorProps.js +4 -50
  141. package/cjs/components/step-indicator/StepIndicatorProps.js.map +1 -1
  142. package/cjs/components/step-indicator/StepIndicatorSidebar.d.ts +27 -21
  143. package/cjs/components/step-indicator/StepIndicatorSidebar.js +41 -51
  144. package/cjs/components/step-indicator/StepIndicatorSidebar.js.map +1 -1
  145. package/cjs/components/step-indicator/StepIndicatorTriggerButton.d.ts +16 -17
  146. package/cjs/components/step-indicator/StepIndicatorTriggerButton.js +65 -78
  147. package/cjs/components/step-indicator/StepIndicatorTriggerButton.js.map +1 -1
  148. package/cjs/components/switch/Switch.d.ts +4 -0
  149. package/cjs/components/switch/Switch.js +6 -4
  150. package/cjs/components/switch/Switch.js.map +1 -1
  151. package/cjs/components/switch/style/themes/dnb-switch-theme-ui.scss +3 -1
  152. package/cjs/components/table/TableContainer.js.map +1 -1
  153. package/cjs/components/table/style/table-accordion.scss +18 -6
  154. package/cjs/components/table/style/table-header-buttons.scss +3 -1
  155. package/cjs/components/table/style/table-tr.scss +6 -2
  156. package/cjs/components/table/style/themes/dnb-table-theme-sbanken.css +56 -7
  157. package/cjs/components/table/style/themes/dnb-table-theme-sbanken.min.css +1 -1
  158. package/cjs/components/table/style/themes/dnb-table-theme-sbanken.scss +21 -5
  159. package/cjs/components/table/style/themes/dnb-table-theme-ui.scss +3 -1
  160. package/cjs/components/timeline/TimelineItem.d.ts +3 -2
  161. package/cjs/components/timeline/TimelineItem.js +96 -62
  162. package/cjs/components/timeline/TimelineItem.js.map +1 -1
  163. package/cjs/components/timeline/style/themes/dnb-timeline-theme-ui.css +3 -2
  164. package/cjs/components/timeline/style/themes/dnb-timeline-theme-ui.min.css +3 -1
  165. package/cjs/components/timeline/style/themes/dnb-timeline-theme-ui.scss +3 -2
  166. package/cjs/components/toggle-button/style/themes/dnb-toggle-button-theme-ui.scss +3 -1
  167. package/cjs/elements/lib.d.ts +1 -1
  168. package/cjs/elements/typography/H.d.ts +5 -3
  169. package/cjs/elements/typography/H.js +7 -3
  170. package/cjs/elements/typography/H.js.map +1 -1
  171. package/cjs/elements/typography/H1.js +2 -2
  172. package/cjs/elements/typography/H1.js.map +1 -1
  173. package/cjs/elements/typography/H2.js +2 -2
  174. package/cjs/elements/typography/H2.js.map +1 -1
  175. package/cjs/elements/typography/H3.js +2 -2
  176. package/cjs/elements/typography/H3.js.map +1 -1
  177. package/cjs/elements/typography/H4.js +2 -2
  178. package/cjs/elements/typography/H4.js.map +1 -1
  179. package/cjs/elements/typography/H5.js +2 -2
  180. package/cjs/elements/typography/H5.js.map +1 -1
  181. package/cjs/elements/typography/H6.js +2 -2
  182. package/cjs/elements/typography/H6.js.map +1 -1
  183. package/cjs/elements/typography/style/dnb-typography.scss +3 -0
  184. package/cjs/elements/typography/style/themes/dnb-typography-theme-sbanken.scss +12 -2
  185. package/cjs/elements/typography/style/typography-mixins.scss +5 -0
  186. package/cjs/extensions/forms/DataContext/Provider.js +9 -9
  187. package/cjs/extensions/forms/DataContext/Provider.js.map +1 -1
  188. package/cjs/extensions/forms/DataContext/index.js.map +1 -1
  189. package/cjs/extensions/forms/Field/ArraySelection.d.ts +2 -1
  190. package/cjs/extensions/forms/Field/ArraySelection.js +52 -32
  191. package/cjs/extensions/forms/Field/ArraySelection.js.map +1 -1
  192. package/cjs/extensions/forms/Field/CountryCode.d.ts +10 -0
  193. package/cjs/extensions/forms/Field/CountryCode.js +78 -0
  194. package/cjs/extensions/forms/Field/CountryCode.js.map +1 -0
  195. package/cjs/extensions/forms/Field/Currency.d.ts +2 -2
  196. package/cjs/extensions/forms/Field/Currency.js +6 -38
  197. package/cjs/extensions/forms/Field/Currency.js.map +1 -1
  198. package/cjs/extensions/forms/Field/Date.d.ts +2 -2
  199. package/cjs/extensions/forms/Field/Date.js +10 -6
  200. package/cjs/extensions/forms/Field/Date.js.map +1 -1
  201. package/cjs/extensions/forms/Field/Number.d.ts +7 -3
  202. package/cjs/extensions/forms/Field/Number.js +48 -22
  203. package/cjs/extensions/forms/Field/Number.js.map +1 -1
  204. package/cjs/extensions/forms/Field/PhoneNumber.d.ts +7 -2
  205. package/cjs/extensions/forms/Field/PhoneNumber.js +43 -42
  206. package/cjs/extensions/forms/Field/PhoneNumber.js.map +1 -1
  207. package/cjs/extensions/forms/Field/PostalCodeAndCity.d.ts +1 -1
  208. package/cjs/extensions/forms/Field/PostalCodeAndCity.js +1 -1
  209. package/cjs/extensions/forms/Field/PostalCodeAndCity.js.map +1 -1
  210. package/cjs/extensions/forms/Field/Selection.d.ts +6 -4
  211. package/cjs/extensions/forms/Field/Selection.js +88 -37
  212. package/cjs/extensions/forms/Field/Selection.js.map +1 -1
  213. package/cjs/extensions/forms/Field/String.d.ts +3 -3
  214. package/cjs/extensions/forms/Field/String.js +32 -17
  215. package/cjs/extensions/forms/Field/String.js.map +1 -1
  216. package/cjs/extensions/forms/Field/Toggle.js +11 -9
  217. package/cjs/extensions/forms/Field/Toggle.js.map +1 -1
  218. package/cjs/extensions/forms/Field/fields.scss +2 -2
  219. package/cjs/extensions/forms/Field/hooks/useField.d.ts +6 -8
  220. package/cjs/extensions/forms/Field/hooks/useField.js +34 -33
  221. package/cjs/extensions/forms/Field/hooks/useField.js.map +1 -1
  222. package/cjs/extensions/forms/Field/index.d.ts +2 -0
  223. package/cjs/extensions/forms/Field/index.js +3 -1
  224. package/cjs/extensions/forms/Field/index.js.map +1 -1
  225. package/cjs/extensions/forms/Field/style/dnb-array-selection.css +13 -0
  226. package/cjs/extensions/forms/Field/style/dnb-array-selection.min.css +1 -0
  227. package/cjs/extensions/forms/Field/style/dnb-array-selection.scss +15 -0
  228. package/cjs/extensions/forms/Field/style/dnb-country-code.css +12 -0
  229. package/cjs/extensions/forms/Field/style/dnb-country-code.min.css +1 -0
  230. package/cjs/extensions/forms/Field/style/dnb-country-code.scss +19 -0
  231. package/cjs/extensions/forms/Field/style/dnb-phone-number.css +6 -7
  232. package/cjs/extensions/forms/Field/style/dnb-phone-number.min.css +1 -1
  233. package/cjs/extensions/forms/Field/style/dnb-phone-number.scss +7 -8
  234. package/cjs/extensions/forms/Field/style/dnb-postal-code-and-city.css +5 -2
  235. package/cjs/extensions/forms/Field/style/dnb-postal-code-and-city.min.css +1 -1
  236. package/cjs/extensions/forms/Field/style/dnb-postal-code-and-city.scss +5 -1
  237. package/cjs/extensions/forms/Field/style/dnb-selection.css +5 -2
  238. package/cjs/extensions/forms/Field/style/dnb-selection.min.css +1 -1
  239. package/cjs/extensions/forms/Field/style/dnb-selection.scss +7 -1
  240. package/cjs/extensions/forms/Field/style/index.d.ts +2 -1
  241. package/cjs/extensions/forms/Field/style/index.js +2 -1
  242. package/cjs/extensions/forms/Field/style/index.js.map +1 -1
  243. package/cjs/extensions/forms/Field/style/index.scss +2 -2
  244. package/cjs/extensions/forms/FieldBlock/FieldBlock.d.ts +5 -0
  245. package/cjs/extensions/forms/FieldBlock/FieldBlock.js +19 -9
  246. package/cjs/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
  247. package/cjs/extensions/forms/FieldBlock/index.js.map +1 -1
  248. package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.css +39 -1
  249. package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
  250. package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.scss +60 -1
  251. package/cjs/extensions/forms/FieldGroup/index.js.map +1 -1
  252. package/cjs/extensions/forms/Layout/Card.js +2 -2
  253. package/cjs/extensions/forms/Layout/Card.js.map +1 -1
  254. package/cjs/extensions/forms/Layout/FlexContainer.d.ts +1 -0
  255. package/cjs/extensions/forms/Layout/FlexContainer.js +5 -3
  256. package/cjs/extensions/forms/Layout/FlexContainer.js.map +1 -1
  257. package/cjs/extensions/forms/Layout/FlexItem.d.ts +1 -0
  258. package/cjs/extensions/forms/Layout/FlexItem.js +2 -1
  259. package/cjs/extensions/forms/Layout/FlexItem.js.map +1 -1
  260. package/cjs/extensions/forms/Layout/SubHeading.js +2 -1
  261. package/cjs/extensions/forms/Layout/SubHeading.js.map +1 -1
  262. package/cjs/extensions/forms/Layout/style/dnb-card.css +3 -3
  263. package/cjs/extensions/forms/Layout/style/dnb-card.min.css +1 -1
  264. package/cjs/extensions/forms/Layout/style/dnb-card.scss +6 -4
  265. package/cjs/extensions/forms/Layout/style/dnb-flex-container.css +9 -0
  266. package/cjs/extensions/forms/Layout/style/dnb-flex-container.min.css +1 -1
  267. package/cjs/extensions/forms/Layout/style/dnb-flex-container.scss +14 -0
  268. package/cjs/extensions/forms/Layout/style/dnb-flex-item.css +9 -0
  269. package/cjs/extensions/forms/Layout/style/dnb-flex-item.min.css +1 -1
  270. package/cjs/extensions/forms/Layout/style/dnb-flex-item.scss +14 -0
  271. package/cjs/extensions/forms/StepsLayout/StepsLayout.js +1 -1
  272. package/cjs/extensions/forms/StepsLayout/StepsLayout.js.map +1 -1
  273. package/cjs/extensions/forms/StepsLayout/style/dnb-steps-layout.css +11 -5
  274. package/cjs/extensions/forms/StepsLayout/style/dnb-steps-layout.min.css +1 -1
  275. package/cjs/extensions/forms/StepsLayout/style/dnb-steps-layout.scss +10 -3
  276. package/cjs/extensions/forms/ValueBlock/index.js.map +1 -1
  277. package/cjs/extensions/forms/field-types.d.ts +7 -1
  278. package/cjs/extensions/forms/field-types.js.map +1 -1
  279. package/cjs/extensions/forms/style/dnb-forms.css +112 -42
  280. package/cjs/extensions/forms/style/dnb-forms.min.css +1 -1
  281. package/cjs/extensions/forms/style/index.d.ts +1 -0
  282. package/cjs/extensions/forms/style/index.js +4 -0
  283. package/cjs/extensions/forms/style/index.js.map +1 -0
  284. package/cjs/extensions/forms/utils/TestElement/style/dnb-test-element.css +2 -2
  285. package/cjs/extensions/forms/utils/TestElement/style/dnb-test-element.min.css +1 -1
  286. package/cjs/extensions/forms/utils/TestElement/style/dnb-test-element.scss +2 -2
  287. package/cjs/extensions/forms/utils/useWasChanged.d.ts +5 -0
  288. package/cjs/extensions/forms/utils/useWasChanged.js +62 -0
  289. package/cjs/extensions/forms/utils/useWasChanged.js.map +1 -0
  290. package/cjs/extensions/forms/variables.scss +3 -0
  291. package/cjs/extensions/lib.d.ts +1 -0
  292. package/cjs/extensions/payment-card/PaymentCard.d.ts +6 -2
  293. package/cjs/extensions/payment-card/PaymentCard.js +13 -2
  294. package/cjs/extensions/payment-card/PaymentCard.js.map +1 -1
  295. package/cjs/extensions/payment-card/icons/CardIn.d.ts +2 -0
  296. package/cjs/extensions/payment-card/icons/CardIn.js +26 -0
  297. package/cjs/extensions/payment-card/icons/CardIn.js.map +1 -0
  298. package/cjs/extensions/payment-card/icons/index.js +4 -1
  299. package/cjs/extensions/payment-card/icons/index.js.map +1 -1
  300. package/cjs/extensions/payment-card/style/dnb-payment-card.css +3 -2
  301. package/cjs/extensions/payment-card/style/dnb-payment-card.min.css +1 -1
  302. package/cjs/extensions/payment-card/style/dnb-payment-card.scss +2 -2
  303. package/cjs/extensions/payment-card/utils/backgrounds/ung.js +1 -1
  304. package/cjs/extensions/payment-card/utils/backgrounds/ung.js.map +1 -1
  305. package/cjs/extensions/payment-card/utils/backgrounds/youth.js +1 -1
  306. package/cjs/extensions/payment-card/utils/backgrounds/youth.js.map +1 -1
  307. package/cjs/fragments/drawer-list/DrawerList.js +1 -1
  308. package/cjs/fragments/drawer-list/DrawerList.js.map +1 -1
  309. package/cjs/fragments/drawer-list/DrawerListPortal.js +2 -2
  310. package/cjs/fragments/drawer-list/DrawerListPortal.js.map +1 -1
  311. package/cjs/fragments/drawer-list/style/dnb-drawer-list.scss +3 -1
  312. package/cjs/shared/Context.d.ts +2 -0
  313. package/cjs/shared/Context.js.map +1 -1
  314. package/cjs/shared/Eufemia.d.ts +1 -1
  315. package/cjs/shared/Eufemia.js +2 -2
  316. package/cjs/shared/Eufemia.js.map +1 -1
  317. package/cjs/shared/helpers/withCamelCaseProps.js.map +1 -1
  318. package/cjs/shared/helpers/withSnakeCaseProps.js.map +1 -1
  319. package/cjs/shared/libs/Shortcuts.js.map +1 -1
  320. package/cjs/shared/locales/en-GB.d.ts +2 -0
  321. package/cjs/shared/locales/en-GB.js +3 -1
  322. package/cjs/shared/locales/en-GB.js.map +1 -1
  323. package/cjs/shared/locales/en-US.d.ts +2 -0
  324. package/cjs/shared/locales/index.d.ts +4 -0
  325. package/cjs/shared/locales/nb-NO.d.ts +2 -0
  326. package/cjs/shared/locales/nb-NO.js +3 -1
  327. package/cjs/shared/locales/nb-NO.js.map +1 -1
  328. package/cjs/style/core/reset.scss +13 -3
  329. package/cjs/style/core/utilities.scss +3 -1
  330. package/cjs/style/dnb-ui-components.css +42 -19
  331. package/cjs/style/dnb-ui-components.min.css +1 -1
  332. package/cjs/style/dnb-ui-elements.css +6 -0
  333. package/cjs/style/dnb-ui-elements.min.css +1 -1
  334. package/cjs/style/dnb-ui-extensions.css +115 -44
  335. package/cjs/style/dnb-ui-extensions.min.css +1 -1
  336. package/cjs/style/themes/theme-eiendom/eiendom-theme-basis.css +6 -0
  337. package/cjs/style/themes/theme-eiendom/eiendom-theme-basis.min.css +1 -1
  338. package/cjs/style/themes/theme-eiendom/eiendom-theme-components.css +189 -135
  339. package/cjs/style/themes/theme-eiendom/eiendom-theme-components.min.css +7 -1
  340. package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.css +115 -44
  341. package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
  342. package/cjs/style/themes/theme-sbanken/customisations.scss +0 -8
  343. package/cjs/style/themes/theme-sbanken/properties.js +6 -6
  344. package/cjs/style/themes/theme-sbanken/properties.js.map +1 -1
  345. package/cjs/style/themes/theme-sbanken/properties.scss +6 -6
  346. package/cjs/style/themes/theme-sbanken/sbanken-theme-basis.css +27 -26
  347. package/cjs/style/themes/theme-sbanken/sbanken-theme-basis.min.css +1 -1
  348. package/cjs/style/themes/theme-sbanken/sbanken-theme-components.css +574 -615
  349. package/cjs/style/themes/theme-sbanken/sbanken-theme-components.min.css +14 -2
  350. package/cjs/style/themes/theme-sbanken/sbanken-theme-components.scss +8 -7
  351. package/cjs/style/themes/theme-sbanken/sbanken-theme-elements.css +21 -2
  352. package/cjs/style/themes/theme-sbanken/sbanken-theme-elements.min.css +1 -1
  353. package/cjs/style/themes/theme-sbanken/sbanken-theme-extensions.css +115 -44
  354. package/cjs/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
  355. package/cjs/style/themes/theme-ui/fonts.scss +8 -4
  356. package/cjs/style/themes/theme-ui/ui-theme-basis.css +6 -0
  357. package/cjs/style/themes/theme-ui/ui-theme-basis.min.css +1 -1
  358. package/cjs/style/themes/theme-ui/ui-theme-components.css +136 -98
  359. package/cjs/style/themes/theme-ui/ui-theme-components.min.css +7 -1
  360. package/cjs/style/themes/theme-ui/ui-theme-elements.css +6 -0
  361. package/cjs/style/themes/theme-ui/ui-theme-elements.min.css +1 -1
  362. package/cjs/style/themes/theme-ui/ui-theme-extensions.css +115 -44
  363. package/cjs/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
  364. package/cjs/style/themes/theme-ui/ui-theme-tags.css +3 -0
  365. package/cjs/style/themes/theme-ui/ui-theme-tags.min.css +1 -1
  366. package/cjs/style/themes/theme-ui/ui-theme-tags.scss +9 -4
  367. package/components/accordion/Accordion.d.ts +1 -1
  368. package/components/accordion/AccordionHeader.d.ts +4 -4
  369. package/components/accordion/AccordionHeader.js +18 -5
  370. package/components/accordion/AccordionHeader.js.map +1 -1
  371. package/components/accordion/style/dnb-accordion.css +22 -17
  372. package/components/accordion/style/dnb-accordion.min.css +1 -1
  373. package/components/accordion/style/dnb-accordion.scss +40 -18
  374. package/components/accordion/style/themes/dnb-accordion-theme-sbanken.css +124 -0
  375. package/components/accordion/style/themes/dnb-accordion-theme-sbanken.min.css +1 -0
  376. package/components/accordion/style/themes/dnb-accordion-theme-sbanken.scss +125 -0
  377. package/components/anchor/Anchor.js +1 -1
  378. package/components/anchor/Anchor.js.map +1 -1
  379. package/components/anchor/style/anchor-mixins.scss +9 -3
  380. package/components/anchor/style/themes/dnb-anchor-theme-sbanken.scss +3 -1
  381. package/components/autocomplete/Autocomplete.d.ts +1 -1
  382. package/components/autocomplete/Autocomplete.js +4 -2
  383. package/components/autocomplete/Autocomplete.js.map +1 -1
  384. package/components/avatar/style/index.d.ts +1 -1
  385. package/components/avatar/style/themes/dnb-avatar-theme-sbanken.scss +2 -1
  386. package/components/breadcrumb/Breadcrumb.js +2 -2
  387. package/components/breadcrumb/Breadcrumb.js.map +1 -1
  388. package/components/breadcrumb/BreadcrumbItem.js +23 -1
  389. package/components/breadcrumb/BreadcrumbItem.js.map +1 -1
  390. package/components/breadcrumb/style/themes/dnb-breadcrumb-theme-sbanken.css +23 -0
  391. package/components/breadcrumb/style/themes/dnb-breadcrumb-theme-sbanken.min.css +1 -0
  392. package/components/breadcrumb/style/themes/dnb-breadcrumb-theme-sbanken.scss +33 -0
  393. package/components/button/style/dnb-button--tertiary.css +53 -37
  394. package/components/button/style/dnb-button--tertiary.min.css +5 -1
  395. package/components/button/style/dnb-button--tertiary.scss +28 -34
  396. package/components/button/style/themes/button-mixins.scss +5 -3
  397. package/components/button/style/themes/dnb-button-theme-eiendom.css +53 -37
  398. package/components/button/style/themes/dnb-button-theme-eiendom.min.css +5 -1
  399. package/components/button/style/themes/dnb-button-theme-sbanken.css +155 -136
  400. package/components/button/style/themes/dnb-button-theme-sbanken.min.css +12 -2
  401. package/components/button/style/themes/dnb-button-theme-sbanken.scss +81 -115
  402. package/components/button/style/themes/dnb-button-theme-ui.css +53 -37
  403. package/components/button/style/themes/dnb-button-theme-ui.min.css +5 -1
  404. package/components/button/style/themes/dnb-button-theme-ui.scss +3 -1
  405. package/components/checkbox/Checkbox.d.ts +4 -0
  406. package/components/checkbox/Checkbox.js +6 -4
  407. package/components/checkbox/Checkbox.js.map +1 -1
  408. package/components/checkbox/style/themes/dnb-checkbox-theme-ui.scss +3 -1
  409. package/components/date-picker/style/themes/dnb-date-picker-theme-ui.scss +6 -2
  410. package/components/drawer/Drawer.d.ts +1 -1
  411. package/components/drawer/Drawer.js +3 -1
  412. package/components/drawer/Drawer.js.map +1 -1
  413. package/components/form-label/style/dnb-form-label.css +0 -1
  414. package/components/form-label/style/dnb-form-label.min.css +1 -1
  415. package/components/form-label/style/dnb-form-label.scss +0 -1
  416. package/components/form-label/style/themes/dnb-form-label-theme-sbanken.css +10 -0
  417. package/components/form-label/style/themes/dnb-form-label-theme-sbanken.min.css +1 -0
  418. package/components/form-label/style/themes/dnb-form-label-theme-sbanken.scss +16 -0
  419. package/components/form-label/style/themes/dnb-form-label-theme-ui.css +3 -0
  420. package/components/form-label/style/themes/dnb-form-label-theme-ui.min.css +1 -1
  421. package/components/form-label/style/themes/dnb-form-label-theme-ui.scss +6 -2
  422. package/components/form-row/style/themes/dnb-form-row-theme-sbanken.css +4 -0
  423. package/components/form-row/style/themes/dnb-form-row-theme-sbanken.min.css +0 -0
  424. package/components/form-row/style/themes/dnb-form-row-theme-sbanken.scss +4 -0
  425. package/components/form-status/FormStatus.d.ts +2 -0
  426. package/components/form-status/FormStatus.js +70 -53
  427. package/components/form-status/FormStatus.js.map +1 -1
  428. package/components/form-status/style/dnb-form-status.scss +4 -2
  429. package/components/form-status/style/themes/dnb-form-status-theme-sbanken.css +37 -0
  430. package/components/form-status/style/themes/dnb-form-status-theme-sbanken.min.css +1 -0
  431. package/components/form-status/style/themes/dnb-form-status-theme-sbanken.scss +35 -0
  432. package/components/global-status/GlobalStatus.d.ts +1 -1
  433. package/components/global-status/GlobalStatus.js +18 -8
  434. package/components/global-status/GlobalStatus.js.map +1 -1
  435. package/components/global-status/style/dnb-global-status.scss +2 -1
  436. package/components/global-status/style/themes/dnb-global-status-theme-sbanken.css +22 -0
  437. package/components/global-status/style/themes/dnb-global-status-theme-sbanken.min.css +1 -0
  438. package/components/global-status/style/themes/dnb-global-status-theme-sbanken.scss +28 -0
  439. package/components/global-status/style/themes/dnb-global-status-theme-ui.css +6 -3
  440. package/components/global-status/style/themes/dnb-global-status-theme-ui.min.css +1 -1
  441. package/components/global-status/style/themes/dnb-global-status-theme-ui.scss +13 -6
  442. package/components/heading/Heading.d.ts +8 -8
  443. package/components/heading/Heading.js +9 -15
  444. package/components/heading/Heading.js.map +1 -1
  445. package/components/heading/HeadingHelpers.d.ts +5 -1
  446. package/components/heading/HeadingHelpers.js +39 -0
  447. package/components/heading/HeadingHelpers.js.map +1 -1
  448. package/components/info-card/index.js.map +1 -1
  449. package/components/info-card/style.js.map +1 -1
  450. package/components/input/style/themes/dnb-input-theme-sbanken.css +20 -20
  451. package/components/input/style/themes/dnb-input-theme-sbanken.min.css +1 -1
  452. package/components/input/style/themes/dnb-input-theme-sbanken.scss +15 -23
  453. package/components/input/style/themes/dnb-input-theme-ui.css +1 -1
  454. package/components/input/style/themes/dnb-input-theme-ui.min.css +1 -1
  455. package/components/input/style/themes/dnb-input-theme-ui.scss +9 -3
  456. package/components/input-masked/InputMaskedUtils.js +1 -1
  457. package/components/input-masked/InputMaskedUtils.js.map +1 -1
  458. package/components/modal/Modal.js.map +1 -1
  459. package/components/modal/parts/ModalHeaderBar.js +0 -4
  460. package/components/modal/parts/ModalHeaderBar.js.map +1 -1
  461. package/components/pagination/Pagination.js.map +1 -1
  462. package/components/pagination/style/dnb-pagination.css +20 -0
  463. package/components/pagination/style/dnb-pagination.min.css +1 -1
  464. package/components/pagination/style/dnb-pagination.scss +24 -0
  465. package/components/pagination/style/themes/dnb-pagination-theme-sbanken.css +26 -0
  466. package/components/pagination/style/themes/dnb-pagination-theme-sbanken.min.css +1 -0
  467. package/components/pagination/style/themes/dnb-pagination-theme-sbanken.scss +35 -0
  468. package/components/pagination/style/themes/dnb-pagination-theme-ui.css +0 -24
  469. package/components/pagination/style/themes/dnb-pagination-theme-ui.min.css +1 -1
  470. package/components/pagination/style/themes/dnb-pagination-theme-ui.scss +0 -30
  471. package/components/radio/Radio.d.ts +4 -0
  472. package/components/radio/Radio.js +6 -4
  473. package/components/radio/Radio.js.map +1 -1
  474. package/components/radio/style/themes/dnb-radio-theme-ui.scss +15 -5
  475. package/components/section/Section.d.ts +26 -1
  476. package/components/section/Section.js +3 -2
  477. package/components/section/Section.js.map +1 -1
  478. package/components/section/style/dnb-section.css +1 -1
  479. package/components/section/style/dnb-section.scss +8 -3
  480. package/components/section/style/themes/dnb-section-theme-sbanken.css +39 -0
  481. package/components/section/style/themes/dnb-section-theme-sbanken.min.css +1 -0
  482. package/components/section/style/themes/dnb-section-theme-sbanken.scss +56 -0
  483. package/components/section/style/themes/dnb-section-theme-ui.css +28 -13
  484. package/components/section/style/themes/dnb-section-theme-ui.min.css +1 -1
  485. package/components/section/style/themes/dnb-section-theme-ui.scss +37 -14
  486. package/components/skeleton/style/dnb-skeleton.scss +8 -5
  487. package/components/slider/style/dnb-slider.scss +4 -2
  488. package/components/space/SpacingUtils.js.map +1 -1
  489. package/components/step-indicator/StepIndicator.d.ts +89 -75
  490. package/components/step-indicator/StepIndicator.js +29 -25
  491. package/components/step-indicator/StepIndicator.js.map +1 -1
  492. package/components/step-indicator/StepIndicatorContext.d.ts +45 -15
  493. package/components/step-indicator/StepIndicatorContext.js +98 -120
  494. package/components/step-indicator/StepIndicatorContext.js.map +1 -1
  495. package/components/step-indicator/StepIndicatorItem.d.ts +59 -61
  496. package/components/step-indicator/StepIndicatorItem.js +177 -227
  497. package/components/step-indicator/StepIndicatorItem.js.map +1 -1
  498. package/components/step-indicator/StepIndicatorList.d.ts +6 -8
  499. package/components/step-indicator/StepIndicatorList.js +43 -48
  500. package/components/step-indicator/StepIndicatorList.js.map +1 -1
  501. package/components/step-indicator/StepIndicatorModal.d.ts +6 -14
  502. package/components/step-indicator/StepIndicatorModal.js +38 -50
  503. package/components/step-indicator/StepIndicatorModal.js.map +1 -1
  504. package/components/step-indicator/StepIndicatorProps.d.ts +2 -55
  505. package/components/step-indicator/StepIndicatorProps.js +3 -45
  506. package/components/step-indicator/StepIndicatorProps.js.map +1 -1
  507. package/components/step-indicator/StepIndicatorSidebar.d.ts +27 -21
  508. package/components/step-indicator/StepIndicatorSidebar.js +39 -52
  509. package/components/step-indicator/StepIndicatorSidebar.js.map +1 -1
  510. package/components/step-indicator/StepIndicatorTriggerButton.d.ts +16 -17
  511. package/components/step-indicator/StepIndicatorTriggerButton.js +62 -78
  512. package/components/step-indicator/StepIndicatorTriggerButton.js.map +1 -1
  513. package/components/switch/Switch.d.ts +4 -0
  514. package/components/switch/Switch.js +6 -4
  515. package/components/switch/Switch.js.map +1 -1
  516. package/components/switch/style/themes/dnb-switch-theme-ui.scss +3 -1
  517. package/components/table/TableContainer.js.map +1 -1
  518. package/components/table/style/table-accordion.scss +18 -6
  519. package/components/table/style/table-header-buttons.scss +3 -1
  520. package/components/table/style/table-tr.scss +6 -2
  521. package/components/table/style/themes/dnb-table-theme-sbanken.css +56 -7
  522. package/components/table/style/themes/dnb-table-theme-sbanken.min.css +1 -1
  523. package/components/table/style/themes/dnb-table-theme-sbanken.scss +21 -5
  524. package/components/table/style/themes/dnb-table-theme-ui.scss +3 -1
  525. package/components/timeline/TimelineItem.d.ts +3 -2
  526. package/components/timeline/TimelineItem.js +95 -61
  527. package/components/timeline/TimelineItem.js.map +1 -1
  528. package/components/timeline/style/themes/dnb-timeline-theme-ui.css +3 -2
  529. package/components/timeline/style/themes/dnb-timeline-theme-ui.min.css +3 -1
  530. package/components/timeline/style/themes/dnb-timeline-theme-ui.scss +3 -2
  531. package/components/toggle-button/style/themes/dnb-toggle-button-theme-ui.scss +3 -1
  532. package/elements/lib.d.ts +1 -1
  533. package/elements/typography/H.d.ts +5 -3
  534. package/elements/typography/H.js +8 -4
  535. package/elements/typography/H.js.map +1 -1
  536. package/elements/typography/H1.js +2 -2
  537. package/elements/typography/H1.js.map +1 -1
  538. package/elements/typography/H2.js +2 -2
  539. package/elements/typography/H2.js.map +1 -1
  540. package/elements/typography/H3.js +2 -2
  541. package/elements/typography/H3.js.map +1 -1
  542. package/elements/typography/H4.js +2 -2
  543. package/elements/typography/H4.js.map +1 -1
  544. package/elements/typography/H5.js +2 -2
  545. package/elements/typography/H5.js.map +1 -1
  546. package/elements/typography/H6.js +2 -2
  547. package/elements/typography/H6.js.map +1 -1
  548. package/elements/typography/style/dnb-typography.scss +3 -0
  549. package/elements/typography/style/themes/dnb-typography-theme-sbanken.scss +12 -2
  550. package/elements/typography/style/typography-mixins.scss +5 -0
  551. package/es/components/accordion/Accordion.d.ts +1 -1
  552. package/es/components/accordion/AccordionHeader.d.ts +4 -4
  553. package/es/components/accordion/AccordionHeader.js +18 -5
  554. package/es/components/accordion/AccordionHeader.js.map +1 -1
  555. package/es/components/accordion/style/dnb-accordion.css +22 -17
  556. package/es/components/accordion/style/dnb-accordion.min.css +1 -1
  557. package/es/components/accordion/style/dnb-accordion.scss +40 -18
  558. package/es/components/accordion/style/themes/dnb-accordion-theme-sbanken.css +124 -0
  559. package/es/components/accordion/style/themes/dnb-accordion-theme-sbanken.min.css +1 -0
  560. package/es/components/accordion/style/themes/dnb-accordion-theme-sbanken.scss +125 -0
  561. package/es/components/anchor/Anchor.js +1 -1
  562. package/es/components/anchor/Anchor.js.map +1 -1
  563. package/es/components/anchor/style/anchor-mixins.scss +9 -3
  564. package/es/components/anchor/style/themes/dnb-anchor-theme-sbanken.scss +3 -1
  565. package/es/components/autocomplete/Autocomplete.d.ts +1 -1
  566. package/es/components/autocomplete/Autocomplete.js +4 -2
  567. package/es/components/autocomplete/Autocomplete.js.map +1 -1
  568. package/es/components/avatar/style/index.d.ts +1 -1
  569. package/es/components/avatar/style/themes/dnb-avatar-theme-sbanken.scss +2 -1
  570. package/es/components/breadcrumb/Breadcrumb.js +2 -2
  571. package/es/components/breadcrumb/Breadcrumb.js.map +1 -1
  572. package/es/components/breadcrumb/BreadcrumbItem.js +23 -1
  573. package/es/components/breadcrumb/BreadcrumbItem.js.map +1 -1
  574. package/es/components/breadcrumb/style/themes/dnb-breadcrumb-theme-sbanken.css +23 -0
  575. package/es/components/breadcrumb/style/themes/dnb-breadcrumb-theme-sbanken.min.css +1 -0
  576. package/es/components/breadcrumb/style/themes/dnb-breadcrumb-theme-sbanken.scss +33 -0
  577. package/es/components/button/style/dnb-button--tertiary.css +53 -37
  578. package/es/components/button/style/dnb-button--tertiary.min.css +5 -1
  579. package/es/components/button/style/dnb-button--tertiary.scss +28 -34
  580. package/es/components/button/style/themes/button-mixins.scss +5 -3
  581. package/es/components/button/style/themes/dnb-button-theme-eiendom.css +53 -37
  582. package/es/components/button/style/themes/dnb-button-theme-eiendom.min.css +5 -1
  583. package/es/components/button/style/themes/dnb-button-theme-sbanken.css +155 -136
  584. package/es/components/button/style/themes/dnb-button-theme-sbanken.min.css +12 -2
  585. package/es/components/button/style/themes/dnb-button-theme-sbanken.scss +81 -115
  586. package/es/components/button/style/themes/dnb-button-theme-ui.css +53 -37
  587. package/es/components/button/style/themes/dnb-button-theme-ui.min.css +5 -1
  588. package/es/components/button/style/themes/dnb-button-theme-ui.scss +3 -1
  589. package/es/components/checkbox/Checkbox.d.ts +4 -0
  590. package/es/components/checkbox/Checkbox.js +6 -4
  591. package/es/components/checkbox/Checkbox.js.map +1 -1
  592. package/es/components/checkbox/style/themes/dnb-checkbox-theme-ui.scss +3 -1
  593. package/es/components/date-picker/style/themes/dnb-date-picker-theme-ui.scss +6 -2
  594. package/es/components/drawer/Drawer.d.ts +1 -1
  595. package/es/components/drawer/Drawer.js +3 -1
  596. package/es/components/drawer/Drawer.js.map +1 -1
  597. package/es/components/form-label/style/dnb-form-label.css +0 -1
  598. package/es/components/form-label/style/dnb-form-label.min.css +1 -1
  599. package/es/components/form-label/style/dnb-form-label.scss +0 -1
  600. package/es/components/form-label/style/themes/dnb-form-label-theme-sbanken.css +10 -0
  601. package/es/components/form-label/style/themes/dnb-form-label-theme-sbanken.min.css +1 -0
  602. package/es/components/form-label/style/themes/dnb-form-label-theme-sbanken.scss +16 -0
  603. package/es/components/form-label/style/themes/dnb-form-label-theme-ui.css +3 -0
  604. package/es/components/form-label/style/themes/dnb-form-label-theme-ui.min.css +1 -1
  605. package/es/components/form-label/style/themes/dnb-form-label-theme-ui.scss +6 -2
  606. package/es/components/form-row/style/themes/dnb-form-row-theme-sbanken.css +4 -0
  607. package/es/components/form-row/style/themes/dnb-form-row-theme-sbanken.min.css +0 -0
  608. package/es/components/form-row/style/themes/dnb-form-row-theme-sbanken.scss +4 -0
  609. package/es/components/form-status/FormStatus.d.ts +2 -0
  610. package/es/components/form-status/FormStatus.js +70 -53
  611. package/es/components/form-status/FormStatus.js.map +1 -1
  612. package/es/components/form-status/style/dnb-form-status.scss +4 -2
  613. package/es/components/form-status/style/themes/dnb-form-status-theme-sbanken.css +37 -0
  614. package/es/components/form-status/style/themes/dnb-form-status-theme-sbanken.min.css +1 -0
  615. package/es/components/form-status/style/themes/dnb-form-status-theme-sbanken.scss +35 -0
  616. package/es/components/global-status/GlobalStatus.d.ts +1 -1
  617. package/es/components/global-status/GlobalStatus.js +18 -8
  618. package/es/components/global-status/GlobalStatus.js.map +1 -1
  619. package/es/components/global-status/style/dnb-global-status.scss +2 -1
  620. package/es/components/global-status/style/themes/dnb-global-status-theme-sbanken.css +22 -0
  621. package/es/components/global-status/style/themes/dnb-global-status-theme-sbanken.min.css +1 -0
  622. package/es/components/global-status/style/themes/dnb-global-status-theme-sbanken.scss +28 -0
  623. package/es/components/global-status/style/themes/dnb-global-status-theme-ui.css +6 -3
  624. package/es/components/global-status/style/themes/dnb-global-status-theme-ui.min.css +1 -1
  625. package/es/components/global-status/style/themes/dnb-global-status-theme-ui.scss +13 -6
  626. package/es/components/heading/Heading.d.ts +8 -8
  627. package/es/components/heading/Heading.js +9 -15
  628. package/es/components/heading/Heading.js.map +1 -1
  629. package/es/components/heading/HeadingHelpers.d.ts +5 -1
  630. package/es/components/heading/HeadingHelpers.js +39 -0
  631. package/es/components/heading/HeadingHelpers.js.map +1 -1
  632. package/es/components/info-card/index.js.map +1 -1
  633. package/es/components/info-card/style.js.map +1 -1
  634. package/es/components/input/style/themes/dnb-input-theme-sbanken.css +20 -20
  635. package/es/components/input/style/themes/dnb-input-theme-sbanken.min.css +1 -1
  636. package/es/components/input/style/themes/dnb-input-theme-sbanken.scss +15 -23
  637. package/es/components/input/style/themes/dnb-input-theme-ui.css +1 -1
  638. package/es/components/input/style/themes/dnb-input-theme-ui.min.css +1 -1
  639. package/es/components/input/style/themes/dnb-input-theme-ui.scss +9 -3
  640. package/es/components/input-masked/InputMaskedUtils.js +1 -1
  641. package/es/components/input-masked/InputMaskedUtils.js.map +1 -1
  642. package/es/components/modal/Modal.js.map +1 -1
  643. package/es/components/modal/parts/ModalHeaderBar.js +0 -4
  644. package/es/components/modal/parts/ModalHeaderBar.js.map +1 -1
  645. package/es/components/pagination/Pagination.js.map +1 -1
  646. package/es/components/pagination/style/dnb-pagination.css +20 -0
  647. package/es/components/pagination/style/dnb-pagination.min.css +1 -1
  648. package/es/components/pagination/style/dnb-pagination.scss +24 -0
  649. package/es/components/pagination/style/themes/dnb-pagination-theme-sbanken.css +26 -0
  650. package/es/components/pagination/style/themes/dnb-pagination-theme-sbanken.min.css +1 -0
  651. package/es/components/pagination/style/themes/dnb-pagination-theme-sbanken.scss +35 -0
  652. package/es/components/pagination/style/themes/dnb-pagination-theme-ui.css +0 -24
  653. package/es/components/pagination/style/themes/dnb-pagination-theme-ui.min.css +1 -1
  654. package/es/components/pagination/style/themes/dnb-pagination-theme-ui.scss +0 -30
  655. package/es/components/radio/Radio.d.ts +4 -0
  656. package/es/components/radio/Radio.js +6 -4
  657. package/es/components/radio/Radio.js.map +1 -1
  658. package/es/components/radio/style/themes/dnb-radio-theme-ui.scss +15 -5
  659. package/es/components/section/Section.d.ts +26 -1
  660. package/es/components/section/Section.js +3 -2
  661. package/es/components/section/Section.js.map +1 -1
  662. package/es/components/section/style/dnb-section.css +1 -1
  663. package/es/components/section/style/dnb-section.scss +8 -3
  664. package/es/components/section/style/themes/dnb-section-theme-sbanken.css +39 -0
  665. package/es/components/section/style/themes/dnb-section-theme-sbanken.min.css +1 -0
  666. package/es/components/section/style/themes/dnb-section-theme-sbanken.scss +56 -0
  667. package/es/components/section/style/themes/dnb-section-theme-ui.css +28 -13
  668. package/es/components/section/style/themes/dnb-section-theme-ui.min.css +1 -1
  669. package/es/components/section/style/themes/dnb-section-theme-ui.scss +37 -14
  670. package/es/components/skeleton/style/dnb-skeleton.scss +8 -5
  671. package/es/components/slider/style/dnb-slider.scss +4 -2
  672. package/es/components/space/SpacingUtils.js.map +1 -1
  673. package/es/components/step-indicator/StepIndicator.d.ts +89 -75
  674. package/es/components/step-indicator/StepIndicator.js +29 -25
  675. package/es/components/step-indicator/StepIndicator.js.map +1 -1
  676. package/es/components/step-indicator/StepIndicatorContext.d.ts +45 -15
  677. package/es/components/step-indicator/StepIndicatorContext.js +94 -114
  678. package/es/components/step-indicator/StepIndicatorContext.js.map +1 -1
  679. package/es/components/step-indicator/StepIndicatorItem.d.ts +59 -61
  680. package/es/components/step-indicator/StepIndicatorItem.js +173 -223
  681. package/es/components/step-indicator/StepIndicatorItem.js.map +1 -1
  682. package/es/components/step-indicator/StepIndicatorList.d.ts +6 -8
  683. package/es/components/step-indicator/StepIndicatorList.js +43 -48
  684. package/es/components/step-indicator/StepIndicatorList.js.map +1 -1
  685. package/es/components/step-indicator/StepIndicatorModal.d.ts +6 -14
  686. package/es/components/step-indicator/StepIndicatorModal.js +38 -48
  687. package/es/components/step-indicator/StepIndicatorModal.js.map +1 -1
  688. package/es/components/step-indicator/StepIndicatorProps.d.ts +2 -55
  689. package/es/components/step-indicator/StepIndicatorProps.js +3 -45
  690. package/es/components/step-indicator/StepIndicatorProps.js.map +1 -1
  691. package/es/components/step-indicator/StepIndicatorSidebar.d.ts +27 -21
  692. package/es/components/step-indicator/StepIndicatorSidebar.js +39 -52
  693. package/es/components/step-indicator/StepIndicatorSidebar.js.map +1 -1
  694. package/es/components/step-indicator/StepIndicatorTriggerButton.d.ts +16 -17
  695. package/es/components/step-indicator/StepIndicatorTriggerButton.js +62 -78
  696. package/es/components/step-indicator/StepIndicatorTriggerButton.js.map +1 -1
  697. package/es/components/switch/Switch.d.ts +4 -0
  698. package/es/components/switch/Switch.js +6 -4
  699. package/es/components/switch/Switch.js.map +1 -1
  700. package/es/components/switch/style/themes/dnb-switch-theme-ui.scss +3 -1
  701. package/es/components/table/TableContainer.js.map +1 -1
  702. package/es/components/table/style/table-accordion.scss +18 -6
  703. package/es/components/table/style/table-header-buttons.scss +3 -1
  704. package/es/components/table/style/table-tr.scss +6 -2
  705. package/es/components/table/style/themes/dnb-table-theme-sbanken.css +56 -7
  706. package/es/components/table/style/themes/dnb-table-theme-sbanken.min.css +1 -1
  707. package/es/components/table/style/themes/dnb-table-theme-sbanken.scss +21 -5
  708. package/es/components/table/style/themes/dnb-table-theme-ui.scss +3 -1
  709. package/es/components/timeline/TimelineItem.d.ts +3 -2
  710. package/es/components/timeline/TimelineItem.js +89 -58
  711. package/es/components/timeline/TimelineItem.js.map +1 -1
  712. package/es/components/timeline/style/themes/dnb-timeline-theme-ui.css +3 -2
  713. package/es/components/timeline/style/themes/dnb-timeline-theme-ui.min.css +3 -1
  714. package/es/components/timeline/style/themes/dnb-timeline-theme-ui.scss +3 -2
  715. package/es/components/toggle-button/style/themes/dnb-toggle-button-theme-ui.scss +3 -1
  716. package/es/elements/lib.d.ts +1 -1
  717. package/es/elements/typography/H.d.ts +5 -3
  718. package/es/elements/typography/H.js +8 -4
  719. package/es/elements/typography/H.js.map +1 -1
  720. package/es/elements/typography/H1.js +2 -2
  721. package/es/elements/typography/H1.js.map +1 -1
  722. package/es/elements/typography/H2.js +2 -2
  723. package/es/elements/typography/H2.js.map +1 -1
  724. package/es/elements/typography/H3.js +2 -2
  725. package/es/elements/typography/H3.js.map +1 -1
  726. package/es/elements/typography/H4.js +2 -2
  727. package/es/elements/typography/H4.js.map +1 -1
  728. package/es/elements/typography/H5.js +2 -2
  729. package/es/elements/typography/H5.js.map +1 -1
  730. package/es/elements/typography/H6.js +2 -2
  731. package/es/elements/typography/H6.js.map +1 -1
  732. package/es/elements/typography/style/dnb-typography.scss +3 -0
  733. package/es/elements/typography/style/themes/dnb-typography-theme-sbanken.scss +12 -2
  734. package/es/elements/typography/style/typography-mixins.scss +5 -0
  735. package/es/extensions/forms/DataContext/Provider.js +9 -9
  736. package/es/extensions/forms/DataContext/Provider.js.map +1 -1
  737. package/es/extensions/forms/DataContext/index.js.map +1 -1
  738. package/es/extensions/forms/Field/ArraySelection.d.ts +2 -1
  739. package/es/extensions/forms/Field/ArraySelection.js +49 -33
  740. package/es/extensions/forms/Field/ArraySelection.js.map +1 -1
  741. package/es/extensions/forms/Field/CountryCode.d.ts +10 -0
  742. package/es/extensions/forms/Field/CountryCode.js +67 -0
  743. package/es/extensions/forms/Field/CountryCode.js.map +1 -0
  744. package/es/extensions/forms/Field/Currency.d.ts +2 -2
  745. package/es/extensions/forms/Field/Currency.js +6 -37
  746. package/es/extensions/forms/Field/Currency.js.map +1 -1
  747. package/es/extensions/forms/Field/Date.d.ts +2 -2
  748. package/es/extensions/forms/Field/Date.js +11 -7
  749. package/es/extensions/forms/Field/Date.js.map +1 -1
  750. package/es/extensions/forms/Field/Number.d.ts +7 -3
  751. package/es/extensions/forms/Field/Number.js +47 -23
  752. package/es/extensions/forms/Field/Number.js.map +1 -1
  753. package/es/extensions/forms/Field/PhoneNumber.d.ts +7 -2
  754. package/es/extensions/forms/Field/PhoneNumber.js +44 -41
  755. package/es/extensions/forms/Field/PhoneNumber.js.map +1 -1
  756. package/es/extensions/forms/Field/PostalCodeAndCity.d.ts +1 -1
  757. package/es/extensions/forms/Field/PostalCodeAndCity.js +1 -1
  758. package/es/extensions/forms/Field/PostalCodeAndCity.js.map +1 -1
  759. package/es/extensions/forms/Field/Selection.d.ts +6 -4
  760. package/es/extensions/forms/Field/Selection.js +86 -38
  761. package/es/extensions/forms/Field/Selection.js.map +1 -1
  762. package/es/extensions/forms/Field/String.d.ts +3 -3
  763. package/es/extensions/forms/Field/String.js +33 -18
  764. package/es/extensions/forms/Field/String.js.map +1 -1
  765. package/es/extensions/forms/Field/Toggle.js +11 -9
  766. package/es/extensions/forms/Field/Toggle.js.map +1 -1
  767. package/es/extensions/forms/Field/fields.scss +2 -2
  768. package/es/extensions/forms/Field/hooks/useField.d.ts +6 -8
  769. package/es/extensions/forms/Field/hooks/useField.js +34 -31
  770. package/es/extensions/forms/Field/hooks/useField.js.map +1 -1
  771. package/es/extensions/forms/Field/index.d.ts +2 -0
  772. package/es/extensions/forms/Field/index.js +3 -1
  773. package/es/extensions/forms/Field/index.js.map +1 -1
  774. package/es/extensions/forms/Field/style/dnb-array-selection.css +13 -0
  775. package/es/extensions/forms/Field/style/dnb-array-selection.min.css +1 -0
  776. package/es/extensions/forms/Field/style/dnb-array-selection.scss +15 -0
  777. package/es/extensions/forms/Field/style/dnb-country-code.css +12 -0
  778. package/es/extensions/forms/Field/style/dnb-country-code.min.css +1 -0
  779. package/es/extensions/forms/Field/style/dnb-country-code.scss +19 -0
  780. package/es/extensions/forms/Field/style/dnb-phone-number.css +6 -7
  781. package/es/extensions/forms/Field/style/dnb-phone-number.min.css +1 -1
  782. package/es/extensions/forms/Field/style/dnb-phone-number.scss +7 -8
  783. package/es/extensions/forms/Field/style/dnb-postal-code-and-city.css +5 -2
  784. package/es/extensions/forms/Field/style/dnb-postal-code-and-city.min.css +1 -1
  785. package/es/extensions/forms/Field/style/dnb-postal-code-and-city.scss +5 -1
  786. package/es/extensions/forms/Field/style/dnb-selection.css +5 -2
  787. package/es/extensions/forms/Field/style/dnb-selection.min.css +1 -1
  788. package/es/extensions/forms/Field/style/dnb-selection.scss +7 -1
  789. package/es/extensions/forms/Field/style/index.d.ts +2 -1
  790. package/es/extensions/forms/Field/style/index.js +2 -1
  791. package/es/extensions/forms/Field/style/index.js.map +1 -1
  792. package/es/extensions/forms/Field/style/index.scss +2 -2
  793. package/es/extensions/forms/FieldBlock/FieldBlock.d.ts +5 -0
  794. package/es/extensions/forms/FieldBlock/FieldBlock.js +19 -9
  795. package/es/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
  796. package/es/extensions/forms/FieldBlock/index.js.map +1 -1
  797. package/es/extensions/forms/FieldBlock/style/dnb-field-block.css +39 -1
  798. package/es/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
  799. package/es/extensions/forms/FieldBlock/style/dnb-field-block.scss +60 -1
  800. package/es/extensions/forms/FieldGroup/index.js.map +1 -1
  801. package/es/extensions/forms/Layout/Card.js +2 -2
  802. package/es/extensions/forms/Layout/Card.js.map +1 -1
  803. package/es/extensions/forms/Layout/FlexContainer.d.ts +1 -0
  804. package/es/extensions/forms/Layout/FlexContainer.js +5 -3
  805. package/es/extensions/forms/Layout/FlexContainer.js.map +1 -1
  806. package/es/extensions/forms/Layout/FlexItem.d.ts +1 -0
  807. package/es/extensions/forms/Layout/FlexItem.js +2 -1
  808. package/es/extensions/forms/Layout/FlexItem.js.map +1 -1
  809. package/es/extensions/forms/Layout/SubHeading.js +2 -1
  810. package/es/extensions/forms/Layout/SubHeading.js.map +1 -1
  811. package/es/extensions/forms/Layout/style/dnb-card.css +3 -3
  812. package/es/extensions/forms/Layout/style/dnb-card.min.css +1 -1
  813. package/es/extensions/forms/Layout/style/dnb-card.scss +6 -4
  814. package/es/extensions/forms/Layout/style/dnb-flex-container.css +9 -0
  815. package/es/extensions/forms/Layout/style/dnb-flex-container.min.css +1 -1
  816. package/es/extensions/forms/Layout/style/dnb-flex-container.scss +14 -0
  817. package/es/extensions/forms/Layout/style/dnb-flex-item.css +9 -0
  818. package/es/extensions/forms/Layout/style/dnb-flex-item.min.css +1 -1
  819. package/es/extensions/forms/Layout/style/dnb-flex-item.scss +14 -0
  820. package/es/extensions/forms/StepsLayout/StepsLayout.js +1 -1
  821. package/es/extensions/forms/StepsLayout/StepsLayout.js.map +1 -1
  822. package/es/extensions/forms/StepsLayout/style/dnb-steps-layout.css +11 -5
  823. package/es/extensions/forms/StepsLayout/style/dnb-steps-layout.min.css +1 -1
  824. package/es/extensions/forms/StepsLayout/style/dnb-steps-layout.scss +10 -3
  825. package/es/extensions/forms/ValueBlock/index.js.map +1 -1
  826. package/es/extensions/forms/field-types.d.ts +7 -1
  827. package/es/extensions/forms/field-types.js.map +1 -1
  828. package/es/extensions/forms/style/dnb-forms.css +112 -42
  829. package/es/extensions/forms/style/dnb-forms.min.css +1 -1
  830. package/es/extensions/forms/style/index.d.ts +1 -0
  831. package/es/extensions/forms/style/index.js +1 -0
  832. package/es/extensions/forms/style/index.js.map +1 -0
  833. package/es/extensions/forms/utils/TestElement/style/dnb-test-element.css +2 -2
  834. package/es/extensions/forms/utils/TestElement/style/dnb-test-element.min.css +1 -1
  835. package/es/extensions/forms/utils/TestElement/style/dnb-test-element.scss +2 -2
  836. package/es/extensions/forms/utils/useWasChanged.d.ts +5 -0
  837. package/es/extensions/forms/utils/useWasChanged.js +51 -0
  838. package/es/extensions/forms/utils/useWasChanged.js.map +1 -0
  839. package/es/extensions/forms/variables.scss +3 -0
  840. package/es/extensions/lib.d.ts +1 -0
  841. package/es/extensions/payment-card/PaymentCard.d.ts +6 -2
  842. package/es/extensions/payment-card/PaymentCard.js +13 -2
  843. package/es/extensions/payment-card/PaymentCard.js.map +1 -1
  844. package/es/extensions/payment-card/icons/CardIn.d.ts +2 -0
  845. package/es/extensions/payment-card/icons/CardIn.js +18 -0
  846. package/es/extensions/payment-card/icons/CardIn.js.map +1 -0
  847. package/es/extensions/payment-card/icons/index.js +4 -1
  848. package/es/extensions/payment-card/icons/index.js.map +1 -1
  849. package/es/extensions/payment-card/style/dnb-payment-card.css +3 -2
  850. package/es/extensions/payment-card/style/dnb-payment-card.min.css +1 -1
  851. package/es/extensions/payment-card/style/dnb-payment-card.scss +2 -2
  852. package/es/extensions/payment-card/utils/backgrounds/ung.js +1 -1
  853. package/es/extensions/payment-card/utils/backgrounds/ung.js.map +1 -1
  854. package/es/extensions/payment-card/utils/backgrounds/youth.js +1 -1
  855. package/es/extensions/payment-card/utils/backgrounds/youth.js.map +1 -1
  856. package/es/fragments/drawer-list/DrawerList.js +1 -1
  857. package/es/fragments/drawer-list/DrawerList.js.map +1 -1
  858. package/es/fragments/drawer-list/DrawerListPortal.js +2 -2
  859. package/es/fragments/drawer-list/DrawerListPortal.js.map +1 -1
  860. package/es/fragments/drawer-list/style/dnb-drawer-list.scss +3 -1
  861. package/es/shared/Context.d.ts +2 -0
  862. package/es/shared/Context.js.map +1 -1
  863. package/es/shared/Eufemia.d.ts +1 -1
  864. package/es/shared/Eufemia.js +2 -2
  865. package/es/shared/Eufemia.js.map +1 -1
  866. package/es/shared/helpers/withCamelCaseProps.js.map +1 -1
  867. package/es/shared/helpers/withSnakeCaseProps.js.map +1 -1
  868. package/es/shared/libs/Shortcuts.js.map +1 -1
  869. package/es/shared/locales/en-GB.d.ts +2 -0
  870. package/es/shared/locales/en-GB.js +3 -1
  871. package/es/shared/locales/en-GB.js.map +1 -1
  872. package/es/shared/locales/en-US.d.ts +2 -0
  873. package/es/shared/locales/index.d.ts +4 -0
  874. package/es/shared/locales/nb-NO.d.ts +2 -0
  875. package/es/shared/locales/nb-NO.js +3 -1
  876. package/es/shared/locales/nb-NO.js.map +1 -1
  877. package/es/style/core/reset.scss +13 -3
  878. package/es/style/core/utilities.scss +3 -1
  879. package/es/style/dnb-ui-components.css +42 -19
  880. package/es/style/dnb-ui-components.min.css +1 -1
  881. package/es/style/dnb-ui-elements.css +6 -0
  882. package/es/style/dnb-ui-elements.min.css +1 -1
  883. package/es/style/dnb-ui-extensions.css +115 -44
  884. package/es/style/dnb-ui-extensions.min.css +1 -1
  885. package/es/style/themes/theme-eiendom/eiendom-theme-basis.css +6 -0
  886. package/es/style/themes/theme-eiendom/eiendom-theme-basis.min.css +1 -1
  887. package/es/style/themes/theme-eiendom/eiendom-theme-components.css +189 -135
  888. package/es/style/themes/theme-eiendom/eiendom-theme-components.min.css +7 -1
  889. package/es/style/themes/theme-eiendom/eiendom-theme-extensions.css +115 -44
  890. package/es/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
  891. package/es/style/themes/theme-sbanken/customisations.scss +0 -8
  892. package/es/style/themes/theme-sbanken/properties.js +6 -6
  893. package/es/style/themes/theme-sbanken/properties.js.map +1 -1
  894. package/es/style/themes/theme-sbanken/properties.scss +6 -6
  895. package/es/style/themes/theme-sbanken/sbanken-theme-basis.css +27 -26
  896. package/es/style/themes/theme-sbanken/sbanken-theme-basis.min.css +1 -1
  897. package/es/style/themes/theme-sbanken/sbanken-theme-components.css +574 -615
  898. package/es/style/themes/theme-sbanken/sbanken-theme-components.min.css +14 -2
  899. package/es/style/themes/theme-sbanken/sbanken-theme-components.scss +8 -7
  900. package/es/style/themes/theme-sbanken/sbanken-theme-elements.css +21 -2
  901. package/es/style/themes/theme-sbanken/sbanken-theme-elements.min.css +1 -1
  902. package/es/style/themes/theme-sbanken/sbanken-theme-extensions.css +115 -44
  903. package/es/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
  904. package/es/style/themes/theme-ui/fonts.scss +8 -4
  905. package/es/style/themes/theme-ui/ui-theme-basis.css +6 -0
  906. package/es/style/themes/theme-ui/ui-theme-basis.min.css +1 -1
  907. package/es/style/themes/theme-ui/ui-theme-components.css +136 -98
  908. package/es/style/themes/theme-ui/ui-theme-components.min.css +7 -1
  909. package/es/style/themes/theme-ui/ui-theme-elements.css +6 -0
  910. package/es/style/themes/theme-ui/ui-theme-elements.min.css +1 -1
  911. package/es/style/themes/theme-ui/ui-theme-extensions.css +115 -44
  912. package/es/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
  913. package/es/style/themes/theme-ui/ui-theme-tags.css +3 -0
  914. package/es/style/themes/theme-ui/ui-theme-tags.min.css +1 -1
  915. package/es/style/themes/theme-ui/ui-theme-tags.scss +9 -4
  916. package/esm/dnb-ui-basis.min.mjs +1 -1
  917. package/esm/dnb-ui-components.min.mjs +1 -1
  918. package/esm/dnb-ui-elements.min.mjs +1 -1
  919. package/esm/dnb-ui-extensions.min.mjs +6 -6
  920. package/esm/dnb-ui-lib.min.mjs +1 -1
  921. package/extensions/forms/DataContext/Provider.js +9 -9
  922. package/extensions/forms/DataContext/Provider.js.map +1 -1
  923. package/extensions/forms/DataContext/index.js.map +1 -1
  924. package/extensions/forms/Field/ArraySelection.d.ts +2 -1
  925. package/extensions/forms/Field/ArraySelection.js +49 -33
  926. package/extensions/forms/Field/ArraySelection.js.map +1 -1
  927. package/extensions/forms/Field/CountryCode.d.ts +10 -0
  928. package/extensions/forms/Field/CountryCode.js +68 -0
  929. package/extensions/forms/Field/CountryCode.js.map +1 -0
  930. package/extensions/forms/Field/Currency.d.ts +2 -2
  931. package/extensions/forms/Field/Currency.js +6 -38
  932. package/extensions/forms/Field/Currency.js.map +1 -1
  933. package/extensions/forms/Field/Date.d.ts +2 -2
  934. package/extensions/forms/Field/Date.js +11 -7
  935. package/extensions/forms/Field/Date.js.map +1 -1
  936. package/extensions/forms/Field/Number.d.ts +7 -3
  937. package/extensions/forms/Field/Number.js +47 -23
  938. package/extensions/forms/Field/Number.js.map +1 -1
  939. package/extensions/forms/Field/PhoneNumber.d.ts +7 -2
  940. package/extensions/forms/Field/PhoneNumber.js +44 -43
  941. package/extensions/forms/Field/PhoneNumber.js.map +1 -1
  942. package/extensions/forms/Field/PostalCodeAndCity.d.ts +1 -1
  943. package/extensions/forms/Field/PostalCodeAndCity.js +1 -1
  944. package/extensions/forms/Field/PostalCodeAndCity.js.map +1 -1
  945. package/extensions/forms/Field/Selection.d.ts +6 -4
  946. package/extensions/forms/Field/Selection.js +88 -39
  947. package/extensions/forms/Field/Selection.js.map +1 -1
  948. package/extensions/forms/Field/String.d.ts +3 -3
  949. package/extensions/forms/Field/String.js +33 -18
  950. package/extensions/forms/Field/String.js.map +1 -1
  951. package/extensions/forms/Field/Toggle.js +11 -9
  952. package/extensions/forms/Field/Toggle.js.map +1 -1
  953. package/extensions/forms/Field/fields.scss +2 -2
  954. package/extensions/forms/Field/hooks/useField.d.ts +6 -8
  955. package/extensions/forms/Field/hooks/useField.js +34 -33
  956. package/extensions/forms/Field/hooks/useField.js.map +1 -1
  957. package/extensions/forms/Field/index.d.ts +2 -0
  958. package/extensions/forms/Field/index.js +3 -1
  959. package/extensions/forms/Field/index.js.map +1 -1
  960. package/extensions/forms/Field/style/dnb-array-selection.css +13 -0
  961. package/extensions/forms/Field/style/dnb-array-selection.min.css +1 -0
  962. package/extensions/forms/Field/style/dnb-array-selection.scss +15 -0
  963. package/extensions/forms/Field/style/dnb-country-code.css +12 -0
  964. package/extensions/forms/Field/style/dnb-country-code.min.css +1 -0
  965. package/extensions/forms/Field/style/dnb-country-code.scss +19 -0
  966. package/extensions/forms/Field/style/dnb-phone-number.css +6 -7
  967. package/extensions/forms/Field/style/dnb-phone-number.min.css +1 -1
  968. package/extensions/forms/Field/style/dnb-phone-number.scss +7 -8
  969. package/extensions/forms/Field/style/dnb-postal-code-and-city.css +5 -2
  970. package/extensions/forms/Field/style/dnb-postal-code-and-city.min.css +1 -1
  971. package/extensions/forms/Field/style/dnb-postal-code-and-city.scss +5 -1
  972. package/extensions/forms/Field/style/dnb-selection.css +5 -2
  973. package/extensions/forms/Field/style/dnb-selection.min.css +1 -1
  974. package/extensions/forms/Field/style/dnb-selection.scss +7 -1
  975. package/extensions/forms/Field/style/index.d.ts +2 -1
  976. package/extensions/forms/Field/style/index.js +2 -1
  977. package/extensions/forms/Field/style/index.js.map +1 -1
  978. package/extensions/forms/Field/style/index.scss +2 -2
  979. package/extensions/forms/FieldBlock/FieldBlock.d.ts +5 -0
  980. package/extensions/forms/FieldBlock/FieldBlock.js +19 -9
  981. package/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
  982. package/extensions/forms/FieldBlock/index.js.map +1 -1
  983. package/extensions/forms/FieldBlock/style/dnb-field-block.css +39 -1
  984. package/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
  985. package/extensions/forms/FieldBlock/style/dnb-field-block.scss +60 -1
  986. package/extensions/forms/FieldGroup/index.js.map +1 -1
  987. package/extensions/forms/Layout/Card.js +2 -2
  988. package/extensions/forms/Layout/Card.js.map +1 -1
  989. package/extensions/forms/Layout/FlexContainer.d.ts +1 -0
  990. package/extensions/forms/Layout/FlexContainer.js +5 -3
  991. package/extensions/forms/Layout/FlexContainer.js.map +1 -1
  992. package/extensions/forms/Layout/FlexItem.d.ts +1 -0
  993. package/extensions/forms/Layout/FlexItem.js +2 -1
  994. package/extensions/forms/Layout/FlexItem.js.map +1 -1
  995. package/extensions/forms/Layout/SubHeading.js +2 -1
  996. package/extensions/forms/Layout/SubHeading.js.map +1 -1
  997. package/extensions/forms/Layout/style/dnb-card.css +3 -3
  998. package/extensions/forms/Layout/style/dnb-card.min.css +1 -1
  999. package/extensions/forms/Layout/style/dnb-card.scss +6 -4
  1000. package/extensions/forms/Layout/style/dnb-flex-container.css +9 -0
  1001. package/extensions/forms/Layout/style/dnb-flex-container.min.css +1 -1
  1002. package/extensions/forms/Layout/style/dnb-flex-container.scss +14 -0
  1003. package/extensions/forms/Layout/style/dnb-flex-item.css +9 -0
  1004. package/extensions/forms/Layout/style/dnb-flex-item.min.css +1 -1
  1005. package/extensions/forms/Layout/style/dnb-flex-item.scss +14 -0
  1006. package/extensions/forms/StepsLayout/StepsLayout.js +1 -1
  1007. package/extensions/forms/StepsLayout/StepsLayout.js.map +1 -1
  1008. package/extensions/forms/StepsLayout/style/dnb-steps-layout.css +11 -5
  1009. package/extensions/forms/StepsLayout/style/dnb-steps-layout.min.css +1 -1
  1010. package/extensions/forms/StepsLayout/style/dnb-steps-layout.scss +10 -3
  1011. package/extensions/forms/ValueBlock/index.js.map +1 -1
  1012. package/extensions/forms/field-types.d.ts +7 -1
  1013. package/extensions/forms/field-types.js.map +1 -1
  1014. package/extensions/forms/style/dnb-forms.css +112 -42
  1015. package/extensions/forms/style/dnb-forms.min.css +1 -1
  1016. package/extensions/forms/style/index.d.ts +1 -0
  1017. package/extensions/forms/style/index.js +1 -0
  1018. package/extensions/forms/style/index.js.map +1 -0
  1019. package/extensions/forms/utils/TestElement/style/dnb-test-element.css +2 -2
  1020. package/extensions/forms/utils/TestElement/style/dnb-test-element.min.css +1 -1
  1021. package/extensions/forms/utils/TestElement/style/dnb-test-element.scss +2 -2
  1022. package/extensions/forms/utils/useWasChanged.d.ts +5 -0
  1023. package/extensions/forms/utils/useWasChanged.js +56 -0
  1024. package/extensions/forms/utils/useWasChanged.js.map +1 -0
  1025. package/extensions/forms/variables.scss +3 -0
  1026. package/extensions/lib.d.ts +1 -0
  1027. package/extensions/payment-card/PaymentCard.d.ts +6 -2
  1028. package/extensions/payment-card/PaymentCard.js +13 -2
  1029. package/extensions/payment-card/PaymentCard.js.map +1 -1
  1030. package/extensions/payment-card/icons/CardIn.d.ts +2 -0
  1031. package/extensions/payment-card/icons/CardIn.js +18 -0
  1032. package/extensions/payment-card/icons/CardIn.js.map +1 -0
  1033. package/extensions/payment-card/icons/index.js +4 -1
  1034. package/extensions/payment-card/icons/index.js.map +1 -1
  1035. package/extensions/payment-card/style/dnb-payment-card.css +3 -2
  1036. package/extensions/payment-card/style/dnb-payment-card.min.css +1 -1
  1037. package/extensions/payment-card/style/dnb-payment-card.scss +2 -2
  1038. package/extensions/payment-card/utils/backgrounds/ung.js +1 -1
  1039. package/extensions/payment-card/utils/backgrounds/ung.js.map +1 -1
  1040. package/extensions/payment-card/utils/backgrounds/youth.js +1 -1
  1041. package/extensions/payment-card/utils/backgrounds/youth.js.map +1 -1
  1042. package/fragments/drawer-list/DrawerList.js +1 -1
  1043. package/fragments/drawer-list/DrawerList.js.map +1 -1
  1044. package/fragments/drawer-list/DrawerListPortal.js +2 -2
  1045. package/fragments/drawer-list/DrawerListPortal.js.map +1 -1
  1046. package/fragments/drawer-list/style/dnb-drawer-list.scss +3 -1
  1047. package/package.json +1 -1
  1048. package/shared/Context.d.ts +2 -0
  1049. package/shared/Context.js.map +1 -1
  1050. package/shared/Eufemia.d.ts +1 -1
  1051. package/shared/Eufemia.js +2 -2
  1052. package/shared/Eufemia.js.map +1 -1
  1053. package/shared/helpers/withCamelCaseProps.js.map +1 -1
  1054. package/shared/helpers/withSnakeCaseProps.js.map +1 -1
  1055. package/shared/libs/Shortcuts.js.map +1 -1
  1056. package/shared/locales/en-GB.d.ts +2 -0
  1057. package/shared/locales/en-GB.js +3 -1
  1058. package/shared/locales/en-GB.js.map +1 -1
  1059. package/shared/locales/en-US.d.ts +2 -0
  1060. package/shared/locales/index.d.ts +4 -0
  1061. package/shared/locales/nb-NO.d.ts +2 -0
  1062. package/shared/locales/nb-NO.js +3 -1
  1063. package/shared/locales/nb-NO.js.map +1 -1
  1064. package/style/core/reset.scss +13 -3
  1065. package/style/core/utilities.scss +3 -1
  1066. package/style/dnb-ui-components.css +42 -19
  1067. package/style/dnb-ui-components.min.css +1 -1
  1068. package/style/dnb-ui-elements.css +6 -0
  1069. package/style/dnb-ui-elements.min.css +1 -1
  1070. package/style/dnb-ui-extensions.css +115 -44
  1071. package/style/dnb-ui-extensions.min.css +1 -1
  1072. package/style/themes/theme-eiendom/eiendom-theme-basis.css +6 -0
  1073. package/style/themes/theme-eiendom/eiendom-theme-basis.min.css +1 -1
  1074. package/style/themes/theme-eiendom/eiendom-theme-components.css +189 -135
  1075. package/style/themes/theme-eiendom/eiendom-theme-components.min.css +7 -1
  1076. package/style/themes/theme-eiendom/eiendom-theme-extensions.css +115 -44
  1077. package/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
  1078. package/style/themes/theme-sbanken/customisations.scss +0 -8
  1079. package/style/themes/theme-sbanken/properties.js +6 -6
  1080. package/style/themes/theme-sbanken/properties.js.map +1 -1
  1081. package/style/themes/theme-sbanken/properties.scss +6 -6
  1082. package/style/themes/theme-sbanken/sbanken-theme-basis.css +27 -26
  1083. package/style/themes/theme-sbanken/sbanken-theme-basis.min.css +1 -1
  1084. package/style/themes/theme-sbanken/sbanken-theme-components.css +574 -615
  1085. package/style/themes/theme-sbanken/sbanken-theme-components.min.css +14 -2
  1086. package/style/themes/theme-sbanken/sbanken-theme-components.scss +8 -7
  1087. package/style/themes/theme-sbanken/sbanken-theme-elements.css +21 -2
  1088. package/style/themes/theme-sbanken/sbanken-theme-elements.min.css +1 -1
  1089. package/style/themes/theme-sbanken/sbanken-theme-extensions.css +115 -44
  1090. package/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
  1091. package/style/themes/theme-ui/fonts.scss +8 -4
  1092. package/style/themes/theme-ui/ui-theme-basis.css +6 -0
  1093. package/style/themes/theme-ui/ui-theme-basis.min.css +1 -1
  1094. package/style/themes/theme-ui/ui-theme-components.css +136 -98
  1095. package/style/themes/theme-ui/ui-theme-components.min.css +7 -1
  1096. package/style/themes/theme-ui/ui-theme-elements.css +6 -0
  1097. package/style/themes/theme-ui/ui-theme-elements.min.css +1 -1
  1098. package/style/themes/theme-ui/ui-theme-extensions.css +115 -44
  1099. package/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
  1100. package/style/themes/theme-ui/ui-theme-tags.css +3 -0
  1101. package/style/themes/theme-ui/ui-theme-tags.min.css +1 -1
  1102. package/style/themes/theme-ui/ui-theme-tags.scss +9 -4
  1103. package/umd/dnb-ui-basis.min.js +1 -1
  1104. package/umd/dnb-ui-components.min.js +1 -1
  1105. package/umd/dnb-ui-elements.min.js +1 -1
  1106. package/umd/dnb-ui-extensions.min.js +6 -6
  1107. package/umd/dnb-ui-lib.min.js +1 -1
  1108. package/cjs/extensions/forms/Field/style/dnb-number.css +0 -11
  1109. package/cjs/extensions/forms/Field/style/dnb-number.min.css +0 -1
  1110. package/cjs/extensions/forms/Field/style/dnb-number.scss +0 -19
  1111. package/cjs/extensions/forms/Field/style/dnb-string.css +0 -11
  1112. package/cjs/extensions/forms/Field/style/dnb-string.min.css +0 -1
  1113. package/cjs/extensions/forms/Field/style/dnb-string.scss +0 -19
  1114. package/es/extensions/forms/Field/style/dnb-number.css +0 -11
  1115. package/es/extensions/forms/Field/style/dnb-number.min.css +0 -1
  1116. package/es/extensions/forms/Field/style/dnb-number.scss +0 -19
  1117. package/es/extensions/forms/Field/style/dnb-string.css +0 -11
  1118. package/es/extensions/forms/Field/style/dnb-string.min.css +0 -1
  1119. package/es/extensions/forms/Field/style/dnb-string.scss +0 -19
  1120. package/extensions/forms/Field/style/dnb-number.css +0 -11
  1121. package/extensions/forms/Field/style/dnb-number.min.css +0 -1
  1122. package/extensions/forms/Field/style/dnb-number.scss +0 -19
  1123. package/extensions/forms/Field/style/dnb-string.css +0 -11
  1124. package/extensions/forms/Field/style/dnb-string.min.css +0 -1
  1125. package/extensions/forms/Field/style/dnb-string.scss +0 -19
@@ -20,7 +20,7 @@ var _Context = _interopRequireDefault(require("../../shared/Context"));
20
20
  var _Suffix = _interopRequireDefault(require("../../shared/helpers/Suffix"));
21
21
  var _FormRowHelpers = require("../form-row/FormRowHelpers");
22
22
  var _AlignmentHelper, _span, _span2;
23
- const _excluded = ["status", "status_state", "status_props", "status_no_animation", "globalStatus", "suffix", "element", "label", "label_sr_only", "label_position", "size", "readOnly", "skeleton", "className", "class", "id", "group", "value", "checked", "disabled", "children", "on_change", "on_state_update"];
23
+ const _excluded = ["status", "status_state", "status_props", "status_no_animation", "globalStatus", "suffix", "element", "label", "label_sr_only", "label_position", "size", "readOnly", "skeleton", "className", "class", "id", "group", "value", "checked", "disabled", "children", "on_change", "on_state_update", "innerRef"];
24
24
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
25
25
  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; }
26
26
  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; }
@@ -165,7 +165,7 @@ class Radio extends _react.default.PureComponent {
165
165
  this._refInput.current.focus();
166
166
  }
167
167
  });
168
- this._refInput = _react.default.createRef();
168
+ this._refInput = props.innerRef || _react.default.createRef();
169
169
  this._id = props.id || (0, _componentHelper.makeUniqueId)();
170
170
  this.state = {
171
171
  _listenForPropChanges: true
@@ -200,7 +200,8 @@ class Radio extends _react.default.PureComponent {
200
200
  disabled: _disabled,
201
201
  children,
202
202
  on_change,
203
- on_state_update
203
+ on_state_update,
204
+ innerRef
204
205
  } = props,
205
206
  rest = _objectWithoutProperties(props, _excluded);
206
207
  let {
@@ -356,7 +357,8 @@ process.env.NODE_ENV !== "production" ? Radio.propTypes = _objectSpread(_objectS
356
357
  value: _propTypes.default.string,
357
358
  attributes: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),
358
359
  skeleton: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
359
- readOnly: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool])
360
+ readOnly: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
361
+ innerRef: _propTypes.default.object
360
362
  }, _SpacingHelper.spacingPropTypes), {}, {
361
363
  class: _propTypes.default.string,
362
364
  className: _propTypes.default.string,
@@ -1 +1 @@
1
- {"version":3,"file":"Radio.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_keycode","_componentHelper","_AlignmentHelper2","_SpacingHelper","_SkeletonHelper","_FormLabel","_FormStatus","_RadioGroup","_RadioGroupContext","_Context","_Suffix","_FormRowHelpers","_AlignmentHelper","_span","_span2","_excluded","obj","__esModule","default","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_extends","assign","bind","prototype","hasOwnProperty","call","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","Radio","React","PureComponent","getDerivedStateFromProps","props","state","_listenForPropChanges","checked","_checked","parseChecked","__checked","dispatchCustomElementEvent","constructor","event","keycode","isInNoGroup","onChangeHandler","isContextGroupOrSingle","context","preventDefault","setState","_event","isTrue","readOnly","isPlainGroup","setTimeout","callOnChange","group","_ref","onChange","_refInput","current","focus","createRef","_id","id","makeUniqueId","render","createElement","Consumer","contextProps","extendPropsWithContextInClassComponent","defaultProps","skeleton","includeValidProps","FormRow","status","status_state","status_props","status_no_animation","globalStatus","suffix","element","label","label_sr_only","label_position","size","className","class","_className","_group","_value","disabled","_disabled","children","on_change","on_state_update","rest","hasContext","name","showStatus","getStatusState","mainParams","classnames","createSpacingClasses","inputParams","role","type","combineDescribedBy","skeletonDOMAttributes","validateDOMAttributes","labelComp","for_id","text","sr_only","Element","show","text_id","width_selector","no_animation","ref","onClick","onClickHandler","onKeyDown","onKeyDownHandler","createSkeletonClass","exports","RadioGroupContext","attributes","RadioGroup","test","process","env","NODE_ENV","propTypes","PropTypes","oneOfType","string","func","node","bool","oneOf","shape","message","spacingPropTypes"],"sources":["../../../../src/components/radio/Radio.js"],"sourcesContent":["/**\n * Web Radio Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport keycode from 'keycode'\nimport {\n isTrue,\n makeUniqueId,\n extendPropsWithContextInClassComponent,\n validateDOMAttributes,\n getStatusState,\n combineDescribedBy,\n dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport AlignmentHelper from '../../shared/AlignmentHelper'\nimport {\n spacingPropTypes,\n createSpacingClasses,\n} from '../space/SpacingHelper'\nimport {\n skeletonDOMAttributes,\n createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\n\nimport FormLabel from '../form-label/FormLabel'\nimport FormStatus from '../form-status/FormStatus'\nimport RadioGroup from './RadioGroup'\nimport RadioGroupContext from './RadioGroupContext'\nimport Context from '../../shared/Context'\nimport Suffix from '../../shared/helpers/Suffix'\nimport { includeValidProps } from '../form-row/FormRowHelpers'\n\n/**\n * The radio component is our enhancement of the classic radio button.\n */\nexport default class Radio extends React.PureComponent {\n static contextType = RadioGroupContext\n\n static propTypes = {\n label: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.func,\n PropTypes.node,\n ]),\n label_sr_only: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n label_position: PropTypes.oneOf(['left', 'right']),\n checked: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n id: PropTypes.string,\n element: PropTypes.node,\n group: PropTypes.string,\n size: PropTypes.oneOf(['default', 'medium', 'large']),\n status: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.bool,\n PropTypes.func,\n PropTypes.node,\n ]),\n status_state: PropTypes.string,\n status_props: PropTypes.object,\n status_no_animation: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.bool,\n ]),\n globalStatus: PropTypes.shape({\n id: PropTypes.string,\n message: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n }),\n suffix: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.func,\n PropTypes.node,\n ]),\n value: PropTypes.string,\n attributes: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n readOnly: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n\n ...spacingPropTypes,\n\n class: PropTypes.string,\n className: PropTypes.string,\n children: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),\n\n on_change: PropTypes.func,\n on_state_update: PropTypes.func,\n }\n\n static defaultProps = {\n label: null,\n label_sr_only: null,\n label_position: null,\n checked: null,\n disabled: null,\n id: null,\n size: null,\n element: 'input',\n group: null,\n status: null,\n status_state: 'error',\n status_props: null,\n status_no_animation: null,\n globalStatus: null,\n suffix: null,\n value: '',\n attributes: null,\n readOnly: false,\n skeleton: null,\n class: null,\n\n className: null,\n children: null,\n\n on_change: null,\n on_state_update: null,\n }\n\n static Group = RadioGroup\n\n static parseChecked = (state) => /true|on/.test(String(state))\n\n static getDerivedStateFromProps(props, state) {\n if (state._listenForPropChanges) {\n if (props.checked !== state._checked) {\n state.checked = Radio.parseChecked(props.checked)\n }\n }\n state._listenForPropChanges = true\n\n if (state.checked !== state.__checked) {\n dispatchCustomElementEvent({ props }, 'on_state_update', {\n checked: state.checked,\n })\n }\n\n state._checked = props.checked\n state.__checked = state.checked\n\n return state\n }\n\n constructor(props) {\n super(props)\n this._refInput = React.createRef()\n this._id = props.id || makeUniqueId() // cause we need an id anyway\n this.state = {\n _listenForPropChanges: true,\n }\n }\n\n onKeyDownHandler = (event) => {\n const key = keycode(event)\n // only have key support if there is only a single radio\n if (this.isInNoGroup()) {\n switch (key) {\n case 'enter':\n this.onChangeHandler(event)\n break\n }\n } else if (this.isContextGroupOrSingle()) {\n switch (key) {\n case 'space':\n case 'enter': {\n const { value } = this.context\n if (value !== null && typeof value !== 'undefined') {\n event.preventDefault()\n }\n if (key === 'enter') {\n const checked = !this.state.checked\n this.setState({ checked, _listenForPropChanges: false })\n }\n break\n }\n }\n } else {\n // else we only use the native support, and don't want space support\n // because only arrow keys has to be used\n switch (key) {\n case 'space': {\n event.preventDefault()\n break\n }\n }\n }\n dispatchCustomElementEvent(this, 'on_key_down', { event })\n }\n\n onChangeHandler = (_event) => {\n const event = _event\n if (isTrue(this.props.readOnly)) {\n return event.preventDefault()\n }\n const value = event.target.value\n const checked = !this.state.checked\n\n // delay in case we have a props group only\n if (this.isPlainGroup()) {\n // in case we have a false \"hasContext\" but a \"group\"\n // then we have to use a delay, to overwrite the uncontrolled state\n setTimeout(() => {\n this.setState({ checked, _listenForPropChanges: false }, () =>\n this.callOnChange({ value, checked, event })\n )\n }, 1)\n } else {\n this.setState({ checked, _listenForPropChanges: false })\n this.callOnChange({ value, checked, event })\n }\n }\n\n // only support on change if there is either:\n // 1. context group usage\n // 2. or a single, no group usage\n isContextGroupOrSingle = () =>\n typeof this.context.value !== 'undefined' && !this.props.group\n isPlainGroup = () =>\n typeof this.context.value === 'undefined' && this.props.group\n isInNoGroup = () =>\n typeof this.context.value === 'undefined' && !this.props.group\n\n onClickHandler = (event) => {\n if (isTrue(this.props.readOnly)) {\n return event.preventDefault()\n }\n // only have click support if there are more plain radio\n if (!this.isPlainGroup()) {\n return\n }\n const value = event.target.value\n const checked = event.target.checked\n this.callOnChange({ value, checked, event })\n }\n\n callOnChange = ({ value, checked, event }) => {\n const { group } = this.props\n if (this.context.onChange) {\n this.context.onChange({\n value,\n })\n }\n dispatchCustomElementEvent(this, 'on_change', {\n group,\n checked,\n value,\n event,\n })\n\n // help firefox and safari to have an correct state after a click\n if (this._refInput.current) {\n this._refInput.current.focus()\n }\n }\n\n render() {\n return (\n <Context.Consumer>\n {(context) => {\n // from internal context\n const contextProps = extendPropsWithContextInClassComponent(\n this.props,\n Radio.defaultProps,\n this.context\n )\n\n // use only the props from context, who are available here anyway\n const props = extendPropsWithContextInClassComponent(\n this.props,\n Radio.defaultProps,\n contextProps,\n { skeleton: context?.skeleton },\n includeValidProps(context.FormRow),\n context.Radio\n )\n\n const {\n status,\n status_state,\n status_props,\n status_no_animation,\n globalStatus,\n suffix,\n element,\n label,\n label_sr_only,\n label_position,\n size,\n readOnly,\n skeleton,\n className,\n class: _className,\n id: _id, // eslint-disable-line\n group: _group, // eslint-disable-line\n value: _value, // eslint-disable-line\n checked: _checked, // eslint-disable-line\n disabled: _disabled, // eslint-disable-line\n children, // eslint-disable-line\n on_change, // eslint-disable-line\n on_state_update, // eslint-disable-line\n\n ...rest\n } = props\n\n let { checked } = this.state\n let { value, group, disabled } = props // get it from context also\n\n const hasContext = typeof this.context.name !== 'undefined'\n\n if (hasContext) {\n if (typeof this.context.value !== 'undefined') {\n checked = this.context.value === value\n }\n group = this.context.name\n if (isTrue(this.context.disabled) && disabled !== false) {\n disabled = true\n }\n } else if (typeof rest.name !== 'undefined') {\n group = rest.name\n }\n\n const id = this._id\n const showStatus = getStatusState(status)\n\n const mainParams = {\n className: classnames(\n 'dnb-radio',\n status && `dnb-radio__status--${status_state}`,\n size && `dnb-radio--${size}`,\n label &&\n `dnb-radio--label-position-${label_position || 'right'}`,\n createSpacingClasses(props),\n className,\n _className\n ),\n }\n\n let inputParams = {\n role: hasContext || group ? 'radio' : null,\n type: hasContext || group ? 'radio' : 'checkbox', // overwriting the type\n }\n\n if (!group) {\n inputParams.type = 'checkbox'\n inputParams.role = 'radio' // breaks axe test\n }\n\n if (showStatus || suffix) {\n inputParams['aria-describedby'] = combineDescribedBy(\n inputParams,\n showStatus ? id + '-status' : null,\n suffix ? id + '-suffix' : null\n )\n }\n if (readOnly) {\n inputParams['aria-readonly'] = inputParams.readOnly = true\n }\n\n inputParams = Object.assign(inputParams, rest)\n\n skeletonDOMAttributes(inputParams, skeleton, this.context)\n\n // also used for code markup simulation\n validateDOMAttributes(this.props, inputParams)\n\n const labelComp = label && (\n <FormLabel\n id={id + '-label'}\n for_id={id}\n text={label}\n disabled={disabled}\n skeleton={skeleton}\n sr_only={label_sr_only}\n />\n )\n\n const Element = element || 'input'\n\n return (\n <span {...mainParams}>\n <span className=\"dnb-radio__order\">\n {label_position === 'left' && labelComp}\n\n <span className=\"dnb-radio__inner\">\n <AlignmentHelper />\n\n <FormStatus\n show={showStatus}\n id={id + '-form-status'}\n globalStatus={globalStatus}\n label={label}\n text_id={id + '-status'} // used for \"aria-describedby\"\n width_selector={id + ', ' + id + '-label'}\n text={status}\n state={status_state}\n no_animation={status_no_animation}\n skeleton={skeleton}\n {...status_props}\n />\n\n <span className=\"dnb-radio__row\">\n <span className=\"dnb-radio__shell\">\n <Element\n type=\"radio\"\n value={value}\n id={id}\n name={group}\n className=\"dnb-radio__input\"\n checked={checked}\n aria-checked={\n this.isPlainGroup() ? undefined : checked\n }\n disabled={isTrue(disabled)}\n ref={this._refInput}\n {...inputParams}\n onChange={this.onChangeHandler}\n onClick={this.onClickHandler}\n onKeyDown={this.onKeyDownHandler}\n />\n\n <span\n className={classnames(\n 'dnb-radio__button',\n createSkeletonClass(\n 'shape',\n skeleton,\n this.context\n )\n )}\n aria-hidden\n />\n <span className=\"dnb-radio__focus\" aria-hidden />\n <span className=\"dnb-radio__dot\" aria-hidden />\n </span>\n\n {label_position !== 'left' && labelComp}\n\n {suffix && (\n <Suffix\n className=\"dnb-radio__suffix\"\n id={id + '-suffix'} // used for \"aria-describedby\"\n context={props}\n >\n {suffix}\n </Suffix>\n )}\n </span>\n </span>\n </span>\n </span>\n )\n }}\n </Context.Consumer>\n )\n }\n}\n"],"mappings":";;;;;;AAKA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,QAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AASA,IAAAK,iBAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AAIA,IAAAO,eAAA,GAAAP,OAAA;AAKA,IAAAQ,UAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,WAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,WAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,kBAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,QAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,OAAA,GAAAd,sBAAA,CAAAC,OAAA;AACA,IAAAc,eAAA,GAAAd,OAAA;AAA8D,IAAAe,gBAAA,EAAAC,KAAA,EAAAC,MAAA;AAAA,MAAAC,SAAA;AAAA,SAAAnB,uBAAAoB,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAAC,MAAA,CAAAD,IAAA,CAAAF,MAAA,OAAAG,MAAA,CAAAC,qBAAA,QAAAC,OAAA,GAAAF,MAAA,CAAAC,qBAAA,CAAAJ,MAAA,GAAAC,cAAA,KAAAI,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAJ,MAAA,CAAAK,wBAAA,CAAAR,MAAA,EAAAO,GAAA,EAAAE,UAAA,OAAAP,IAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,IAAA,EAAAG,OAAA,YAAAH,IAAA;AAAA,SAAAU,cAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAf,OAAA,CAAAI,MAAA,CAAAc,MAAA,OAAAC,OAAA,WAAAC,GAAA,IAAAC,eAAA,CAAAP,MAAA,EAAAM,GAAA,EAAAF,MAAA,CAAAE,GAAA,SAAAhB,MAAA,CAAAkB,yBAAA,GAAAlB,MAAA,CAAAmB,gBAAA,CAAAT,MAAA,EAAAV,MAAA,CAAAkB,yBAAA,CAAAJ,MAAA,KAAAlB,OAAA,CAAAI,MAAA,CAAAc,MAAA,GAAAC,OAAA,WAAAC,GAAA,IAAAhB,MAAA,CAAAoB,cAAA,CAAAV,MAAA,EAAAM,GAAA,EAAAhB,MAAA,CAAAK,wBAAA,CAAAS,MAAA,EAAAE,GAAA,iBAAAN,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAArB,MAAA,CAAAsB,MAAA,GAAAtB,MAAA,CAAAsB,MAAA,CAAAC,IAAA,eAAAb,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAK,GAAA,IAAAF,MAAA,QAAAd,MAAA,CAAAwB,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAZ,MAAA,EAAAE,GAAA,KAAAN,MAAA,CAAAM,GAAA,IAAAF,MAAA,CAAAE,GAAA,gBAAAN,MAAA,YAAAW,QAAA,CAAAb,KAAA,OAAAI,SAAA;AAAA,SAAAe,yBAAAb,MAAA,EAAAc,QAAA,QAAAd,MAAA,yBAAAJ,MAAA,GAAAmB,6BAAA,CAAAf,MAAA,EAAAc,QAAA,OAAAZ,GAAA,EAAAL,CAAA,MAAAX,MAAA,CAAAC,qBAAA,QAAA6B,gBAAA,GAAA9B,MAAA,CAAAC,qBAAA,CAAAa,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAmB,gBAAA,CAAAjB,MAAA,EAAAF,CAAA,MAAAK,GAAA,GAAAc,gBAAA,CAAAnB,CAAA,OAAAiB,QAAA,CAAAG,OAAA,CAAAf,GAAA,uBAAAhB,MAAA,CAAAwB,SAAA,CAAAQ,oBAAA,CAAAN,IAAA,CAAAZ,MAAA,EAAAE,GAAA,aAAAN,MAAA,CAAAM,GAAA,IAAAF,MAAA,CAAAE,GAAA,cAAAN,MAAA;AAAA,SAAAmB,8BAAAf,MAAA,EAAAc,QAAA,QAAAd,MAAA,yBAAAJ,MAAA,WAAAuB,UAAA,GAAAjC,MAAA,CAAAD,IAAA,CAAAe,MAAA,OAAAE,GAAA,EAAAL,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAsB,UAAA,CAAApB,MAAA,EAAAF,CAAA,MAAAK,GAAA,GAAAiB,UAAA,CAAAtB,CAAA,OAAAiB,QAAA,CAAAG,OAAA,CAAAf,GAAA,kBAAAN,MAAA,CAAAM,GAAA,IAAAF,MAAA,CAAAE,GAAA,YAAAN,MAAA;AAAA,SAAAO,gBAAAxB,GAAA,EAAAuB,GAAA,EAAAkB,KAAA,IAAAlB,GAAA,GAAAmB,cAAA,CAAAnB,GAAA,OAAAA,GAAA,IAAAvB,GAAA,IAAAO,MAAA,CAAAoB,cAAA,CAAA3B,GAAA,EAAAuB,GAAA,IAAAkB,KAAA,EAAAA,KAAA,EAAA5B,UAAA,QAAA8B,YAAA,QAAAC,QAAA,oBAAA5C,GAAA,CAAAuB,GAAA,IAAAkB,KAAA,WAAAzC,GAAA;AAAA,SAAA0C,eAAAG,GAAA,QAAAtB,GAAA,GAAAuB,YAAA,CAAAD,GAAA,2BAAAtB,GAAA,gBAAAA,GAAA,GAAAwB,MAAA,CAAAxB,GAAA;AAAA,SAAAuB,aAAAE,KAAA,EAAAC,IAAA,eAAAD,KAAA,iBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAAjB,IAAA,CAAAe,KAAA,EAAAC,IAAA,2BAAAK,GAAA,sBAAAA,GAAA,YAAAC,SAAA,4DAAAN,IAAA,gBAAAF,MAAA,GAAAS,MAAA,EAAAR,KAAA;AAK/C,MAAMS,KAAK,SAASC,cAAK,CAACC,aAAa,CAAC;EAsFrD,OAAOC,wBAAwBA,CAACC,KAAK,EAAEC,KAAK,EAAE;IAC5C,IAAIA,KAAK,CAACC,qBAAqB,EAAE;MAC/B,IAAIF,KAAK,CAACG,OAAO,KAAKF,KAAK,CAACG,QAAQ,EAAE;QACpCH,KAAK,CAACE,OAAO,GAAGP,KAAK,CAACS,YAAY,CAACL,KAAK,CAACG,OAAO,CAAC;MACnD;IACF;IACAF,KAAK,CAACC,qBAAqB,GAAG,IAAI;IAElC,IAAID,KAAK,CAACE,OAAO,KAAKF,KAAK,CAACK,SAAS,EAAE;MACrC,IAAAC,2CAA0B,EAAC;QAAEP;MAAM,CAAC,EAAE,iBAAiB,EAAE;QACvDG,OAAO,EAAEF,KAAK,CAACE;MACjB,CAAC,CAAC;IACJ;IAEAF,KAAK,CAACG,QAAQ,GAAGJ,KAAK,CAACG,OAAO;IAC9BF,KAAK,CAACK,SAAS,GAAGL,KAAK,CAACE,OAAO;IAE/B,OAAOF,KAAK;EACd;EAEAO,WAAWA,CAACR,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IAAArC,eAAA,2BAQM8C,KAAK,IAAK;MAC5B,MAAM/C,GAAG,GAAG,IAAAgD,gBAAO,EAACD,KAAK,CAAC;MAE1B,IAAI,IAAI,CAACE,WAAW,CAAC,CAAC,EAAE;QACtB,QAAQjD,GAAG;UACT,KAAK,OAAO;YACV,IAAI,CAACkD,eAAe,CAACH,KAAK,CAAC;YAC3B;QACJ;MACF,CAAC,MAAM,IAAI,IAAI,CAACI,sBAAsB,CAAC,CAAC,EAAE;QACxC,QAAQnD,GAAG;UACT,KAAK,OAAO;UACZ,KAAK,OAAO;YAAE;cACZ,MAAM;gBAAEkB;cAAM,CAAC,GAAG,IAAI,CAACkC,OAAO;cAC9B,IAAIlC,KAAK,KAAK,IAAI,IAAI,OAAOA,KAAK,KAAK,WAAW,EAAE;gBAClD6B,KAAK,CAACM,cAAc,CAAC,CAAC;cACxB;cACA,IAAIrD,GAAG,KAAK,OAAO,EAAE;gBACnB,MAAMyC,OAAO,GAAG,CAAC,IAAI,CAACF,KAAK,CAACE,OAAO;gBACnC,IAAI,CAACa,QAAQ,CAAC;kBAAEb,OAAO;kBAAED,qBAAqB,EAAE;gBAAM,CAAC,CAAC;cAC1D;cACA;YACF;QACF;MACF,CAAC,MAAM;QAGL,QAAQxC,GAAG;UACT,KAAK,OAAO;YAAE;cACZ+C,KAAK,CAACM,cAAc,CAAC,CAAC;cACtB;YACF;QACF;MACF;MACA,IAAAR,2CAA0B,EAAC,IAAI,EAAE,aAAa,EAAE;QAAEE;MAAM,CAAC,CAAC;IAC5D,CAAC;IAAA9C,eAAA,0BAEkBsD,MAAM,IAAK;MAC5B,MAAMR,KAAK,GAAGQ,MAAM;MACpB,IAAI,IAAAC,uBAAM,EAAC,IAAI,CAAClB,KAAK,CAACmB,QAAQ,CAAC,EAAE;QAC/B,OAAOV,KAAK,CAACM,cAAc,CAAC,CAAC;MAC/B;MACA,MAAMnC,KAAK,GAAG6B,KAAK,CAACrD,MAAM,CAACwB,KAAK;MAChC,MAAMuB,OAAO,GAAG,CAAC,IAAI,CAACF,KAAK,CAACE,OAAO;MAGnC,IAAI,IAAI,CAACiB,YAAY,CAAC,CAAC,EAAE;QAGvBC,UAAU,CAAC,MAAM;UACf,IAAI,CAACL,QAAQ,CAAC;YAAEb,OAAO;YAAED,qBAAqB,EAAE;UAAM,CAAC,EAAE,MACvD,IAAI,CAACoB,YAAY,CAAC;YAAE1C,KAAK;YAAEuB,OAAO;YAAEM;UAAM,CAAC,CAC7C,CAAC;QACH,CAAC,EAAE,CAAC,CAAC;MACP,CAAC,MAAM;QACL,IAAI,CAACO,QAAQ,CAAC;UAAEb,OAAO;UAAED,qBAAqB,EAAE;QAAM,CAAC,CAAC;QACxD,IAAI,CAACoB,YAAY,CAAC;UAAE1C,KAAK;UAAEuB,OAAO;UAAEM;QAAM,CAAC,CAAC;MAC9C;IACF,CAAC;IAAA9C,eAAA,iCAKwB,MACvB,OAAO,IAAI,CAACmD,OAAO,CAAClC,KAAK,KAAK,WAAW,IAAI,CAAC,IAAI,CAACoB,KAAK,CAACuB,KAAK;IAAA5D,eAAA,uBACjD,MACb,OAAO,IAAI,CAACmD,OAAO,CAAClC,KAAK,KAAK,WAAW,IAAI,IAAI,CAACoB,KAAK,CAACuB,KAAK;IAAA5D,eAAA,sBACjD,MACZ,OAAO,IAAI,CAACmD,OAAO,CAAClC,KAAK,KAAK,WAAW,IAAI,CAAC,IAAI,CAACoB,KAAK,CAACuB,KAAK;IAAA5D,eAAA,yBAE9C8C,KAAK,IAAK;MAC1B,IAAI,IAAAS,uBAAM,EAAC,IAAI,CAAClB,KAAK,CAACmB,QAAQ,CAAC,EAAE;QAC/B,OAAOV,KAAK,CAACM,cAAc,CAAC,CAAC;MAC/B;MAEA,IAAI,CAAC,IAAI,CAACK,YAAY,CAAC,CAAC,EAAE;QACxB;MACF;MACA,MAAMxC,KAAK,GAAG6B,KAAK,CAACrD,MAAM,CAACwB,KAAK;MAChC,MAAMuB,OAAO,GAAGM,KAAK,CAACrD,MAAM,CAAC+C,OAAO;MACpC,IAAI,CAACmB,YAAY,CAAC;QAAE1C,KAAK;QAAEuB,OAAO;QAAEM;MAAM,CAAC,CAAC;IAC9C,CAAC;IAAA9C,eAAA,uBAEc6D,IAAA,IAA+B;MAAA,IAA9B;QAAE5C,KAAK;QAAEuB,OAAO;QAAEM;MAAM,CAAC,GAAAe,IAAA;MACvC,MAAM;QAAED;MAAM,CAAC,GAAG,IAAI,CAACvB,KAAK;MAC5B,IAAI,IAAI,CAACc,OAAO,CAACW,QAAQ,EAAE;QACzB,IAAI,CAACX,OAAO,CAACW,QAAQ,CAAC;UACpB7C;QACF,CAAC,CAAC;MACJ;MACA,IAAA2B,2CAA0B,EAAC,IAAI,EAAE,WAAW,EAAE;QAC5CgB,KAAK;QACLpB,OAAO;QACPvB,KAAK;QACL6B;MACF,CAAC,CAAC;MAGF,IAAI,IAAI,CAACiB,SAAS,CAACC,OAAO,EAAE;QAC1B,IAAI,CAACD,SAAS,CAACC,OAAO,CAACC,KAAK,CAAC,CAAC;MAChC;IACF,CAAC;IA5GC,IAAI,CAACF,SAAS,GAAG7B,cAAK,CAACgC,SAAS,CAAC,CAAC;IAClC,IAAI,CAACC,GAAG,GAAG9B,KAAK,CAAC+B,EAAE,IAAI,IAAAC,6BAAY,EAAC,CAAC;IACrC,IAAI,CAAC/B,KAAK,GAAG;MACXC,qBAAqB,EAAE;IACzB,CAAC;EACH;EAyGA+B,MAAMA,CAAA,EAAG;IACP,OACEnH,MAAA,CAAAuB,OAAA,CAAA6F,aAAA,CAACtG,QAAA,CAAAS,OAAO,CAAC8F,QAAQ,QACbrB,OAAO,IAAK;MAEZ,MAAMsB,YAAY,GAAG,IAAAC,uDAAsC,EACzD,IAAI,CAACrC,KAAK,EACVJ,KAAK,CAAC0C,YAAY,EAClB,IAAI,CAACxB,OACP,CAAC;MAGD,MAAMd,KAAK,GAAG,IAAAqC,uDAAsC,EAClD,IAAI,CAACrC,KAAK,EACVJ,KAAK,CAAC0C,YAAY,EAClBF,YAAY,EACZ;QAAEG,QAAQ,EAAEzB,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEyB;MAAS,CAAC,EAC/B,IAAAC,iCAAiB,EAAC1B,OAAO,CAAC2B,OAAO,CAAC,EAClC3B,OAAO,CAAClB,KACV,CAAC;MAED,MAAM;UACJ8C,MAAM;UACNC,YAAY;UACZC,YAAY;UACZC,mBAAmB;UACnBC,YAAY;UACZC,MAAM;UACNC,OAAO;UACPC,KAAK;UACLC,aAAa;UACbC,cAAc;UACdC,IAAI;UACJjC,QAAQ;UACRoB,QAAQ;UACRc,SAAS;UACTC,KAAK,EAAEC,UAAU;UACjBxB,EAAE,EAAED,GAAG;UACPP,KAAK,EAAEiC,MAAM;UACb5E,KAAK,EAAE6E,MAAM;UACbtD,OAAO,EAAEC,QAAQ;UACjBsD,QAAQ,EAAEC,SAAS;UACnBC,QAAQ;UACRC,SAAS;UACTC;QAGF,CAAC,GAAG9D,KAAK;QADJ+D,IAAI,GAAA1F,wBAAA,CACL2B,KAAK,EAAA9D,SAAA;MAET,IAAI;QAAEiE;MAAQ,CAAC,GAAG,IAAI,CAACF,KAAK;MAC5B,IAAI;QAAErB,KAAK;QAAE2C,KAAK;QAAEmC;MAAS,CAAC,GAAG1D,KAAK;MAEtC,MAAMgE,UAAU,GAAG,OAAO,IAAI,CAAClD,OAAO,CAACmD,IAAI,KAAK,WAAW;MAE3D,IAAID,UAAU,EAAE;QACd,IAAI,OAAO,IAAI,CAAClD,OAAO,CAAClC,KAAK,KAAK,WAAW,EAAE;UAC7CuB,OAAO,GAAG,IAAI,CAACW,OAAO,CAAClC,KAAK,KAAKA,KAAK;QACxC;QACA2C,KAAK,GAAG,IAAI,CAACT,OAAO,CAACmD,IAAI;QACzB,IAAI,IAAA/C,uBAAM,EAAC,IAAI,CAACJ,OAAO,CAAC4C,QAAQ,CAAC,IAAIA,QAAQ,KAAK,KAAK,EAAE;UACvDA,QAAQ,GAAG,IAAI;QACjB;MACF,CAAC,MAAM,IAAI,OAAOK,IAAI,CAACE,IAAI,KAAK,WAAW,EAAE;QAC3C1C,KAAK,GAAGwC,IAAI,CAACE,IAAI;MACnB;MAEA,MAAMlC,EAAE,GAAG,IAAI,CAACD,GAAG;MACnB,MAAMoC,UAAU,GAAG,IAAAC,+BAAc,EAACzB,MAAM,CAAC;MAEzC,MAAM0B,UAAU,GAAG;QACjBf,SAAS,EAAE,IAAAgB,mBAAU,EACnB,WAAW,EAKX,IAAAC,mCAAoB,EAACtE,KAAK,CAAC,EAC3BqD,SAAS,EACTE,UAAU,EANVb,MAAM,IAAK,sBAAqBC,YAAa,EAAC,EAC9CS,IAAI,IAAK,cAAaA,IAAK,EAAC,EAC5BH,KAAK,IACF,6BAA4BE,cAAc,IAAI,OAAQ,EAI3D;MACF,CAAC;MAED,IAAIoB,WAAW,GAAG;QAChBC,IAAI,EAAER,UAAU,IAAIzC,KAAK,GAAG,OAAO,GAAG,IAAI;QAC1CkD,IAAI,EAAET,UAAU,IAAIzC,KAAK,GAAG,OAAO,GAAG;MACxC,CAAC;MAED,IAAI,CAACA,KAAK,EAAE;QACVgD,WAAW,CAACE,IAAI,GAAG,UAAU;QAC7BF,WAAW,CAACC,IAAI,GAAG,OAAO;MAC5B;MAEA,IAAIN,UAAU,IAAInB,MAAM,EAAE;QACxBwB,WAAW,CAAC,kBAAkB,CAAC,GAAG,IAAAG,mCAAkB,EAClDH,WAAW,EACXL,UAAU,GAAGnC,EAAE,GAAG,SAAS,GAAG,IAAI,EAClCgB,MAAM,GAAGhB,EAAE,GAAG,SAAS,GAAG,IAC5B,CAAC;MACH;MACA,IAAIZ,QAAQ,EAAE;QACZoD,WAAW,CAAC,eAAe,CAAC,GAAGA,WAAW,CAACpD,QAAQ,GAAG,IAAI;MAC5D;MAEAoD,WAAW,GAAG7H,MAAM,CAACsB,MAAM,CAACuG,WAAW,EAAER,IAAI,CAAC;MAE9C,IAAAY,qCAAqB,EAACJ,WAAW,EAAEhC,QAAQ,EAAE,IAAI,CAACzB,OAAO,CAAC;MAG1D,IAAA8D,sCAAqB,EAAC,IAAI,CAAC5E,KAAK,EAAEuE,WAAW,CAAC;MAE9C,MAAMM,SAAS,GAAG5B,KAAK,IACrBnI,MAAA,CAAAuB,OAAA,CAAA6F,aAAA,CAAC1G,UAAA,CAAAa,OAAS;QACR0F,EAAE,EAAEA,EAAE,GAAG,QAAS;QAClB+C,MAAM,EAAE/C,EAAG;QACXgD,IAAI,EAAE9B,KAAM;QACZS,QAAQ,EAAEA,QAAS;QACnBnB,QAAQ,EAAEA,QAAS;QACnByC,OAAO,EAAE9B;MAAc,CACxB,CACF;MAED,MAAM+B,OAAO,GAAGjC,OAAO,IAAI,OAAO;MAElC,OACElI,MAAA,CAAAuB,OAAA,CAAA6F,aAAA,SAAUkC,UAAU,EAClBtJ,MAAA,CAAAuB,OAAA,CAAA6F,aAAA;QAAMmB,SAAS,EAAC;MAAkB,GAC/BF,cAAc,KAAK,MAAM,IAAI0B,SAAS,EAEvC/J,MAAA,CAAAuB,OAAA,CAAA6F,aAAA;QAAMmB,SAAS,EAAC;MAAkB,GAAAtH,gBAAA,KAAAA,gBAAA,GAChCjB,MAAA,CAAAuB,OAAA,CAAA6F,aAAA,CAAC7G,iBAAA,CAAAgB,OAAe,MAAE,CAAC,GAEnBvB,MAAA,CAAAuB,OAAA,CAAA6F,aAAA,CAACzG,WAAA,CAAAY,OAAU,EAAA0B,QAAA;QACTmH,IAAI,EAAEhB,UAAW;QACjBnC,EAAE,EAAEA,EAAE,GAAG,cAAe;QACxBe,YAAY,EAAEA,YAAa;QAC3BG,KAAK,EAAEA,KAAM;QACbkC,OAAO,EAAEpD,EAAE,GAAG,SAAU;QACxBqD,cAAc,EAAErD,EAAE,GAAG,IAAI,GAAGA,EAAE,GAAG,QAAS;QAC1CgD,IAAI,EAAErC,MAAO;QACbzC,KAAK,EAAE0C,YAAa;QACpB0C,YAAY,EAAExC,mBAAoB;QAClCN,QAAQ,EAAEA;MAAS,GACfK,YAAY,CACjB,CAAC,EAEF9H,MAAA,CAAAuB,OAAA,CAAA6F,aAAA;QAAMmB,SAAS,EAAC;MAAgB,GAC9BvI,MAAA,CAAAuB,OAAA,CAAA6F,aAAA;QAAMmB,SAAS,EAAC;MAAkB,GAChCvI,MAAA,CAAAuB,OAAA,CAAA6F,aAAA,CAAC+C,OAAO,EAAAlH,QAAA;QACN0G,IAAI,EAAC,OAAO;QACZ7F,KAAK,EAAEA,KAAM;QACbmD,EAAE,EAAEA,EAAG;QACPkC,IAAI,EAAE1C,KAAM;QACZ8B,SAAS,EAAC,kBAAkB;QAC5BlD,OAAO,EAAEA,OAAQ;QACjB,gBACE,IAAI,CAACiB,YAAY,CAAC,CAAC,GAAG5B,SAAS,GAAGW,OACnC;QACDuD,QAAQ,EAAE,IAAAxC,uBAAM,EAACwC,QAAQ,CAAE;QAC3B4B,GAAG,EAAE,IAAI,CAAC5D;MAAU,GAChB6C,WAAW;QACf9C,QAAQ,EAAE,IAAI,CAACb,eAAgB;QAC/B2E,OAAO,EAAE,IAAI,CAACC,cAAe;QAC7BC,SAAS,EAAE,IAAI,CAACC;MAAiB,EAClC,CAAC,EAEF5K,MAAA,CAAAuB,OAAA,CAAA6F,aAAA;QACEmB,SAAS,EAAE,IAAAgB,mBAAU,EACnB,mBAAmB,EACnB,IAAAsB,mCAAmB,EACjB,OAAO,EACPpD,QAAQ,EACR,IAAI,CAACzB,OACP,CACF,CAAE;QACF;MAAW,CACZ,CAAC,EAAA9E,KAAA,KAAAA,KAAA,GACFlB,MAAA,CAAAuB,OAAA,CAAA6F,aAAA;QAAMmB,SAAS,EAAC,kBAAkB;QAAC;MAAW,CAAE,CAAC,GAAApH,MAAA,KAAAA,MAAA,GACjDnB,MAAA,CAAAuB,OAAA,CAAA6F,aAAA;QAAMmB,SAAS,EAAC,gBAAgB;QAAC;MAAW,CAAE,CAAC,CAC3C,CAAC,EAENF,cAAc,KAAK,MAAM,IAAI0B,SAAS,EAEtC9B,MAAM,IACLjI,MAAA,CAAAuB,OAAA,CAAA6F,aAAA,CAACrG,OAAA,CAAAQ,OAAM;QACLgH,SAAS,EAAC,mBAAmB;QAC7BtB,EAAE,EAAEA,EAAE,GAAG,SAAU;QACnBjB,OAAO,EAAEd;MAAM,GAEd+C,MACK,CAEN,CACF,CACF,CACF,CAAC;IAEX,CACgB,CAAC;EAEvB;AACF;AAAC6C,OAAA,CAAAvJ,OAAA,GAAAuD,KAAA;AAAAjC,eAAA,CAlaoBiC,KAAK,iBACHiG,0BAAiB;AAAAlI,eAAA,CADnBiC,KAAK,kBAqDF;EACpBqD,KAAK,EAAE,IAAI;EACXC,aAAa,EAAE,IAAI;EACnBC,cAAc,EAAE,IAAI;EACpBhD,OAAO,EAAE,IAAI;EACbuD,QAAQ,EAAE,IAAI;EACd3B,EAAE,EAAE,IAAI;EACRqB,IAAI,EAAE,IAAI;EACVJ,OAAO,EAAE,OAAO;EAChBzB,KAAK,EAAE,IAAI;EACXmB,MAAM,EAAE,IAAI;EACZC,YAAY,EAAE,OAAO;EACrBC,YAAY,EAAE,IAAI;EAClBC,mBAAmB,EAAE,IAAI;EACzBC,YAAY,EAAE,IAAI;EAClBC,MAAM,EAAE,IAAI;EACZnE,KAAK,EAAE,EAAE;EACTkH,UAAU,EAAE,IAAI;EAChB3E,QAAQ,EAAE,KAAK;EACfoB,QAAQ,EAAE,IAAI;EACde,KAAK,EAAE,IAAI;EAEXD,SAAS,EAAE,IAAI;EACfO,QAAQ,EAAE,IAAI;EAEdC,SAAS,EAAE,IAAI;EACfC,eAAe,EAAE;AACnB,CAAC;AAAAnG,eAAA,CAhFkBiC,KAAK,WAkFTmG,mBAAU;AAAApI,eAAA,CAlFNiC,KAAK,kBAoFDK,KAAK,IAAK,SAAS,CAAC+F,IAAI,CAAC9G,MAAM,CAACe,KAAK,CAAC,CAAC;AAAAgG,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBApF3CvG,KAAK,CAGjBwG,SAAS,GAAAjJ,aAAA,CAAAA,aAAA;EACd8F,KAAK,EAAEoD,kBAAS,CAACC,SAAS,CAAC,CACzBD,kBAAS,CAACE,MAAM,EAChBF,kBAAS,CAACG,IAAI,EACdH,kBAAS,CAACI,IAAI,CACf,CAAC;EACFvD,aAAa,EAAEmD,kBAAS,CAACC,SAAS,CAAC,CAACD,kBAAS,CAACE,MAAM,EAAEF,kBAAS,CAACK,IAAI,CAAC,CAAC;EACtEvD,cAAc,EAAEkD,kBAAS,CAACM,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;EAClDxG,OAAO,EAAEkG,kBAAS,CAACC,SAAS,CAAC,CAACD,kBAAS,CAACE,MAAM,EAAEF,kBAAS,CAACK,IAAI,CAAC,CAAC;EAChEhD,QAAQ,EAAE2C,kBAAS,CAACC,SAAS,CAAC,CAACD,kBAAS,CAACE,MAAM,EAAEF,kBAAS,CAACK,IAAI,CAAC,CAAC;EACjE3E,EAAE,EAAEsE,kBAAS,CAACE,MAAM;EACpBvD,OAAO,EAAEqD,kBAAS,CAACI,IAAI;EACvBlF,KAAK,EAAE8E,kBAAS,CAACE,MAAM;EACvBnD,IAAI,EAAEiD,kBAAS,CAACM,KAAK,CAAC,CAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;EACrDjE,MAAM,EAAE2D,kBAAS,CAACC,SAAS,CAAC,CAC1BD,kBAAS,CAACE,MAAM,EAChBF,kBAAS,CAACK,IAAI,EACdL,kBAAS,CAACG,IAAI,EACdH,kBAAS,CAACI,IAAI,CACf,CAAC;EACF9D,YAAY,EAAE0D,kBAAS,CAACE,MAAM;EAC9B3D,YAAY,EAAEyD,kBAAS,CAAC9J,MAAM;EAC9BsG,mBAAmB,EAAEwD,kBAAS,CAACC,SAAS,CAAC,CACvCD,kBAAS,CAACE,MAAM,EAChBF,kBAAS,CAACK,IAAI,CACf,CAAC;EACF5D,YAAY,EAAEuD,kBAAS,CAACO,KAAK,CAAC;IAC5B7E,EAAE,EAAEsE,kBAAS,CAACE,MAAM;IACpBM,OAAO,EAAER,kBAAS,CAACC,SAAS,CAAC,CAACD,kBAAS,CAACE,MAAM,EAAEF,kBAAS,CAACI,IAAI,CAAC;EACjE,CAAC,CAAC;EACF1D,MAAM,EAAEsD,kBAAS,CAACC,SAAS,CAAC,CAC1BD,kBAAS,CAACE,MAAM,EAChBF,kBAAS,CAACG,IAAI,EACdH,kBAAS,CAACI,IAAI,CACf,CAAC;EACF7H,KAAK,EAAEyH,kBAAS,CAACE,MAAM;EACvBT,UAAU,EAAEO,kBAAS,CAACC,SAAS,CAAC,CAACD,kBAAS,CAACE,MAAM,EAAEF,kBAAS,CAAC9J,MAAM,CAAC,CAAC;EACrEgG,QAAQ,EAAE8D,kBAAS,CAACC,SAAS,CAAC,CAACD,kBAAS,CAACE,MAAM,EAAEF,kBAAS,CAACK,IAAI,CAAC,CAAC;EACjEvF,QAAQ,EAAEkF,kBAAS,CAACC,SAAS,CAAC,CAACD,kBAAS,CAACE,MAAM,EAAEF,kBAAS,CAACK,IAAI,CAAC;AAAC,GAE9DI,+BAAgB;EAEnBxD,KAAK,EAAE+C,kBAAS,CAACE,MAAM;EACvBlD,SAAS,EAAEgD,kBAAS,CAACE,MAAM;EAC3B3C,QAAQ,EAAEyC,kBAAS,CAACC,SAAS,CAAC,CAACD,kBAAS,CAACE,MAAM,EAAEF,kBAAS,CAACG,IAAI,CAAC,CAAC;EAEjE3C,SAAS,EAAEwC,kBAAS,CAACG,IAAI;EACzB1C,eAAe,EAAEuC,kBAAS,CAACG;AAAI"}
1
+ {"version":3,"file":"Radio.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_keycode","_componentHelper","_AlignmentHelper2","_SpacingHelper","_SkeletonHelper","_FormLabel","_FormStatus","_RadioGroup","_RadioGroupContext","_Context","_Suffix","_FormRowHelpers","_AlignmentHelper","_span","_span2","_excluded","obj","__esModule","default","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_extends","assign","bind","prototype","hasOwnProperty","call","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","Radio","React","PureComponent","getDerivedStateFromProps","props","state","_listenForPropChanges","checked","_checked","parseChecked","__checked","dispatchCustomElementEvent","constructor","event","keycode","isInNoGroup","onChangeHandler","isContextGroupOrSingle","context","preventDefault","setState","_event","isTrue","readOnly","isPlainGroup","setTimeout","callOnChange","group","_ref","onChange","_refInput","current","focus","innerRef","createRef","_id","id","makeUniqueId","render","createElement","Consumer","contextProps","extendPropsWithContextInClassComponent","defaultProps","skeleton","includeValidProps","FormRow","status","status_state","status_props","status_no_animation","globalStatus","suffix","element","label","label_sr_only","label_position","size","className","class","_className","_group","_value","disabled","_disabled","children","on_change","on_state_update","rest","hasContext","name","showStatus","getStatusState","mainParams","classnames","createSpacingClasses","inputParams","role","type","combineDescribedBy","skeletonDOMAttributes","validateDOMAttributes","labelComp","for_id","text","sr_only","Element","show","text_id","width_selector","no_animation","ref","onClick","onClickHandler","onKeyDown","onKeyDownHandler","createSkeletonClass","exports","RadioGroupContext","attributes","RadioGroup","test","process","env","NODE_ENV","propTypes","PropTypes","oneOfType","string","func","node","bool","oneOf","shape","message","spacingPropTypes"],"sources":["../../../../src/components/radio/Radio.js"],"sourcesContent":["/**\n * Web Radio Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport keycode from 'keycode'\nimport {\n isTrue,\n makeUniqueId,\n extendPropsWithContextInClassComponent,\n validateDOMAttributes,\n getStatusState,\n combineDescribedBy,\n dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport AlignmentHelper from '../../shared/AlignmentHelper'\nimport {\n spacingPropTypes,\n createSpacingClasses,\n} from '../space/SpacingHelper'\nimport {\n skeletonDOMAttributes,\n createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\n\nimport FormLabel from '../form-label/FormLabel'\nimport FormStatus from '../form-status/FormStatus'\nimport RadioGroup from './RadioGroup'\nimport RadioGroupContext from './RadioGroupContext'\nimport Context from '../../shared/Context'\nimport Suffix from '../../shared/helpers/Suffix'\nimport { includeValidProps } from '../form-row/FormRowHelpers'\n\n/**\n * The radio component is our enhancement of the classic radio button.\n */\nexport default class Radio extends React.PureComponent {\n static contextType = RadioGroupContext\n\n static propTypes = {\n label: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.func,\n PropTypes.node,\n ]),\n label_sr_only: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n label_position: PropTypes.oneOf(['left', 'right']),\n checked: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n id: PropTypes.string,\n element: PropTypes.node,\n group: PropTypes.string,\n size: PropTypes.oneOf(['default', 'medium', 'large']),\n status: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.bool,\n PropTypes.func,\n PropTypes.node,\n ]),\n status_state: PropTypes.string,\n status_props: PropTypes.object,\n status_no_animation: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.bool,\n ]),\n globalStatus: PropTypes.shape({\n id: PropTypes.string,\n message: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n }),\n suffix: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.func,\n PropTypes.node,\n ]),\n value: PropTypes.string,\n attributes: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n readOnly: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n innerRef: PropTypes.object,\n\n ...spacingPropTypes,\n\n class: PropTypes.string,\n className: PropTypes.string,\n children: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),\n\n on_change: PropTypes.func,\n on_state_update: PropTypes.func,\n }\n\n static defaultProps = {\n label: null,\n label_sr_only: null,\n label_position: null,\n checked: null,\n disabled: null,\n id: null,\n size: null,\n element: 'input',\n group: null,\n status: null,\n status_state: 'error',\n status_props: null,\n status_no_animation: null,\n globalStatus: null,\n suffix: null,\n value: '',\n attributes: null,\n readOnly: false,\n skeleton: null,\n class: null,\n\n className: null,\n children: null,\n\n on_change: null,\n on_state_update: null,\n }\n\n static Group = RadioGroup\n\n static parseChecked = (state) => /true|on/.test(String(state))\n\n static getDerivedStateFromProps(props, state) {\n if (state._listenForPropChanges) {\n if (props.checked !== state._checked) {\n state.checked = Radio.parseChecked(props.checked)\n }\n }\n state._listenForPropChanges = true\n\n if (state.checked !== state.__checked) {\n dispatchCustomElementEvent({ props }, 'on_state_update', {\n checked: state.checked,\n })\n }\n\n state._checked = props.checked\n state.__checked = state.checked\n\n return state\n }\n\n constructor(props) {\n super(props)\n this._refInput = props.innerRef || React.createRef()\n this._id = props.id || makeUniqueId() // cause we need an id anyway\n this.state = {\n _listenForPropChanges: true,\n }\n }\n\n onKeyDownHandler = (event) => {\n const key = keycode(event)\n // only have key support if there is only a single radio\n if (this.isInNoGroup()) {\n switch (key) {\n case 'enter':\n this.onChangeHandler(event)\n break\n }\n } else if (this.isContextGroupOrSingle()) {\n switch (key) {\n case 'space':\n case 'enter': {\n const { value } = this.context\n if (value !== null && typeof value !== 'undefined') {\n event.preventDefault()\n }\n if (key === 'enter') {\n const checked = !this.state.checked\n this.setState({ checked, _listenForPropChanges: false })\n }\n break\n }\n }\n } else {\n // else we only use the native support, and don't want space support\n // because only arrow keys has to be used\n switch (key) {\n case 'space': {\n event.preventDefault()\n break\n }\n }\n }\n dispatchCustomElementEvent(this, 'on_key_down', { event })\n }\n\n onChangeHandler = (_event) => {\n const event = _event\n if (isTrue(this.props.readOnly)) {\n return event.preventDefault()\n }\n const value = event.target.value\n const checked = !this.state.checked\n\n // delay in case we have a props group only\n if (this.isPlainGroup()) {\n // in case we have a false \"hasContext\" but a \"group\"\n // then we have to use a delay, to overwrite the uncontrolled state\n setTimeout(() => {\n this.setState({ checked, _listenForPropChanges: false }, () =>\n this.callOnChange({ value, checked, event })\n )\n }, 1)\n } else {\n this.setState({ checked, _listenForPropChanges: false })\n this.callOnChange({ value, checked, event })\n }\n }\n\n // only support on change if there is either:\n // 1. context group usage\n // 2. or a single, no group usage\n isContextGroupOrSingle = () =>\n typeof this.context.value !== 'undefined' && !this.props.group\n isPlainGroup = () =>\n typeof this.context.value === 'undefined' && this.props.group\n isInNoGroup = () =>\n typeof this.context.value === 'undefined' && !this.props.group\n\n onClickHandler = (event) => {\n if (isTrue(this.props.readOnly)) {\n return event.preventDefault()\n }\n // only have click support if there are more plain radio\n if (!this.isPlainGroup()) {\n return\n }\n const value = event.target.value\n const checked = event.target.checked\n this.callOnChange({ value, checked, event })\n }\n\n callOnChange = ({ value, checked, event }) => {\n const { group } = this.props\n if (this.context.onChange) {\n this.context.onChange({\n value,\n })\n }\n dispatchCustomElementEvent(this, 'on_change', {\n group,\n checked,\n value,\n event,\n })\n\n // help firefox and safari to have an correct state after a click\n if (this._refInput.current) {\n this._refInput.current.focus()\n }\n }\n\n render() {\n return (\n <Context.Consumer>\n {(context) => {\n // from internal context\n const contextProps = extendPropsWithContextInClassComponent(\n this.props,\n Radio.defaultProps,\n this.context\n )\n\n // use only the props from context, who are available here anyway\n const props = extendPropsWithContextInClassComponent(\n this.props,\n Radio.defaultProps,\n contextProps,\n { skeleton: context?.skeleton },\n includeValidProps(context.FormRow),\n context.Radio\n )\n\n const {\n status,\n status_state,\n status_props,\n status_no_animation,\n globalStatus,\n suffix,\n element,\n label,\n label_sr_only,\n label_position,\n size,\n readOnly,\n skeleton,\n className,\n class: _className,\n id: _id, // eslint-disable-line\n group: _group, // eslint-disable-line\n value: _value, // eslint-disable-line\n checked: _checked, // eslint-disable-line\n disabled: _disabled, // eslint-disable-line\n children, // eslint-disable-line\n on_change, // eslint-disable-line\n on_state_update, // eslint-disable-line\n innerRef, // eslint-disable-line\n\n ...rest\n } = props\n\n let { checked } = this.state\n let { value, group, disabled } = props // get it from context also\n\n const hasContext = typeof this.context.name !== 'undefined'\n\n if (hasContext) {\n if (typeof this.context.value !== 'undefined') {\n checked = this.context.value === value\n }\n group = this.context.name\n if (isTrue(this.context.disabled) && disabled !== false) {\n disabled = true\n }\n } else if (typeof rest.name !== 'undefined') {\n group = rest.name\n }\n\n const id = this._id\n const showStatus = getStatusState(status)\n\n const mainParams = {\n className: classnames(\n 'dnb-radio',\n status && `dnb-radio__status--${status_state}`,\n size && `dnb-radio--${size}`,\n label &&\n `dnb-radio--label-position-${label_position || 'right'}`,\n createSpacingClasses(props),\n className,\n _className\n ),\n }\n\n let inputParams = {\n role: hasContext || group ? 'radio' : null,\n type: hasContext || group ? 'radio' : 'checkbox', // overwriting the type\n }\n\n if (!group) {\n inputParams.type = 'checkbox'\n inputParams.role = 'radio' // breaks axe test\n }\n\n if (showStatus || suffix) {\n inputParams['aria-describedby'] = combineDescribedBy(\n inputParams,\n showStatus ? id + '-status' : null,\n suffix ? id + '-suffix' : null\n )\n }\n if (readOnly) {\n inputParams['aria-readonly'] = inputParams.readOnly = true\n }\n\n inputParams = Object.assign(inputParams, rest)\n\n skeletonDOMAttributes(inputParams, skeleton, this.context)\n\n // also used for code markup simulation\n validateDOMAttributes(this.props, inputParams)\n\n const labelComp = label && (\n <FormLabel\n id={id + '-label'}\n for_id={id}\n text={label}\n disabled={disabled}\n skeleton={skeleton}\n sr_only={label_sr_only}\n />\n )\n\n const Element = element || 'input'\n\n return (\n <span {...mainParams}>\n <span className=\"dnb-radio__order\">\n {label_position === 'left' && labelComp}\n\n <span className=\"dnb-radio__inner\">\n <AlignmentHelper />\n\n <FormStatus\n show={showStatus}\n id={id + '-form-status'}\n globalStatus={globalStatus}\n label={label}\n text_id={id + '-status'} // used for \"aria-describedby\"\n width_selector={id + ', ' + id + '-label'}\n text={status}\n state={status_state}\n no_animation={status_no_animation}\n skeleton={skeleton}\n {...status_props}\n />\n\n <span className=\"dnb-radio__row\">\n <span className=\"dnb-radio__shell\">\n <Element\n type=\"radio\"\n value={value}\n id={id}\n name={group}\n className=\"dnb-radio__input\"\n checked={checked}\n aria-checked={\n this.isPlainGroup() ? undefined : checked\n }\n disabled={isTrue(disabled)}\n ref={this._refInput}\n {...inputParams}\n onChange={this.onChangeHandler}\n onClick={this.onClickHandler}\n onKeyDown={this.onKeyDownHandler}\n />\n\n <span\n className={classnames(\n 'dnb-radio__button',\n createSkeletonClass(\n 'shape',\n skeleton,\n this.context\n )\n )}\n aria-hidden\n />\n <span className=\"dnb-radio__focus\" aria-hidden />\n <span className=\"dnb-radio__dot\" aria-hidden />\n </span>\n\n {label_position !== 'left' && labelComp}\n\n {suffix && (\n <Suffix\n className=\"dnb-radio__suffix\"\n id={id + '-suffix'} // used for \"aria-describedby\"\n context={props}\n >\n {suffix}\n </Suffix>\n )}\n </span>\n </span>\n </span>\n </span>\n )\n }}\n </Context.Consumer>\n )\n }\n}\n"],"mappings":"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"}
@@ -8,7 +8,9 @@
8
8
  .dnb-radio {
9
9
  &__dot {
10
10
  background-color: var(--color-sea-green);
11
- transition: opacity 200ms ease-out, transform 200ms ease-out;
11
+ transition:
12
+ opacity 200ms ease-out,
13
+ transform 200ms ease-out;
12
14
  }
13
15
 
14
16
  // When radio is ON
@@ -62,7 +64,9 @@
62
64
  }
63
65
 
64
66
  // On hover
65
- &__input:not([disabled]):not(:focus):not(:checked):not([data-checked='true']):hover
67
+ &__input:not([disabled]):not(:focus):not(:checked):not(
68
+ [data-checked='true']
69
+ ):hover
66
70
  ~ &__button {
67
71
  background-color: var(--color-mint-green-50);
68
72
  }
@@ -112,7 +116,9 @@
112
116
  @include fakeBorder(var(--color-fire-red), var(--focus-ring-width));
113
117
  }
114
118
  &__status--error
115
- &__input:not([disabled]):not(:focus):not(:checked):not([data-checked='true']):hover
119
+ &__input:not([disabled]):not(:focus):not(:checked):not(
120
+ [data-checked='true']
121
+ ):hover
116
122
  ~ &__button {
117
123
  background-color: var(--color-fire-red-8);
118
124
  }
@@ -120,7 +126,9 @@
120
126
  &__input:not([disabled]):not(:focus):not(:active):not(:hover):checked
121
127
  ~ &__dot,
122
128
  &__status--error
123
- &__input:not([disabled]):not(:focus):not(:active):not(:hover)[data-checked='true']
129
+ &__input:not([disabled]):not(:focus):not(:active):not(
130
+ :hover
131
+ )[data-checked='true']
124
132
  ~ &__dot {
125
133
  background-color: var(--color-fire-red);
126
134
  }
@@ -128,7 +136,9 @@
128
136
  &__input:not([disabled]):not(:focus):not(:active):checked:hover
129
137
  ~ &__dot,
130
138
  &__status--error
131
- &__input:not([disabled]):not(:focus):not(:active)[data-checked='true']:hover
139
+ &__input:not([disabled]):not(:focus):not(
140
+ :active
141
+ )[data-checked='true']:hover
132
142
  ~ &__dot {
133
143
  background-color: var(--color-fire-red-8);
134
144
  }
@@ -4,9 +4,34 @@
4
4
  */
5
5
  import React from 'react';
6
6
  import type { DynamicElement, SpacingProps } from '../../shared/types';
7
- export type SectionStyleTypes = 'divider' | 'white' | 'transparent' | 'lavender' | 'pistachio' | 'emerald-green' | 'sea-green' | 'fire-red' | 'fire-red-8' | 'sand-yellow' | 'black-3' | 'mint-green' | 'mint-green-12';
7
+ export type SectionVariants = 'error' | 'info' | 'warning' | 'success';
8
+ export type SectionStyleTypes = 'divider' | 'white' | 'transparent'
9
+ /** @deprecated in v11 use "variant" prop instead */
10
+ | 'lavender'
11
+ /** @deprecated in v11 use "variant" prop instead */
12
+ | 'pistachio'
13
+ /** @deprecated in v11 use "variant" prop instead */
14
+ | 'emerald-green'
15
+ /** @deprecated in v11 use "variant" prop instead */
16
+ | 'sea-green'
17
+ /** @deprecated in v11 use "variant" prop instead */
18
+ | 'fire-red'
19
+ /** @deprecated in v11 use "variant" prop instead */
20
+ | 'fire-red-8'
21
+ /** @deprecated in v11 use "variant" prop instead */
22
+ | 'sand-yellow'
23
+ /** @deprecated in v11 use "variant" prop instead */
24
+ | 'black-3'
25
+ /** @deprecated in v11 use "variant" prop instead */
26
+ | 'mint-green'
27
+ /** @deprecated in v11 use "variant" prop instead */
28
+ | 'mint-green-12';
8
29
  export type SectionSpacing = boolean | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
9
30
  export type SectionProps = {
31
+ /**
32
+ * Defines the semantic purpose and subsequently the style of the visual helper. Will take precedence over the style_type prop
33
+ */
34
+ variant?: SectionVariants | string;
10
35
  /**
11
36
  * To define the style of the visual helper. Use and `Style ID` from below. Defaults to `mint-green-12`.
12
37
  */
@@ -9,7 +9,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
9
9
  var _Context = _interopRequireDefault(require("../../shared/Context"));
10
10
  var _componentHelper = require("../../shared/component-helper");
11
11
  var _SpacingHelper = require("../space/SpacingHelper");
12
- const _excluded = ["element", "style_type", "spacing", "inner_ref", "className", "children"];
12
+ const _excluded = ["element", "variant", "style_type", "spacing", "inner_ref", "className", "children"];
13
13
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
14
  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; }
15
15
  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; }
@@ -26,6 +26,7 @@ function Section(localProps) {
26
26
  const props = (0, _componentHelper.extendPropsWithContext)(localProps, defaultProps, context.Section);
27
27
  const {
28
28
  element,
29
+ variant,
29
30
  style_type,
30
31
  spacing,
31
32
  inner_ref,
@@ -34,7 +35,7 @@ function Section(localProps) {
34
35
  } = props,
35
36
  attributes = _objectWithoutProperties(props, _excluded);
36
37
  const params = _objectSpread({
37
- className: (0, _classnames.default)(`dnb-section dnb-section--${style_type || 'mint-green-12'}`, (0, _SpacingHelper.createSpacingClasses)(props), className, spacing && `dnb-section--spacing-${(0, _componentHelper.isTrue)(spacing) ? 'large' : spacing}`)
38
+ className: (0, _classnames.default)(`dnb-section dnb-section--${variant ?? (style_type || 'default')}`, (0, _SpacingHelper.createSpacingClasses)(props), className, spacing && `dnb-section--spacing-${(0, _componentHelper.isTrue)(spacing) ? 'large' : spacing}`)
38
39
  }, attributes);
39
40
  const internalRef = _react.default.useRef();
40
41
  const elementRef = inner_ref || internalRef;
@@ -1 +1 @@
1
- {"version":3,"file":"Section.js","names":["_react","_interopRequireDefault","require","_classnames","_Context","_componentHelper","_SpacingHelper","_excluded","obj","__esModule","default","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","prototype","propertyIsEnumerable","sourceKeys","defaultProps","element","Section","localProps","context","React","useContext","Context","props","extendPropsWithContext","style_type","spacing","inner_ref","className","children","attributes","params","classnames","createSpacingClasses","isTrue","internalRef","useRef","elementRef","validateDOMAttributes","Element","createElement"],"sources":["../../../../src/components/section/Section.tsx"],"sourcesContent":["/**\n * Web Section Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport {\n isTrue,\n validateDOMAttributes,\n extendPropsWithContext,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport type { DynamicElement, SpacingProps } from '../../shared/types'\n\nexport type SectionStyleTypes =\n | 'divider'\n | 'white'\n | 'transparent'\n | 'lavender'\n | 'pistachio'\n | 'emerald-green'\n | 'sea-green'\n | 'fire-red'\n | 'fire-red-8'\n | 'sand-yellow'\n | 'black-3'\n | 'mint-green'\n | 'mint-green-12'\n\nexport type SectionSpacing =\n | boolean\n | 'x-small'\n | 'small'\n | 'medium'\n | 'large'\n | 'x-large'\n | 'xx-large'\n\nexport type SectionProps = {\n /**\n * To define the style of the visual helper. Use and `Style ID` from below. Defaults to `mint-green-12`.\n */\n style_type?: SectionStyleTypes | string\n\n /**\n * Will add spacing around the given content. If `true`, then `large` is used. See the [available sizes](/uilib/usage/layout/spacing#spacing-helpers). Defaults to `false`.\n */\n spacing?: SectionSpacing\n\n /**\n * Define what HTML element should be used. Defaults to `<section>`.\n */\n element?: DynamicElement\n\n inner_ref?: React.RefObject<HTMLElement>\n className?: string\n children?: React.ReactNode\n}\n\nexport type SectionAllProps = SectionProps &\n SpacingProps &\n Omit<React.HTMLProps<HTMLElement>, 'ref'>\n\nconst defaultProps = {\n element: 'section',\n}\n\nexport default function Section(localProps: SectionAllProps) {\n const context = React.useContext(Context)\n\n // use only the props from context, who are available here anyway\n const props = extendPropsWithContext(\n localProps,\n defaultProps,\n context.Section\n )\n\n const {\n element,\n style_type,\n spacing,\n inner_ref,\n\n className,\n children,\n\n ...attributes\n } = props\n\n const params = {\n className: classnames(\n 'dnb-section',\n `dnb-section--${style_type || 'mint-green-12'}`,\n spacing &&\n `dnb-section--spacing-${isTrue(spacing) ? 'large' : spacing}`,\n createSpacingClasses(props),\n className\n ),\n ...(attributes as Record<string, unknown>),\n }\n\n const internalRef = React.useRef<HTMLElement>()\n const elementRef = inner_ref || internalRef\n params['ref'] = elementRef\n\n validateDOMAttributes(props, params)\n\n const Element = element || 'section'\n\n return <Element {...params}>{children}</Element>\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"Section.js","names":["_react","_interopRequireDefault","require","_classnames","_Context","_componentHelper","_SpacingHelper","_excluded","obj","__esModule","default","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","prototype","propertyIsEnumerable","sourceKeys","defaultProps","element","Section","localProps","context","React","useContext","Context","props","extendPropsWithContext","variant","style_type","spacing","inner_ref","className","children","attributes","params","classnames","createSpacingClasses","isTrue","internalRef","useRef","elementRef","validateDOMAttributes","Element","createElement"],"sources":["../../../../src/components/section/Section.tsx"],"sourcesContent":["/**\n * Web Section Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport {\n isTrue,\n validateDOMAttributes,\n extendPropsWithContext,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport type { DynamicElement, SpacingProps } from '../../shared/types'\n\nexport type SectionVariants = 'error' | 'info' | 'warning' | 'success'\n\nexport type SectionStyleTypes =\n | 'divider'\n | 'white'\n | 'transparent'\n\n /** @deprecated in v11 use \"variant\" prop instead */\n | 'lavender'\n /** @deprecated in v11 use \"variant\" prop instead */\n | 'pistachio'\n /** @deprecated in v11 use \"variant\" prop instead */\n | 'emerald-green'\n /** @deprecated in v11 use \"variant\" prop instead */\n | 'sea-green'\n /** @deprecated in v11 use \"variant\" prop instead */\n | 'fire-red'\n /** @deprecated in v11 use \"variant\" prop instead */\n | 'fire-red-8'\n /** @deprecated in v11 use \"variant\" prop instead */\n | 'sand-yellow'\n /** @deprecated in v11 use \"variant\" prop instead */\n | 'black-3'\n /** @deprecated in v11 use \"variant\" prop instead */\n | 'mint-green'\n /** @deprecated in v11 use \"variant\" prop instead */\n | 'mint-green-12'\n\nexport type SectionSpacing =\n | boolean\n | 'x-small'\n | 'small'\n | 'medium'\n | 'large'\n | 'x-large'\n | 'xx-large'\n\nexport type SectionProps = {\n /**\n * Defines the semantic purpose and subsequently the style of the visual helper. Will take precedence over the style_type prop\n */\n variant?: SectionVariants | string\n\n /**\n * To define the style of the visual helper. Use and `Style ID` from below. Defaults to `mint-green-12`.\n */\n style_type?: SectionStyleTypes | string\n\n /**\n * Will add spacing around the given content. If `true`, then `large` is used. See the [available sizes](/uilib/usage/layout/spacing#spacing-helpers). Defaults to `false`.\n */\n spacing?: SectionSpacing\n\n /**\n * Define what HTML element should be used. Defaults to `<section>`.\n */\n element?: DynamicElement\n\n inner_ref?: React.RefObject<HTMLElement>\n className?: string\n children?: React.ReactNode\n}\n\nexport type SectionAllProps = SectionProps &\n SpacingProps &\n Omit<React.HTMLProps<HTMLElement>, 'ref'>\n\nconst defaultProps = {\n element: 'section',\n}\n\nexport default function Section(localProps: SectionAllProps) {\n const context = React.useContext(Context)\n\n // use only the props from context, who are available here anyway\n const props = extendPropsWithContext(\n localProps,\n defaultProps,\n context.Section\n )\n\n const {\n element,\n variant,\n style_type,\n spacing,\n inner_ref,\n\n className,\n children,\n\n ...attributes\n } = props\n\n const params = {\n className: classnames(\n 'dnb-section',\n `dnb-section--${variant ?? (style_type || 'default')}`,\n spacing &&\n `dnb-section--spacing-${isTrue(spacing) ? 'large' : spacing}`,\n createSpacingClasses(props),\n className\n ),\n ...(attributes as Record<string, unknown>),\n }\n\n const internalRef = React.useRef<HTMLElement>()\n const elementRef = inner_ref || internalRef\n params['ref'] = elementRef\n\n validateDOMAttributes(props, params)\n\n const Element = element || 'section'\n\n return <Element {...params}>{children}</Element>\n}\n"],"mappings":"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"}
@@ -17,7 +17,7 @@
17
17
  top: 0;
18
18
  width: 100vw;
19
19
  height: 100%;
20
- color: var(--color-mint-green-12);
20
+ color: var(--color-mint-green-12); /** deprecated: should be white in v11 */
21
21
  background-color: currentcolor;
22
22
  box-shadow: 99vw 0 0 0 currentcolor, 198vw 0 0 0 currentcolor, 297vw 0 0 0 currentcolor, 396vw 0 0 0 currentcolor;
23
23
  }
@@ -20,13 +20,18 @@
20
20
  top: 0;
21
21
  width: 100vw;
22
22
  height: 100%;
23
- color: var(--color-mint-green-12);
23
+ color: var(
24
+ --color-mint-green-12
25
+ ); /** deprecated: should be white in v11 */
24
26
  background-color: currentcolor;
25
27
 
26
28
  // we use box-shadow to avoid a horizontal scrollbar
27
29
  // We lower the left position, so we get an overlap
28
- box-shadow: 99vw 0 0 0 currentcolor, 198vw 0 0 0 currentcolor,
29
- 297vw 0 0 0 currentcolor, 396vw 0 0 0 currentcolor;
30
+ box-shadow:
31
+ 99vw 0 0 0 currentcolor,
32
+ 198vw 0 0 0 currentcolor,
33
+ 297vw 0 0 0 currentcolor,
34
+ 396vw 0 0 0 currentcolor;
30
35
  }
31
36
 
32
37
  & &::after {
@@ -0,0 +1,39 @@
1
+ .dnb-section--transparent::after {
2
+ color: transparent;
3
+ }
4
+ .dnb-section--default, .dnb-section--divider {
5
+ color: var(--sb-color-text);
6
+ }
7
+ .dnb-section--default::after, .dnb-section--divider::after {
8
+ color: var(--sb-color-violet-light-4);
9
+ }
10
+ .dnb-section--white {
11
+ color: var(--sb-color-text);
12
+ }
13
+ .dnb-section--white::after {
14
+ color: var(--sb-color-white);
15
+ }
16
+ .dnb-section--error {
17
+ color: var(--sb-color-text);
18
+ }
19
+ .dnb-section--error::after {
20
+ color: var(--sb-color-magenta-light-2);
21
+ }
22
+ .dnb-section--info {
23
+ color: var(--sb-color-text);
24
+ }
25
+ .dnb-section--info::after {
26
+ color: var(--sb-color-gray-light-2);
27
+ }
28
+ .dnb-section--warning {
29
+ color: var(--sb-color-text);
30
+ }
31
+ .dnb-section--warning::after {
32
+ color: var(--sb-color-yellow-light-3);
33
+ }
34
+ .dnb-section--success {
35
+ color: var(--sb-color-text);
36
+ }
37
+ .dnb-section--success::after {
38
+ color: var(--sb-color-green-light-2);
39
+ }
@@ -0,0 +1 @@
1
+ .dnb-section--transparent:after{color:transparent}.dnb-section--default,.dnb-section--divider{color:var(--sb-color-text)}.dnb-section--default:after,.dnb-section--divider:after{color:var(--sb-color-violet-light-4)}.dnb-section--white{color:var(--sb-color-text)}.dnb-section--white:after{color:var(--sb-color-white)}.dnb-section--error{color:var(--sb-color-text)}.dnb-section--error:after{color:var(--sb-color-magenta-light-2)}.dnb-section--info{color:var(--sb-color-text)}.dnb-section--info:after{color:var(--sb-color-gray-light-2)}.dnb-section--warning{color:var(--sb-color-text)}.dnb-section--warning:after{color:var(--sb-color-yellow-light-3)}.dnb-section--success{color:var(--sb-color-text)}.dnb-section--success:after{color:var(--sb-color-green-light-2)}
@@ -0,0 +1,56 @@
1
+ .dnb-section {
2
+ &--transparent {
3
+ &::after {
4
+ color: transparent;
5
+ }
6
+ }
7
+
8
+ &--default,
9
+ &--divider {
10
+ color: var(--sb-color-text);
11
+
12
+ &::after {
13
+ color: var(--sb-color-violet-light-4);
14
+ }
15
+ }
16
+
17
+ &--white {
18
+ color: var(--sb-color-text);
19
+
20
+ &::after {
21
+ color: var(--sb-color-white);
22
+ }
23
+ }
24
+
25
+ &--error {
26
+ color: var(--sb-color-text);
27
+
28
+ &::after {
29
+ color: var(--sb-color-magenta-light-2);
30
+ }
31
+ }
32
+
33
+ &--info {
34
+ color: var(--sb-color-text);
35
+
36
+ &::after {
37
+ color: var(--sb-color-gray-light-2);
38
+ }
39
+ }
40
+
41
+ &--warning {
42
+ color: var(--sb-color-text);
43
+
44
+ &::after {
45
+ color: var(--sb-color-yellow-light-3);
46
+ }
47
+ }
48
+
49
+ &--success {
50
+ color: var(--sb-color-text);
51
+
52
+ &::after {
53
+ color: var(--sb-color-green-light-2);
54
+ }
55
+ }
56
+ }
@@ -9,6 +9,15 @@
9
9
  /*
10
10
  * Utilities
11
11
  */
12
+ .dnb-section {
13
+ /** deprecated: default should be white in v11 */
14
+ /** deprecated */
15
+ /** deprecated */
16
+ /** deprecated */
17
+ /** deprecated */
18
+ /** deprecated */
19
+ /** deprecated */
20
+ }
12
21
  .dnb-section--divider {
13
22
  color: var(--color-black-80);
14
23
  }
@@ -19,10 +28,10 @@
19
28
  .dnb-section--transparent::after {
20
29
  color: transparent;
21
30
  }
22
- .dnb-section--mint-green-12 {
31
+ .dnb-section--mint-green-12, .dnb-section--default {
23
32
  color: var(--color-black-80);
24
33
  }
25
- .dnb-section--mint-green-12::after {
34
+ .dnb-section--mint-green-12::after, .dnb-section--default::after {
26
35
  color: var(--color-mint-green-12);
27
36
  }
28
37
  .dnb-section--white {
@@ -43,16 +52,16 @@
43
52
  .dnb-section--lavender::after {
44
53
  color: var(--color-lavender);
45
54
  }
46
- .dnb-section--sand-yellow {
55
+ .dnb-section--sand-yellow, .dnb-section--warning {
47
56
  color: var(--color-black-80);
48
57
  }
49
- .dnb-section--sand-yellow::after {
58
+ .dnb-section--sand-yellow::after, .dnb-section--warning::after {
50
59
  color: var(--color-sand-yellow);
51
60
  }
52
- .dnb-section--pistachio {
61
+ .dnb-section--pistachio, .dnb-section--info {
53
62
  color: var(--color-black-80);
54
63
  }
55
- .dnb-section--pistachio::after {
64
+ .dnb-section--pistachio::after, .dnb-section--info::after {
56
65
  color: var(--color-pistachio);
57
66
  }
58
67
  .dnb-section--black-3 {
@@ -79,25 +88,31 @@
79
88
  .dnb-section--fire-red::after {
80
89
  color: var(--color-fire-red);
81
90
  }
82
- .dnb-section--fire-red-8 {
91
+ .dnb-section--fire-red-8, .dnb-section--error {
83
92
  color: var(--color-black-80);
84
93
  }
85
- .dnb-section--fire-red-8::after {
94
+ .dnb-section--fire-red-8::after, .dnb-section--error::after {
86
95
  color: var(--color-fire-red-8);
87
96
  }
88
- .dnb-section--fire-red .dnb-anchor, .dnb-section--emerald-green .dnb-anchor, .dnb-section--sea-green .dnb-anchor {
97
+ .dnb-section--success {
98
+ color: var(--color-white);
99
+ }
100
+ .dnb-section--success::after {
101
+ color: var(--color-success-green);
102
+ }
103
+ .dnb-section--fire-red .dnb-anchor, .dnb-section--emerald-green .dnb-anchor, .dnb-section--sea-green .dnb-anchor, .dnb-section--success .dnb-anchor {
89
104
  color: var(--color-white);
90
105
  }
91
- .dnb-section--fire-red .dnb-anchor:hover, .dnb-section--emerald-green .dnb-anchor:hover, .dnb-section--sea-green .dnb-anchor:hover {
106
+ .dnb-section--fire-red .dnb-anchor:hover, .dnb-section--emerald-green .dnb-anchor:hover, .dnb-section--sea-green .dnb-anchor:hover, .dnb-section--success .dnb-anchor:hover {
92
107
  color: var(--color-emerald-green);
93
108
  box-shadow: inset 100vw 100vw 0 0 var(--color-white), -0.125em 0 0 0 var(--color-white), 0.125em 0 0 0 var(--color-white);
94
109
  }
95
- .dnb-section--fire-red .dnb-anchor:active, .dnb-section--emerald-green .dnb-anchor:active, .dnb-section--sea-green .dnb-anchor:active {
110
+ .dnb-section--fire-red .dnb-anchor:active, .dnb-section--emerald-green .dnb-anchor:active, .dnb-section--sea-green .dnb-anchor:active, .dnb-section--success .dnb-anchor:active {
96
111
  color: var(--color-white);
97
112
  background-color: transparent;
98
113
  box-shadow: inset 100vw 100vw 0 0 transparent, -0.125em 0 0 0 transparent, 0.125em 0 0 0 transparent;
99
114
  }
100
- .dnb-section--fire-red .dnb-anchor.focus-visible, .dnb-section--emerald-green .dnb-anchor.focus-visible, .dnb-section--sea-green .dnb-anchor.focus-visible {
115
+ .dnb-section--fire-red .dnb-anchor.focus-visible, .dnb-section--emerald-green .dnb-anchor.focus-visible, .dnb-section--sea-green .dnb-anchor.focus-visible, .dnb-section--success .dnb-anchor.focus-visible {
101
116
  color: var(--color-white);
102
117
  background-color: transparent;
103
118
  outline: none;
@@ -106,7 +121,7 @@
106
121
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
107
122
  border-color: transparent;
108
123
  }
109
- .dnb-section--fire-red .dnb-anchor:focus-visible, .dnb-section--emerald-green .dnb-anchor:focus-visible, .dnb-section--sea-green .dnb-anchor:focus-visible {
124
+ .dnb-section--fire-red .dnb-anchor:focus-visible, .dnb-section--emerald-green .dnb-anchor:focus-visible, .dnb-section--sea-green .dnb-anchor:focus-visible, .dnb-section--success .dnb-anchor:focus-visible {
110
125
  color: var(--color-white);
111
126
  background-color: transparent;
112
127
  outline: none;
@@ -1 +1 @@
1
- .dnb-section--divider{color:var(--color-black-80)}.dnb-section--divider:after{box-shadow:99vw 0 0 0 currentcolor,198vw 0 0 0 currentcolor,297vw 0 0 0 currentcolor,396vw 0 0 0 currentcolor,0 .0625rem 0 0 var(--color-mint-green-50),99vw .0625rem 0 0 var(--color-mint-green-50),0 -.0625rem 0 0 var(--color-mint-green-50),99vw -.0625rem 0 0 var(--color-mint-green-50),198vw .0625rem 0 0 var(--color-mint-green-50),198vw -.0625rem 0 0 var(--color-mint-green-50);color:var(--color-white)}.dnb-section--transparent:after{color:transparent}.dnb-section--mint-green-12{color:var(--color-black-80)}.dnb-section--mint-green-12:after{color:var(--color-mint-green-12)}.dnb-section--white{color:var(--color-black-80)}.dnb-section--white:after{color:var(--color-white)}.dnb-section--mint-green{color:var(--color-black-80)}.dnb-section--mint-green:after{color:var(--color-mint-green)}.dnb-section--lavender{color:var(--color-black-80)}.dnb-section--lavender:after{color:var(--color-lavender)}.dnb-section--sand-yellow{color:var(--color-black-80)}.dnb-section--sand-yellow:after{color:var(--color-sand-yellow)}.dnb-section--pistachio{color:var(--color-black-80)}.dnb-section--pistachio:after{color:var(--color-pistachio)}.dnb-section--black-3{color:var(--color-black-80)}.dnb-section--black-3:after{color:var(--color-black-3)}.dnb-section--emerald-green{color:var(--color-mint-green)}.dnb-section--emerald-green:after{color:var(--color-emerald-green)}.dnb-section--sea-green{color:var(--color-white)}.dnb-section--sea-green:after{color:var(--color-sea-green)}.dnb-section--fire-red{color:var(--color-white)}.dnb-section--fire-red:after{color:var(--color-fire-red)}.dnb-section--fire-red-8{color:var(--color-black-80)}.dnb-section--fire-red-8:after{color:var(--color-fire-red-8)}.dnb-section--emerald-green .dnb-anchor,.dnb-section--fire-red .dnb-anchor,.dnb-section--sea-green .dnb-anchor{color:var(--color-white)}.dnb-section--emerald-green .dnb-anchor:hover,.dnb-section--fire-red .dnb-anchor:hover,.dnb-section--sea-green .dnb-anchor:hover{box-shadow:inset 100vw 100vw 0 0 var(--color-white),-.125em 0 0 0 var(--color-white),.125em 0 0 0 var(--color-white);color:var(--color-emerald-green)}.dnb-section--emerald-green .dnb-anchor:active,.dnb-section--fire-red .dnb-anchor:active,.dnb-section--sea-green .dnb-anchor:active{background-color:transparent;box-shadow:inset 100vw 100vw 0 0 transparent,-.125em 0 0 0 transparent,.125em 0 0 0 transparent;color:var(--color-white)}.dnb-section--emerald-green .dnb-anchor.focus-visible,.dnb-section--fire-red .dnb-anchor.focus-visible,.dnb-section--sea-green .dnb-anchor.focus-visible{--border-color:var(--color-white);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-white);outline:none}.dnb-section--emerald-green .dnb-anchor:focus-visible,.dnb-section--fire-red .dnb-anchor:focus-visible,.dnb-section--sea-green .dnb-anchor:focus-visible{--border-color:var(--color-white);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-white);outline:none}.dnb-section--emerald-green .dnb-button--tertiary,.dnb-section--emerald-green .dnb-button--tertiary:hover,.dnb-section--fire-red .dnb-button--tertiary,.dnb-section--fire-red .dnb-button--tertiary:hover,.dnb-section--sea-green .dnb-button--tertiary,.dnb-section--sea-green .dnb-button--tertiary:hover{color:var(--color-white)}.dnb-section--emerald-green .dnb-button--tertiary:hover .dnb-button__text:after,.dnb-section--fire-red .dnb-button--tertiary:hover .dnb-button__text:after,.dnb-section--sea-green .dnb-button--tertiary:hover .dnb-button__text:after{color:var(--color-white)!important}.dnb-section--emerald-green .dnb-button--tertiary:focus,.dnb-section--fire-red .dnb-button--tertiary:focus,.dnb-section--sea-green .dnb-button--tertiary:focus{color:var(--color-white)}.dnb-section--emerald-green .dnb-button--tertiary:focus:before,.dnb-section--fire-red .dnb-button--tertiary:focus:before,.dnb-section--sea-green .dnb-button--tertiary:focus:before{outline:none}html[data-whatinput=keyboard] .dnb-section--emerald-green .dnb-button--tertiary:focus:before,html[data-whatinput=keyboard] .dnb-section--fire-red .dnb-button--tertiary:focus:before,html[data-whatinput=keyboard] .dnb-section--sea-green .dnb-button--tertiary:focus:before{--border-color:var(--color-white);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-section--fire-red ::selection,.dnb-section--mint-green ::selection{background-color:var(--color-white)}
1
+ .dnb-section--divider{color:var(--color-black-80)}.dnb-section--divider:after{box-shadow:99vw 0 0 0 currentcolor,198vw 0 0 0 currentcolor,297vw 0 0 0 currentcolor,396vw 0 0 0 currentcolor,0 .0625rem 0 0 var(--color-mint-green-50),99vw .0625rem 0 0 var(--color-mint-green-50),0 -.0625rem 0 0 var(--color-mint-green-50),99vw -.0625rem 0 0 var(--color-mint-green-50),198vw .0625rem 0 0 var(--color-mint-green-50),198vw -.0625rem 0 0 var(--color-mint-green-50);color:var(--color-white)}.dnb-section--transparent:after{color:transparent}.dnb-section--default,.dnb-section--mint-green-12{color:var(--color-black-80)}.dnb-section--default:after,.dnb-section--mint-green-12:after{color:var(--color-mint-green-12)}.dnb-section--white{color:var(--color-black-80)}.dnb-section--white:after{color:var(--color-white)}.dnb-section--mint-green{color:var(--color-black-80)}.dnb-section--mint-green:after{color:var(--color-mint-green)}.dnb-section--lavender{color:var(--color-black-80)}.dnb-section--lavender:after{color:var(--color-lavender)}.dnb-section--sand-yellow,.dnb-section--warning{color:var(--color-black-80)}.dnb-section--sand-yellow:after,.dnb-section--warning:after{color:var(--color-sand-yellow)}.dnb-section--info,.dnb-section--pistachio{color:var(--color-black-80)}.dnb-section--info:after,.dnb-section--pistachio:after{color:var(--color-pistachio)}.dnb-section--black-3{color:var(--color-black-80)}.dnb-section--black-3:after{color:var(--color-black-3)}.dnb-section--emerald-green{color:var(--color-mint-green)}.dnb-section--emerald-green:after{color:var(--color-emerald-green)}.dnb-section--sea-green{color:var(--color-white)}.dnb-section--sea-green:after{color:var(--color-sea-green)}.dnb-section--fire-red{color:var(--color-white)}.dnb-section--fire-red:after{color:var(--color-fire-red)}.dnb-section--error,.dnb-section--fire-red-8{color:var(--color-black-80)}.dnb-section--error:after,.dnb-section--fire-red-8:after{color:var(--color-fire-red-8)}.dnb-section--success{color:var(--color-white)}.dnb-section--success:after{color:var(--color-success-green)}.dnb-section--emerald-green .dnb-anchor,.dnb-section--fire-red .dnb-anchor,.dnb-section--sea-green .dnb-anchor,.dnb-section--success .dnb-anchor{color:var(--color-white)}.dnb-section--emerald-green .dnb-anchor:hover,.dnb-section--fire-red .dnb-anchor:hover,.dnb-section--sea-green .dnb-anchor:hover,.dnb-section--success .dnb-anchor:hover{box-shadow:inset 100vw 100vw 0 0 var(--color-white),-.125em 0 0 0 var(--color-white),.125em 0 0 0 var(--color-white);color:var(--color-emerald-green)}.dnb-section--emerald-green .dnb-anchor:active,.dnb-section--fire-red .dnb-anchor:active,.dnb-section--sea-green .dnb-anchor:active,.dnb-section--success .dnb-anchor:active{background-color:transparent;box-shadow:inset 100vw 100vw 0 0 transparent,-.125em 0 0 0 transparent,.125em 0 0 0 transparent;color:var(--color-white)}.dnb-section--emerald-green .dnb-anchor.focus-visible,.dnb-section--fire-red .dnb-anchor.focus-visible,.dnb-section--sea-green .dnb-anchor.focus-visible,.dnb-section--success .dnb-anchor.focus-visible{--border-color:var(--color-white);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-white);outline:none}.dnb-section--emerald-green .dnb-anchor:focus-visible,.dnb-section--fire-red .dnb-anchor:focus-visible,.dnb-section--sea-green .dnb-anchor:focus-visible,.dnb-section--success .dnb-anchor:focus-visible{--border-color:var(--color-white);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-white);outline:none}.dnb-section--emerald-green .dnb-button--tertiary,.dnb-section--emerald-green .dnb-button--tertiary:hover,.dnb-section--fire-red .dnb-button--tertiary,.dnb-section--fire-red .dnb-button--tertiary:hover,.dnb-section--sea-green .dnb-button--tertiary,.dnb-section--sea-green .dnb-button--tertiary:hover{color:var(--color-white)}.dnb-section--emerald-green .dnb-button--tertiary:hover .dnb-button__text:after,.dnb-section--fire-red .dnb-button--tertiary:hover .dnb-button__text:after,.dnb-section--sea-green .dnb-button--tertiary:hover .dnb-button__text:after{color:var(--color-white)!important}.dnb-section--emerald-green .dnb-button--tertiary:focus,.dnb-section--fire-red .dnb-button--tertiary:focus,.dnb-section--sea-green .dnb-button--tertiary:focus{color:var(--color-white)}.dnb-section--emerald-green .dnb-button--tertiary:focus:before,.dnb-section--fire-red .dnb-button--tertiary:focus:before,.dnb-section--sea-green .dnb-button--tertiary:focus:before{outline:none}html[data-whatinput=keyboard] .dnb-section--emerald-green .dnb-button--tertiary:focus:before,html[data-whatinput=keyboard] .dnb-section--fire-red .dnb-button--tertiary:focus:before,html[data-whatinput=keyboard] .dnb-section--sea-green .dnb-button--tertiary:focus:before{--border-color:var(--color-white);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-section--fire-red ::selection,.dnb-section--mint-green ::selection{background-color:var(--color-white)}