@dnb/eufemia 10.33.0 → 10.34.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 (692) hide show
  1. package/CHANGELOG.md +28 -0
  2. package/cjs/components/autocomplete/style/dnb-autocomplete.css +0 -1
  3. package/cjs/components/autocomplete/style/dnb-autocomplete.min.css +1 -1
  4. package/cjs/components/autocomplete/style/dnb-autocomplete.scss +0 -2
  5. package/cjs/components/autocomplete/style/themes/dnb-autocomplete-theme-sbanken.css +41 -0
  6. package/cjs/components/autocomplete/style/themes/dnb-autocomplete-theme-sbanken.min.css +1 -0
  7. package/cjs/components/autocomplete/style/themes/dnb-autocomplete-theme-sbanken.scss +65 -0
  8. package/cjs/components/autocomplete/style/themes/dnb-autocomplete-theme-ui.css +3 -0
  9. package/cjs/components/autocomplete/style/themes/dnb-autocomplete-theme-ui.min.css +1 -1
  10. package/cjs/components/autocomplete/style/themes/dnb-autocomplete-theme-ui.scss +6 -0
  11. package/cjs/components/breadcrumb/Breadcrumb.d.ts +4 -4
  12. package/cjs/components/breadcrumb/Breadcrumb.js +5 -3
  13. package/cjs/components/breadcrumb/Breadcrumb.js.map +1 -1
  14. package/cjs/components/card/Card.js +1 -0
  15. package/cjs/components/card/Card.js.map +1 -1
  16. package/cjs/components/card/style/dnb-card.css +3 -0
  17. package/cjs/components/card/style/dnb-card.min.css +1 -1
  18. package/cjs/components/card/style/dnb-card.scss +4 -0
  19. package/cjs/components/checkbox/Checkbox.js +1 -1
  20. package/cjs/components/checkbox/Checkbox.js.map +1 -1
  21. package/cjs/components/checkbox/style/dnb-checkbox.css +9 -3
  22. package/cjs/components/checkbox/style/dnb-checkbox.min.css +1 -1
  23. package/cjs/components/checkbox/style/dnb-checkbox.scss +11 -3
  24. package/cjs/components/checkbox/style/themes/dnb-checkbox-theme-sbanken.css +5 -3
  25. package/cjs/components/checkbox/style/themes/dnb-checkbox-theme-sbanken.min.css +2 -2
  26. package/cjs/components/checkbox/style/themes/dnb-checkbox-theme-sbanken.scss +5 -3
  27. package/cjs/components/form-row/FormRow.js +1 -1
  28. package/cjs/components/form-row/FormRow.js.map +1 -1
  29. package/cjs/components/form-set/FormSet.js +1 -1
  30. package/cjs/components/form-set/FormSet.js.map +1 -1
  31. package/cjs/components/form-status/FormStatus.d.ts +0 -1
  32. package/cjs/components/form-status/FormStatus.js +85 -67
  33. package/cjs/components/form-status/FormStatus.js.map +1 -1
  34. package/cjs/components/form-status/style/themes/dnb-form-status-theme-sbanken.css +2 -2
  35. package/cjs/components/form-status/style/themes/dnb-form-status-theme-sbanken.min.css +1 -1
  36. package/cjs/components/form-status/style/themes/dnb-form-status-theme-sbanken.scss +2 -2
  37. package/cjs/components/global-status/GlobalStatus.js +2 -4
  38. package/cjs/components/global-status/GlobalStatus.js.map +1 -1
  39. package/cjs/components/global-status/style/themes/dnb-global-status-theme-sbanken.css +1 -1
  40. package/cjs/components/global-status/style/themes/dnb-global-status-theme-sbanken.min.css +1 -1
  41. package/cjs/components/global-status/style/themes/dnb-global-status-theme-sbanken.scss +1 -1
  42. package/cjs/components/grid/ContainerDocs.js +1 -1
  43. package/cjs/components/grid/ContainerDocs.js.map +1 -1
  44. package/cjs/components/number-format/NumberFormat.js +1 -1
  45. package/cjs/components/number-format/NumberFormat.js.map +1 -1
  46. package/cjs/components/radio/style/dnb-radio.css +19 -7
  47. package/cjs/components/radio/style/dnb-radio.min.css +1 -1
  48. package/cjs/components/radio/style/dnb-radio.scss +21 -7
  49. package/cjs/components/radio/style/themes/dnb-radio-theme-sbanken.css +6 -0
  50. package/cjs/components/radio/style/themes/dnb-radio-theme-sbanken.min.css +1 -1
  51. package/cjs/components/radio/style/themes/dnb-radio-theme-sbanken.scss +6 -0
  52. package/cjs/components/section/style/themes/dnb-section-theme-sbanken.css +1 -1
  53. package/cjs/components/section/style/themes/dnb-section-theme-sbanken.min.css +1 -1
  54. package/cjs/components/section/style/themes/dnb-section-theme-sbanken.scss +1 -1
  55. package/cjs/components/step-indicator/StepIndicator.js +1 -10
  56. package/cjs/components/step-indicator/StepIndicator.js.map +1 -1
  57. package/cjs/components/step-indicator/style/themes/dnb-step-indicator-theme-sbanken.css +1 -1
  58. package/cjs/components/step-indicator/style/themes/dnb-step-indicator-theme-sbanken.min.css +1 -1
  59. package/cjs/components/step-indicator/style/themes/dnb-step-indicator-theme-sbanken.scss +1 -1
  60. package/cjs/components/table/TableContainer.d.ts +1 -0
  61. package/cjs/components/table/TableContainer.js +1 -0
  62. package/cjs/components/table/TableContainer.js.map +1 -1
  63. package/cjs/components/table/style/dnb-table.css +3 -0
  64. package/cjs/components/table/style/dnb-table.min.css +1 -1
  65. package/cjs/components/table/style/table-container.scss +5 -0
  66. package/cjs/extensions/forms/DataContext/Context.d.ts +1 -0
  67. package/cjs/extensions/forms/DataContext/Context.js.map +1 -1
  68. package/cjs/extensions/forms/DataContext/Provider/Provider.d.ts +1 -1
  69. package/cjs/extensions/forms/DataContext/Provider/Provider.js +17 -0
  70. package/cjs/extensions/forms/DataContext/Provider/Provider.js.map +1 -1
  71. package/cjs/extensions/forms/DataContext/Provider/ProviderDocs.js +7 -2
  72. package/cjs/extensions/forms/DataContext/Provider/ProviderDocs.js.map +1 -1
  73. package/cjs/extensions/forms/Field/Composition/CompositionDocs.d.ts +2 -0
  74. package/cjs/extensions/forms/Field/Composition/CompositionDocs.js +23 -0
  75. package/cjs/extensions/forms/Field/Composition/CompositionDocs.js.map +1 -0
  76. package/cjs/extensions/forms/Field/Number/Number.d.ts +1 -0
  77. package/cjs/extensions/forms/Field/Number/Number.js +21 -18
  78. package/cjs/extensions/forms/Field/Number/Number.js.map +1 -1
  79. package/cjs/extensions/forms/Field/Number/NumberDocs.js +6 -1
  80. package/cjs/extensions/forms/Field/Number/NumberDocs.js.map +1 -1
  81. package/cjs/extensions/forms/Field/Selection/Selection.js +2 -3
  82. package/cjs/extensions/forms/Field/Selection/Selection.js.map +1 -1
  83. package/cjs/extensions/forms/FieldBlock/FieldBlock.d.ts +3 -0
  84. package/cjs/extensions/forms/FieldBlock/FieldBlock.js +15 -3
  85. package/cjs/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
  86. package/cjs/extensions/forms/FieldBlock/FieldBlockDocs.js +5 -0
  87. package/cjs/extensions/forms/FieldBlock/FieldBlockDocs.js.map +1 -1
  88. package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.css +3 -0
  89. package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
  90. package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.scss +5 -1
  91. package/cjs/extensions/forms/Form/FieldProps/FieldProps.js +11 -19
  92. package/cjs/extensions/forms/Form/FieldProps/FieldProps.js.map +1 -1
  93. package/cjs/extensions/forms/Form/MainHeading/MainHeading.js +1 -0
  94. package/cjs/extensions/forms/Form/MainHeading/MainHeading.js.map +1 -1
  95. package/cjs/extensions/forms/Form/Section/Section.d.ts +1 -9
  96. package/cjs/extensions/forms/Form/Section/Section.js +21 -9
  97. package/cjs/extensions/forms/Form/Section/Section.js.map +1 -1
  98. package/cjs/extensions/forms/Form/Section/SectionContext.d.ts +3 -3
  99. package/cjs/extensions/forms/Form/Section/SectionContext.js.map +1 -1
  100. package/cjs/extensions/forms/Form/Section/SectionDocs.js +10 -0
  101. package/cjs/extensions/forms/Form/Section/SectionDocs.js.map +1 -1
  102. package/cjs/extensions/forms/Form/SubHeading/SubHeading.js +1 -0
  103. package/cjs/extensions/forms/Form/SubHeading/SubHeading.js.map +1 -1
  104. package/cjs/extensions/forms/Iterate/Array/Array.js +37 -1
  105. package/cjs/extensions/forms/Iterate/Array/Array.js.map +1 -1
  106. package/cjs/extensions/forms/Iterate/Array/ArrayDocs.js +15 -0
  107. package/cjs/extensions/forms/Iterate/Array/ArrayDocs.js.map +1 -1
  108. package/cjs/extensions/forms/Iterate/Array/types.d.ts +9 -3
  109. package/cjs/extensions/forms/Iterate/Array/types.js.map +1 -1
  110. package/cjs/extensions/forms/Iterate/style/dnb-form-iterate.css +1 -1
  111. package/cjs/extensions/forms/Iterate/style/dnb-form-iterate.min.css +1 -1
  112. package/cjs/extensions/forms/Iterate/style/dnb-form-iterate.scss +1 -0
  113. package/cjs/extensions/forms/Tools/ListAllProps.js +2 -2
  114. package/cjs/extensions/forms/Tools/ListAllProps.js.map +1 -1
  115. package/cjs/extensions/forms/Value/Boolean/Boolean.d.ts +5 -1
  116. package/cjs/extensions/forms/Value/Boolean/Boolean.js +5 -3
  117. package/cjs/extensions/forms/Value/Boolean/Boolean.js.map +1 -1
  118. package/cjs/extensions/forms/Value/Boolean/BooleanDocs.d.ts +2 -0
  119. package/cjs/extensions/forms/Value/Boolean/BooleanDocs.js +20 -0
  120. package/cjs/extensions/forms/Value/Boolean/BooleanDocs.js.map +1 -0
  121. package/cjs/extensions/forms/Value/Number/Number.d.ts +5 -1
  122. package/cjs/extensions/forms/Value/Number/Number.js +16 -5
  123. package/cjs/extensions/forms/Value/Number/Number.js.map +1 -1
  124. package/cjs/extensions/forms/Value/Number/NumberDocs.d.ts +2 -0
  125. package/cjs/extensions/forms/Value/Number/NumberDocs.js +20 -0
  126. package/cjs/extensions/forms/Value/Number/NumberDocs.js.map +1 -0
  127. package/cjs/extensions/forms/Value/ValueDocs.js +6 -1
  128. package/cjs/extensions/forms/Value/ValueDocs.js.map +1 -1
  129. package/cjs/extensions/forms/ValueBlock/ValueBlock.js +15 -1
  130. package/cjs/extensions/forms/ValueBlock/ValueBlock.js.map +1 -1
  131. package/cjs/extensions/forms/Wizard/Buttons/Buttons.js +2 -1
  132. package/cjs/extensions/forms/Wizard/Buttons/Buttons.js.map +1 -1
  133. package/cjs/extensions/forms/Wizard/Container/WizardContainer.js +88 -40
  134. package/cjs/extensions/forms/Wizard/Container/WizardContainer.js.map +1 -1
  135. package/cjs/extensions/forms/Wizard/Context/WizardContext.d.ts +2 -1
  136. package/cjs/extensions/forms/Wizard/Context/WizardContext.js.map +1 -1
  137. package/cjs/extensions/forms/Wizard/EditButton/EditButton.js +7 -2
  138. package/cjs/extensions/forms/Wizard/EditButton/EditButton.js.map +1 -1
  139. package/cjs/extensions/forms/Wizard/Step/Step.d.ts +4 -0
  140. package/cjs/extensions/forms/Wizard/Step/Step.js +7 -4
  141. package/cjs/extensions/forms/Wizard/Step/Step.js.map +1 -1
  142. package/cjs/extensions/forms/Wizard/Step/StepDocs.js +5 -0
  143. package/cjs/extensions/forms/Wizard/Step/StepDocs.js.map +1 -1
  144. package/cjs/extensions/forms/Wizard/hooks/useStep.js +17 -1
  145. package/cjs/extensions/forms/Wizard/hooks/useStep.js.map +1 -1
  146. package/cjs/extensions/forms/Wizard/style/dnb-wizard-layout.css +1 -1
  147. package/cjs/extensions/forms/Wizard/style/dnb-wizard-layout.min.css +1 -1
  148. package/cjs/extensions/forms/Wizard/style/dnb-wizard-layout.scss +1 -1
  149. package/cjs/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.d.ts +13 -0
  150. package/cjs/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.js +164 -0
  151. package/cjs/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.js.map +1 -0
  152. package/cjs/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeDocs.d.ts +2 -0
  153. package/cjs/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeDocs.js +25 -0
  154. package/cjs/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeDocs.js.map +1 -0
  155. package/cjs/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeTranslations.d.ts +77 -0
  156. package/cjs/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeTranslations.js +84 -0
  157. package/cjs/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeTranslations.js.map +1 -0
  158. package/cjs/extensions/forms/blocks/ChildrenWithAge/index.d.ts +2 -0
  159. package/cjs/extensions/forms/blocks/{Category/FirstBlock → ChildrenWithAge}/index.js +5 -5
  160. package/cjs/extensions/forms/blocks/ChildrenWithAge/index.js.map +1 -0
  161. package/cjs/extensions/forms/blocks/index.d.ts +1 -1
  162. package/cjs/extensions/forms/blocks/index.js +8 -5
  163. package/cjs/extensions/forms/blocks/index.js.map +1 -1
  164. package/cjs/extensions/forms/constants/locales/en-GB.js +2 -2
  165. package/cjs/extensions/forms/constants/locales/en-GB.js.map +1 -1
  166. package/cjs/extensions/forms/hooks/DataValueDocs.js +10 -10
  167. package/cjs/extensions/forms/hooks/DataValueDocs.js.map +1 -1
  168. package/cjs/extensions/forms/hooks/useFieldProps.js +13 -8
  169. package/cjs/extensions/forms/hooks/useFieldProps.js.map +1 -1
  170. package/cjs/extensions/forms/hooks/useValueProps.js +5 -4
  171. package/cjs/extensions/forms/hooks/useValueProps.js.map +1 -1
  172. package/cjs/extensions/forms/style/dnb-forms.css +5 -2
  173. package/cjs/extensions/forms/style/dnb-forms.min.css +1 -1
  174. package/cjs/extensions/forms/types.d.ts +10 -4
  175. package/cjs/extensions/forms/types.js.map +1 -1
  176. package/cjs/fragments/drawer-list/DrawerListHelpers.js +2 -2
  177. package/cjs/fragments/drawer-list/DrawerListHelpers.js.map +1 -1
  178. package/cjs/fragments/drawer-list/style/themes/dnb-drawer-list-theme-sbanken.scss +12 -1
  179. package/cjs/shared/Context.d.ts +1 -1
  180. package/cjs/shared/Context.js +1 -1
  181. package/cjs/shared/Context.js.map +1 -1
  182. package/cjs/shared/Eufemia.d.ts +1 -1
  183. package/cjs/shared/Eufemia.js +2 -2
  184. package/cjs/shared/Eufemia.js.map +1 -1
  185. package/cjs/shared/component-helper.d.ts +3 -1
  186. package/cjs/shared/component-helper.js +39 -10
  187. package/cjs/shared/component-helper.js.map +1 -1
  188. package/cjs/style/core/scopes.scss +1 -1
  189. package/cjs/style/dnb-ui-basis.css +1 -1
  190. package/cjs/style/dnb-ui-basis.min.css +1 -1
  191. package/cjs/style/dnb-ui-body.css +1 -1
  192. package/cjs/style/dnb-ui-body.min.css +1 -1
  193. package/cjs/style/dnb-ui-components.css +39 -13
  194. package/cjs/style/dnb-ui-components.min.css +3 -3
  195. package/cjs/style/dnb-ui-core.css +1 -1
  196. package/cjs/style/dnb-ui-core.min.css +1 -1
  197. package/cjs/style/dnb-ui-extensions.css +5 -2
  198. package/cjs/style/dnb-ui-extensions.min.css +1 -1
  199. package/cjs/style/dnb-ui-forms.css +5 -2
  200. package/cjs/style/dnb-ui-forms.min.css +1 -1
  201. package/cjs/style/themes/theme-eiendom/eiendom-theme-components.css +47 -15
  202. package/cjs/style/themes/theme-eiendom/eiendom-theme-components.min.css +4 -4
  203. package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.css +5 -2
  204. package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
  205. package/cjs/style/themes/theme-eiendom/eiendom-theme-forms.css +5 -2
  206. package/cjs/style/themes/theme-eiendom/eiendom-theme-forms.min.css +1 -1
  207. package/cjs/style/themes/theme-sbanken/sbanken-theme-components.css +112 -74
  208. package/cjs/style/themes/theme-sbanken/sbanken-theme-components.min.css +8 -8
  209. package/cjs/style/themes/theme-sbanken/sbanken-theme-components.scss +1 -1
  210. package/cjs/style/themes/theme-sbanken/sbanken-theme-extensions.css +5 -2
  211. package/cjs/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
  212. package/cjs/style/themes/theme-sbanken/sbanken-theme-forms.css +5 -2
  213. package/cjs/style/themes/theme-sbanken/sbanken-theme-forms.min.css +1 -1
  214. package/cjs/style/themes/theme-ui/ui-theme-components.css +47 -15
  215. package/cjs/style/themes/theme-ui/ui-theme-components.min.css +4 -4
  216. package/cjs/style/themes/theme-ui/ui-theme-extensions.css +5 -2
  217. package/cjs/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
  218. package/cjs/style/themes/theme-ui/ui-theme-forms.css +5 -2
  219. package/cjs/style/themes/theme-ui/ui-theme-forms.min.css +1 -1
  220. package/components/autocomplete/style/dnb-autocomplete.css +0 -1
  221. package/components/autocomplete/style/dnb-autocomplete.min.css +1 -1
  222. package/components/autocomplete/style/dnb-autocomplete.scss +0 -2
  223. package/components/autocomplete/style/themes/dnb-autocomplete-theme-sbanken.css +41 -0
  224. package/components/autocomplete/style/themes/dnb-autocomplete-theme-sbanken.min.css +1 -0
  225. package/components/autocomplete/style/themes/dnb-autocomplete-theme-sbanken.scss +65 -0
  226. package/components/autocomplete/style/themes/dnb-autocomplete-theme-ui.css +3 -0
  227. package/components/autocomplete/style/themes/dnb-autocomplete-theme-ui.min.css +1 -1
  228. package/components/autocomplete/style/themes/dnb-autocomplete-theme-ui.scss +6 -0
  229. package/components/breadcrumb/Breadcrumb.d.ts +4 -4
  230. package/components/breadcrumb/Breadcrumb.js +6 -4
  231. package/components/breadcrumb/Breadcrumb.js.map +1 -1
  232. package/components/card/Card.js +1 -0
  233. package/components/card/Card.js.map +1 -1
  234. package/components/card/style/dnb-card.css +3 -0
  235. package/components/card/style/dnb-card.min.css +1 -1
  236. package/components/card/style/dnb-card.scss +4 -0
  237. package/components/checkbox/Checkbox.js +1 -1
  238. package/components/checkbox/Checkbox.js.map +1 -1
  239. package/components/checkbox/style/dnb-checkbox.css +9 -3
  240. package/components/checkbox/style/dnb-checkbox.min.css +1 -1
  241. package/components/checkbox/style/dnb-checkbox.scss +11 -3
  242. package/components/checkbox/style/themes/dnb-checkbox-theme-sbanken.css +5 -3
  243. package/components/checkbox/style/themes/dnb-checkbox-theme-sbanken.min.css +2 -2
  244. package/components/checkbox/style/themes/dnb-checkbox-theme-sbanken.scss +5 -3
  245. package/components/form-row/FormRow.js +2 -2
  246. package/components/form-row/FormRow.js.map +1 -1
  247. package/components/form-set/FormSet.js +2 -2
  248. package/components/form-set/FormSet.js.map +1 -1
  249. package/components/form-status/FormStatus.d.ts +0 -1
  250. package/components/form-status/FormStatus.js +84 -66
  251. package/components/form-status/FormStatus.js.map +1 -1
  252. package/components/form-status/style/themes/dnb-form-status-theme-sbanken.css +2 -2
  253. package/components/form-status/style/themes/dnb-form-status-theme-sbanken.min.css +1 -1
  254. package/components/form-status/style/themes/dnb-form-status-theme-sbanken.scss +2 -2
  255. package/components/global-status/GlobalStatus.js +2 -4
  256. package/components/global-status/GlobalStatus.js.map +1 -1
  257. package/components/global-status/style/themes/dnb-global-status-theme-sbanken.css +1 -1
  258. package/components/global-status/style/themes/dnb-global-status-theme-sbanken.min.css +1 -1
  259. package/components/global-status/style/themes/dnb-global-status-theme-sbanken.scss +1 -1
  260. package/components/grid/ContainerDocs.js +1 -1
  261. package/components/grid/ContainerDocs.js.map +1 -1
  262. package/components/number-format/NumberFormat.js +2 -2
  263. package/components/number-format/NumberFormat.js.map +1 -1
  264. package/components/radio/style/dnb-radio.css +19 -7
  265. package/components/radio/style/dnb-radio.min.css +1 -1
  266. package/components/radio/style/dnb-radio.scss +21 -7
  267. package/components/radio/style/themes/dnb-radio-theme-sbanken.css +6 -0
  268. package/components/radio/style/themes/dnb-radio-theme-sbanken.min.css +1 -1
  269. package/components/radio/style/themes/dnb-radio-theme-sbanken.scss +6 -0
  270. package/components/section/style/themes/dnb-section-theme-sbanken.css +1 -1
  271. package/components/section/style/themes/dnb-section-theme-sbanken.min.css +1 -1
  272. package/components/section/style/themes/dnb-section-theme-sbanken.scss +1 -1
  273. package/components/step-indicator/StepIndicator.js +1 -9
  274. package/components/step-indicator/StepIndicator.js.map +1 -1
  275. package/components/step-indicator/style/themes/dnb-step-indicator-theme-sbanken.css +1 -1
  276. package/components/step-indicator/style/themes/dnb-step-indicator-theme-sbanken.min.css +1 -1
  277. package/components/step-indicator/style/themes/dnb-step-indicator-theme-sbanken.scss +1 -1
  278. package/components/table/TableContainer.d.ts +1 -0
  279. package/components/table/TableContainer.js +1 -0
  280. package/components/table/TableContainer.js.map +1 -1
  281. package/components/table/style/dnb-table.css +3 -0
  282. package/components/table/style/dnb-table.min.css +1 -1
  283. package/components/table/style/table-container.scss +5 -0
  284. package/es/components/autocomplete/style/dnb-autocomplete.css +0 -1
  285. package/es/components/autocomplete/style/dnb-autocomplete.min.css +1 -1
  286. package/es/components/autocomplete/style/dnb-autocomplete.scss +0 -2
  287. package/es/components/autocomplete/style/themes/dnb-autocomplete-theme-sbanken.css +41 -0
  288. package/es/components/autocomplete/style/themes/dnb-autocomplete-theme-sbanken.min.css +1 -0
  289. package/es/components/autocomplete/style/themes/dnb-autocomplete-theme-sbanken.scss +65 -0
  290. package/es/components/autocomplete/style/themes/dnb-autocomplete-theme-ui.css +3 -0
  291. package/es/components/autocomplete/style/themes/dnb-autocomplete-theme-ui.min.css +1 -1
  292. package/es/components/autocomplete/style/themes/dnb-autocomplete-theme-ui.scss +6 -0
  293. package/es/components/breadcrumb/Breadcrumb.d.ts +4 -4
  294. package/es/components/breadcrumb/Breadcrumb.js +6 -4
  295. package/es/components/breadcrumb/Breadcrumb.js.map +1 -1
  296. package/es/components/card/Card.js +1 -0
  297. package/es/components/card/Card.js.map +1 -1
  298. package/es/components/card/style/dnb-card.css +3 -0
  299. package/es/components/card/style/dnb-card.min.css +1 -1
  300. package/es/components/card/style/dnb-card.scss +4 -0
  301. package/es/components/checkbox/Checkbox.js +1 -1
  302. package/es/components/checkbox/Checkbox.js.map +1 -1
  303. package/es/components/checkbox/style/dnb-checkbox.css +9 -3
  304. package/es/components/checkbox/style/dnb-checkbox.min.css +1 -1
  305. package/es/components/checkbox/style/dnb-checkbox.scss +11 -3
  306. package/es/components/checkbox/style/themes/dnb-checkbox-theme-sbanken.css +5 -3
  307. package/es/components/checkbox/style/themes/dnb-checkbox-theme-sbanken.min.css +2 -2
  308. package/es/components/checkbox/style/themes/dnb-checkbox-theme-sbanken.scss +5 -3
  309. package/es/components/form-row/FormRow.js +2 -2
  310. package/es/components/form-row/FormRow.js.map +1 -1
  311. package/es/components/form-set/FormSet.js +2 -2
  312. package/es/components/form-set/FormSet.js.map +1 -1
  313. package/es/components/form-status/FormStatus.d.ts +0 -1
  314. package/es/components/form-status/FormStatus.js +84 -66
  315. package/es/components/form-status/FormStatus.js.map +1 -1
  316. package/es/components/form-status/style/themes/dnb-form-status-theme-sbanken.css +2 -2
  317. package/es/components/form-status/style/themes/dnb-form-status-theme-sbanken.min.css +1 -1
  318. package/es/components/form-status/style/themes/dnb-form-status-theme-sbanken.scss +2 -2
  319. package/es/components/global-status/GlobalStatus.js +2 -4
  320. package/es/components/global-status/GlobalStatus.js.map +1 -1
  321. package/es/components/global-status/style/themes/dnb-global-status-theme-sbanken.css +1 -1
  322. package/es/components/global-status/style/themes/dnb-global-status-theme-sbanken.min.css +1 -1
  323. package/es/components/global-status/style/themes/dnb-global-status-theme-sbanken.scss +1 -1
  324. package/es/components/grid/ContainerDocs.js +1 -1
  325. package/es/components/grid/ContainerDocs.js.map +1 -1
  326. package/es/components/number-format/NumberFormat.js +2 -2
  327. package/es/components/number-format/NumberFormat.js.map +1 -1
  328. package/es/components/radio/style/dnb-radio.css +19 -7
  329. package/es/components/radio/style/dnb-radio.min.css +1 -1
  330. package/es/components/radio/style/dnb-radio.scss +21 -7
  331. package/es/components/radio/style/themes/dnb-radio-theme-sbanken.css +6 -0
  332. package/es/components/radio/style/themes/dnb-radio-theme-sbanken.min.css +1 -1
  333. package/es/components/radio/style/themes/dnb-radio-theme-sbanken.scss +6 -0
  334. package/es/components/section/style/themes/dnb-section-theme-sbanken.css +1 -1
  335. package/es/components/section/style/themes/dnb-section-theme-sbanken.min.css +1 -1
  336. package/es/components/section/style/themes/dnb-section-theme-sbanken.scss +1 -1
  337. package/es/components/step-indicator/StepIndicator.js +1 -9
  338. package/es/components/step-indicator/StepIndicator.js.map +1 -1
  339. package/es/components/step-indicator/style/themes/dnb-step-indicator-theme-sbanken.css +1 -1
  340. package/es/components/step-indicator/style/themes/dnb-step-indicator-theme-sbanken.min.css +1 -1
  341. package/es/components/step-indicator/style/themes/dnb-step-indicator-theme-sbanken.scss +1 -1
  342. package/es/components/table/TableContainer.d.ts +1 -0
  343. package/es/components/table/TableContainer.js +1 -0
  344. package/es/components/table/TableContainer.js.map +1 -1
  345. package/es/components/table/style/dnb-table.css +3 -0
  346. package/es/components/table/style/dnb-table.min.css +1 -1
  347. package/es/components/table/style/table-container.scss +5 -0
  348. package/es/extensions/forms/DataContext/Context.d.ts +1 -0
  349. package/es/extensions/forms/DataContext/Context.js.map +1 -1
  350. package/es/extensions/forms/DataContext/Provider/Provider.d.ts +1 -1
  351. package/es/extensions/forms/DataContext/Provider/Provider.js +19 -2
  352. package/es/extensions/forms/DataContext/Provider/Provider.js.map +1 -1
  353. package/es/extensions/forms/DataContext/Provider/ProviderDocs.js +7 -2
  354. package/es/extensions/forms/DataContext/Provider/ProviderDocs.js.map +1 -1
  355. package/es/extensions/forms/Field/Composition/CompositionDocs.d.ts +2 -0
  356. package/es/extensions/forms/Field/Composition/CompositionDocs.js +14 -0
  357. package/es/extensions/forms/Field/Composition/CompositionDocs.js.map +1 -0
  358. package/es/extensions/forms/Field/Number/Number.d.ts +1 -0
  359. package/es/extensions/forms/Field/Number/Number.js +21 -18
  360. package/es/extensions/forms/Field/Number/Number.js.map +1 -1
  361. package/es/extensions/forms/Field/Number/NumberDocs.js +6 -1
  362. package/es/extensions/forms/Field/Number/NumberDocs.js.map +1 -1
  363. package/es/extensions/forms/Field/Selection/Selection.js +2 -3
  364. package/es/extensions/forms/Field/Selection/Selection.js.map +1 -1
  365. package/es/extensions/forms/FieldBlock/FieldBlock.d.ts +3 -0
  366. package/es/extensions/forms/FieldBlock/FieldBlock.js +15 -3
  367. package/es/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
  368. package/es/extensions/forms/FieldBlock/FieldBlockDocs.js +5 -0
  369. package/es/extensions/forms/FieldBlock/FieldBlockDocs.js.map +1 -1
  370. package/es/extensions/forms/FieldBlock/style/dnb-field-block.css +3 -0
  371. package/es/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
  372. package/es/extensions/forms/FieldBlock/style/dnb-field-block.scss +5 -1
  373. package/es/extensions/forms/Form/FieldProps/FieldProps.js +12 -19
  374. package/es/extensions/forms/Form/FieldProps/FieldProps.js.map +1 -1
  375. package/es/extensions/forms/Form/MainHeading/MainHeading.js +1 -0
  376. package/es/extensions/forms/Form/MainHeading/MainHeading.js.map +1 -1
  377. package/es/extensions/forms/Form/Section/Section.d.ts +1 -9
  378. package/es/extensions/forms/Form/Section/Section.js +17 -10
  379. package/es/extensions/forms/Form/Section/Section.js.map +1 -1
  380. package/es/extensions/forms/Form/Section/SectionContext.d.ts +3 -3
  381. package/es/extensions/forms/Form/Section/SectionContext.js.map +1 -1
  382. package/es/extensions/forms/Form/Section/SectionDocs.js +10 -0
  383. package/es/extensions/forms/Form/Section/SectionDocs.js.map +1 -1
  384. package/es/extensions/forms/Form/SubHeading/SubHeading.js +1 -0
  385. package/es/extensions/forms/Form/SubHeading/SubHeading.js.map +1 -1
  386. package/es/extensions/forms/Iterate/Array/Array.js +37 -1
  387. package/es/extensions/forms/Iterate/Array/Array.js.map +1 -1
  388. package/es/extensions/forms/Iterate/Array/ArrayDocs.js +15 -0
  389. package/es/extensions/forms/Iterate/Array/ArrayDocs.js.map +1 -1
  390. package/es/extensions/forms/Iterate/Array/types.d.ts +9 -3
  391. package/es/extensions/forms/Iterate/Array/types.js.map +1 -1
  392. package/es/extensions/forms/Iterate/style/dnb-form-iterate.css +1 -1
  393. package/es/extensions/forms/Iterate/style/dnb-form-iterate.min.css +1 -1
  394. package/es/extensions/forms/Iterate/style/dnb-form-iterate.scss +1 -0
  395. package/es/extensions/forms/Tools/ListAllProps.js +3 -3
  396. package/es/extensions/forms/Tools/ListAllProps.js.map +1 -1
  397. package/es/extensions/forms/Value/Boolean/Boolean.d.ts +5 -1
  398. package/es/extensions/forms/Value/Boolean/Boolean.js +5 -3
  399. package/es/extensions/forms/Value/Boolean/Boolean.js.map +1 -1
  400. package/es/extensions/forms/Value/Boolean/BooleanDocs.d.ts +2 -0
  401. package/es/extensions/forms/Value/Boolean/BooleanDocs.js +13 -0
  402. package/es/extensions/forms/Value/Boolean/BooleanDocs.js.map +1 -0
  403. package/es/extensions/forms/Value/Number/Number.d.ts +5 -1
  404. package/es/extensions/forms/Value/Number/Number.js +16 -5
  405. package/es/extensions/forms/Value/Number/Number.js.map +1 -1
  406. package/es/extensions/forms/Value/Number/NumberDocs.d.ts +2 -0
  407. package/es/extensions/forms/Value/Number/NumberDocs.js +13 -0
  408. package/es/extensions/forms/Value/Number/NumberDocs.js.map +1 -0
  409. package/es/extensions/forms/Value/ValueDocs.js +6 -1
  410. package/es/extensions/forms/Value/ValueDocs.js.map +1 -1
  411. package/es/extensions/forms/ValueBlock/ValueBlock.js +16 -2
  412. package/es/extensions/forms/ValueBlock/ValueBlock.js.map +1 -1
  413. package/es/extensions/forms/Wizard/Buttons/Buttons.js +2 -1
  414. package/es/extensions/forms/Wizard/Buttons/Buttons.js.map +1 -1
  415. package/es/extensions/forms/Wizard/Container/WizardContainer.js +81 -34
  416. package/es/extensions/forms/Wizard/Container/WizardContainer.js.map +1 -1
  417. package/es/extensions/forms/Wizard/Context/WizardContext.d.ts +2 -1
  418. package/es/extensions/forms/Wizard/Context/WizardContext.js.map +1 -1
  419. package/es/extensions/forms/Wizard/EditButton/EditButton.js +7 -2
  420. package/es/extensions/forms/Wizard/EditButton/EditButton.js.map +1 -1
  421. package/es/extensions/forms/Wizard/Step/Step.d.ts +4 -0
  422. package/es/extensions/forms/Wizard/Step/Step.js +7 -4
  423. package/es/extensions/forms/Wizard/Step/Step.js.map +1 -1
  424. package/es/extensions/forms/Wizard/Step/StepDocs.js +5 -0
  425. package/es/extensions/forms/Wizard/Step/StepDocs.js.map +1 -1
  426. package/es/extensions/forms/Wizard/hooks/useStep.js +17 -1
  427. package/es/extensions/forms/Wizard/hooks/useStep.js.map +1 -1
  428. package/es/extensions/forms/Wizard/style/dnb-wizard-layout.css +1 -1
  429. package/es/extensions/forms/Wizard/style/dnb-wizard-layout.min.css +1 -1
  430. package/es/extensions/forms/Wizard/style/dnb-wizard-layout.scss +1 -1
  431. package/es/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.d.ts +13 -0
  432. package/es/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.js +151 -0
  433. package/es/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.js.map +1 -0
  434. package/es/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeDocs.d.ts +2 -0
  435. package/es/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeDocs.js +18 -0
  436. package/es/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeDocs.js.map +1 -0
  437. package/es/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeTranslations.d.ts +77 -0
  438. package/es/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeTranslations.js +77 -0
  439. package/es/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeTranslations.js.map +1 -0
  440. package/es/extensions/forms/blocks/ChildrenWithAge/index.d.ts +2 -0
  441. package/es/extensions/forms/blocks/ChildrenWithAge/index.js +3 -0
  442. package/es/extensions/forms/blocks/ChildrenWithAge/index.js.map +1 -0
  443. package/es/extensions/forms/blocks/index.d.ts +1 -1
  444. package/es/extensions/forms/blocks/index.js +1 -1
  445. package/es/extensions/forms/blocks/index.js.map +1 -1
  446. package/es/extensions/forms/constants/locales/en-GB.js +2 -2
  447. package/es/extensions/forms/constants/locales/en-GB.js.map +1 -1
  448. package/es/extensions/forms/hooks/DataValueDocs.js +10 -10
  449. package/es/extensions/forms/hooks/DataValueDocs.js.map +1 -1
  450. package/es/extensions/forms/hooks/useFieldProps.js +12 -8
  451. package/es/extensions/forms/hooks/useFieldProps.js.map +1 -1
  452. package/es/extensions/forms/hooks/useValueProps.js +4 -3
  453. package/es/extensions/forms/hooks/useValueProps.js.map +1 -1
  454. package/es/extensions/forms/style/dnb-forms.css +5 -2
  455. package/es/extensions/forms/style/dnb-forms.min.css +1 -1
  456. package/es/extensions/forms/types.d.ts +10 -4
  457. package/es/extensions/forms/types.js.map +1 -1
  458. package/es/fragments/drawer-list/DrawerListHelpers.js +2 -2
  459. package/es/fragments/drawer-list/DrawerListHelpers.js.map +1 -1
  460. package/es/fragments/drawer-list/style/themes/dnb-drawer-list-theme-sbanken.scss +12 -1
  461. package/es/shared/Context.d.ts +1 -1
  462. package/es/shared/Context.js +2 -2
  463. package/es/shared/Context.js.map +1 -1
  464. package/es/shared/Eufemia.d.ts +1 -1
  465. package/es/shared/Eufemia.js +2 -2
  466. package/es/shared/Eufemia.js.map +1 -1
  467. package/es/shared/component-helper.d.ts +3 -1
  468. package/es/shared/component-helper.js +25 -2
  469. package/es/shared/component-helper.js.map +1 -1
  470. package/es/style/core/scopes.scss +1 -1
  471. package/es/style/dnb-ui-basis.css +1 -1
  472. package/es/style/dnb-ui-basis.min.css +1 -1
  473. package/es/style/dnb-ui-body.css +1 -1
  474. package/es/style/dnb-ui-body.min.css +1 -1
  475. package/es/style/dnb-ui-components.css +39 -13
  476. package/es/style/dnb-ui-components.min.css +3 -3
  477. package/es/style/dnb-ui-core.css +1 -1
  478. package/es/style/dnb-ui-core.min.css +1 -1
  479. package/es/style/dnb-ui-extensions.css +5 -2
  480. package/es/style/dnb-ui-extensions.min.css +1 -1
  481. package/es/style/dnb-ui-forms.css +5 -2
  482. package/es/style/dnb-ui-forms.min.css +1 -1
  483. package/es/style/themes/theme-eiendom/eiendom-theme-components.css +47 -15
  484. package/es/style/themes/theme-eiendom/eiendom-theme-components.min.css +4 -4
  485. package/es/style/themes/theme-eiendom/eiendom-theme-extensions.css +5 -2
  486. package/es/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
  487. package/es/style/themes/theme-eiendom/eiendom-theme-forms.css +5 -2
  488. package/es/style/themes/theme-eiendom/eiendom-theme-forms.min.css +1 -1
  489. package/es/style/themes/theme-sbanken/sbanken-theme-components.css +112 -74
  490. package/es/style/themes/theme-sbanken/sbanken-theme-components.min.css +8 -8
  491. package/es/style/themes/theme-sbanken/sbanken-theme-components.scss +1 -1
  492. package/es/style/themes/theme-sbanken/sbanken-theme-extensions.css +5 -2
  493. package/es/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
  494. package/es/style/themes/theme-sbanken/sbanken-theme-forms.css +5 -2
  495. package/es/style/themes/theme-sbanken/sbanken-theme-forms.min.css +1 -1
  496. package/es/style/themes/theme-ui/ui-theme-components.css +47 -15
  497. package/es/style/themes/theme-ui/ui-theme-components.min.css +4 -4
  498. package/es/style/themes/theme-ui/ui-theme-extensions.css +5 -2
  499. package/es/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
  500. package/es/style/themes/theme-ui/ui-theme-forms.css +5 -2
  501. package/es/style/themes/theme-ui/ui-theme-forms.min.css +1 -1
  502. package/esm/dnb-ui-basis.min.mjs +1 -1
  503. package/esm/dnb-ui-components.min.mjs +1 -1
  504. package/esm/dnb-ui-elements.min.mjs +1 -1
  505. package/esm/dnb-ui-extensions.min.mjs +5 -5
  506. package/esm/dnb-ui-lib.min.mjs +1 -1
  507. package/extensions/forms/DataContext/Context.d.ts +1 -0
  508. package/extensions/forms/DataContext/Context.js.map +1 -1
  509. package/extensions/forms/DataContext/Provider/Provider.d.ts +1 -1
  510. package/extensions/forms/DataContext/Provider/Provider.js +19 -2
  511. package/extensions/forms/DataContext/Provider/Provider.js.map +1 -1
  512. package/extensions/forms/DataContext/Provider/ProviderDocs.js +7 -2
  513. package/extensions/forms/DataContext/Provider/ProviderDocs.js.map +1 -1
  514. package/extensions/forms/Field/Composition/CompositionDocs.d.ts +2 -0
  515. package/extensions/forms/Field/Composition/CompositionDocs.js +14 -0
  516. package/extensions/forms/Field/Composition/CompositionDocs.js.map +1 -0
  517. package/extensions/forms/Field/Number/Number.d.ts +1 -0
  518. package/extensions/forms/Field/Number/Number.js +21 -18
  519. package/extensions/forms/Field/Number/Number.js.map +1 -1
  520. package/extensions/forms/Field/Number/NumberDocs.js +6 -1
  521. package/extensions/forms/Field/Number/NumberDocs.js.map +1 -1
  522. package/extensions/forms/Field/Selection/Selection.js +2 -3
  523. package/extensions/forms/Field/Selection/Selection.js.map +1 -1
  524. package/extensions/forms/FieldBlock/FieldBlock.d.ts +3 -0
  525. package/extensions/forms/FieldBlock/FieldBlock.js +15 -3
  526. package/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
  527. package/extensions/forms/FieldBlock/FieldBlockDocs.js +5 -0
  528. package/extensions/forms/FieldBlock/FieldBlockDocs.js.map +1 -1
  529. package/extensions/forms/FieldBlock/style/dnb-field-block.css +3 -0
  530. package/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
  531. package/extensions/forms/FieldBlock/style/dnb-field-block.scss +5 -1
  532. package/extensions/forms/Form/FieldProps/FieldProps.js +12 -20
  533. package/extensions/forms/Form/FieldProps/FieldProps.js.map +1 -1
  534. package/extensions/forms/Form/MainHeading/MainHeading.js +1 -0
  535. package/extensions/forms/Form/MainHeading/MainHeading.js.map +1 -1
  536. package/extensions/forms/Form/Section/Section.d.ts +1 -9
  537. package/extensions/forms/Form/Section/Section.js +22 -10
  538. package/extensions/forms/Form/Section/Section.js.map +1 -1
  539. package/extensions/forms/Form/Section/SectionContext.d.ts +3 -3
  540. package/extensions/forms/Form/Section/SectionContext.js.map +1 -1
  541. package/extensions/forms/Form/Section/SectionDocs.js +10 -0
  542. package/extensions/forms/Form/Section/SectionDocs.js.map +1 -1
  543. package/extensions/forms/Form/SubHeading/SubHeading.js +1 -0
  544. package/extensions/forms/Form/SubHeading/SubHeading.js.map +1 -1
  545. package/extensions/forms/Iterate/Array/Array.js +37 -1
  546. package/extensions/forms/Iterate/Array/Array.js.map +1 -1
  547. package/extensions/forms/Iterate/Array/ArrayDocs.js +15 -0
  548. package/extensions/forms/Iterate/Array/ArrayDocs.js.map +1 -1
  549. package/extensions/forms/Iterate/Array/types.d.ts +9 -3
  550. package/extensions/forms/Iterate/Array/types.js.map +1 -1
  551. package/extensions/forms/Iterate/style/dnb-form-iterate.css +1 -1
  552. package/extensions/forms/Iterate/style/dnb-form-iterate.min.css +1 -1
  553. package/extensions/forms/Iterate/style/dnb-form-iterate.scss +1 -0
  554. package/extensions/forms/Tools/ListAllProps.js +3 -3
  555. package/extensions/forms/Tools/ListAllProps.js.map +1 -1
  556. package/extensions/forms/Value/Boolean/Boolean.d.ts +5 -1
  557. package/extensions/forms/Value/Boolean/Boolean.js +5 -3
  558. package/extensions/forms/Value/Boolean/Boolean.js.map +1 -1
  559. package/extensions/forms/Value/Boolean/BooleanDocs.d.ts +2 -0
  560. package/extensions/forms/Value/Boolean/BooleanDocs.js +13 -0
  561. package/extensions/forms/Value/Boolean/BooleanDocs.js.map +1 -0
  562. package/extensions/forms/Value/Number/Number.d.ts +5 -1
  563. package/extensions/forms/Value/Number/Number.js +16 -5
  564. package/extensions/forms/Value/Number/Number.js.map +1 -1
  565. package/extensions/forms/Value/Number/NumberDocs.d.ts +2 -0
  566. package/extensions/forms/Value/Number/NumberDocs.js +13 -0
  567. package/extensions/forms/Value/Number/NumberDocs.js.map +1 -0
  568. package/extensions/forms/Value/ValueDocs.js +6 -1
  569. package/extensions/forms/Value/ValueDocs.js.map +1 -1
  570. package/extensions/forms/ValueBlock/ValueBlock.js +16 -2
  571. package/extensions/forms/ValueBlock/ValueBlock.js.map +1 -1
  572. package/extensions/forms/Wizard/Buttons/Buttons.js +2 -1
  573. package/extensions/forms/Wizard/Buttons/Buttons.js.map +1 -1
  574. package/extensions/forms/Wizard/Container/WizardContainer.js +89 -41
  575. package/extensions/forms/Wizard/Container/WizardContainer.js.map +1 -1
  576. package/extensions/forms/Wizard/Context/WizardContext.d.ts +2 -1
  577. package/extensions/forms/Wizard/Context/WizardContext.js.map +1 -1
  578. package/extensions/forms/Wizard/EditButton/EditButton.js +7 -2
  579. package/extensions/forms/Wizard/EditButton/EditButton.js.map +1 -1
  580. package/extensions/forms/Wizard/Step/Step.d.ts +4 -0
  581. package/extensions/forms/Wizard/Step/Step.js +7 -4
  582. package/extensions/forms/Wizard/Step/Step.js.map +1 -1
  583. package/extensions/forms/Wizard/Step/StepDocs.js +5 -0
  584. package/extensions/forms/Wizard/Step/StepDocs.js.map +1 -1
  585. package/extensions/forms/Wizard/hooks/useStep.js +17 -1
  586. package/extensions/forms/Wizard/hooks/useStep.js.map +1 -1
  587. package/extensions/forms/Wizard/style/dnb-wizard-layout.css +1 -1
  588. package/extensions/forms/Wizard/style/dnb-wizard-layout.min.css +1 -1
  589. package/extensions/forms/Wizard/style/dnb-wizard-layout.scss +1 -1
  590. package/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.d.ts +13 -0
  591. package/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.js +156 -0
  592. package/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.js.map +1 -0
  593. package/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeDocs.d.ts +2 -0
  594. package/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeDocs.js +18 -0
  595. package/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeDocs.js.map +1 -0
  596. package/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeTranslations.d.ts +77 -0
  597. package/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeTranslations.js +77 -0
  598. package/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAgeTranslations.js.map +1 -0
  599. package/extensions/forms/blocks/ChildrenWithAge/index.d.ts +2 -0
  600. package/extensions/forms/blocks/ChildrenWithAge/index.js +3 -0
  601. package/extensions/forms/blocks/ChildrenWithAge/index.js.map +1 -0
  602. package/extensions/forms/blocks/index.d.ts +1 -1
  603. package/extensions/forms/blocks/index.js +1 -3
  604. package/extensions/forms/blocks/index.js.map +1 -1
  605. package/extensions/forms/constants/locales/en-GB.js +2 -2
  606. package/extensions/forms/constants/locales/en-GB.js.map +1 -1
  607. package/extensions/forms/hooks/DataValueDocs.js +10 -10
  608. package/extensions/forms/hooks/DataValueDocs.js.map +1 -1
  609. package/extensions/forms/hooks/useFieldProps.js +12 -7
  610. package/extensions/forms/hooks/useFieldProps.js.map +1 -1
  611. package/extensions/forms/hooks/useValueProps.js +4 -3
  612. package/extensions/forms/hooks/useValueProps.js.map +1 -1
  613. package/extensions/forms/style/dnb-forms.css +5 -2
  614. package/extensions/forms/style/dnb-forms.min.css +1 -1
  615. package/extensions/forms/types.d.ts +10 -4
  616. package/extensions/forms/types.js.map +1 -1
  617. package/fragments/drawer-list/DrawerListHelpers.js +2 -2
  618. package/fragments/drawer-list/DrawerListHelpers.js.map +1 -1
  619. package/fragments/drawer-list/style/themes/dnb-drawer-list-theme-sbanken.scss +12 -1
  620. package/package.json +2 -2
  621. package/shared/Context.d.ts +1 -1
  622. package/shared/Context.js +2 -2
  623. package/shared/Context.js.map +1 -1
  624. package/shared/Eufemia.d.ts +1 -1
  625. package/shared/Eufemia.js +2 -2
  626. package/shared/Eufemia.js.map +1 -1
  627. package/shared/component-helper.d.ts +3 -1
  628. package/shared/component-helper.js +35 -8
  629. package/shared/component-helper.js.map +1 -1
  630. package/style/core/scopes.scss +1 -1
  631. package/style/dnb-ui-basis.css +1 -1
  632. package/style/dnb-ui-basis.min.css +1 -1
  633. package/style/dnb-ui-body.css +1 -1
  634. package/style/dnb-ui-body.min.css +1 -1
  635. package/style/dnb-ui-components.css +39 -13
  636. package/style/dnb-ui-components.min.css +3 -3
  637. package/style/dnb-ui-core.css +1 -1
  638. package/style/dnb-ui-core.min.css +1 -1
  639. package/style/dnb-ui-extensions.css +5 -2
  640. package/style/dnb-ui-extensions.min.css +1 -1
  641. package/style/dnb-ui-forms.css +5 -2
  642. package/style/dnb-ui-forms.min.css +1 -1
  643. package/style/themes/theme-eiendom/eiendom-theme-components.css +47 -15
  644. package/style/themes/theme-eiendom/eiendom-theme-components.min.css +4 -4
  645. package/style/themes/theme-eiendom/eiendom-theme-extensions.css +5 -2
  646. package/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
  647. package/style/themes/theme-eiendom/eiendom-theme-forms.css +5 -2
  648. package/style/themes/theme-eiendom/eiendom-theme-forms.min.css +1 -1
  649. package/style/themes/theme-sbanken/sbanken-theme-components.css +112 -74
  650. package/style/themes/theme-sbanken/sbanken-theme-components.min.css +8 -8
  651. package/style/themes/theme-sbanken/sbanken-theme-components.scss +1 -1
  652. package/style/themes/theme-sbanken/sbanken-theme-extensions.css +5 -2
  653. package/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
  654. package/style/themes/theme-sbanken/sbanken-theme-forms.css +5 -2
  655. package/style/themes/theme-sbanken/sbanken-theme-forms.min.css +1 -1
  656. package/style/themes/theme-ui/ui-theme-components.css +47 -15
  657. package/style/themes/theme-ui/ui-theme-components.min.css +4 -4
  658. package/style/themes/theme-ui/ui-theme-extensions.css +5 -2
  659. package/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
  660. package/style/themes/theme-ui/ui-theme-forms.css +5 -2
  661. package/style/themes/theme-ui/ui-theme-forms.min.css +1 -1
  662. package/umd/dnb-ui-basis.min.js +1 -1
  663. package/umd/dnb-ui-components.min.js +1 -1
  664. package/umd/dnb-ui-elements.min.js +1 -1
  665. package/umd/dnb-ui-extensions.min.js +5 -5
  666. package/umd/dnb-ui-lib.min.js +1 -1
  667. package/cjs/extensions/forms/blocks/Category/FirstBlock/FirstBlock.d.ts +0 -2
  668. package/cjs/extensions/forms/blocks/Category/FirstBlock/FirstBlock.js +0 -46
  669. package/cjs/extensions/forms/blocks/Category/FirstBlock/FirstBlock.js.map +0 -1
  670. package/cjs/extensions/forms/blocks/Category/FirstBlock/index.d.ts +0 -2
  671. package/cjs/extensions/forms/blocks/Category/FirstBlock/index.js.map +0 -1
  672. package/cjs/extensions/forms/blocks/Category/index.d.ts +0 -1
  673. package/cjs/extensions/forms/blocks/Category/index.js +0 -14
  674. package/cjs/extensions/forms/blocks/Category/index.js.map +0 -1
  675. package/es/extensions/forms/blocks/Category/FirstBlock/FirstBlock.d.ts +0 -2
  676. package/es/extensions/forms/blocks/Category/FirstBlock/FirstBlock.js +0 -39
  677. package/es/extensions/forms/blocks/Category/FirstBlock/FirstBlock.js.map +0 -1
  678. package/es/extensions/forms/blocks/Category/FirstBlock/index.d.ts +0 -2
  679. package/es/extensions/forms/blocks/Category/FirstBlock/index.js +0 -3
  680. package/es/extensions/forms/blocks/Category/FirstBlock/index.js.map +0 -1
  681. package/es/extensions/forms/blocks/Category/index.d.ts +0 -1
  682. package/es/extensions/forms/blocks/Category/index.js +0 -1
  683. package/es/extensions/forms/blocks/Category/index.js.map +0 -1
  684. package/extensions/forms/blocks/Category/FirstBlock/FirstBlock.d.ts +0 -2
  685. package/extensions/forms/blocks/Category/FirstBlock/FirstBlock.js +0 -39
  686. package/extensions/forms/blocks/Category/FirstBlock/FirstBlock.js.map +0 -1
  687. package/extensions/forms/blocks/Category/FirstBlock/index.d.ts +0 -2
  688. package/extensions/forms/blocks/Category/FirstBlock/index.js +0 -3
  689. package/extensions/forms/blocks/Category/FirstBlock/index.js.map +0 -1
  690. package/extensions/forms/blocks/Category/index.d.ts +0 -1
  691. package/extensions/forms/blocks/Category/index.js +0 -1
  692. package/extensions/forms/blocks/Category/index.js.map +0 -1
@@ -19,14 +19,14 @@
19
19
  --checkbox-gfx-width__indeterminate: 0.625rem;
20
20
  --checkbox-gfx-height__indeterminate--large: 0.875rem;
21
21
  --checkbox-gfx-width__indeterminate--large: 0.875rem;
22
- --checkbox-border-width: 0.125rem;
23
- --checkbox-border-width--hover: 0.125rem;
22
+ --checkbox-border-width: 0.09375rem;
24
23
  --checkbox-color-gfx-on: black;
25
24
  --checkbox-color-gfx-off: white;
26
25
  --checkbox-color-background-on: white;
27
26
  --checkbox-color-background-off: white;
28
27
  --checkbox-color-border-on: black;
29
28
  --checkbox-color-border-off: black;
29
+ --checkbox-border-width--disabled: 0.125rem;
30
30
  --checkbox-color-gfx--disabled: grey;
31
31
  --checkbox-color-background-on--disabled: lightgrey;
32
32
  --checkbox-color-background-off--disabled: lightgrey;
@@ -35,12 +35,14 @@
35
35
  --checkbox-color-gfx__indeterminate--disabled: grey;
36
36
  --checkbox-color-background--active: lightgrey;
37
37
  --checkbox-color-border--active: transparent;
38
+ --checkbox-border-width--hover: 0.125rem;
38
39
  --checkbox-color-gfx--hover: grey;
39
40
  --checkbox-color-background--hover: white;
40
41
  --checkbox-color-border-on--hover: grey;
41
42
  --checkbox-color-border-off--hover: grey;
42
43
  --checkbox-color-gfx--focus: grey;
43
44
  --checkbox-color-background--focus: lightgrey;
45
+ --checkbox-border-width--error: 0.125rem;
44
46
  --checkbox-color-gfx--error: lavenderblush;
45
47
  --checkbox-color-gfx--error-contrast: red;
46
48
  --checkbox-color-background-on--error: red;
@@ -233,6 +235,9 @@ html[data-whatinput=keyboard] .dnb-checkbox__focus {
233
235
  width: var(--checkbox-gfx-width__indeterminate--large);
234
236
  height: var(--checkbox-gfx-height__indeterminate--large);
235
237
  }
238
+ .dnb-checkbox__input[disabled]:checked ~ .dnb-checkbox__button {
239
+ border-width: var(--checkbox-border-width--disabled);
240
+ }
236
241
  .dnb-checkbox__input[disabled]:checked ~ .dnb-checkbox__button, .dnb-checkbox__input[disabled][data-checked=true] ~ .dnb-checkbox__button {
237
242
  background-color: var(--checkbox-color-background-on--disabled);
238
243
  border-color: var(--checkbox-color-border-on--disabled);
@@ -267,6 +272,7 @@ html[data-whatinput=keyboard] .dnb-checkbox__focus {
267
272
  .dnb-checkbox__input:not([disabled]):not(:active):hover ~ .dnb-checkbox__button {
268
273
  border-color: var(--checkbox-color-border-off--hover);
269
274
  background-color: var(--checkbox-color-background--hover);
275
+ border-width: var(--checkbox-border-width--hover);
270
276
  }
271
277
  .dnb-checkbox__input:hover ~ .dnb-checkbox__gfx {
272
278
  color: var(--checkbox-color-gfx--hover);
@@ -293,7 +299,7 @@ html[data-whatinput=keyboard] .dnb-checkbox__input:not([disabled]):focus-visible
293
299
  .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active) ~ .dnb-checkbox__button .dnb-checkbox__focus {
294
300
  display: block;
295
301
  --border-color: var(--checkbox-color-border--error);
296
- --border-width: var(--checkbox-border-width);
302
+ --border-width: var(--checkbox-border-width--error);
297
303
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
298
304
  border-color: transparent;
299
305
  }
@@ -1 +1 @@
1
- :root{--checkbox-width--medium:1.5rem;--checkbox-height--medium:1.5rem}.dnb-checkbox{--checkbox-border-radius:0.25rem;--checkbox-gfx-border-radius__indeterminate:0.125rem;--checkbox-width--large:2rem;--checkbox-height--large:2rem;--checkbox-gfx-height__indeterminate:0.625rem;--checkbox-gfx-width__indeterminate:0.625rem;--checkbox-gfx-height__indeterminate--large:0.875rem;--checkbox-gfx-width__indeterminate--large:0.875rem;--checkbox-border-width:0.125rem;--checkbox-border-width--hover:0.125rem;--checkbox-color-gfx-on:#000;--checkbox-color-gfx-off:#fff;--checkbox-color-background-on:#fff;--checkbox-color-background-off:#fff;--checkbox-color-border-on:#000;--checkbox-color-border-off:#000;--checkbox-color-gfx--disabled:grey;--checkbox-color-background-on--disabled:#d3d3d3;--checkbox-color-background-off--disabled:#d3d3d3;--checkbox-color-border-on--disabled:grey;--checkbox-color-border-off--disabled:grey;--checkbox-color-gfx__indeterminate--disabled:grey;--checkbox-color-background--active:#d3d3d3;--checkbox-color-border--active:transparent;--checkbox-color-gfx--hover:grey;--checkbox-color-background--hover:#fff;--checkbox-color-border-on--hover:grey;--checkbox-color-border-off--hover:grey;--checkbox-color-gfx--focus:grey;--checkbox-color-background--focus:#d3d3d3;--checkbox-color-gfx--error:#fff0f5;--checkbox-color-gfx--error-contrast:red;--checkbox-color-background-on--error:red;--checkbox-color-background--error-contrast:#fff0f5;--checkbox-color-border--error:red;--checkbox-color-gfx-indeterminate--error:red;--checkbox-color-gfx--error--hover:red;--checkbox-color-background--error--hover:#fff0f5;--checkbox-color-border--error--hover:red;--checkbox-color-background-indeterminate:grey;--checkbox-color-gfx-indeterminate:#a9a9a9;--checkbox-color-background-indeterminate--active:grey;--checkbox-color-border-indeterminate--active:#fff;--checkbox-color-gfx-indeterminate--active:#fff;--checkbox-bounding--medium:1.75,1.75;font-size:var(--font-size-small);line-height:var(--line-height-basis)}.dnb-checkbox,.dnb-checkbox__inner{display:inline-flex;flex-direction:column}.dnb-checkbox__inner{align-self:center}.dnb-checkbox__shell{align-items:center;display:flex;height:var(--checkbox-height--medium);justify-content:center;position:relative;-webkit-user-select:none;user-select:none;width:var(--checkbox-width--medium)}.dnb-checkbox--large .dnb-checkbox__shell{height:var(--checkbox-height--large);width:var(--checkbox-width--large)}.dnb-checkbox__button{border:var(--checkbox-border-width) solid transparent;display:inline-block}.dnb-checkbox__focus{display:none;outline:none}html[data-whatinput=keyboard] .dnb-checkbox__focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-checkbox__button,.dnb-checkbox__focus{border-radius:var(--checkbox-border-radius);height:calc(var(--checkbox-height--medium) - .25rem);position:relative;width:calc(var(--checkbox-width--medium) - .25rem);z-index:4}.dnb-checkbox--large .dnb-checkbox__button,.dnb-checkbox--large .dnb-checkbox__focus{border-radius:var(--checkbox-border-radius);height:var(--checkbox-height--large);width:var(--checkbox-width--large)}.dnb-checkbox__gfx{shape-rendering:geometricprecision;height:calc(var(--checkbox-height--medium) - .5rem);left:auto;position:absolute;top:auto;transition:opacity .2s ease-out,transform .2s ease-out;width:calc(var(--checkbox-width--medium) - .5rem);z-index:5}.dnb-checkbox--large{line-height:var(--checkbox-height--large)}.dnb-checkbox--large .dnb-checkbox__gfx{height:calc(var(--checkbox-height--large) - .5rem);width:calc(var(--checkbox-width--large) - .5rem)}.dnb-checkbox__input{border:0;height:var(--checkbox-height--medium);left:auto;margin:0;opacity:0;padding:0;position:absolute;top:auto;transform:scale(var(--checkbox-bounding--medium));width:var(--checkbox-width--medium);z-index:6}.dnb-checkbox--large .dnb-checkbox__input{height:var(--checkbox-height--large);transform:scale(1);width:var(--checkbox-width--large)}.dnb-checkbox__input:not([disabled]){cursor:pointer}.dnb-checkbox .dnb-form-label{margin-bottom:0;margin-left:0;margin-right:0}.dnb-checkbox__order{align-items:baseline;display:inline-flex}.dnb-checkbox__suffix{order:4}.dnb-checkbox--label-position-left .dnb-checkbox__order .dnb-checkbox__inner{order:2}.dnb-checkbox--label-position-left .dnb-checkbox__order .dnb-form-label{order:1;padding-right:.5rem}.dnb-checkbox--label-position-left .dnb-checkbox__order .dnb-form-status{margin-top:.5rem;order:3}.dnb-checkbox--label-position-right .dnb-checkbox__order .dnb-checkbox__inner{order:1}.dnb-checkbox--label-position-right .dnb-checkbox__order .dnb-form-label{order:2;padding-left:.5rem}.dnb-checkbox--label-position-right .dnb-checkbox__order+.dnb-form-status{margin-top:.5rem;order:3;vertical-align:top}.dnb-checkbox__input:checked~.dnb-checkbox__gfx,.dnb-checkbox__input[data-checked=true]~.dnb-checkbox__gfx{color:var(--checkbox-color-gfx-on);opacity:1;transform:scale(1)}.dnb-checkbox__input:checked~.dnb-checkbox__button,.dnb-checkbox__input[data-checked=true]~.dnb-checkbox__button{background-color:var(--checkbox-color-background-on);border-color:var(--checkbox-color-border-on)}.dnb-checkbox__input:not(:checked):not([data-checked=true])~.dnb-checkbox__gfx{color:var(--checkbox-color-gfx-off);opacity:0;transform:scale(.8)}.dnb-checkbox__input:not(:checked):not([data-checked=true])~.dnb-checkbox__button{background-color:var(--checkbox-color-background-off);border-color:var(--checkbox-color-border-off);transition:background-color .1s ease-out}.dnb-checkbox__input~.dnb-checkbox__indeterminate{background-color:var(--checkbox-color-gfx-indeterminate);border-radius:var(--checkbox-gfx-border-radius__indeterminate);height:var(--checkbox-gfx-height__indeterminate);opacity:0;position:absolute;transform:scale(.85);transition:opacity .2s ease-out,transform .2s ease-out;width:var(--checkbox-gfx-width__indeterminate);z-index:5}.dnb-checkbox__input:indeterminate~.dnb-checkbox__indeterminate{opacity:1;transform:scale(1)}.dnb-checkbox__input:indeterminate:checked~.dnb-checkbox__button{background-color:transparent;border-color:var(--checkbox-color-border-off)}.dnb-checkbox__input:indeterminate:checked:hover~.dnb-checkbox__gfx,.dnb-checkbox__input:indeterminate:checked~.dnb-checkbox__gfx,.dnb-checkbox__input:indeterminate:hover~.dnb-checkbox__gfx{color:transparent}.dnb-checkbox--large .dnb-checkbox__input:indeterminate~.dnb-checkbox__indeterminate{height:var(--checkbox-gfx-height__indeterminate--large);width:var(--checkbox-gfx-width__indeterminate--large)}.dnb-checkbox__input[disabled]:checked~.dnb-checkbox__button,.dnb-checkbox__input[disabled][data-checked=true]~.dnb-checkbox__button{background-color:var(--checkbox-color-background-on--disabled);border-color:var(--checkbox-color-border-on--disabled)}.dnb-checkbox__input[disabled]:checked~.dnb-checkbox__gfx,.dnb-checkbox__input[disabled][data-checked=true]~.dnb-checkbox__gfx{color:var(--checkbox-color-gfx--disabled)}.dnb-checkbox__input[disabled]:not(:checked):not([data-checked=true])~.dnb-checkbox__button{background-color:var(--checkbox-color-background-off--disabled);border-color:var(--checkbox-color-border-off--disabled)}.dnb-checkbox__input[disabled]:indeterminate~.dnb-checkbox__indeterminate{background-color:var(--checkbox-color-gfx__indeterminate--disabled)}.dnb-checkbox__input[disabled]:indeterminate~.dnb-checkbox__gfx{color:transparent}.dnb-checkbox__input:not([disabled]):active~.dnb-checkbox__button{background-color:var(--checkbox-color-background--active);border-color:var(--checkbox-color-border--active)}.dnb-checkbox__input:not([disabled]):checked:active~.dnb-checkbox__gfx,.dnb-checkbox__input:not([disabled])[data-checked=true]:active~.dnb-checkbox__gfx{color:var(--checkbox-color-gfx-on)}.dnb-checkbox__input:not([disabled]):indeterminate:active~.dnb-checkbox__button{background-color:var(--checkbox-color-background-indeterminate--active);border-color:var(--checkbox-color-border-indeterminate--active)}.dnb-checkbox__input:not([disabled]):indeterminate:active~.dnb-checkbox__indeterminate{background-color:var(--checkbox-color-gfx-indeterminate--active)}.dnb-checkbox__input:not([disabled]):not(:active):hover~.dnb-checkbox__button{background-color:var(--checkbox-color-background--hover);border-color:var(--checkbox-color-border-off--hover)}.dnb-checkbox__input:hover~.dnb-checkbox__gfx{color:var(--checkbox-color-gfx--hover)}.dnb-checkbox__input:not([disabled]):checked:hover~.dnb-checkbox__button,.dnb-checkbox__input:not([disabled])[data-checked=true]:hover~.dnb-checkbox__button{border:var(--checkbox-border-width--hover) solid var(--checkbox-color-border-on--hover)}html[data-whatinput=keyboard] .dnb-checkbox__input:not([disabled]):focus-visible~.dnb-checkbox__button{background-color:var(--checkbox-color-background--focus);border:none}html[data-whatinput=keyboard] .dnb-checkbox__input:not([disabled]):focus-visible~.dnb-checkbox__gfx{color:var(--checkbox-color-gfx--focus)}.dnb-checkbox__input:not([disabled]):active~.dnb-checkbox__button .dnb-checkbox__focus,.dnb-checkbox__input:not([disabled]):focus-visible~.dnb-checkbox__button .dnb-checkbox__focus{display:block}.dnb-checkbox__input:not([disabled]):focus-visible~.dnb-checkbox__indeterminate{background-color:var(--checkbox-color-gfx--focus)}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active)~.dnb-checkbox__button{border:none}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active)~.dnb-checkbox__button .dnb-checkbox__focus{--border-color:var(--checkbox-color-border--error);--border-width:var(--checkbox-border-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);display:block}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):hover~.dnb-checkbox__button{background-color:var(--checkbox-color-background--error--hover)}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):hover~.dnb-checkbox__button[data-checked=true]{border-color:var(--checkbox-color-border--error--hover)}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):hover~.dnb-checkbox__gfx{color:var(--checkbox-color-gfx--error--hover)}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover)~.dnb-checkbox__gfx{color:var(--checkbox-color-gfx--error)}html[data-whatinput=keyboard] .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):focus:hover~.dnb-checkbox__button,html[data-whatinput=keyboard] .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):focus~.dnb-checkbox__button{--border-color:var(--checkbox-color-border--error);--border-width:calc(var(--checkbox-border-width--hover));background-color:var(--checkbox-color-background--error-contrast);border:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}html[data-whatinput=keyboard] .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):focus:hover~.dnb-checkbox__gfx{color:var(--checkbox-color-gfx--error-contrast)}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover):checked~.dnb-checkbox__button,.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover)[data-checked=true]~.dnb-checkbox__button{background-color:var(--checkbox-color-background-on--error)}.dnb-checkbox__status--error .dnb-checkbox__input:indeterminate:not([disabled]):not(:active):not(:hover)~.dnb-checkbox__gfx{background-color:var(--checkbox-color-gfx--error-contrast);border-radius:var(--checkbox-border-radius);color:var(--checkbox-color-gfx--error-contrast)}.dnb-checkbox__status--error .dnb-checkbox__input:indeterminate:not(:active):not(:hover)~.dnb-checkbox__indeterminate{background-color:var(--checkbox-color-gfx-indeterminate--error)}.dnb-checkbox__status--error .dnb-checkbox__input:not(:indeterminate)~.dnb-checkbox__indeterminate{background-color:var(--checkbox-color-gfx-indeterminate--error)}.dnb-checkbox__status--error .dnb-checkbox__input:indeterminate:hover:not(:active)~.dnb-checkbox__indeterminate{background-color:var(--checkbox-color-gfx--error--hover)}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):hover~.dnb-checkbox__gfx{color:var(--checkbox-color-gfx--error--hover)}.dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled]~.dnb-checkbox__button{border-color:var(--skeleton-color)}.dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled]~.dnb-checkbox__button:before{border-radius:0}.dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled]~.dnb-checkbox__gfx{color:var(--skeleton-color)}.dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled]~.dnb-checkbox__indeterminate{background-color:var(--skeleton-color)}
1
+ :root{--checkbox-width--medium:1.5rem;--checkbox-height--medium:1.5rem}.dnb-checkbox{--checkbox-border-radius:0.25rem;--checkbox-gfx-border-radius__indeterminate:0.125rem;--checkbox-width--large:2rem;--checkbox-height--large:2rem;--checkbox-gfx-height__indeterminate:0.625rem;--checkbox-gfx-width__indeterminate:0.625rem;--checkbox-gfx-height__indeterminate--large:0.875rem;--checkbox-gfx-width__indeterminate--large:0.875rem;--checkbox-border-width:0.09375rem;--checkbox-color-gfx-on:#000;--checkbox-color-gfx-off:#fff;--checkbox-color-background-on:#fff;--checkbox-color-background-off:#fff;--checkbox-color-border-on:#000;--checkbox-color-border-off:#000;--checkbox-border-width--disabled:0.125rem;--checkbox-color-gfx--disabled:grey;--checkbox-color-background-on--disabled:#d3d3d3;--checkbox-color-background-off--disabled:#d3d3d3;--checkbox-color-border-on--disabled:grey;--checkbox-color-border-off--disabled:grey;--checkbox-color-gfx__indeterminate--disabled:grey;--checkbox-color-background--active:#d3d3d3;--checkbox-color-border--active:transparent;--checkbox-border-width--hover:0.125rem;--checkbox-color-gfx--hover:grey;--checkbox-color-background--hover:#fff;--checkbox-color-border-on--hover:grey;--checkbox-color-border-off--hover:grey;--checkbox-color-gfx--focus:grey;--checkbox-color-background--focus:#d3d3d3;--checkbox-border-width--error:0.125rem;--checkbox-color-gfx--error:#fff0f5;--checkbox-color-gfx--error-contrast:red;--checkbox-color-background-on--error:red;--checkbox-color-background--error-contrast:#fff0f5;--checkbox-color-border--error:red;--checkbox-color-gfx-indeterminate--error:red;--checkbox-color-gfx--error--hover:red;--checkbox-color-background--error--hover:#fff0f5;--checkbox-color-border--error--hover:red;--checkbox-color-background-indeterminate:grey;--checkbox-color-gfx-indeterminate:#a9a9a9;--checkbox-color-background-indeterminate--active:grey;--checkbox-color-border-indeterminate--active:#fff;--checkbox-color-gfx-indeterminate--active:#fff;--checkbox-bounding--medium:1.75,1.75;font-size:var(--font-size-small);line-height:var(--line-height-basis)}.dnb-checkbox,.dnb-checkbox__inner{display:inline-flex;flex-direction:column}.dnb-checkbox__inner{align-self:center}.dnb-checkbox__shell{align-items:center;display:flex;height:var(--checkbox-height--medium);justify-content:center;position:relative;-webkit-user-select:none;user-select:none;width:var(--checkbox-width--medium)}.dnb-checkbox--large .dnb-checkbox__shell{height:var(--checkbox-height--large);width:var(--checkbox-width--large)}.dnb-checkbox__button{border:var(--checkbox-border-width) solid transparent;display:inline-block}.dnb-checkbox__focus{display:none;outline:none}html[data-whatinput=keyboard] .dnb-checkbox__focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-checkbox__button,.dnb-checkbox__focus{border-radius:var(--checkbox-border-radius);height:calc(var(--checkbox-height--medium) - .25rem);position:relative;width:calc(var(--checkbox-width--medium) - .25rem);z-index:4}.dnb-checkbox--large .dnb-checkbox__button,.dnb-checkbox--large .dnb-checkbox__focus{border-radius:var(--checkbox-border-radius);height:var(--checkbox-height--large);width:var(--checkbox-width--large)}.dnb-checkbox__gfx{shape-rendering:geometricprecision;height:calc(var(--checkbox-height--medium) - .5rem);left:auto;position:absolute;top:auto;transition:opacity .2s ease-out,transform .2s ease-out;width:calc(var(--checkbox-width--medium) - .5rem);z-index:5}.dnb-checkbox--large{line-height:var(--checkbox-height--large)}.dnb-checkbox--large .dnb-checkbox__gfx{height:calc(var(--checkbox-height--large) - .5rem);width:calc(var(--checkbox-width--large) - .5rem)}.dnb-checkbox__input{border:0;height:var(--checkbox-height--medium);left:auto;margin:0;opacity:0;padding:0;position:absolute;top:auto;transform:scale(var(--checkbox-bounding--medium));width:var(--checkbox-width--medium);z-index:6}.dnb-checkbox--large .dnb-checkbox__input{height:var(--checkbox-height--large);transform:scale(1);width:var(--checkbox-width--large)}.dnb-checkbox__input:not([disabled]){cursor:pointer}.dnb-checkbox .dnb-form-label{margin-bottom:0;margin-left:0;margin-right:0}.dnb-checkbox__order{align-items:baseline;display:inline-flex}.dnb-checkbox__suffix{order:4}.dnb-checkbox--label-position-left .dnb-checkbox__order .dnb-checkbox__inner{order:2}.dnb-checkbox--label-position-left .dnb-checkbox__order .dnb-form-label{order:1;padding-right:.5rem}.dnb-checkbox--label-position-left .dnb-checkbox__order .dnb-form-status{margin-top:.5rem;order:3}.dnb-checkbox--label-position-right .dnb-checkbox__order .dnb-checkbox__inner{order:1}.dnb-checkbox--label-position-right .dnb-checkbox__order .dnb-form-label{order:2;padding-left:.5rem}.dnb-checkbox--label-position-right .dnb-checkbox__order+.dnb-form-status{margin-top:.5rem;order:3;vertical-align:top}.dnb-checkbox__input:checked~.dnb-checkbox__gfx,.dnb-checkbox__input[data-checked=true]~.dnb-checkbox__gfx{color:var(--checkbox-color-gfx-on);opacity:1;transform:scale(1)}.dnb-checkbox__input:checked~.dnb-checkbox__button,.dnb-checkbox__input[data-checked=true]~.dnb-checkbox__button{background-color:var(--checkbox-color-background-on);border-color:var(--checkbox-color-border-on)}.dnb-checkbox__input:not(:checked):not([data-checked=true])~.dnb-checkbox__gfx{color:var(--checkbox-color-gfx-off);opacity:0;transform:scale(.8)}.dnb-checkbox__input:not(:checked):not([data-checked=true])~.dnb-checkbox__button{background-color:var(--checkbox-color-background-off);border-color:var(--checkbox-color-border-off);transition:background-color .1s ease-out}.dnb-checkbox__input~.dnb-checkbox__indeterminate{background-color:var(--checkbox-color-gfx-indeterminate);border-radius:var(--checkbox-gfx-border-radius__indeterminate);height:var(--checkbox-gfx-height__indeterminate);opacity:0;position:absolute;transform:scale(.85);transition:opacity .2s ease-out,transform .2s ease-out;width:var(--checkbox-gfx-width__indeterminate);z-index:5}.dnb-checkbox__input:indeterminate~.dnb-checkbox__indeterminate{opacity:1;transform:scale(1)}.dnb-checkbox__input:indeterminate:checked~.dnb-checkbox__button{background-color:transparent;border-color:var(--checkbox-color-border-off)}.dnb-checkbox__input:indeterminate:checked:hover~.dnb-checkbox__gfx,.dnb-checkbox__input:indeterminate:checked~.dnb-checkbox__gfx,.dnb-checkbox__input:indeterminate:hover~.dnb-checkbox__gfx{color:transparent}.dnb-checkbox--large .dnb-checkbox__input:indeterminate~.dnb-checkbox__indeterminate{height:var(--checkbox-gfx-height__indeterminate--large);width:var(--checkbox-gfx-width__indeterminate--large)}.dnb-checkbox__input[disabled]:checked~.dnb-checkbox__button{border-width:var(--checkbox-border-width--disabled)}.dnb-checkbox__input[disabled]:checked~.dnb-checkbox__button,.dnb-checkbox__input[disabled][data-checked=true]~.dnb-checkbox__button{background-color:var(--checkbox-color-background-on--disabled);border-color:var(--checkbox-color-border-on--disabled)}.dnb-checkbox__input[disabled]:checked~.dnb-checkbox__gfx,.dnb-checkbox__input[disabled][data-checked=true]~.dnb-checkbox__gfx{color:var(--checkbox-color-gfx--disabled)}.dnb-checkbox__input[disabled]:not(:checked):not([data-checked=true])~.dnb-checkbox__button{background-color:var(--checkbox-color-background-off--disabled);border-color:var(--checkbox-color-border-off--disabled)}.dnb-checkbox__input[disabled]:indeterminate~.dnb-checkbox__indeterminate{background-color:var(--checkbox-color-gfx__indeterminate--disabled)}.dnb-checkbox__input[disabled]:indeterminate~.dnb-checkbox__gfx{color:transparent}.dnb-checkbox__input:not([disabled]):active~.dnb-checkbox__button{background-color:var(--checkbox-color-background--active);border-color:var(--checkbox-color-border--active)}.dnb-checkbox__input:not([disabled]):checked:active~.dnb-checkbox__gfx,.dnb-checkbox__input:not([disabled])[data-checked=true]:active~.dnb-checkbox__gfx{color:var(--checkbox-color-gfx-on)}.dnb-checkbox__input:not([disabled]):indeterminate:active~.dnb-checkbox__button{background-color:var(--checkbox-color-background-indeterminate--active);border-color:var(--checkbox-color-border-indeterminate--active)}.dnb-checkbox__input:not([disabled]):indeterminate:active~.dnb-checkbox__indeterminate{background-color:var(--checkbox-color-gfx-indeterminate--active)}.dnb-checkbox__input:not([disabled]):not(:active):hover~.dnb-checkbox__button{background-color:var(--checkbox-color-background--hover);border-color:var(--checkbox-color-border-off--hover);border-width:var(--checkbox-border-width--hover)}.dnb-checkbox__input:hover~.dnb-checkbox__gfx{color:var(--checkbox-color-gfx--hover)}.dnb-checkbox__input:not([disabled]):checked:hover~.dnb-checkbox__button,.dnb-checkbox__input:not([disabled])[data-checked=true]:hover~.dnb-checkbox__button{border:var(--checkbox-border-width--hover) solid var(--checkbox-color-border-on--hover)}html[data-whatinput=keyboard] .dnb-checkbox__input:not([disabled]):focus-visible~.dnb-checkbox__button{background-color:var(--checkbox-color-background--focus);border:none}html[data-whatinput=keyboard] .dnb-checkbox__input:not([disabled]):focus-visible~.dnb-checkbox__gfx{color:var(--checkbox-color-gfx--focus)}.dnb-checkbox__input:not([disabled]):active~.dnb-checkbox__button .dnb-checkbox__focus,.dnb-checkbox__input:not([disabled]):focus-visible~.dnb-checkbox__button .dnb-checkbox__focus{display:block}.dnb-checkbox__input:not([disabled]):focus-visible~.dnb-checkbox__indeterminate{background-color:var(--checkbox-color-gfx--focus)}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active)~.dnb-checkbox__button{border:none}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active)~.dnb-checkbox__button .dnb-checkbox__focus{--border-color:var(--checkbox-color-border--error);--border-width:var(--checkbox-border-width--error);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);display:block}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):hover~.dnb-checkbox__button{background-color:var(--checkbox-color-background--error--hover)}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):hover~.dnb-checkbox__button[data-checked=true]{border-color:var(--checkbox-color-border--error--hover)}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):hover~.dnb-checkbox__gfx{color:var(--checkbox-color-gfx--error--hover)}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover)~.dnb-checkbox__gfx{color:var(--checkbox-color-gfx--error)}html[data-whatinput=keyboard] .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):focus:hover~.dnb-checkbox__button,html[data-whatinput=keyboard] .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):focus~.dnb-checkbox__button{--border-color:var(--checkbox-color-border--error);--border-width:calc(var(--checkbox-border-width--hover));background-color:var(--checkbox-color-background--error-contrast);border:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}html[data-whatinput=keyboard] .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):focus:hover~.dnb-checkbox__gfx{color:var(--checkbox-color-gfx--error-contrast)}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover):checked~.dnb-checkbox__button,.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover)[data-checked=true]~.dnb-checkbox__button{background-color:var(--checkbox-color-background-on--error)}.dnb-checkbox__status--error .dnb-checkbox__input:indeterminate:not([disabled]):not(:active):not(:hover)~.dnb-checkbox__gfx{background-color:var(--checkbox-color-gfx--error-contrast);border-radius:var(--checkbox-border-radius);color:var(--checkbox-color-gfx--error-contrast)}.dnb-checkbox__status--error .dnb-checkbox__input:indeterminate:not(:active):not(:hover)~.dnb-checkbox__indeterminate{background-color:var(--checkbox-color-gfx-indeterminate--error)}.dnb-checkbox__status--error .dnb-checkbox__input:not(:indeterminate)~.dnb-checkbox__indeterminate{background-color:var(--checkbox-color-gfx-indeterminate--error)}.dnb-checkbox__status--error .dnb-checkbox__input:indeterminate:hover:not(:active)~.dnb-checkbox__indeterminate{background-color:var(--checkbox-color-gfx--error--hover)}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):hover~.dnb-checkbox__gfx{color:var(--checkbox-color-gfx--error--hover)}.dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled]~.dnb-checkbox__button{border-color:var(--skeleton-color)}.dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled]~.dnb-checkbox__button:before{border-radius:0}.dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled]~.dnb-checkbox__gfx{color:var(--skeleton-color)}.dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled]~.dnb-checkbox__indeterminate{background-color:var(--skeleton-color)}
@@ -19,9 +19,8 @@
19
19
  --checkbox-gfx-width__indeterminate: 0.625rem;
20
20
  --checkbox-gfx-height__indeterminate--large: 0.875rem;
21
21
  --checkbox-gfx-width__indeterminate--large: 0.875rem;
22
- --checkbox-border-width: 0.125rem;
23
- --checkbox-border-width--hover: 0.125rem;
24
22
  // Normal state
23
+ --checkbox-border-width: 0.09375rem;
25
24
  --checkbox-color-gfx-on: black;
26
25
  --checkbox-color-gfx-off: white;
27
26
  --checkbox-color-background-on: white;
@@ -29,6 +28,7 @@
29
28
  --checkbox-color-border-on: black;
30
29
  --checkbox-color-border-off: black;
31
30
  // Disabled state
31
+ --checkbox-border-width--disabled: 0.125rem;
32
32
  --checkbox-color-gfx--disabled: grey;
33
33
  --checkbox-color-background-on--disabled: lightgrey;
34
34
  --checkbox-color-background-off--disabled: lightgrey;
@@ -39,6 +39,7 @@
39
39
  --checkbox-color-background--active: lightgrey;
40
40
  --checkbox-color-border--active: transparent;
41
41
  // Hover state
42
+ --checkbox-border-width--hover: 0.125rem;
42
43
  --checkbox-color-gfx--hover: grey;
43
44
  --checkbox-color-background--hover: white;
44
45
  --checkbox-color-border-on--hover: grey;
@@ -47,6 +48,7 @@
47
48
  --checkbox-color-gfx--focus: grey;
48
49
  --checkbox-color-background--focus: lightgrey;
49
50
  // Error state
51
+ --checkbox-border-width--error: 0.125rem;
50
52
  --checkbox-color-gfx--error: lavenderblush;
51
53
  --checkbox-color-gfx--error-contrast: red;
52
54
  --checkbox-color-background-on--error: red;
@@ -315,6 +317,11 @@
315
317
 
316
318
  /** Disabled state **/
317
319
 
320
+ // General
321
+ &__input[disabled]:checked ~ &__button {
322
+ border-width: var(--checkbox-border-width--disabled);
323
+ }
324
+
318
325
  // On
319
326
  &__input[disabled]:checked ~ &__button,
320
327
  &__input[disabled][data-checked='true'] ~ &__button {
@@ -375,6 +382,7 @@
375
382
  &__input:not([disabled]):not(:active):hover ~ &__button {
376
383
  border-color: var(--checkbox-color-border-off--hover);
377
384
  background-color: var(--checkbox-color-background--hover);
385
+ border-width: var(--checkbox-border-width--hover);
378
386
  }
379
387
 
380
388
  &__input:hover ~ &__gfx {
@@ -427,7 +435,7 @@
427
435
  display: block;
428
436
  @include fakeBorder(
429
437
  var(--checkbox-color-border--error),
430
- var(--checkbox-border-width)
438
+ var(--checkbox-border-width--error)
431
439
  );
432
440
  }
433
441
 
@@ -3,14 +3,14 @@
3
3
  *
4
4
  */
5
5
  .dnb-checkbox {
6
- --checkbox-border-width: 0.125rem;
7
- --checkbox-border-width--hover: 0.125rem;
6
+ --checkbox-border-width: 0.0625rem;
8
7
  --checkbox-color-gfx-on: var(--sb-color-violet-light);
9
8
  --checkbox-color-gfx-off: var(--sb-color-white);
10
9
  --checkbox-color-background-on: var(--sb-color-white);
11
10
  --checkbox-color-background-off: var(--sb-color-white);
12
11
  --checkbox-color-border-on: var(--sb-color-violet);
13
12
  --checkbox-color-border-off: var(--sb-color-violet);
13
+ --checkbox-border-width--disabled: 0.0625rem;
14
14
  --checkbox-color-gfx--disabled: var(--sb-color-gray-dark);
15
15
  --checkbox-color-background-off--disabled: var(--sb-color-gray-light);
16
16
  --checkbox-color-background-on--disabled: var(--sb-color-gray-light);
@@ -19,12 +19,14 @@
19
19
  --checkbox-color-gfx__indeterminate--disabled: var(--sb-color-gray-dark);
20
20
  --checkbox-color-background--active: var(--sb-color-white);
21
21
  --checkbox-color-border--active: var(--sb-color-gray);
22
+ --checkbox-border-width--hover: 0.125rem;
22
23
  --checkbox-color-gfx--hover: var(--sb-color-violet-light);
23
24
  --checkbox-color-background--hover: var(--sb-color-violet-light-3);
24
25
  --checkbox-color-border-on--hover: var(--sb-color-violet);
25
26
  --checkbox-color-border-off--hover: var(--sb-color-violet);
26
27
  --checkbox-color-gfx--focus: var(--focus-ring-color);
27
28
  --checkbox-color-background--focus: var(--sb-color-blue-light-3);
29
+ --checkbox-border-width--error: 0.0625rem;
28
30
  --checkbox-color-gfx--error: var(--sb-color-magenta);
29
31
  --checkbox-color-gfx--error-contrast: var(--sb-color-magenta);
30
32
  --checkbox-color-background-on--error: var(--sb-color-white);
@@ -47,6 +49,6 @@
47
49
  --checkbox-gfx-height__indeterminate: 0.125rem;
48
50
  --checkbox-gfx-height__indeterminate--large: 0.25rem;
49
51
  --checkbox-gfx-width__indeterminate--large: 1.5rem;
50
- --checkbox-border-radius: 0.125rem;
52
+ --checkbox-border-radius: 0;
51
53
  --checkbox-gfx-border-radius__indeterminate: 0rem;
52
54
  }
@@ -1,5 +1,5 @@
1
- .dnb-checkbox{--checkbox-border-width:0.125rem;--checkbox-border-width--hover:0.125rem;--checkbox-color-gfx-on:var(--sb-color-violet-light);--checkbox-color-gfx-off:var(--sb-color-white);--checkbox-color-background-on:var(--sb-color-white);--checkbox-color-background-off:var(--sb-color-white);--checkbox-color-border-on:var(--sb-color-violet);--checkbox-color-border-off:var(--sb-color-violet);--checkbox-color-gfx--disabled:var(--sb-color-gray-dark);--checkbox-color-background-off--disabled:var(--sb-color-gray-light);--checkbox-color-background-on--disabled:var(--sb-color-gray-light);--checkbox-color-border-on--disabled:var(--sb-color-gray-dark);--checkbox-color-border-off--disabled:var(--sb-color-gray-dark);--checkbox-color-gfx__indeterminate--disabled:var(--sb-color-gray-dark);--checkbox-color-background--active:var(--sb-color-white);--checkbox-color-border--active:var(--sb-color-gray);--checkbox-color-gfx--hover:var(--sb-color-violet-light);--checkbox-color-background--hover:var(--sb-color-violet-light-3);--checkbox-color-border-on--hover:var(--sb-color-violet);--checkbox-color-border-off--hover:var(--sb-color-violet);--checkbox-color-gfx--focus:var(--focus-ring-color);--checkbox-color-background--focus:var(--sb-color-blue-light-3);--checkbox-color-gfx--error:var(--sb-color-magenta);--checkbox-color-gfx--error-contrast:var(--sb-color-magenta);--checkbox-color-background-on--error:var(--sb-color-white);--checkbox-color-background--error-contrast:var(
1
+ .dnb-checkbox{--checkbox-border-width:0.0625rem;--checkbox-color-gfx-on:var(--sb-color-violet-light);--checkbox-color-gfx-off:var(--sb-color-white);--checkbox-color-background-on:var(--sb-color-white);--checkbox-color-background-off:var(--sb-color-white);--checkbox-color-border-on:var(--sb-color-violet);--checkbox-color-border-off:var(--sb-color-violet);--checkbox-border-width--disabled:0.0625rem;--checkbox-color-gfx--disabled:var(--sb-color-gray-dark);--checkbox-color-background-off--disabled:var(--sb-color-gray-light);--checkbox-color-background-on--disabled:var(--sb-color-gray-light);--checkbox-color-border-on--disabled:var(--sb-color-gray-dark);--checkbox-color-border-off--disabled:var(--sb-color-gray-dark);--checkbox-color-gfx__indeterminate--disabled:var(--sb-color-gray-dark);--checkbox-color-background--active:var(--sb-color-white);--checkbox-color-border--active:var(--sb-color-gray);--checkbox-border-width--hover:0.125rem;--checkbox-color-gfx--hover:var(--sb-color-violet-light);--checkbox-color-background--hover:var(--sb-color-violet-light-3);--checkbox-color-border-on--hover:var(--sb-color-violet);--checkbox-color-border-off--hover:var(--sb-color-violet);--checkbox-color-gfx--focus:var(--focus-ring-color);--checkbox-color-background--focus:var(--sb-color-blue-light-3);--checkbox-border-width--error:0.0625rem;--checkbox-color-gfx--error:var(--sb-color-magenta);--checkbox-color-gfx--error-contrast:var(--sb-color-magenta);--checkbox-color-background-on--error:var(--sb-color-white);--checkbox-color-background--error-contrast:var(
2
2
  --sb-color-magenta-light-2
3
3
  );--checkbox-color-border--error:var(--sb-color-magenta);--checkbox-color-gfx--error--hover:var(--sb-color-magenta);--checkbox-color-background--error--hover:var(
4
4
  --sb-color-magenta-light-3
5
- );--checkbox-color-border--error--hover:transparent;--checkbox-color-background-indeterminate:var(--sb-color-white);--checkbox-color-gfx-indeterminate:var(--sb-color-violet);--checkbox-color-background-indeterminate--active:var(--color-white);--checkbox-color-border-indeterminate--active:var(--sb-color-gray);--checkbox-color-gfx-indeterminate--active:var(--sb-color-violet);--checkbox-color-gfx-indeterminate--error:var(--sb-color-magenta);--checkbox-gfx-width__indeterminate:0.875rem;--checkbox-gfx-height__indeterminate:0.125rem;--checkbox-gfx-height__indeterminate--large:0.25rem;--checkbox-gfx-width__indeterminate--large:1.5rem;--checkbox-border-radius:0.125rem;--checkbox-gfx-border-radius__indeterminate:0rem}
5
+ );--checkbox-color-border--error--hover:transparent;--checkbox-color-background-indeterminate:var(--sb-color-white);--checkbox-color-gfx-indeterminate:var(--sb-color-violet);--checkbox-color-background-indeterminate--active:var(--color-white);--checkbox-color-border-indeterminate--active:var(--sb-color-gray);--checkbox-color-gfx-indeterminate--active:var(--sb-color-violet);--checkbox-color-gfx-indeterminate--error:var(--sb-color-magenta);--checkbox-gfx-width__indeterminate:0.875rem;--checkbox-gfx-height__indeterminate:0.125rem;--checkbox-gfx-height__indeterminate--large:0.25rem;--checkbox-gfx-width__indeterminate--large:1.5rem;--checkbox-border-radius:0;--checkbox-gfx-border-radius__indeterminate:0rem}
@@ -4,9 +4,8 @@
4
4
  */
5
5
 
6
6
  .dnb-checkbox {
7
- --checkbox-border-width: 0.125rem;
8
- --checkbox-border-width--hover: 0.125rem;
9
7
  // Normal state
8
+ --checkbox-border-width: 0.0625rem;
10
9
  --checkbox-color-gfx-on: var(--sb-color-violet-light);
11
10
  --checkbox-color-gfx-off: var(--sb-color-white);
12
11
  --checkbox-color-background-on: var(--sb-color-white);
@@ -14,6 +13,7 @@
14
13
  --checkbox-color-border-on: var(--sb-color-violet);
15
14
  --checkbox-color-border-off: var(--sb-color-violet);
16
15
  // Disabled state
16
+ --checkbox-border-width--disabled: 0.0625rem;
17
17
  --checkbox-color-gfx--disabled: var(--sb-color-gray-dark);
18
18
  --checkbox-color-background-off--disabled: var(--sb-color-gray-light);
19
19
  --checkbox-color-background-on--disabled: var(--sb-color-gray-light);
@@ -24,6 +24,7 @@
24
24
  --checkbox-color-background--active: var(--sb-color-white);
25
25
  --checkbox-color-border--active: var(--sb-color-gray);
26
26
  // Hover state
27
+ --checkbox-border-width--hover: 0.125rem;
27
28
  --checkbox-color-gfx--hover: var(--sb-color-violet-light);
28
29
  --checkbox-color-background--hover: var(--sb-color-violet-light-3);
29
30
  --checkbox-color-border-on--hover: var(--sb-color-violet);
@@ -32,6 +33,7 @@
32
33
  --checkbox-color-gfx--focus: var(--focus-ring-color);
33
34
  --checkbox-color-background--focus: var(--sb-color-blue-light-3);
34
35
  // Error state
36
+ --checkbox-border-width--error: 0.0625rem;
35
37
  --checkbox-color-gfx--error: var(--sb-color-magenta);
36
38
  --checkbox-color-gfx--error-contrast: var(--sb-color-magenta);
37
39
  --checkbox-color-background-on--error: var(--sb-color-white);
@@ -60,6 +62,6 @@
60
62
  --checkbox-gfx-height__indeterminate: 0.125rem;
61
63
  --checkbox-gfx-height__indeterminate--large: 0.25rem;
62
64
  --checkbox-gfx-width__indeterminate--large: 1.5rem;
63
- --checkbox-border-radius: 0.125rem;
65
+ --checkbox-border-radius: 0;
64
66
  --checkbox-gfx-border-radius__indeterminate: 0rem;
65
67
  }
@@ -168,7 +168,7 @@ class FormRow extends _react.default.PureComponent {
168
168
  disabled,
169
169
  skeleton
170
170
  };
171
- const providerContext = (0, _componentHelper.extend)(this.context, {
171
+ const providerContext = (0, _componentHelper.extendGracefully)(this.context, {
172
172
  locale: locale ? locale : this.context.locale,
173
173
  formElement,
174
174
  FormRow: formElement
@@ -1 +1 @@
1
- {"version":3,"file":"FormRow.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_componentHelper","_AlignmentHelper2","_Context","_FormLabel","_Section","_SpacingHelper","_AlignmentHelper","_span","_excluded","_excluded2","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","ownKeys","object","enumerableOnly","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","formRowPropTypes","id","PropTypes","string","label","oneOfType","func","node","label_direction","oneOf","label_sr_only","bool","label_id","label_class","no_label","no_fieldset","locale","wrap","direction","vertical","centered","section_style","section_spacing","globalStatus","shape","message","responsive","disabled","skeleton","class","skipContentWrapperIfNested","spacingPropTypes","className","children","exports","formRowDefaultProps","FormRow","React","PureComponent","getContent","props","Array","isArray","reduce","pV","cV","type","name","constructor","_id","makeUniqueId","render","_this$context","_this$context2","_this$context3","_this$context3$FormRo","_this$context4","_this$context4$formEl","extendPropsWithContextInClassComponent","defaultProps","context","formElement","_className","_label","attributes","isNested","itsMeAgain","nestedLabel","hasLabel","params","classnames","isTrue","createSpacingClasses","validateDOMAttributes","useId","isIsUsed","providerContext","extend","useFieldset","createElement","Provider","Fieldset","style_type","spacing","element","for_id","text","sr_only","Context","process","env","NODE_ENV","propTypes","_ref","_supportsSpacingProps"],"sources":["../../../../src/components/form-row/FormRow.js"],"sourcesContent":["/**\n * Web FormRow Component\n *\n * This is a legacy component.\n * For refferencing while developing new features, please use a Functional component.\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport {\n extend,\n extendPropsWithContextInClassComponent,\n isTrue,\n makeUniqueId,\n validateDOMAttributes,\n} from '../../shared/component-helper'\nimport AlignmentHelper from '../../shared/AlignmentHelper'\n\nimport Context from '../../shared/Context'\nimport FormLabel from '../form-label/FormLabel'\nimport Section from '../section/Section'\nimport {\n spacingPropTypes,\n createSpacingClasses,\n} from '../space/SpacingHelper'\n\nexport const formRowPropTypes = {\n id: PropTypes.string,\n label: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.func,\n PropTypes.node,\n ]),\n label_direction: PropTypes.oneOf(['vertical', 'horizontal']),\n label_sr_only: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n label_id: PropTypes.string,\n label_class: PropTypes.string,\n no_label: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n no_fieldset: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n locale: PropTypes.string,\n wrap: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n direction: PropTypes.oneOf(['vertical', 'horizontal']),\n vertical: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n centered: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n section_style: PropTypes.string,\n section_spacing: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n globalStatus: PropTypes.shape({\n id: PropTypes.string,\n message: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n }),\n responsive: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n class: PropTypes.string,\n\n skipContentWrapperIfNested: PropTypes.bool,\n\n ...spacingPropTypes,\n\n className: PropTypes.string,\n children: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.func,\n PropTypes.node,\n ]),\n}\n\nexport const formRowDefaultProps = {\n id: null,\n label: null,\n label_direction: null,\n label_sr_only: null,\n label_id: null,\n label_class: null,\n no_label: false,\n no_fieldset: null,\n locale: null,\n wrap: null,\n direction: null,\n vertical: null,\n centered: null,\n section_style: null,\n section_spacing: null,\n globalStatus: null,\n responsive: null,\n disabled: null,\n skeleton: null,\n class: null,\n\n skipContentWrapperIfNested: false,\n className: null,\n children: null,\n}\n\nexport default class FormRow extends React.PureComponent {\n static contextType = Context\n\n static propTypes = {\n ...formRowPropTypes,\n }\n\n static defaultProps = {\n ...formRowDefaultProps,\n }\n\n static getContent(props) {\n let label = null\n let children =\n typeof props.children === 'function'\n ? props.children(props)\n : props.children\n\n if (Array.isArray(props.children)) {\n children = children.reduce((pV, cV) => {\n if (cV && cV.type && cV.type.name === 'FormLabel') {\n label = cV.props.children\n } else {\n pV.push(cV)\n }\n return pV\n }, [])\n }\n\n return { label, children }\n }\n\n constructor(props) {\n super(props)\n this._id = props.id || makeUniqueId() // cause we need an id anyway\n\n // We may consider to use this later to check if we are inside FormSet\n // this.isInsideFormSet =\n // context.FormRow && context.FormRow.isInsideFormSet\n }\n\n render() {\n // use only the props from context, who are available here anyway\n const props = extendPropsWithContextInClassComponent(\n this.props,\n FormRow.defaultProps,\n this.context?.FormRow, // nested FormRow\n this.context?.formElement // nested formElement\n )\n\n const {\n label_direction,\n label_sr_only,\n label_id,\n label_class,\n no_fieldset,\n no_label,\n locale,\n direction,\n vertical,\n centered,\n section_style,\n section_spacing,\n globalStatus,\n responsive,\n disabled,\n skeleton,\n wrap,\n className,\n class: _className,\n skipContentWrapperIfNested,\n\n id: _id, // eslint-disable-line\n label: _label, // eslint-disable-line\n\n ...attributes\n } = props\n\n let { label } = props\n\n const isNested =\n this.context?.FormRow?.itsMeAgain ||\n this.context?.formElement?.itsMeAgain\n\n // in case we have a label already, we split this out and use this one instead\n const { label: nestedLabel, children } = FormRow.getContent(this.props)\n if (!label && nestedLabel) {\n label = nestedLabel\n }\n const hasLabel =\n (typeof label === 'string' && label.length > 0) || label\n ? true\n : false\n\n const id = this._id\n const params = {\n className: classnames(\n 'dnb-form-row',\n (isTrue(vertical) || direction) &&\n `dnb-form-row--${isTrue(vertical) ? 'vertical' : direction}`,\n (isTrue(vertical) || label_direction) &&\n `dnb-form-row--${\n isTrue(vertical) ? 'vertical' : label_direction\n }-label`, // <-- has label\n centered && 'dnb-form-row--centered',\n isNested && 'dnb-form-row--nested',\n createSpacingClasses(props),\n className,\n _className\n ),\n ...attributes,\n }\n\n // also used for code markup simulation\n validateDOMAttributes(this.props, params)\n\n const formElement = {\n useId: () => {\n if (this.isIsUsed) {\n // make a new ID, as we used one\n return makeUniqueId() // cause we need an id anyway\n }\n this.isIsUsed = true\n return id\n },\n itsMeAgain: true,\n hasLabel,\n globalStatus,\n direction,\n vertical,\n label_direction: isTrue(vertical) ? 'vertical' : label_direction,\n responsive,\n disabled,\n skeleton,\n }\n\n const providerContext = extend(this.context, {\n locale: locale ? locale : this.context.locale,\n formElement,\n FormRow: formElement,\n })\n\n const useFieldset = !isTrue(no_fieldset) && hasLabel\n\n return (\n <Context.Provider value={providerContext}>\n <Fieldset useFieldset={useFieldset}>\n <Section\n style_type={section_style || 'transparent'}\n spacing={section_spacing}\n element=\"div\"\n {...params}\n >\n <AlignmentHelper />\n\n {label && (\n <FormLabel\n className={classnames('dnb-form-row__label', label_class)}\n id={label_id ? label_id : id + '-label'}\n for_id={useFieldset ? null : id} // we don't use for_id, because we don't have a single element to target to\n text={label}\n element={useFieldset ? 'legend' : 'label'}\n label_direction={label_direction}\n sr_only={label_sr_only}\n disabled={disabled}\n skeleton={skeleton}\n />\n )}\n\n {isTrue(no_label) && (\n <span\n className=\"dnb-form-label dnb-form-row__label-dummy\"\n aria-hidden\n />\n )}\n\n {isNested && skipContentWrapperIfNested ? (\n children\n ) : (\n <div\n className={classnames(\n 'dnb-form-row__content',\n isTrue(wrap) && 'dnb-form-row__content--wrap',\n label && !isTrue(vertical) && direction !== 'vertical',\n responsive && 'dnb-responsive-component'\n )}\n >\n {children}\n </div>\n )}\n </Section>\n </Fieldset>\n </Context.Provider>\n )\n }\n}\n\nconst Fieldset = ({\n useFieldset,\n children,\n className = null,\n ...props\n}) => {\n if (useFieldset) {\n return (\n <fieldset\n className={classnames('dnb-form-row__fieldset', className)}\n {...props}\n >\n {children}\n </fieldset>\n )\n }\n return (\n <div\n className={classnames('dnb-form-row__fieldset', className)}\n {...props}\n >\n {children}\n </div>\n )\n}\n\n// docs (or use ptd): https://github.com/facebook/prop-types#usage\nFieldset.propTypes = {\n children: PropTypes.node,\n useFieldset: PropTypes.bool,\n className: PropTypes.string,\n}\nFieldset.defaultProps = {\n children: null,\n useFieldset: false,\n className: null,\n}\n\nFormRow._supportsSpacingProps = true\n"],"mappings":"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"}
1
+ {"version":3,"file":"FormRow.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_componentHelper","_AlignmentHelper2","_Context","_FormLabel","_Section","_SpacingHelper","_AlignmentHelper","_span","_excluded","_excluded2","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","ownKeys","object","enumerableOnly","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","formRowPropTypes","id","PropTypes","string","label","oneOfType","func","node","label_direction","oneOf","label_sr_only","bool","label_id","label_class","no_label","no_fieldset","locale","wrap","direction","vertical","centered","section_style","section_spacing","globalStatus","shape","message","responsive","disabled","skeleton","class","skipContentWrapperIfNested","spacingPropTypes","className","children","exports","formRowDefaultProps","FormRow","React","PureComponent","getContent","props","Array","isArray","reduce","pV","cV","type","name","constructor","_id","makeUniqueId","render","_this$context","_this$context2","_this$context3","_this$context3$FormRo","_this$context4","_this$context4$formEl","extendPropsWithContextInClassComponent","defaultProps","context","formElement","_className","_label","attributes","isNested","itsMeAgain","nestedLabel","hasLabel","params","classnames","isTrue","createSpacingClasses","validateDOMAttributes","useId","isIsUsed","providerContext","extendGracefully","useFieldset","createElement","Provider","Fieldset","style_type","spacing","element","for_id","text","sr_only","Context","process","env","NODE_ENV","propTypes","_ref","_supportsSpacingProps"],"sources":["../../../../src/components/form-row/FormRow.js"],"sourcesContent":["/**\n * Web FormRow Component\n *\n * This is a legacy component.\n * For refferencing while developing new features, please use a Functional component.\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport {\n extendGracefully,\n extendPropsWithContextInClassComponent,\n isTrue,\n makeUniqueId,\n validateDOMAttributes,\n} from '../../shared/component-helper'\nimport AlignmentHelper from '../../shared/AlignmentHelper'\n\nimport Context from '../../shared/Context'\nimport FormLabel from '../form-label/FormLabel'\nimport Section from '../section/Section'\nimport {\n spacingPropTypes,\n createSpacingClasses,\n} from '../space/SpacingHelper'\n\nexport const formRowPropTypes = {\n id: PropTypes.string,\n label: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.func,\n PropTypes.node,\n ]),\n label_direction: PropTypes.oneOf(['vertical', 'horizontal']),\n label_sr_only: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n label_id: PropTypes.string,\n label_class: PropTypes.string,\n no_label: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n no_fieldset: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n locale: PropTypes.string,\n wrap: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n direction: PropTypes.oneOf(['vertical', 'horizontal']),\n vertical: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n centered: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n section_style: PropTypes.string,\n section_spacing: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n globalStatus: PropTypes.shape({\n id: PropTypes.string,\n message: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n }),\n responsive: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n class: PropTypes.string,\n\n skipContentWrapperIfNested: PropTypes.bool,\n\n ...spacingPropTypes,\n\n className: PropTypes.string,\n children: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.func,\n PropTypes.node,\n ]),\n}\n\nexport const formRowDefaultProps = {\n id: null,\n label: null,\n label_direction: null,\n label_sr_only: null,\n label_id: null,\n label_class: null,\n no_label: false,\n no_fieldset: null,\n locale: null,\n wrap: null,\n direction: null,\n vertical: null,\n centered: null,\n section_style: null,\n section_spacing: null,\n globalStatus: null,\n responsive: null,\n disabled: null,\n skeleton: null,\n class: null,\n\n skipContentWrapperIfNested: false,\n className: null,\n children: null,\n}\n\nexport default class FormRow extends React.PureComponent {\n static contextType = Context\n\n static propTypes = {\n ...formRowPropTypes,\n }\n\n static defaultProps = {\n ...formRowDefaultProps,\n }\n\n static getContent(props) {\n let label = null\n let children =\n typeof props.children === 'function'\n ? props.children(props)\n : props.children\n\n if (Array.isArray(props.children)) {\n children = children.reduce((pV, cV) => {\n if (cV && cV.type && cV.type.name === 'FormLabel') {\n label = cV.props.children\n } else {\n pV.push(cV)\n }\n return pV\n }, [])\n }\n\n return { label, children }\n }\n\n constructor(props) {\n super(props)\n this._id = props.id || makeUniqueId() // cause we need an id anyway\n\n // We may consider to use this later to check if we are inside FormSet\n // this.isInsideFormSet =\n // context.FormRow && context.FormRow.isInsideFormSet\n }\n\n render() {\n // use only the props from context, who are available here anyway\n const props = extendPropsWithContextInClassComponent(\n this.props,\n FormRow.defaultProps,\n this.context?.FormRow, // nested FormRow\n this.context?.formElement // nested formElement\n )\n\n const {\n label_direction,\n label_sr_only,\n label_id,\n label_class,\n no_fieldset,\n no_label,\n locale,\n direction,\n vertical,\n centered,\n section_style,\n section_spacing,\n globalStatus,\n responsive,\n disabled,\n skeleton,\n wrap,\n className,\n class: _className,\n skipContentWrapperIfNested,\n\n id: _id, // eslint-disable-line\n label: _label, // eslint-disable-line\n\n ...attributes\n } = props\n\n let { label } = props\n\n const isNested =\n this.context?.FormRow?.itsMeAgain ||\n this.context?.formElement?.itsMeAgain\n\n // in case we have a label already, we split this out and use this one instead\n const { label: nestedLabel, children } = FormRow.getContent(this.props)\n if (!label && nestedLabel) {\n label = nestedLabel\n }\n const hasLabel =\n (typeof label === 'string' && label.length > 0) || label\n ? true\n : false\n\n const id = this._id\n const params = {\n className: classnames(\n 'dnb-form-row',\n (isTrue(vertical) || direction) &&\n `dnb-form-row--${isTrue(vertical) ? 'vertical' : direction}`,\n (isTrue(vertical) || label_direction) &&\n `dnb-form-row--${\n isTrue(vertical) ? 'vertical' : label_direction\n }-label`, // <-- has label\n centered && 'dnb-form-row--centered',\n isNested && 'dnb-form-row--nested',\n createSpacingClasses(props),\n className,\n _className\n ),\n ...attributes,\n }\n\n // also used for code markup simulation\n validateDOMAttributes(this.props, params)\n\n const formElement = {\n useId: () => {\n if (this.isIsUsed) {\n // make a new ID, as we used one\n return makeUniqueId() // cause we need an id anyway\n }\n this.isIsUsed = true\n return id\n },\n itsMeAgain: true,\n hasLabel,\n globalStatus,\n direction,\n vertical,\n label_direction: isTrue(vertical) ? 'vertical' : label_direction,\n responsive,\n disabled,\n skeleton,\n }\n\n const providerContext = extendGracefully(this.context, {\n locale: locale ? locale : this.context.locale,\n formElement,\n FormRow: formElement,\n })\n\n const useFieldset = !isTrue(no_fieldset) && hasLabel\n\n return (\n <Context.Provider value={providerContext}>\n <Fieldset useFieldset={useFieldset}>\n <Section\n style_type={section_style || 'transparent'}\n spacing={section_spacing}\n element=\"div\"\n {...params}\n >\n <AlignmentHelper />\n\n {label && (\n <FormLabel\n className={classnames('dnb-form-row__label', label_class)}\n id={label_id ? label_id : id + '-label'}\n for_id={useFieldset ? null : id} // we don't use for_id, because we don't have a single element to target to\n text={label}\n element={useFieldset ? 'legend' : 'label'}\n label_direction={label_direction}\n sr_only={label_sr_only}\n disabled={disabled}\n skeleton={skeleton}\n />\n )}\n\n {isTrue(no_label) && (\n <span\n className=\"dnb-form-label dnb-form-row__label-dummy\"\n aria-hidden\n />\n )}\n\n {isNested && skipContentWrapperIfNested ? (\n children\n ) : (\n <div\n className={classnames(\n 'dnb-form-row__content',\n isTrue(wrap) && 'dnb-form-row__content--wrap',\n label && !isTrue(vertical) && direction !== 'vertical',\n responsive && 'dnb-responsive-component'\n )}\n >\n {children}\n </div>\n )}\n </Section>\n </Fieldset>\n </Context.Provider>\n )\n }\n}\n\nconst Fieldset = ({\n useFieldset,\n children,\n className = null,\n ...props\n}) => {\n if (useFieldset) {\n return (\n <fieldset\n className={classnames('dnb-form-row__fieldset', className)}\n {...props}\n >\n {children}\n </fieldset>\n )\n }\n return (\n <div\n className={classnames('dnb-form-row__fieldset', className)}\n {...props}\n >\n {children}\n </div>\n )\n}\n\n// docs (or use ptd): https://github.com/facebook/prop-types#usage\nFieldset.propTypes = {\n children: PropTypes.node,\n useFieldset: PropTypes.bool,\n className: PropTypes.string,\n}\nFieldset.defaultProps = {\n children: null,\n useFieldset: false,\n className: null,\n}\n\nFormRow._supportsSpacingProps = true\n"],"mappings":"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"}
@@ -74,7 +74,7 @@ class FormSet extends _react.default.PureComponent {
74
74
  }
75
75
  (0, _componentHelper.validateDOMAttributes)(this.props, params);
76
76
  const content = FormSet.getContent(this.props);
77
- const providerContext = (0, _componentHelper.extend)(this.context, {
77
+ const providerContext = (0, _componentHelper.extendGracefully)(this.context, {
78
78
  locale: locale ? locale : this.context.locale,
79
79
  FormRow: allowedProps
80
80
  });
@@ -1 +1 @@
1
- {"version":3,"file":"FormSet.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_componentHelper","_SpacingHelper","_Context","_FormRow","_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","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","prototype","propertyIsEnumerable","call","sourceKeys","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","FormSet","React","PureComponent","getContent","props","processChildren","constructor","event","prevent_submit","isTrue","preventDefault","dispatchCustomElementEvent","_id","id","makeUniqueId","render","extendPropsWithContextInClassComponent","defaultProps","context","element","locale","no_form","className","class","_className","rest","allowedProps","entries","reduce","acc","_ref","k","v","formRowDefaultProps","attributes","_ref2","params","classnames","createSpacingClasses","onSubmit","onSubmitHandler","validateDOMAttributes","content","providerContext","extend","FormRow","Element","createElement","Provider","exports","Context","disabled","skeleton","on_submit","process","env","NODE_ENV","propTypes","PropTypes","string","oneOfType","bool","formRowPropTypes","func","_supportsSpacingProps"],"sources":["../../../../src/components/form-set/FormSet.js"],"sourcesContent":["/**\n * Web FormSet Component\n *\n * This is a legacy component.\n * For refferencing while developing new features, please use a Functional component.\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport {\n isTrue,\n makeUniqueId,\n extend,\n extendPropsWithContextInClassComponent,\n validateDOMAttributes,\n processChildren,\n dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport Context from '../../shared/Context'\nimport { formRowDefaultProps, formRowPropTypes } from '../form-row/FormRow'\n\nexport default class FormSet extends React.PureComponent {\n static contextType = Context\n\n static propTypes = {\n element: PropTypes.string,\n no_form: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n prevent_submit: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.bool,\n ]),\n\n ...formRowPropTypes,\n\n on_submit: PropTypes.func,\n }\n\n static defaultProps = {\n element: 'form',\n no_form: false,\n disabled: null,\n skeleton: null,\n prevent_submit: false,\n\n on_submit: null,\n }\n\n static getContent(props) {\n return processChildren(props)\n }\n\n constructor(props) {\n super(props)\n this._id = props.id || makeUniqueId() // cause we need an id anyway\n }\n\n onSubmitHandler = (event) => {\n const { prevent_submit } = this.props\n if (isTrue(prevent_submit)) {\n event.preventDefault()\n }\n dispatchCustomElementEvent(this, 'on_submit', { event })\n }\n\n render() {\n // use only the props from context, who are available here anyway\n const props = extendPropsWithContextInClassComponent(\n this.props,\n FormSet.defaultProps,\n this.context.FormSet\n )\n\n const {\n element,\n locale,\n no_form,\n prevent_submit, // eslint-disable-line\n id, // eslint-disable-line\n className,\n class: _className,\n\n ...rest\n } = props\n\n const allowedProps = Object.entries(rest).reduce((acc, [k, v]) => {\n if (\n typeof formRowDefaultProps[k] !== 'undefined' &&\n k !== 'id' &&\n k !== 'children' &&\n k !== 'label'\n ) {\n acc[k] = v\n }\n return acc\n }, {})\n const attributes = Object.entries(rest).reduce((acc, [k, v]) => {\n if (typeof allowedProps[k] === 'undefined' && k !== 'children') {\n acc[k] = v\n }\n return acc\n }, {})\n\n const params = {\n className: classnames(\n 'dnb-form-set',\n createSpacingClasses(this.props),\n className,\n _className\n ),\n ...attributes,\n }\n\n if (!isTrue(no_form)) {\n params.onSubmit = this.onSubmitHandler\n }\n\n // also used for code markup simulation\n validateDOMAttributes(this.props, params)\n\n const content = FormSet.getContent(this.props)\n\n const providerContext = extend(this.context, {\n locale: locale ? locale : this.context.locale,\n FormRow: allowedProps,\n // isInsideFormSet: true // We may consider to use this later to check if we are inside FormSet\n })\n\n const Element = isTrue(no_form) ? 'div' : element\n\n return (\n <Context.Provider value={providerContext}>\n <Element {...params}>{content}</Element>\n </Context.Provider>\n )\n }\n}\n\nFormSet._supportsSpacingProps = true\n"],"mappings":"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"}
1
+ {"version":3,"file":"FormSet.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_componentHelper","_SpacingHelper","_Context","_FormRow","_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","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","prototype","propertyIsEnumerable","call","sourceKeys","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","FormSet","React","PureComponent","getContent","props","processChildren","constructor","event","prevent_submit","isTrue","preventDefault","dispatchCustomElementEvent","_id","id","makeUniqueId","render","extendPropsWithContextInClassComponent","defaultProps","context","element","locale","no_form","className","class","_className","rest","allowedProps","entries","reduce","acc","_ref","k","v","formRowDefaultProps","attributes","_ref2","params","classnames","createSpacingClasses","onSubmit","onSubmitHandler","validateDOMAttributes","content","providerContext","extendGracefully","FormRow","Element","createElement","Provider","exports","Context","disabled","skeleton","on_submit","process","env","NODE_ENV","propTypes","PropTypes","string","oneOfType","bool","formRowPropTypes","func","_supportsSpacingProps"],"sources":["../../../../src/components/form-set/FormSet.js"],"sourcesContent":["/**\n * Web FormSet Component\n *\n * This is a legacy component.\n * For refferencing while developing new features, please use a Functional component.\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport {\n isTrue,\n makeUniqueId,\n extendGracefully,\n extendPropsWithContextInClassComponent,\n validateDOMAttributes,\n processChildren,\n dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport Context from '../../shared/Context'\nimport { formRowDefaultProps, formRowPropTypes } from '../form-row/FormRow'\n\nexport default class FormSet extends React.PureComponent {\n static contextType = Context\n\n static propTypes = {\n element: PropTypes.string,\n no_form: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n prevent_submit: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.bool,\n ]),\n\n ...formRowPropTypes,\n\n on_submit: PropTypes.func,\n }\n\n static defaultProps = {\n element: 'form',\n no_form: false,\n disabled: null,\n skeleton: null,\n prevent_submit: false,\n\n on_submit: null,\n }\n\n static getContent(props) {\n return processChildren(props)\n }\n\n constructor(props) {\n super(props)\n this._id = props.id || makeUniqueId() // cause we need an id anyway\n }\n\n onSubmitHandler = (event) => {\n const { prevent_submit } = this.props\n if (isTrue(prevent_submit)) {\n event.preventDefault()\n }\n dispatchCustomElementEvent(this, 'on_submit', { event })\n }\n\n render() {\n // use only the props from context, who are available here anyway\n const props = extendPropsWithContextInClassComponent(\n this.props,\n FormSet.defaultProps,\n this.context.FormSet\n )\n\n const {\n element,\n locale,\n no_form,\n prevent_submit, // eslint-disable-line\n id, // eslint-disable-line\n className,\n class: _className,\n\n ...rest\n } = props\n\n const allowedProps = Object.entries(rest).reduce((acc, [k, v]) => {\n if (\n typeof formRowDefaultProps[k] !== 'undefined' &&\n k !== 'id' &&\n k !== 'children' &&\n k !== 'label'\n ) {\n acc[k] = v\n }\n return acc\n }, {})\n const attributes = Object.entries(rest).reduce((acc, [k, v]) => {\n if (typeof allowedProps[k] === 'undefined' && k !== 'children') {\n acc[k] = v\n }\n return acc\n }, {})\n\n const params = {\n className: classnames(\n 'dnb-form-set',\n createSpacingClasses(this.props),\n className,\n _className\n ),\n ...attributes,\n }\n\n if (!isTrue(no_form)) {\n params.onSubmit = this.onSubmitHandler\n }\n\n // also used for code markup simulation\n validateDOMAttributes(this.props, params)\n\n const content = FormSet.getContent(this.props)\n\n const providerContext = extendGracefully(this.context, {\n locale: locale ? locale : this.context.locale,\n FormRow: allowedProps,\n // isInsideFormSet: true // We may consider to use this later to check if we are inside FormSet\n })\n\n const Element = isTrue(no_form) ? 'div' : element\n\n return (\n <Context.Provider value={providerContext}>\n <Element {...params}>{content}</Element>\n </Context.Provider>\n )\n }\n}\n\nFormSet._supportsSpacingProps = true\n"],"mappings":"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"}
@@ -121,7 +121,6 @@ export interface InfoIconProps {
121
121
  * The `title` attribute in the status.
122
122
  */
123
123
  title?: string;
124
- theme?: string;
125
124
  }
126
125
  export declare const InfoIcon: React.FC<InfoIconProps>;
127
126
  export interface MarketingIconProps {