@dnb/eufemia 10.45.0 → 10.47.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.
- package/CHANGELOG.md +58 -0
- package/cjs/components/CopyOnClick.d.ts +12 -0
- package/cjs/components/CopyOnClick.js +24 -0
- package/cjs/components/CopyOnClick.js.map +1 -0
- package/cjs/components/accordion/Accordion.d.ts +17 -1
- package/cjs/components/accordion/Accordion.js +4 -2
- package/cjs/components/accordion/Accordion.js.map +1 -1
- package/cjs/components/accordion/AccordionContext.d.ts +4 -0
- package/cjs/components/accordion/AccordionContext.js.map +1 -1
- package/cjs/components/accordion/AccordionDocs.js +6 -1
- package/cjs/components/accordion/AccordionDocs.js.map +1 -1
- package/cjs/components/accordion/AccordionGroup.js +5 -3
- package/cjs/components/accordion/AccordionGroup.js.map +1 -1
- package/cjs/components/accordion/AccordionProviderContext.d.ts +4 -0
- package/cjs/components/accordion/AccordionProviderContext.js.map +1 -1
- package/cjs/components/accordion/AccordionStore.js +2 -1
- package/cjs/components/accordion/AccordionStore.js.map +1 -1
- package/cjs/components/accordion/style/dnb-accordion.css +3 -3
- package/cjs/components/accordion/style/dnb-accordion.min.css +1 -1
- package/cjs/components/autocomplete/style/dnb-autocomplete.css +1 -1
- package/cjs/components/autocomplete/style/dnb-autocomplete.min.css +1 -1
- package/cjs/components/breadcrumb/style/dnb-breadcrumb.css +1 -1
- package/cjs/components/breadcrumb/style/dnb-breadcrumb.min.css +1 -1
- package/cjs/components/button/Button.d.ts +1 -1
- package/cjs/components/button/Button.js +5 -2
- package/cjs/components/button/Button.js.map +1 -1
- package/cjs/components/card/style/dnb-card.css +1 -1
- package/cjs/components/card/style/dnb-card.min.css +1 -1
- package/cjs/components/copy-on-click/CopyOnClick.d.ts +9 -0
- package/cjs/components/copy-on-click/CopyOnClick.js +73 -0
- package/cjs/components/copy-on-click/CopyOnClick.js.map +1 -0
- package/cjs/components/copy-on-click/CopyOnClickDocs.d.ts +2 -0
- package/cjs/components/copy-on-click/CopyOnClickDocs.js +30 -0
- package/cjs/components/copy-on-click/CopyOnClickDocs.js.map +1 -0
- package/cjs/components/copy-on-click/index.d.ts +7 -0
- package/cjs/components/copy-on-click/index.js +24 -0
- package/cjs/components/copy-on-click/index.js.map +1 -0
- package/cjs/components/copy-on-click/style/dnb-copy-on-click.css +7 -0
- package/cjs/components/copy-on-click/style/dnb-copy-on-click.min.css +1 -0
- package/cjs/components/copy-on-click/style/dnb-copy-on-click.scss +10 -0
- package/cjs/components/copy-on-click/style/index.d.ts +5 -0
- package/cjs/components/copy-on-click/style/index.js +4 -0
- package/cjs/components/copy-on-click/style/index.js.map +1 -0
- package/cjs/components/copy-on-click/style.d.ts +5 -0
- package/cjs/components/copy-on-click/style.js +4 -0
- package/cjs/components/copy-on-click/style.js.map +1 -0
- package/cjs/components/copy-on-click/types.d.ts +24 -0
- package/cjs/components/copy-on-click/types.js +1 -0
- package/cjs/components/copy-on-click/types.js.map +1 -0
- package/cjs/components/drawer/style/dnb-drawer.css +3 -3
- package/cjs/components/drawer/style/dnb-drawer.min.css +1 -1
- package/cjs/components/dropdown/style/dnb-dropdown.css +1 -1
- package/cjs/components/dropdown/style/dnb-dropdown.min.css +1 -1
- package/cjs/components/flex/Container.js +9 -1
- package/cjs/components/flex/Container.js.map +1 -1
- package/cjs/components/flex/utils.d.ts +1 -1
- package/cjs/components/flex/utils.js +1 -1
- package/cjs/components/flex/utils.js.map +1 -1
- package/cjs/components/form-row/style/dnb-form-row.css +1 -1
- package/cjs/components/form-row/style/dnb-form-row.min.css +1 -1
- package/cjs/components/grid/style/dnb-grid.css +6 -6
- package/cjs/components/grid/style/dnb-grid.min.css +1 -1
- package/cjs/components/index.d.ts +2 -1
- package/cjs/components/index.js +7 -0
- package/cjs/components/index.js.map +1 -1
- package/cjs/components/lib.d.ts +6 -1
- package/cjs/components/lib.js +8 -0
- package/cjs/components/lib.js.map +1 -1
- package/cjs/components/pagination/Pagination.d.ts +27 -1
- package/cjs/components/pagination/Pagination.js +3 -1
- package/cjs/components/pagination/Pagination.js.map +1 -1
- package/cjs/components/pagination/PaginationInfinity.js +20 -8
- package/cjs/components/pagination/PaginationInfinity.js.map +1 -1
- package/cjs/components/progress-indicator/ProgressIndicator.js +2 -2
- package/cjs/components/progress-indicator/ProgressIndicator.js.map +1 -1
- package/cjs/components/section/style/dnb-section.css +2 -2
- package/cjs/components/section/style/dnb-section.min.css +2 -2
- package/cjs/components/space/style/dnb-space.css +2 -2
- package/cjs/components/space/style/dnb-space.min.css +1 -1
- package/cjs/components/tabs/Tabs.js +2 -2
- package/cjs/components/tabs/Tabs.js.map +1 -1
- package/cjs/components/tag/Tag.js +2 -2
- package/cjs/components/tag/Tag.js.map +1 -1
- package/cjs/components/toggle-button/style/dnb-toggle-button.css +1 -1
- package/cjs/components/toggle-button/style/dnb-toggle-button.min.css +1 -1
- package/cjs/extensions/forms/DataContext/Context.d.ts +10 -7
- package/cjs/extensions/forms/DataContext/Context.js +0 -1
- package/cjs/extensions/forms/DataContext/Context.js.map +1 -1
- package/cjs/extensions/forms/DataContext/Provider/Provider.d.ts +7 -7
- package/cjs/extensions/forms/DataContext/Provider/Provider.js +60 -34
- package/cjs/extensions/forms/DataContext/Provider/Provider.js.map +1 -1
- package/cjs/extensions/forms/DataContext/Provider/ProviderDocs.js +2 -7
- package/cjs/extensions/forms/DataContext/Provider/ProviderDocs.js.map +1 -1
- package/cjs/extensions/forms/Field/ArraySelection/ArraySelection.d.ts +15 -3
- package/cjs/extensions/forms/Field/ArraySelection/ArraySelection.js +12 -3
- package/cjs/extensions/forms/Field/ArraySelection/ArraySelection.js.map +1 -1
- package/cjs/extensions/forms/Field/ArraySelection/ArraySelectionDocs.js +10 -0
- package/cjs/extensions/forms/Field/ArraySelection/ArraySelectionDocs.js.map +1 -1
- package/cjs/extensions/forms/Field/ArraySelection/style/dnb-array-selection.css +1 -1
- package/cjs/extensions/forms/Field/ArraySelection/style/dnb-array-selection.min.css +1 -1
- package/cjs/extensions/forms/Field/Email/Email.js +1 -1
- package/cjs/extensions/forms/Field/Email/Email.js.map +1 -1
- package/cjs/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumber.js +36 -8
- package/cjs/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumber.js.map +1 -1
- package/cjs/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumberDocs.d.ts +2 -0
- package/cjs/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumberDocs.js +20 -0
- package/cjs/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumberDocs.js.map +1 -0
- package/cjs/extensions/forms/Field/Number/Number.d.ts +2 -2
- package/cjs/extensions/forms/Field/Number/Number.js +33 -31
- package/cjs/extensions/forms/Field/Number/Number.js.map +1 -1
- package/cjs/extensions/forms/Field/SelectCountry/SelectCountryDocs.d.ts +3 -1
- package/cjs/extensions/forms/Field/SelectCountry/SelectCountryDocs.js +11 -3
- package/cjs/extensions/forms/Field/SelectCountry/SelectCountryDocs.js.map +1 -1
- package/cjs/extensions/forms/Field/Selection/Selection.d.ts +1 -1
- package/cjs/extensions/forms/Field/Selection/Selection.js.map +1 -1
- package/cjs/extensions/forms/Field/Selection/SelectionDocs.js +6 -1
- package/cjs/extensions/forms/Field/Selection/SelectionDocs.js.map +1 -1
- package/cjs/extensions/forms/Field/Slider/Slider.js +7 -7
- package/cjs/extensions/forms/Field/Slider/Slider.js.map +1 -1
- package/cjs/extensions/forms/FieldBlock/FieldBlock.js +3 -4
- package/cjs/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
- package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.css +3 -3
- package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
- package/cjs/extensions/forms/Form/ButtonRow/style/dnb-form-button-row.css +1 -1
- package/cjs/extensions/forms/Form/ButtonRow/style/dnb-form-button-row.min.css +1 -1
- package/cjs/extensions/forms/Form/Handler/Handler.d.ts +1 -1
- package/cjs/extensions/forms/Form/Handler/Handler.js +1 -3
- package/cjs/extensions/forms/Form/Handler/Handler.js.map +1 -1
- package/cjs/extensions/forms/Form/Isolation/Isolation.d.ts +1 -1
- package/cjs/extensions/forms/Form/Isolation/Isolation.js.map +1 -1
- package/cjs/extensions/forms/Form/Isolation/IsolationDocs.js +0 -1
- package/cjs/extensions/forms/Form/Isolation/IsolationDocs.js.map +1 -1
- package/cjs/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.css +1 -1
- package/cjs/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.min.css +1 -1
- package/cjs/extensions/forms/Form/Section/Section.js.map +1 -1
- package/cjs/extensions/forms/Form/SubmitIndicator/SubmitIndicator.js +9 -5
- package/cjs/extensions/forms/Form/SubmitIndicator/SubmitIndicator.js.map +1 -1
- package/cjs/extensions/forms/Form/data-context/useData.js +9 -7
- package/cjs/extensions/forms/Form/data-context/useData.js.map +1 -1
- package/cjs/extensions/forms/Iterate/Array/Array.js +4 -4
- package/cjs/extensions/forms/Iterate/Array/Array.js.map +1 -1
- package/cjs/extensions/forms/Value/Date/Date.d.ts +1 -1
- package/cjs/extensions/forms/Value/Date/Date.js +15 -5
- package/cjs/extensions/forms/Value/Date/Date.js.map +1 -1
- package/cjs/extensions/forms/Value/Date/DateDocs.js +1 -1
- package/cjs/extensions/forms/Value/Date/DateDocs.js.map +1 -1
- package/cjs/extensions/forms/Value/SelectCountry/SelectCountry.d.ts +7 -0
- package/cjs/extensions/forms/Value/SelectCountry/SelectCountry.js +54 -0
- package/cjs/extensions/forms/Value/SelectCountry/SelectCountry.js.map +1 -0
- package/cjs/extensions/forms/Value/SelectCountry/index.d.ts +2 -0
- package/cjs/extensions/forms/Value/SelectCountry/index.js +27 -0
- package/cjs/extensions/forms/Value/SelectCountry/index.js.map +1 -0
- package/cjs/extensions/forms/Value/Selection/SelectionDocs.js +1 -1
- package/cjs/extensions/forms/Value/Selection/SelectionDocs.js.map +1 -1
- package/cjs/extensions/forms/Value/index.d.ts +1 -0
- package/cjs/extensions/forms/Value/index.js +7 -0
- package/cjs/extensions/forms/Value/index.js.map +1 -1
- package/cjs/extensions/forms/ValueBlock/ValueBlock.js +4 -3
- package/cjs/extensions/forms/ValueBlock/ValueBlock.js.map +1 -1
- package/cjs/extensions/forms/ValueBlock/style/dnb-value-block.css +5 -2
- package/cjs/extensions/forms/ValueBlock/style/dnb-value-block.min.css +1 -1
- package/cjs/extensions/forms/ValueBlock/style/dnb-value-block.scss +3 -0
- package/cjs/extensions/forms/Wizard/Container/WizardContainer.js +1 -1
- package/cjs/extensions/forms/Wizard/Container/WizardContainer.js.map +1 -1
- package/cjs/extensions/forms/Wizard/style/dnb-wizard-layout.css +2 -2
- package/cjs/extensions/forms/Wizard/style/dnb-wizard-layout.min.css +1 -1
- package/cjs/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.js +4 -4
- package/cjs/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.js.map +1 -1
- package/cjs/extensions/forms/constants/countries.d.ts +5 -2
- package/cjs/extensions/forms/constants/countries.js +72 -0
- package/cjs/extensions/forms/constants/countries.js.map +1 -1
- package/cjs/extensions/forms/constants/locales/en-GB.d.ts +2 -0
- package/cjs/extensions/forms/constants/locales/en-GB.js +3 -1
- package/cjs/extensions/forms/constants/locales/en-GB.js.map +1 -1
- package/cjs/extensions/forms/constants/locales/en-US.d.ts +2 -0
- package/cjs/extensions/forms/constants/locales/index.d.ts +4 -0
- package/cjs/extensions/forms/constants/locales/nb-NO.d.ts +2 -0
- package/cjs/extensions/forms/constants/locales/nb-NO.js +3 -1
- package/cjs/extensions/forms/constants/locales/nb-NO.js.map +1 -1
- package/cjs/extensions/forms/hooks/DataValueDocs.js +7 -7
- package/cjs/extensions/forms/hooks/DataValueDocs.js.map +1 -1
- package/cjs/extensions/forms/hooks/useDataValue.d.ts +2 -1
- package/cjs/extensions/forms/hooks/useDataValue.js +7 -7
- package/cjs/extensions/forms/hooks/useDataValue.js.map +1 -1
- package/cjs/extensions/forms/hooks/useFieldProps.d.ts +1 -1
- package/cjs/extensions/forms/hooks/useFieldProps.js +296 -115
- package/cjs/extensions/forms/hooks/useFieldProps.js.map +1 -1
- package/cjs/extensions/forms/style/dnb-forms.css +13 -10
- package/cjs/extensions/forms/style/dnb-forms.min.css +1 -1
- package/cjs/extensions/forms/types.d.ts +33 -4
- package/cjs/extensions/forms/types.js.map +1 -1
- package/cjs/index.d.ts +2 -1
- package/cjs/index.js +7 -0
- package/cjs/index.js.map +1 -1
- package/cjs/shared/Context.js +4 -6
- package/cjs/shared/Context.js.map +1 -1
- package/cjs/shared/Eufemia.d.ts +1 -1
- package/cjs/shared/Eufemia.js +2 -2
- package/cjs/shared/Eufemia.js.map +1 -1
- package/cjs/shared/locales/en-GB.d.ts +3 -0
- package/cjs/shared/locales/en-GB.js +3 -0
- package/cjs/shared/locales/en-GB.js.map +1 -1
- package/cjs/shared/locales/en-US.d.ts +3 -0
- package/cjs/shared/locales/index.d.ts +6 -0
- package/cjs/shared/locales/nb-NO.d.ts +3 -0
- package/cjs/shared/locales/nb-NO.js +3 -0
- package/cjs/shared/locales/nb-NO.js.map +1 -1
- package/cjs/style/core/scopes.scss +1 -1
- package/cjs/style/core/utilities.scss +3 -6
- package/cjs/style/dnb-ui-basis.css +1 -1
- package/cjs/style/dnb-ui-basis.min.css +1 -1
- package/cjs/style/dnb-ui-body.css +1 -1
- package/cjs/style/dnb-ui-body.min.css +1 -1
- package/cjs/style/dnb-ui-components.css +45 -34
- package/cjs/style/dnb-ui-components.min.css +5 -5
- package/cjs/style/dnb-ui-components.scss +1 -0
- package/cjs/style/dnb-ui-core.css +1 -1
- package/cjs/style/dnb-ui-core.min.css +1 -1
- package/cjs/style/dnb-ui-elements.css +1 -1
- package/cjs/style/dnb-ui-elements.min.css +1 -1
- package/cjs/style/dnb-ui-extensions.css +13 -10
- package/cjs/style/dnb-ui-extensions.min.css +1 -1
- package/cjs/style/dnb-ui-forms.css +13 -10
- package/cjs/style/dnb-ui-forms.min.css +1 -1
- package/cjs/style/dnb-ui-fragments.css +2 -2
- package/cjs/style/dnb-ui-fragments.min.css +1 -1
- package/cjs/style/themes/theme-eiendom/eiendom-theme-basis.css +1 -1
- package/cjs/style/themes/theme-eiendom/eiendom-theme-basis.min.css +1 -1
- package/cjs/style/themes/theme-eiendom/eiendom-theme-components.css +59 -45
- package/cjs/style/themes/theme-eiendom/eiendom-theme-components.min.css +6 -6
- package/cjs/style/themes/theme-eiendom/eiendom-theme-elements.css +1 -1
- package/cjs/style/themes/theme-eiendom/eiendom-theme-elements.min.css +1 -1
- package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.css +13 -10
- package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
- package/cjs/style/themes/theme-eiendom/eiendom-theme-forms.css +13 -10
- package/cjs/style/themes/theme-eiendom/eiendom-theme-forms.min.css +1 -1
- package/cjs/style/themes/theme-sbanken/sbanken-theme-basis.css +1 -1
- package/cjs/style/themes/theme-sbanken/sbanken-theme-basis.min.css +1 -1
- package/cjs/style/themes/theme-sbanken/sbanken-theme-components.css +59 -45
- package/cjs/style/themes/theme-sbanken/sbanken-theme-components.min.css +7 -7
- package/cjs/style/themes/theme-sbanken/sbanken-theme-elements.css +1 -1
- package/cjs/style/themes/theme-sbanken/sbanken-theme-elements.min.css +1 -1
- package/cjs/style/themes/theme-sbanken/sbanken-theme-extensions.css +13 -10
- package/cjs/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
- package/cjs/style/themes/theme-sbanken/sbanken-theme-forms.css +13 -10
- package/cjs/style/themes/theme-sbanken/sbanken-theme-forms.min.css +1 -1
- package/cjs/style/themes/theme-ui/ui-theme-basis.css +1 -1
- package/cjs/style/themes/theme-ui/ui-theme-basis.min.css +1 -1
- package/cjs/style/themes/theme-ui/ui-theme-components.css +59 -45
- package/cjs/style/themes/theme-ui/ui-theme-components.min.css +6 -6
- package/cjs/style/themes/theme-ui/ui-theme-elements.css +1 -1
- package/cjs/style/themes/theme-ui/ui-theme-elements.min.css +1 -1
- package/cjs/style/themes/theme-ui/ui-theme-extensions.css +13 -10
- package/cjs/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
- package/cjs/style/themes/theme-ui/ui-theme-forms.css +13 -10
- package/cjs/style/themes/theme-ui/ui-theme-forms.min.css +1 -1
- package/cjs/style/themes/theme-ui/ui-theme-tags.css +1 -1
- package/cjs/style/themes/theme-ui/ui-theme-tags.min.css +1 -1
- package/components/CopyOnClick.d.ts +12 -0
- package/components/CopyOnClick.js +4 -0
- package/components/CopyOnClick.js.map +1 -0
- package/components/accordion/Accordion.d.ts +17 -1
- package/components/accordion/Accordion.js +4 -2
- package/components/accordion/Accordion.js.map +1 -1
- package/components/accordion/AccordionContext.d.ts +4 -0
- package/components/accordion/AccordionContext.js.map +1 -1
- package/components/accordion/AccordionDocs.js +6 -1
- package/components/accordion/AccordionDocs.js.map +1 -1
- package/components/accordion/AccordionGroup.js +5 -3
- package/components/accordion/AccordionGroup.js.map +1 -1
- package/components/accordion/AccordionProviderContext.d.ts +4 -0
- package/components/accordion/AccordionProviderContext.js.map +1 -1
- package/components/accordion/AccordionStore.js +2 -1
- package/components/accordion/AccordionStore.js.map +1 -1
- package/components/accordion/style/dnb-accordion.css +3 -3
- package/components/accordion/style/dnb-accordion.min.css +1 -1
- package/components/autocomplete/style/dnb-autocomplete.css +1 -1
- package/components/autocomplete/style/dnb-autocomplete.min.css +1 -1
- package/components/breadcrumb/style/dnb-breadcrumb.css +1 -1
- package/components/breadcrumb/style/dnb-breadcrumb.min.css +1 -1
- package/components/button/Button.d.ts +1 -1
- package/components/button/Button.js +5 -2
- package/components/button/Button.js.map +1 -1
- package/components/card/style/dnb-card.css +1 -1
- package/components/card/style/dnb-card.min.css +1 -1
- package/components/copy-on-click/CopyOnClick.d.ts +9 -0
- package/components/copy-on-click/CopyOnClick.js +63 -0
- package/components/copy-on-click/CopyOnClick.js.map +1 -0
- package/components/copy-on-click/CopyOnClickDocs.d.ts +2 -0
- package/components/copy-on-click/CopyOnClickDocs.js +23 -0
- package/components/copy-on-click/CopyOnClickDocs.js.map +1 -0
- package/components/copy-on-click/index.d.ts +7 -0
- package/components/copy-on-click/index.js +4 -0
- package/components/copy-on-click/index.js.map +1 -0
- package/components/copy-on-click/style/dnb-copy-on-click.css +7 -0
- package/components/copy-on-click/style/dnb-copy-on-click.min.css +1 -0
- package/components/copy-on-click/style/dnb-copy-on-click.scss +10 -0
- package/components/copy-on-click/style/index.d.ts +5 -0
- package/components/copy-on-click/style/index.js +1 -0
- package/components/copy-on-click/style/index.js.map +1 -0
- package/components/copy-on-click/style.d.ts +5 -0
- package/components/copy-on-click/style.js +1 -0
- package/components/copy-on-click/style.js.map +1 -0
- package/components/copy-on-click/types.d.ts +24 -0
- package/components/copy-on-click/types.js +1 -0
- package/components/copy-on-click/types.js.map +1 -0
- package/components/drawer/style/dnb-drawer.css +3 -3
- package/components/drawer/style/dnb-drawer.min.css +1 -1
- package/components/dropdown/style/dnb-dropdown.css +1 -1
- package/components/dropdown/style/dnb-dropdown.min.css +1 -1
- package/components/flex/Container.js +10 -2
- package/components/flex/Container.js.map +1 -1
- package/components/flex/utils.d.ts +1 -1
- package/components/flex/utils.js +1 -1
- package/components/flex/utils.js.map +1 -1
- package/components/form-row/style/dnb-form-row.css +1 -1
- package/components/form-row/style/dnb-form-row.min.css +1 -1
- package/components/grid/style/dnb-grid.css +6 -6
- package/components/grid/style/dnb-grid.min.css +1 -1
- package/components/index.d.ts +2 -1
- package/components/index.js +2 -1
- package/components/index.js.map +1 -1
- package/components/lib.d.ts +6 -1
- package/components/lib.js +3 -1
- package/components/lib.js.map +1 -1
- package/components/pagination/Pagination.d.ts +27 -1
- package/components/pagination/Pagination.js +3 -1
- package/components/pagination/Pagination.js.map +1 -1
- package/components/pagination/PaginationInfinity.js +20 -8
- package/components/pagination/PaginationInfinity.js.map +1 -1
- package/components/progress-indicator/ProgressIndicator.js +2 -2
- package/components/progress-indicator/ProgressIndicator.js.map +1 -1
- package/components/section/style/dnb-section.css +2 -2
- package/components/section/style/dnb-section.min.css +2 -2
- package/components/space/style/dnb-space.css +2 -2
- package/components/space/style/dnb-space.min.css +1 -1
- package/components/tabs/Tabs.js +2 -2
- package/components/tabs/Tabs.js.map +1 -1
- package/components/tag/Tag.js +2 -2
- package/components/tag/Tag.js.map +1 -1
- package/components/toggle-button/style/dnb-toggle-button.css +1 -1
- package/components/toggle-button/style/dnb-toggle-button.min.css +1 -1
- package/es/components/CopyOnClick.d.ts +12 -0
- package/es/components/CopyOnClick.js +4 -0
- package/es/components/CopyOnClick.js.map +1 -0
- package/es/components/accordion/Accordion.d.ts +17 -1
- package/es/components/accordion/Accordion.js +4 -2
- package/es/components/accordion/Accordion.js.map +1 -1
- package/es/components/accordion/AccordionContext.d.ts +4 -0
- package/es/components/accordion/AccordionContext.js.map +1 -1
- package/es/components/accordion/AccordionDocs.js +6 -1
- package/es/components/accordion/AccordionDocs.js.map +1 -1
- package/es/components/accordion/AccordionGroup.js +5 -3
- package/es/components/accordion/AccordionGroup.js.map +1 -1
- package/es/components/accordion/AccordionProviderContext.d.ts +4 -0
- package/es/components/accordion/AccordionProviderContext.js.map +1 -1
- package/es/components/accordion/AccordionStore.js +2 -1
- package/es/components/accordion/AccordionStore.js.map +1 -1
- package/es/components/accordion/style/dnb-accordion.css +3 -3
- package/es/components/accordion/style/dnb-accordion.min.css +1 -1
- package/es/components/autocomplete/style/dnb-autocomplete.css +1 -1
- package/es/components/autocomplete/style/dnb-autocomplete.min.css +1 -1
- package/es/components/breadcrumb/style/dnb-breadcrumb.css +1 -1
- package/es/components/breadcrumb/style/dnb-breadcrumb.min.css +1 -1
- package/es/components/button/Button.d.ts +1 -1
- package/es/components/button/Button.js +5 -2
- package/es/components/button/Button.js.map +1 -1
- package/es/components/card/style/dnb-card.css +1 -1
- package/es/components/card/style/dnb-card.min.css +1 -1
- package/es/components/copy-on-click/CopyOnClick.d.ts +9 -0
- package/es/components/copy-on-click/CopyOnClick.js +63 -0
- package/es/components/copy-on-click/CopyOnClick.js.map +1 -0
- package/es/components/copy-on-click/CopyOnClickDocs.d.ts +2 -0
- package/es/components/copy-on-click/CopyOnClickDocs.js +23 -0
- package/es/components/copy-on-click/CopyOnClickDocs.js.map +1 -0
- package/es/components/copy-on-click/index.d.ts +7 -0
- package/es/components/copy-on-click/index.js +4 -0
- package/es/components/copy-on-click/index.js.map +1 -0
- package/es/components/copy-on-click/style/dnb-copy-on-click.css +7 -0
- package/es/components/copy-on-click/style/dnb-copy-on-click.min.css +1 -0
- package/es/components/copy-on-click/style/dnb-copy-on-click.scss +10 -0
- package/es/components/copy-on-click/style/index.d.ts +5 -0
- package/es/components/copy-on-click/style/index.js +1 -0
- package/es/components/copy-on-click/style/index.js.map +1 -0
- package/es/components/copy-on-click/style.d.ts +5 -0
- package/es/components/copy-on-click/style.js +1 -0
- package/es/components/copy-on-click/style.js.map +1 -0
- package/es/components/copy-on-click/types.d.ts +24 -0
- package/es/components/copy-on-click/types.js +1 -0
- package/es/components/copy-on-click/types.js.map +1 -0
- package/es/components/drawer/style/dnb-drawer.css +3 -3
- package/es/components/drawer/style/dnb-drawer.min.css +1 -1
- package/es/components/dropdown/style/dnb-dropdown.css +1 -1
- package/es/components/dropdown/style/dnb-dropdown.min.css +1 -1
- package/es/components/flex/Container.js +10 -2
- package/es/components/flex/Container.js.map +1 -1
- package/es/components/flex/utils.d.ts +1 -1
- package/es/components/flex/utils.js +1 -1
- package/es/components/flex/utils.js.map +1 -1
- package/es/components/form-row/style/dnb-form-row.css +1 -1
- package/es/components/form-row/style/dnb-form-row.min.css +1 -1
- package/es/components/grid/style/dnb-grid.css +6 -6
- package/es/components/grid/style/dnb-grid.min.css +1 -1
- package/es/components/index.d.ts +2 -1
- package/es/components/index.js +2 -1
- package/es/components/index.js.map +1 -1
- package/es/components/lib.d.ts +6 -1
- package/es/components/lib.js +3 -1
- package/es/components/lib.js.map +1 -1
- package/es/components/pagination/Pagination.d.ts +27 -1
- package/es/components/pagination/Pagination.js +3 -1
- package/es/components/pagination/Pagination.js.map +1 -1
- package/es/components/pagination/PaginationInfinity.js +20 -8
- package/es/components/pagination/PaginationInfinity.js.map +1 -1
- package/es/components/progress-indicator/ProgressIndicator.js +2 -2
- package/es/components/progress-indicator/ProgressIndicator.js.map +1 -1
- package/es/components/section/style/dnb-section.css +2 -2
- package/es/components/section/style/dnb-section.min.css +2 -2
- package/es/components/space/style/dnb-space.css +2 -2
- package/es/components/space/style/dnb-space.min.css +1 -1
- package/es/components/tabs/Tabs.js +2 -2
- package/es/components/tabs/Tabs.js.map +1 -1
- package/es/components/tag/Tag.js +2 -2
- package/es/components/tag/Tag.js.map +1 -1
- package/es/components/toggle-button/style/dnb-toggle-button.css +1 -1
- package/es/components/toggle-button/style/dnb-toggle-button.min.css +1 -1
- package/es/extensions/forms/DataContext/Context.d.ts +10 -7
- package/es/extensions/forms/DataContext/Context.js +0 -1
- package/es/extensions/forms/DataContext/Context.js.map +1 -1
- package/es/extensions/forms/DataContext/Provider/Provider.d.ts +7 -7
- package/es/extensions/forms/DataContext/Provider/Provider.js +59 -33
- package/es/extensions/forms/DataContext/Provider/Provider.js.map +1 -1
- package/es/extensions/forms/DataContext/Provider/ProviderDocs.js +2 -7
- package/es/extensions/forms/DataContext/Provider/ProviderDocs.js.map +1 -1
- package/es/extensions/forms/Field/ArraySelection/ArraySelection.d.ts +15 -3
- package/es/extensions/forms/Field/ArraySelection/ArraySelection.js +12 -3
- package/es/extensions/forms/Field/ArraySelection/ArraySelection.js.map +1 -1
- package/es/extensions/forms/Field/ArraySelection/ArraySelectionDocs.js +10 -0
- package/es/extensions/forms/Field/ArraySelection/ArraySelectionDocs.js.map +1 -1
- package/es/extensions/forms/Field/ArraySelection/style/dnb-array-selection.css +1 -1
- package/es/extensions/forms/Field/ArraySelection/style/dnb-array-selection.min.css +1 -1
- package/es/extensions/forms/Field/Email/Email.js +1 -1
- package/es/extensions/forms/Field/Email/Email.js.map +1 -1
- package/es/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumber.js +37 -9
- package/es/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumber.js.map +1 -1
- package/es/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumberDocs.d.ts +2 -0
- package/es/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumberDocs.js +13 -0
- package/es/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumberDocs.js.map +1 -0
- package/es/extensions/forms/Field/Number/Number.d.ts +2 -2
- package/es/extensions/forms/Field/Number/Number.js +33 -31
- package/es/extensions/forms/Field/Number/Number.js.map +1 -1
- package/es/extensions/forms/Field/SelectCountry/SelectCountryDocs.d.ts +3 -1
- package/es/extensions/forms/Field/SelectCountry/SelectCountryDocs.js +8 -1
- package/es/extensions/forms/Field/SelectCountry/SelectCountryDocs.js.map +1 -1
- package/es/extensions/forms/Field/Selection/Selection.d.ts +1 -1
- package/es/extensions/forms/Field/Selection/Selection.js.map +1 -1
- package/es/extensions/forms/Field/Selection/SelectionDocs.js +6 -1
- package/es/extensions/forms/Field/Selection/SelectionDocs.js.map +1 -1
- package/es/extensions/forms/Field/Slider/Slider.js +7 -7
- package/es/extensions/forms/Field/Slider/Slider.js.map +1 -1
- package/es/extensions/forms/FieldBlock/FieldBlock.js +3 -4
- package/es/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
- package/es/extensions/forms/FieldBlock/style/dnb-field-block.css +3 -3
- package/es/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
- package/es/extensions/forms/Form/ButtonRow/style/dnb-form-button-row.css +1 -1
- package/es/extensions/forms/Form/ButtonRow/style/dnb-form-button-row.min.css +1 -1
- package/es/extensions/forms/Form/Handler/Handler.d.ts +1 -1
- package/es/extensions/forms/Form/Handler/Handler.js +1 -3
- package/es/extensions/forms/Form/Handler/Handler.js.map +1 -1
- package/es/extensions/forms/Form/Isolation/Isolation.d.ts +1 -1
- package/es/extensions/forms/Form/Isolation/Isolation.js.map +1 -1
- package/es/extensions/forms/Form/Isolation/IsolationDocs.js +0 -1
- package/es/extensions/forms/Form/Isolation/IsolationDocs.js.map +1 -1
- package/es/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.css +1 -1
- package/es/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.min.css +1 -1
- package/es/extensions/forms/Form/Section/Section.js.map +1 -1
- package/es/extensions/forms/Form/SubmitIndicator/SubmitIndicator.js +9 -5
- package/es/extensions/forms/Form/SubmitIndicator/SubmitIndicator.js.map +1 -1
- package/es/extensions/forms/Form/data-context/useData.js +9 -7
- package/es/extensions/forms/Form/data-context/useData.js.map +1 -1
- package/es/extensions/forms/Iterate/Array/Array.js +4 -4
- package/es/extensions/forms/Iterate/Array/Array.js.map +1 -1
- package/es/extensions/forms/Value/Date/Date.d.ts +1 -1
- package/es/extensions/forms/Value/Date/Date.js +15 -5
- package/es/extensions/forms/Value/Date/Date.js.map +1 -1
- package/es/extensions/forms/Value/Date/DateDocs.js +1 -1
- package/es/extensions/forms/Value/Date/DateDocs.js.map +1 -1
- package/es/extensions/forms/Value/SelectCountry/SelectCountry.d.ts +7 -0
- package/es/extensions/forms/Value/SelectCountry/SelectCountry.js +44 -0
- package/es/extensions/forms/Value/SelectCountry/SelectCountry.js.map +1 -0
- package/es/extensions/forms/Value/SelectCountry/index.d.ts +2 -0
- package/es/extensions/forms/Value/SelectCountry/index.js +3 -0
- package/es/extensions/forms/Value/SelectCountry/index.js.map +1 -0
- package/es/extensions/forms/Value/Selection/SelectionDocs.js +1 -1
- package/es/extensions/forms/Value/Selection/SelectionDocs.js.map +1 -1
- package/es/extensions/forms/Value/index.d.ts +1 -0
- package/es/extensions/forms/Value/index.js +1 -0
- package/es/extensions/forms/Value/index.js.map +1 -1
- package/es/extensions/forms/ValueBlock/ValueBlock.js +4 -3
- package/es/extensions/forms/ValueBlock/ValueBlock.js.map +1 -1
- package/es/extensions/forms/ValueBlock/style/dnb-value-block.css +5 -2
- package/es/extensions/forms/ValueBlock/style/dnb-value-block.min.css +1 -1
- package/es/extensions/forms/ValueBlock/style/dnb-value-block.scss +3 -0
- package/es/extensions/forms/Wizard/Container/WizardContainer.js +1 -1
- package/es/extensions/forms/Wizard/Container/WizardContainer.js.map +1 -1
- package/es/extensions/forms/Wizard/style/dnb-wizard-layout.css +2 -2
- package/es/extensions/forms/Wizard/style/dnb-wizard-layout.min.css +1 -1
- package/es/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.js +4 -4
- package/es/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.js.map +1 -1
- package/es/extensions/forms/constants/countries.d.ts +5 -2
- package/es/extensions/forms/constants/countries.js +72 -0
- package/es/extensions/forms/constants/countries.js.map +1 -1
- package/es/extensions/forms/constants/locales/en-GB.d.ts +2 -0
- package/es/extensions/forms/constants/locales/en-GB.js +3 -1
- package/es/extensions/forms/constants/locales/en-GB.js.map +1 -1
- package/es/extensions/forms/constants/locales/en-US.d.ts +2 -0
- package/es/extensions/forms/constants/locales/index.d.ts +4 -0
- package/es/extensions/forms/constants/locales/nb-NO.d.ts +2 -0
- package/es/extensions/forms/constants/locales/nb-NO.js +3 -1
- package/es/extensions/forms/constants/locales/nb-NO.js.map +1 -1
- package/es/extensions/forms/hooks/DataValueDocs.js +7 -7
- package/es/extensions/forms/hooks/DataValueDocs.js.map +1 -1
- package/es/extensions/forms/hooks/useDataValue.d.ts +2 -1
- package/es/extensions/forms/hooks/useDataValue.js +7 -7
- package/es/extensions/forms/hooks/useDataValue.js.map +1 -1
- package/es/extensions/forms/hooks/useFieldProps.d.ts +1 -1
- package/es/extensions/forms/hooks/useFieldProps.js +288 -112
- package/es/extensions/forms/hooks/useFieldProps.js.map +1 -1
- package/es/extensions/forms/style/dnb-forms.css +13 -10
- package/es/extensions/forms/style/dnb-forms.min.css +1 -1
- package/es/extensions/forms/types.d.ts +33 -4
- package/es/extensions/forms/types.js.map +1 -1
- package/es/index.d.ts +2 -1
- package/es/index.js +2 -1
- package/es/index.js.map +1 -1
- package/es/shared/Context.js +4 -6
- package/es/shared/Context.js.map +1 -1
- package/es/shared/Eufemia.d.ts +1 -1
- package/es/shared/Eufemia.js +2 -2
- package/es/shared/Eufemia.js.map +1 -1
- package/es/shared/locales/en-GB.d.ts +3 -0
- package/es/shared/locales/en-GB.js +3 -0
- package/es/shared/locales/en-GB.js.map +1 -1
- package/es/shared/locales/en-US.d.ts +3 -0
- package/es/shared/locales/index.d.ts +6 -0
- package/es/shared/locales/nb-NO.d.ts +3 -0
- package/es/shared/locales/nb-NO.js +3 -0
- package/es/shared/locales/nb-NO.js.map +1 -1
- package/es/style/core/scopes.scss +1 -1
- package/es/style/core/utilities.scss +3 -6
- package/es/style/dnb-ui-basis.css +1 -1
- package/es/style/dnb-ui-basis.min.css +1 -1
- package/es/style/dnb-ui-body.css +1 -1
- package/es/style/dnb-ui-body.min.css +1 -1
- package/es/style/dnb-ui-components.css +45 -34
- package/es/style/dnb-ui-components.min.css +5 -5
- package/es/style/dnb-ui-components.scss +1 -0
- package/es/style/dnb-ui-core.css +1 -1
- package/es/style/dnb-ui-core.min.css +1 -1
- package/es/style/dnb-ui-elements.css +1 -1
- package/es/style/dnb-ui-elements.min.css +1 -1
- package/es/style/dnb-ui-extensions.css +13 -10
- package/es/style/dnb-ui-extensions.min.css +1 -1
- package/es/style/dnb-ui-forms.css +13 -10
- package/es/style/dnb-ui-forms.min.css +1 -1
- package/es/style/dnb-ui-fragments.css +2 -2
- package/es/style/dnb-ui-fragments.min.css +1 -1
- package/es/style/themes/theme-eiendom/eiendom-theme-basis.css +1 -1
- package/es/style/themes/theme-eiendom/eiendom-theme-basis.min.css +1 -1
- package/es/style/themes/theme-eiendom/eiendom-theme-components.css +59 -45
- package/es/style/themes/theme-eiendom/eiendom-theme-components.min.css +6 -6
- package/es/style/themes/theme-eiendom/eiendom-theme-elements.css +1 -1
- package/es/style/themes/theme-eiendom/eiendom-theme-elements.min.css +1 -1
- package/es/style/themes/theme-eiendom/eiendom-theme-extensions.css +13 -10
- package/es/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
- package/es/style/themes/theme-eiendom/eiendom-theme-forms.css +13 -10
- package/es/style/themes/theme-eiendom/eiendom-theme-forms.min.css +1 -1
- package/es/style/themes/theme-sbanken/sbanken-theme-basis.css +1 -1
- package/es/style/themes/theme-sbanken/sbanken-theme-basis.min.css +1 -1
- package/es/style/themes/theme-sbanken/sbanken-theme-components.css +59 -45
- package/es/style/themes/theme-sbanken/sbanken-theme-components.min.css +7 -7
- package/es/style/themes/theme-sbanken/sbanken-theme-elements.css +1 -1
- package/es/style/themes/theme-sbanken/sbanken-theme-elements.min.css +1 -1
- package/es/style/themes/theme-sbanken/sbanken-theme-extensions.css +13 -10
- package/es/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
- package/es/style/themes/theme-sbanken/sbanken-theme-forms.css +13 -10
- package/es/style/themes/theme-sbanken/sbanken-theme-forms.min.css +1 -1
- package/es/style/themes/theme-ui/ui-theme-basis.css +1 -1
- package/es/style/themes/theme-ui/ui-theme-basis.min.css +1 -1
- package/es/style/themes/theme-ui/ui-theme-components.css +59 -45
- package/es/style/themes/theme-ui/ui-theme-components.min.css +6 -6
- package/es/style/themes/theme-ui/ui-theme-elements.css +1 -1
- package/es/style/themes/theme-ui/ui-theme-elements.min.css +1 -1
- package/es/style/themes/theme-ui/ui-theme-extensions.css +13 -10
- package/es/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
- package/es/style/themes/theme-ui/ui-theme-forms.css +13 -10
- package/es/style/themes/theme-ui/ui-theme-forms.min.css +1 -1
- package/es/style/themes/theme-ui/ui-theme-tags.css +1 -1
- package/es/style/themes/theme-ui/ui-theme-tags.min.css +1 -1
- package/esm/dnb-ui-basis.min.mjs +1 -1
- package/esm/dnb-ui-components.min.mjs +1 -1
- package/esm/dnb-ui-elements.min.mjs +1 -1
- package/esm/dnb-ui-extensions.min.mjs +5 -5
- package/esm/dnb-ui-lib.min.mjs +1 -1
- package/extensions/forms/DataContext/Context.d.ts +10 -7
- package/extensions/forms/DataContext/Context.js +0 -1
- package/extensions/forms/DataContext/Context.js.map +1 -1
- package/extensions/forms/DataContext/Provider/Provider.d.ts +7 -7
- package/extensions/forms/DataContext/Provider/Provider.js +60 -34
- package/extensions/forms/DataContext/Provider/Provider.js.map +1 -1
- package/extensions/forms/DataContext/Provider/ProviderDocs.js +2 -7
- package/extensions/forms/DataContext/Provider/ProviderDocs.js.map +1 -1
- package/extensions/forms/Field/ArraySelection/ArraySelection.d.ts +15 -3
- package/extensions/forms/Field/ArraySelection/ArraySelection.js +12 -3
- package/extensions/forms/Field/ArraySelection/ArraySelection.js.map +1 -1
- package/extensions/forms/Field/ArraySelection/ArraySelectionDocs.js +10 -0
- package/extensions/forms/Field/ArraySelection/ArraySelectionDocs.js.map +1 -1
- package/extensions/forms/Field/ArraySelection/style/dnb-array-selection.css +1 -1
- package/extensions/forms/Field/ArraySelection/style/dnb-array-selection.min.css +1 -1
- package/extensions/forms/Field/Email/Email.js +1 -1
- package/extensions/forms/Field/Email/Email.js.map +1 -1
- package/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumber.js +37 -9
- package/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumber.js.map +1 -1
- package/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumberDocs.d.ts +2 -0
- package/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumberDocs.js +13 -0
- package/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumberDocs.js.map +1 -0
- package/extensions/forms/Field/Number/Number.d.ts +2 -2
- package/extensions/forms/Field/Number/Number.js +33 -31
- package/extensions/forms/Field/Number/Number.js.map +1 -1
- package/extensions/forms/Field/SelectCountry/SelectCountryDocs.d.ts +3 -1
- package/extensions/forms/Field/SelectCountry/SelectCountryDocs.js +8 -1
- package/extensions/forms/Field/SelectCountry/SelectCountryDocs.js.map +1 -1
- package/extensions/forms/Field/Selection/Selection.d.ts +1 -1
- package/extensions/forms/Field/Selection/Selection.js.map +1 -1
- package/extensions/forms/Field/Selection/SelectionDocs.js +6 -1
- package/extensions/forms/Field/Selection/SelectionDocs.js.map +1 -1
- package/extensions/forms/Field/Slider/Slider.js +7 -7
- package/extensions/forms/Field/Slider/Slider.js.map +1 -1
- package/extensions/forms/FieldBlock/FieldBlock.js +3 -4
- package/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
- package/extensions/forms/FieldBlock/style/dnb-field-block.css +3 -3
- package/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
- package/extensions/forms/Form/ButtonRow/style/dnb-form-button-row.css +1 -1
- package/extensions/forms/Form/ButtonRow/style/dnb-form-button-row.min.css +1 -1
- package/extensions/forms/Form/Handler/Handler.d.ts +1 -1
- package/extensions/forms/Form/Handler/Handler.js +1 -3
- package/extensions/forms/Form/Handler/Handler.js.map +1 -1
- package/extensions/forms/Form/Isolation/Isolation.d.ts +1 -1
- package/extensions/forms/Form/Isolation/Isolation.js.map +1 -1
- package/extensions/forms/Form/Isolation/IsolationDocs.js +0 -1
- package/extensions/forms/Form/Isolation/IsolationDocs.js.map +1 -1
- package/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.css +1 -1
- package/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.min.css +1 -1
- package/extensions/forms/Form/Section/Section.js.map +1 -1
- package/extensions/forms/Form/SubmitIndicator/SubmitIndicator.js +9 -5
- package/extensions/forms/Form/SubmitIndicator/SubmitIndicator.js.map +1 -1
- package/extensions/forms/Form/data-context/useData.js +9 -7
- package/extensions/forms/Form/data-context/useData.js.map +1 -1
- package/extensions/forms/Iterate/Array/Array.js +4 -4
- package/extensions/forms/Iterate/Array/Array.js.map +1 -1
- package/extensions/forms/Value/Date/Date.d.ts +1 -1
- package/extensions/forms/Value/Date/Date.js +15 -5
- package/extensions/forms/Value/Date/Date.js.map +1 -1
- package/extensions/forms/Value/Date/DateDocs.js +1 -1
- package/extensions/forms/Value/Date/DateDocs.js.map +1 -1
- package/extensions/forms/Value/SelectCountry/SelectCountry.d.ts +7 -0
- package/extensions/forms/Value/SelectCountry/SelectCountry.js +44 -0
- package/extensions/forms/Value/SelectCountry/SelectCountry.js.map +1 -0
- package/extensions/forms/Value/SelectCountry/index.d.ts +2 -0
- package/extensions/forms/Value/SelectCountry/index.js +3 -0
- package/extensions/forms/Value/SelectCountry/index.js.map +1 -0
- package/extensions/forms/Value/Selection/SelectionDocs.js +1 -1
- package/extensions/forms/Value/Selection/SelectionDocs.js.map +1 -1
- package/extensions/forms/Value/index.d.ts +1 -0
- package/extensions/forms/Value/index.js +1 -0
- package/extensions/forms/Value/index.js.map +1 -1
- package/extensions/forms/ValueBlock/ValueBlock.js +4 -3
- package/extensions/forms/ValueBlock/ValueBlock.js.map +1 -1
- package/extensions/forms/ValueBlock/style/dnb-value-block.css +5 -2
- package/extensions/forms/ValueBlock/style/dnb-value-block.min.css +1 -1
- package/extensions/forms/ValueBlock/style/dnb-value-block.scss +3 -0
- package/extensions/forms/Wizard/Container/WizardContainer.js +1 -1
- package/extensions/forms/Wizard/Container/WizardContainer.js.map +1 -1
- package/extensions/forms/Wizard/style/dnb-wizard-layout.css +2 -2
- package/extensions/forms/Wizard/style/dnb-wizard-layout.min.css +1 -1
- package/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.js +4 -4
- package/extensions/forms/blocks/ChildrenWithAge/ChildrenWithAge.js.map +1 -1
- package/extensions/forms/constants/countries.d.ts +5 -2
- package/extensions/forms/constants/countries.js +72 -0
- package/extensions/forms/constants/countries.js.map +1 -1
- package/extensions/forms/constants/locales/en-GB.d.ts +2 -0
- package/extensions/forms/constants/locales/en-GB.js +3 -1
- package/extensions/forms/constants/locales/en-GB.js.map +1 -1
- package/extensions/forms/constants/locales/en-US.d.ts +2 -0
- package/extensions/forms/constants/locales/index.d.ts +4 -0
- package/extensions/forms/constants/locales/nb-NO.d.ts +2 -0
- package/extensions/forms/constants/locales/nb-NO.js +3 -1
- package/extensions/forms/constants/locales/nb-NO.js.map +1 -1
- package/extensions/forms/hooks/DataValueDocs.js +7 -7
- package/extensions/forms/hooks/DataValueDocs.js.map +1 -1
- package/extensions/forms/hooks/useDataValue.d.ts +2 -1
- package/extensions/forms/hooks/useDataValue.js +7 -7
- package/extensions/forms/hooks/useDataValue.js.map +1 -1
- package/extensions/forms/hooks/useFieldProps.d.ts +1 -1
- package/extensions/forms/hooks/useFieldProps.js +297 -116
- package/extensions/forms/hooks/useFieldProps.js.map +1 -1
- package/extensions/forms/style/dnb-forms.css +13 -10
- package/extensions/forms/style/dnb-forms.min.css +1 -1
- package/extensions/forms/types.d.ts +33 -4
- package/extensions/forms/types.js.map +1 -1
- package/index.d.ts +2 -1
- package/index.js +2 -1
- package/index.js.map +1 -1
- package/package.json +2 -1
- package/shared/Context.js +4 -6
- package/shared/Context.js.map +1 -1
- package/shared/Eufemia.d.ts +1 -1
- package/shared/Eufemia.js +2 -2
- package/shared/Eufemia.js.map +1 -1
- package/shared/locales/en-GB.d.ts +3 -0
- package/shared/locales/en-GB.js +3 -0
- package/shared/locales/en-GB.js.map +1 -1
- package/shared/locales/en-US.d.ts +3 -0
- package/shared/locales/index.d.ts +6 -0
- package/shared/locales/nb-NO.d.ts +3 -0
- package/shared/locales/nb-NO.js +3 -0
- package/shared/locales/nb-NO.js.map +1 -1
- package/style/core/scopes.scss +1 -1
- package/style/core/utilities.scss +3 -6
- package/style/dnb-ui-basis.css +1 -1
- package/style/dnb-ui-basis.min.css +1 -1
- package/style/dnb-ui-body.css +1 -1
- package/style/dnb-ui-body.min.css +1 -1
- package/style/dnb-ui-components.css +45 -34
- package/style/dnb-ui-components.min.css +5 -5
- package/style/dnb-ui-components.scss +1 -0
- package/style/dnb-ui-core.css +1 -1
- package/style/dnb-ui-core.min.css +1 -1
- package/style/dnb-ui-elements.css +1 -1
- package/style/dnb-ui-elements.min.css +1 -1
- package/style/dnb-ui-extensions.css +13 -10
- package/style/dnb-ui-extensions.min.css +1 -1
- package/style/dnb-ui-forms.css +13 -10
- package/style/dnb-ui-forms.min.css +1 -1
- package/style/dnb-ui-fragments.css +2 -2
- package/style/dnb-ui-fragments.min.css +1 -1
- package/style/themes/theme-eiendom/eiendom-theme-basis.css +1 -1
- package/style/themes/theme-eiendom/eiendom-theme-basis.min.css +1 -1
- package/style/themes/theme-eiendom/eiendom-theme-components.css +59 -45
- package/style/themes/theme-eiendom/eiendom-theme-components.min.css +6 -6
- package/style/themes/theme-eiendom/eiendom-theme-elements.css +1 -1
- package/style/themes/theme-eiendom/eiendom-theme-elements.min.css +1 -1
- package/style/themes/theme-eiendom/eiendom-theme-extensions.css +13 -10
- package/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
- package/style/themes/theme-eiendom/eiendom-theme-forms.css +13 -10
- package/style/themes/theme-eiendom/eiendom-theme-forms.min.css +1 -1
- package/style/themes/theme-sbanken/sbanken-theme-basis.css +1 -1
- package/style/themes/theme-sbanken/sbanken-theme-basis.min.css +1 -1
- package/style/themes/theme-sbanken/sbanken-theme-components.css +59 -45
- package/style/themes/theme-sbanken/sbanken-theme-components.min.css +7 -7
- package/style/themes/theme-sbanken/sbanken-theme-elements.css +1 -1
- package/style/themes/theme-sbanken/sbanken-theme-elements.min.css +1 -1
- package/style/themes/theme-sbanken/sbanken-theme-extensions.css +13 -10
- package/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
- package/style/themes/theme-sbanken/sbanken-theme-forms.css +13 -10
- package/style/themes/theme-sbanken/sbanken-theme-forms.min.css +1 -1
- package/style/themes/theme-ui/ui-theme-basis.css +1 -1
- package/style/themes/theme-ui/ui-theme-basis.min.css +1 -1
- package/style/themes/theme-ui/ui-theme-components.css +59 -45
- package/style/themes/theme-ui/ui-theme-components.min.css +6 -6
- package/style/themes/theme-ui/ui-theme-elements.css +1 -1
- package/style/themes/theme-ui/ui-theme-elements.min.css +1 -1
- package/style/themes/theme-ui/ui-theme-extensions.css +13 -10
- package/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
- package/style/themes/theme-ui/ui-theme-forms.css +13 -10
- package/style/themes/theme-ui/ui-theme-forms.min.css +1 -1
- package/style/themes/theme-ui/ui-theme-tags.css +1 -1
- package/style/themes/theme-ui/ui-theme-tags.min.css +1 -1
- package/umd/dnb-ui-basis.min.js +1 -1
- package/umd/dnb-ui-components.min.js +1 -1
- package/umd/dnb-ui-elements.min.js +1 -1
- package/umd/dnb-ui-extensions.min.js +5 -5
- package/umd/dnb-ui-lib.min.js +1 -1
- package/cjs/shared/helpers/useUnmountEffect.d.ts +0 -4
- package/cjs/shared/helpers/useUnmountEffect.js +0 -14
- package/cjs/shared/helpers/useUnmountEffect.js.map +0 -1
- package/es/shared/helpers/useUnmountEffect.d.ts +0 -4
- package/es/shared/helpers/useUnmountEffect.js +0 -9
- package/es/shared/helpers/useUnmountEffect.js.map +0 -1
- package/shared/helpers/useUnmountEffect.d.ts +0 -4
- package/shared/helpers/useUnmountEffect.js +0 -9
- package/shared/helpers/useUnmountEffect.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.dnb-core-style .dnb-h--basis,.dnb-core-style .dnb-h--large,.dnb-core-style .dnb-h--medium,.dnb-core-style .dnb-h--small,.dnb-core-style .dnb-h--x-large,.dnb-core-style .dnb-h--x-small,.dnb-core-style .dnb-h--xx-large,.dnb-core-style .dnb-lead,.dnb-h--basis,.dnb-h--large,.dnb-h--medium,.dnb-h--small,.dnb-h--x-large,.dnb-h--x-small,.dnb-h--xx-large,.dnb-lead,h1,h2,h3,h4,h5,h6{color:var(--theme-color-black-80,currentColor)}.dnb-core-style .dnb-h--basis,.dnb-core-style .dnb-h--large,.dnb-core-style .dnb-h--medium,.dnb-core-style .dnb-h--small,.dnb-core-style .dnb-h--x-large,.dnb-core-style .dnb-h--x-small,.dnb-core-style .dnb-h--xx-large,.dnb-core-style .dnb-lead,.dnb-h--basis,.dnb-h--large,.dnb-h--medium,.dnb-h--small,.dnb-h--x-large,.dnb-h--x-small,.dnb-h--xx-large,.dnb-lead,.dnb-p,.dnb-small,.dnb-table,b,h1,h2,h3,h4,h5,h6,p,small,strong,sub,sup{--typography-h-xx-large-small-line-height:var(--line-height-large);--typography-h-x-large-line-height:var(--line-height-large);--typography-h-x-large-small-font-size:var(--font-size-x-large);--typography-h-large-line-height:var(--line-height-medium);--typography-h-large-small-line-height:calc(var(--line-height-medium) - 0.125rem);--typography-lead-small-font-size:var(--font-size-basis);--typography-lead-small-line-height:var(--line-height-basis);--typography-h-medium-line-height:var(--line-height-lead);--typography-h-small-small-line-height:var(--line-height-small)}.dnb-core-style a{--anchor-icon-gutter:0.25em;--anchor-icon-seperator:"";--anchor-icon-position:translateY(-0.175em);border-radius:0;display:inline;font-size:var(--font-size-basis);padding:.05575em 0;-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:currentcolor;text-decoration-thickness:var(--anchor-underline-thickness);text-underline-offset:.25em;transition:box-shadow .2s ease-in-out,border-radius .2s ease-in-out,background .2s ease-in-out}sub .dnb-core-style a,sup .dnb-core-style a{padding:0 .025em}.dnb-h--basis .dnb-core-style a,.dnb-h--large .dnb-core-style a,.dnb-h--medium .dnb-core-style a,.dnb-h--small .dnb-core-style a,.dnb-h--x-large .dnb-core-style a,.dnb-h--x-small .dnb-core-style a,.dnb-h--xx-large .dnb-core-style a,.dnb-lead .dnb-core-style a,.dnb-p .dnb-core-style a{font-size:inherit}.dnb-core-style a:focus-visible{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;border-radius:.25em;box-shadow:0 0 0 var(--border-width) var(--border-color);outline:none;transition:none}.dnb-core-style a:focus-visible,.dnb-section .dnb-core-style a:focus-visible.dnb-anchor{-webkit-text-decoration:none;text-decoration:none}.dnb-core-style a:hover:where(:not(.dnb-anchor--no-hover)){border-radius:.25em}.dnb-core-style a:hover:where(:not(.dnb-anchor--no-hover)),.dnb-section .dnb-core-style a:hover:where(:not(.dnb-anchor--no-hover)).dnb-anchor{-webkit-text-decoration:none;text-decoration:none}@supports not (selector(*:where(*))){.dnb-core-style a:hover:not(.dnb-anchor--no-hover){border-radius:.25em}.dnb-core-style a:hover:not(.dnb-anchor--no-hover),.dnb-section .dnb-core-style a:hover:not(.dnb-anchor--no-hover).dnb-anchor{-webkit-text-decoration:none;text-decoration:none}}.dnb-core-style a:active{border-radius:.25em}.dnb-core-style a:active,.dnb-section .dnb-core-style a:active.dnb-anchor{-webkit-text-decoration:none;text-decoration:none}[data-visual-test-wrapper] .dnb-core-style a{transition:none}.dnb-core-style a .dnb-icon{display:inline;vertical-align:middle;white-space:nowrap}.dnb-core-style a .dnb-icon svg{font-size:.5em;height:1em;pointer-events:none;transform:scale(2) var(--anchor-icon-position);vertical-align:baseline;width:2em}.dnb-core-style a--no-icon .dnb-icon{display:none}.dnb-core-style a--icon-left .dnb-icon:first-child:after{content:var(--anchor-icon-seperator)}.dnb-core-style a--icon-left .dnb-icon:first-child svg{margin-right:calc(var(--anchor-icon-gutter)*2)}.dnb-core-style a--icon-right .dnb-icon:last-child:before{content:var(--anchor-icon-seperator)}.dnb-core-style a--icon-right .dnb-icon:last-child svg{margin-left:calc(var(--anchor-icon-gutter)*2)}.dnb-core-style a .dnb-icon--default{font-size:.8888888889em}.dnb-core-style img{border-radius:inherit;border-style:none;box-sizing:content-box;max-width:100%;position:relative;z-index:2}.dnb-core-style img[alt]:after{align-items:center;border-radius:inherit;content:attr(alt);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:3}.dnb-core-style figure{align-items:center;display:inline-flex;flex-direction:column;padding:0;text-align:center}.dnb-core-style figure:not([class*=dnb-space]){margin:0}.dnb-core-style figure figcaption,.dnb-core-style figure img{font-size:var(--font-size-basis)}.dnb-core-style figure img{border-radius:inherit;border-style:none;box-sizing:content-box;max-width:100%;position:relative;z-index:2}.dnb-core-style figure img[alt]:after{align-items:center;border-radius:inherit;content:attr(alt);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:3}.dnb-core-style figure figcaption{margin-top:.5rem}.dnb-core-style blockquote{--blockquote-padding-top:2rem;--blockquote-padding-left:1.5rem;--blockquote-padding-bottom:3rem;--blockquote-quote-size:3rem;--blockquote-quote-padding:6rem;--blockquote-cite-style:italic;border-radius:1rem;display:inline-block;font-size:var(--font-size-small);line-height:var(--line-height-small);padding:1.5rem;position:relative;width:auto}.dnb-core-style blockquote:not([class*=dnb-space]){margin:0}.dnb-core-style blockquote:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0E1RTFEMiIgc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMzcuNSAyNy41YTkgOSAwIDEgMCAwLTE4IDkgOSAwIDAgMCAwIDE4Ii8+PHBhdGggc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNNDYuNSAxOC41YTIxIDIxIDAgMCAxLTIxIDIxIi8+PHBhdGggZmlsbD0iI0E1RTFEMiIgc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMTMuNSAyNy41YTkgOSAwIDEgMCAwLTE4IDkgOSAwIDAgMCAwIDE4Ii8+PHBhdGggc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMjIuNSAxOC41YTIxIDIxIDAgMCAxLTIxIDIxIi8+PC9zdmc+");background-size:cover;content:"";height:var(--blockquote-quote-size);left:var(--blockquote-padding-left);position:absolute;top:var(--blockquote-padding-top);width:var(--blockquote-quote-size)}.dnb-core-style blockquote,.dnb-core-style blockquote.dnb-blockquote--left{padding-bottom:var(--blockquote-padding-bottom);padding-left:var(--blockquote-quote-padding);padding-top:var(--blockquote-padding-top)}.dnb-core-style blockquote.dnb-blockquote--top{padding-bottom:var(--blockquote-padding-bottom);padding-left:var(--blockquote-padding-left);padding-top:var(--blockquote-quote-padding)}.dnb-core-style blockquote.dnb-blockquote--no-background{background-color:transparent}.dnb-core-style blockquote .dnb-cite,.dnb-core-style blockquote .dnb-figcaption,.dnb-core-style blockquote cite,.dnb-core-style blockquote figcaption,.dnb-core-style blockquote footer{display:block;font-style:var(--blockquote-cite-style);font-weight:var(--font-weight-medium);line-height:var(--line-height-basis);margin-top:1rem}.dnb-core-style blockquote .dnb-cite:before,.dnb-core-style blockquote .dnb-figcaption:before,.dnb-core-style blockquote cite:before,.dnb-core-style blockquote figcaption:before,.dnb-core-style blockquote footer:before{content:"—";display:inline-block;padding-right:.5rem}.dnb-spacing .dnb-core-style blockquote .dnb-h--large,.dnb-spacing .dnb-core-style blockquote .dnb-h--medium,.dnb-spacing .dnb-core-style blockquote .dnb-h--xx-large,.dnb-spacing .dnb-core-style blockquote .dnb-lead,.dnb-spacing .dnb-core-style blockquote h1,.dnb-spacing .dnb-core-style blockquote h2,.dnb-spacing .dnb-core-style blockquote h3{margin:0}.dnb-core-style blockquote .dnb-anchor{font-size:inherit}.dnb-core-style .dnb-spacing blockquote:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing blockquote:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style .dnb-spacing blockquote p:last-child{margin-bottom:0}.dnb-core-style hr{border:0;display:flow-root;height:0;padding:0;position:relative;width:100%}.dnb-core-style hr:not([class*=dnb-space]){margin:0}.dnb-core-style hr:after{background-color:var(--hr-color,grey);border-radius:calc(var(--thickness)/2);content:"";height:var(--thickness);inset:0;position:absolute;z-index:1}.dnb-core-style .dnb-spacing hr:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing hr:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style p{font-size:var(--font-size-basis);padding:0}.dnb-core-style p:not([class*=space__top]){margin-top:0}.dnb-core-style p:not([class*=space__bottom]){margin-bottom:0}.dnb-core-style p--lead{font-size:var(--typography-lead-font-size);font-weight:var(--typography-lead-weight);line-height:var(--typography-lead-line-height)}.dnb-core-style p--lead>small{font-size:var(--typography-lead-small-font-size);line-height:var(--typography-lead-small-line-height)}.dnb-core-style p b,.dnb-core-style p strong,.dnb-core-style p--medium{font-weight:var(--font-weight-medium)}.dnb-core-style p--bold{font-weight:var(--font-weight-bold)}.dnb-core-style p__size--xx-large{font-size:var(--font-size-xx-large);line-height:var(--line-height-xx-large)}.dnb-core-style p__size--x-large{font-size:var(--font-size-x-large);line-height:var(--line-height-x-large)}.dnb-core-style p__size--large{font-size:var(--font-size-large);line-height:var(--line-height-large)}.dnb-core-style p__size--basis{font-size:var(--font-size-basis);line-height:var(--line-height-basis)}.dnb-core-style p__size--medium{font-size:var(--font-size-medium);line-height:var(--line-height-medium)}.dnb-core-style p--small,.dnb-core-style p>small,.dnb-core-style p__size--small{font-size:var(--font-size-small);line-height:var(--line-height-small)}.dnb-core-style p--x-small,.dnb-core-style p__size--x-small{font-size:var(--font-size-x-small);line-height:var(--line-height-x-small)}.dnb-core-style p>cite{font-style:italic;font-weight:var(--font-weight-medium);line-height:var(--line-height-basis)}.dnb-core-style b,.dnb-core-style strong{font-weight:var(--font-weight-bold)}.dnb-core-style small{font-size:var(--font-size-small)}.dnb-core-style h1,.dnb-core-style h2,.dnb-core-style h3,.dnb-core-style h4,.dnb-core-style h5,.dnb-core-style h6{font-family:var(--typography-h-default-font-family);padding:0}.dnb-core-style h1:not([class*=dnb-space]),.dnb-core-style h2:not([class*=dnb-space]),.dnb-core-style h3:not([class*=dnb-space]),.dnb-core-style h4:not([class*=dnb-space]),.dnb-core-style h5:not([class*=dnb-space]),.dnb-core-style h6:not([class*=dnb-space]){margin:0}.dnb-core-style h1 .dnb-icon--default,.dnb-core-style h2 .dnb-icon--default,.dnb-core-style h3 .dnb-icon--default,.dnb-core-style h4 .dnb-icon--default,.dnb-core-style h5 .dnb-icon--default,.dnb-core-style h6 .dnb-icon--default{font-size:1em}.dnb-core-style h1 .dnb-icon--medium,.dnb-core-style h2 .dnb-icon--medium,.dnb-core-style h3 .dnb-icon--medium,.dnb-core-style h4 .dnb-icon--medium,.dnb-core-style h5 .dnb-icon--medium,.dnb-core-style h6 .dnb-icon--medium{font-size:1.5em}.dnb-core-style h1 .dnb-anchor,.dnb-core-style h1 a,.dnb-core-style h2 .dnb-anchor,.dnb-core-style h2 a,.dnb-core-style h3 .dnb-anchor,.dnb-core-style h3 a,.dnb-core-style h4 .dnb-anchor,.dnb-core-style h4 a,.dnb-core-style h5 .dnb-anchor,.dnb-core-style h5 a,.dnb-core-style h6 .dnb-anchor,.dnb-core-style h6 a{padding-bottom:.03125rem;padding-top:0}.dnb-core-style h1{font-size:var(--typography-h-xx-large-font-size);font-weight:var(--typography-h-xx-large-weight);line-height:var(--typography-h-xx-large-line-height)}.dnb-core-style h1>small{display:block;font-size:var(--typography-h-xx-large-small-font-size);line-height:var(--typography-h-xx-large-small-line-height)}.dnb-core-style h2{font-size:var(--typography-h-large-font-size);font-weight:var(--typography-h-large-weight);line-height:var(--typography-h-large-line-height)}.dnb-core-style h2>small{font-size:var(--typography-h-large-small-font-size);line-height:var(--typography-h-large-small-line-height)}.dnb-core-style h3{font-size:var(--typography-h-medium-font-size);font-weight:var(--typography-h-medium-weight);line-height:var(--typography-h-medium-line-height)}.dnb-core-style h3>small{font-size:var(--typography-h-medium-small-font-size);line-height:var(--typography-h-medium-small-line-height)}.dnb-core-style h4{font-family:var(--typography-h-basis-font-family);font-size:var(--typography-h-basis-font-size);font-weight:var(--typography-h-basis-weight);line-height:var(--typography-h-basis-line-height)}.dnb-core-style h4>small{font-size:var(--typography-h-basis-small-font-size);line-height:var(--typography-h-basis-small-line-height)}.dnb-core-style h5{font-family:var(--typography-h-small-font-family);font-size:var(--typography-h-small-font-size);font-weight:var(--typography-h-small-weight);line-height:var(--typography-h-small-line-height)}.dnb-core-style h5>small{font-size:var(--typography-h-small-small-font-size);line-height:var(--typography-h-small-small-line-height)}.dnb-core-style h6{font-family:var(--typography-h-x-small-font-family);font-size:var(--typography-h-x-small-font-size);font-weight:var(--typography-h-x-small-weight);line-height:var(--typography-h-x-small-line-height)}.dnb-core-style h2>small,.dnb-core-style h3>small,.dnb-core-style h4>small,.dnb-core-style h5>small,.dnb-core-style h6>small{line-height:var(--line-height-xx-small--em)}.dnb-core-style .dnb-core-style .dnb-spacing h1:not([class*=space__top]),.dnb-core-style .dnb-spacing h1:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-core-style .dnb-spacing h1:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h1:not([class*=space__bottom]){margin-bottom:2.5rem}.dnb-core-style .dnb-core-style .dnb-spacing h2:not([class*=space__top]),.dnb-core-style .dnb-spacing h2:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-core-style .dnb-spacing h2:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h2:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-core-style .dnb-spacing h3:not([class*=space__top]),.dnb-core-style .dnb-core-style .dnb-spacing h4:not([class*=space__top]),.dnb-core-style .dnb-core-style .dnb-spacing h5:not([class*=space__top]),.dnb-core-style .dnb-core-style .dnb-spacing h6:not([class*=space__top]),.dnb-core-style .dnb-spacing h3:not([class*=space__top]),.dnb-core-style .dnb-spacing h4:not([class*=space__top]),.dnb-core-style .dnb-spacing h5:not([class*=space__top]),.dnb-core-style .dnb-spacing h6:not([class*=space__top]){margin-top:2rem}.dnb-core-style .dnb-core-style .dnb-spacing h3:not([class*=space__bottom]),.dnb-core-style .dnb-core-style .dnb-spacing h4:not([class*=space__bottom]),.dnb-core-style .dnb-core-style .dnb-spacing h5:not([class*=space__bottom]),.dnb-core-style .dnb-core-style .dnb-spacing h6:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h3:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h4:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h5:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h6:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-core-style .dnb-spacing p:not([class*=dnb-space__top]),.dnb-core-style .dnb-spacing p:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-core-style .dnb-spacing p:not([class*=dnb-space__bottom]),.dnb-core-style .dnb-spacing p:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style ul{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-core-style ul:not([class*=dnb-space]){margin:0}.dnb-core-style ul:not([class*=dnb-space__left]){padding-left:2rem}.dnb-core-style ul ol,.dnb-core-style ul ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.dnb-core-style ul li,.dnb-core-style ul--outside li{position:relative}.dnb-core-style ul li:before,.dnb-core-style ul--outside li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.dnb-core-style ul--inside li:before{left:0;padding-right:0;position:relative;text-align:initial;width:auto}.dnb-core-style ul .dnb-anchor{font-size:inherit}.dnb-core-style ul li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.dnb-core-style .dnb-spacing ul:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing ul:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style .dnb-spacing ul>li{margin-bottom:1rem;margin-top:1rem}.dnb-core-style .dnb-spacing ul>li>p{margin-top:1rem}.dnb-core-style .dnb-spacing ul li>ol,.dnb-core-style .dnb-spacing ul li>ul,.dnb-core-style .dnb-spacing ul:not([class*=dnb-space]) li>ol,.dnb-core-style .dnb-spacing ul:not([class*=dnb-space]) li>ul{margin-top:-.5rem}.dnb-core-style ol{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-core-style ol:not([class*=dnb-space]){margin:0}.dnb-core-style ol:not([class*=dnb-space__left]){padding-left:2rem}.dnb-core-style ol li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.dnb-core-style ol ol,.dnb-core-style ol ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.dnb-core-style ol li,.dnb-core-style ol--outside li{position:relative}.dnb-core-style ol li:before,.dnb-core-style ol--outside li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.dnb-core-style ol--inside li:before{left:0;padding-right:0;position:relative;text-align:initial;width:auto}.dnb-core-style ol .dnb-anchor{font-size:inherit}.dnb-core-style ol li{list-style-type:decimal}.dnb-core-style ol--nested,.dnb-core-style ol--nested ol{counter-reset:item}.dnb-core-style ol--nested li{display:block}.dnb-core-style ol--nested li:before{content:counters(item,".") ". ";counter-increment:item}.dnb-core-style ol--nested li li:before{content:counters(item,".") " ";counter-increment:item}.dnb-core-style ol[type] li{display:list-item;list-style-type:inherit}.dnb-core-style ol[type] li li:before,.dnb-core-style ol[type] li:before{content:none}.dnb-core-style .dnb-spacing ol:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing ol:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style .dnb-spacing ol>li{margin-bottom:1rem;margin-top:1rem}.dnb-core-style .dnb-spacing ol>li>p{margin-top:1rem}.dnb-core-style .dnb-spacing ol li>ol,.dnb-core-style .dnb-spacing ol li>ul,.dnb-core-style .dnb-spacing ol:not([class*=dnb-space]) li>ol,.dnb-core-style .dnb-spacing ol:not([class*=dnb-space]) li>ul{margin-top:-.5rem}.dnb-core-style dl{--column-gap:1rem;--row-gap:0.5rem;font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-core-style dl:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style dl:not([class*=dnb-space__bottom]){margin-bottom:0}.dnb-core-style dl dt{font-weight:var(--font-weight-medium);padding:0}.dnb-core-style dl dd~dt{margin-top:var(--row-gap)}.dnb-core-style dl dt:not(:first-of-type){margin-top:calc(var(--row-gap) + 1rem)}.dnb-core-style dl dd{margin:.5rem 0 1rem;padding:0}.dnb-core-style dl:not([class*=dnb-space])>dd>dl,.dnb-core-style dl>dd>dl{margin-left:2rem;margin-top:calc(var(--row-gap) + .5rem)}@media screen and (min-width:40em){.dnb-core-style dl__layout--horizontal{--dt-max-width:40%;--dd-max-width:calc(60% - 1rem);display:flex;flex-wrap:wrap;max-width:60ch}.dnb-core-style dl__layout--horizontal dt{margin-right:calc(var(--column-gap) - .5rem);margin-top:0;max-width:var(--dt-max-width)}.dnb-core-style dl__layout--horizontal dd{align-self:end;width:var(--dd-max-width)}.dnb-core-style dl__layout--horizontal dd,.dnb-core-style dl__layout--horizontal dd~dt:not(:first-of-type),.dnb-core-style dl__layout--horizontal dt:not(:first-of-type){margin-bottom:0;margin-top:var(--row-gap)}.dnb-core-style dl__layout--horizontal dd:first-of-type,.dnb-core-style dl__layout--horizontal dd~dt:not(:first-of-type):first-of-type,.dnb-core-style dl__layout--horizontal dt:not(:first-of-type):first-of-type{margin-top:0}.dnb-core-style dl dd.dnb-core-style dl__item{flex-basis:100%;height:0;margin:0;-webkit-user-select:none;user-select:none;visibility:hidden}.dnb-core-style dl:not(.dnb-core-style dl__layout--horizontal) dd.dnb-core-style dl__item{display:none}.dnb-core-style dl__layout--grid{--dt-max-width:15ch;--dd-max-width:40ch;-moz-column-gap:var(--column-gap);column-gap:var(--column-gap);display:grid;grid-template-columns:max-content 1fr;row-gap:var(--row-gap)}.dnb-core-style dl__layout--grid dt{max-width:var(--dt-max-width)}.dnb-core-style dl__layout--grid dt:not(:first-of-type){margin-top:0}.dnb-core-style dl__layout--grid dd{align-self:end;max-width:var(--dd-max-width)}.dnb-core-style dl__layout--grid dd,.dnb-core-style dl__layout--grid dd~dt,.dnb-core-style dl__layout--grid dt{margin:0}}.dnb-core-style .dnb-spacing dl:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing dl:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style label{cursor:pointer;overflow-wrap:break-word}.dnb-core-style label[disabled]{cursor:not-allowed}.dnb-core-style code{border-radius:.1875em;color:inherit;display:inline-block;font-size:.875em;line-height:calc(var(--line-height-xx-small--em)/.875);padding:.28571em;text-decoration:inherit}del .dnb-core-style code{-webkit-text-decoration:line-through;text-decoration:line-through}.dnb-core-style code:not([class*=dnb-space]){margin:-.28571em 0}.dnb-core-style pre{word-wrap:normal;border-radius:.5rem;display:block;font-family:var(--font-family-monospace);font-size:inherit;-webkit-hyphens:none;hyphens:none;outline:none;overflow:auto;padding:1rem;-moz-tab-size:2;tab-size:2;text-align:left;text-shadow:none;vertical-align:baseline;white-space:pre;word-break:normal;word-spacing:normal}.dnb-core-style pre:not([class*=dnb-space]){margin:0}.dnb-core-style pre pre{padding:1rem}.dnb-core-style pre .dnb-spacing pre:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style pre .dnb-spacing pre:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style a{--theme-color-black-80:var(--color-sea-green);--anchor-color:var(--anchor-color--default,var(--color-sea-green));--anchor-color--active:var(--color-mint-green);--anchor-color--contrast:var(--color-emerald-green);--anchor-background--hover:var(--color-mint-green-50);--anchor-background--active:var(--color-emerald-green);color:var(--anchor-color)}.dnb-core-style a:hover:where(:not(.dnb-anchor--no-hover)){--anchor-color:var(--color-sea-green);box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--anchor-background--hover)}@supports not (selector(*:where(*))){.dnb-core-style a:hover:not(.dnb-anchor--no-hover){--anchor-color:var(--color-sea-green);box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--anchor-background--hover)}}.dnb-core-style a:active{--anchor-color:var(--anchor-color--active);box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--active),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--anchor-background--active),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--anchor-background--active)}.dnb-core-style a:focus-visible{--anchor-color:var(--color-sea-green)}.dnb-core-style a__launch-icon.dnb-icon.dnb-icon--default{font-size:1em}.dnb-core-style a__launch-icon.dnb-icon.dnb-icon--default svg path{stroke-width:1.2}.dnb-core-style h1,.dnb-core-style h2,.dnb-core-style h3,.dnb-core-style h4,.dnb-core-style h5,.dnb-core-style h6,.dnb-core-style p{color:var(--theme-color-black-80,currentColor)}.dnb-core-style img[alt]:after{background-color:var(--color-black-8);color:var(--color-black-80)}
|
|
1
|
+
@charset "UTF-8";.dnb-core-style .dnb-h--basis,.dnb-core-style .dnb-h--large,.dnb-core-style .dnb-h--medium,.dnb-core-style .dnb-h--small,.dnb-core-style .dnb-h--x-large,.dnb-core-style .dnb-h--x-small,.dnb-core-style .dnb-h--xx-large,.dnb-core-style .dnb-lead,.dnb-h--basis,.dnb-h--large,.dnb-h--medium,.dnb-h--small,.dnb-h--x-large,.dnb-h--x-small,.dnb-h--xx-large,.dnb-lead,h1,h2,h3,h4,h5,h6{color:var(--theme-color-black-80,currentColor)}.dnb-core-style .dnb-h--basis,.dnb-core-style .dnb-h--large,.dnb-core-style .dnb-h--medium,.dnb-core-style .dnb-h--small,.dnb-core-style .dnb-h--x-large,.dnb-core-style .dnb-h--x-small,.dnb-core-style .dnb-h--xx-large,.dnb-core-style .dnb-lead,.dnb-h--basis,.dnb-h--large,.dnb-h--medium,.dnb-h--small,.dnb-h--x-large,.dnb-h--x-small,.dnb-h--xx-large,.dnb-lead,.dnb-p,.dnb-small,.dnb-table,b,h1,h2,h3,h4,h5,h6,p,small,strong,sub,sup{--typography-h-xx-large-small-line-height:var(--line-height-large);--typography-h-x-large-line-height:var(--line-height-large);--typography-h-x-large-small-font-size:var(--font-size-x-large);--typography-h-large-line-height:var(--line-height-medium);--typography-h-large-small-line-height:calc(var(--line-height-medium) - 0.125rem);--typography-lead-small-font-size:var(--font-size-basis);--typography-lead-small-line-height:var(--line-height-basis);--typography-h-medium-line-height:var(--line-height-lead);--typography-h-small-small-line-height:var(--line-height-small)}.dnb-core-style a{--anchor-icon-gutter:0.25em;--anchor-icon-seperator:"";--anchor-icon-position:translateY(-0.175em);border-radius:0;display:inline;font-size:var(--font-size-basis);padding:.05575em 0;-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:currentcolor;text-decoration-thickness:var(--anchor-underline-thickness);text-underline-offset:.25em;transition:box-shadow .2s ease-in-out,border-radius .2s ease-in-out,background .2s ease-in-out}sub .dnb-core-style a,sup .dnb-core-style a{padding:0 .025em}.dnb-h--basis .dnb-core-style a,.dnb-h--large .dnb-core-style a,.dnb-h--medium .dnb-core-style a,.dnb-h--small .dnb-core-style a,.dnb-h--x-large .dnb-core-style a,.dnb-h--x-small .dnb-core-style a,.dnb-h--xx-large .dnb-core-style a,.dnb-lead .dnb-core-style a,.dnb-p .dnb-core-style a{font-size:inherit}.dnb-core-style a:focus-visible{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;border-radius:.25em;box-shadow:0 0 0 var(--border-width) var(--border-color);outline:none;transition:none}.dnb-core-style a:focus-visible,.dnb-section .dnb-core-style a:focus-visible.dnb-anchor{-webkit-text-decoration:none;text-decoration:none}.dnb-core-style a:hover:where(:not(.dnb-anchor--no-hover)){border-radius:.25em}.dnb-core-style a:hover:where(:not(.dnb-anchor--no-hover)),.dnb-section .dnb-core-style a:hover:where(:not(.dnb-anchor--no-hover)).dnb-anchor{-webkit-text-decoration:none;text-decoration:none}@supports not (selector(*:where(*))){.dnb-core-style a:hover:not(.dnb-anchor--no-hover){border-radius:.25em}.dnb-core-style a:hover:not(.dnb-anchor--no-hover),.dnb-section .dnb-core-style a:hover:not(.dnb-anchor--no-hover).dnb-anchor{-webkit-text-decoration:none;text-decoration:none}}.dnb-core-style a:active{border-radius:.25em}.dnb-core-style a:active,.dnb-section .dnb-core-style a:active.dnb-anchor{-webkit-text-decoration:none;text-decoration:none}[data-visual-test-wrapper] .dnb-core-style a{transition:none}.dnb-core-style a .dnb-icon{display:inline;vertical-align:middle;white-space:nowrap}.dnb-core-style a .dnb-icon svg{font-size:.5em;height:1em;pointer-events:none;transform:scale(2) var(--anchor-icon-position);vertical-align:baseline;width:2em}.dnb-core-style a--no-icon .dnb-icon{display:none}.dnb-core-style a--icon-left .dnb-icon:first-child:after{content:var(--anchor-icon-seperator)}.dnb-core-style a--icon-left .dnb-icon:first-child svg{margin-right:calc(var(--anchor-icon-gutter)*2)}.dnb-core-style a--icon-right .dnb-icon:last-child:before{content:var(--anchor-icon-seperator)}.dnb-core-style a--icon-right .dnb-icon:last-child svg{margin-left:calc(var(--anchor-icon-gutter)*2)}.dnb-core-style a .dnb-icon--default{font-size:.8888888889em}.dnb-core-style img{border-radius:inherit;border-style:none;box-sizing:content-box;max-width:100%;position:relative;z-index:2}.dnb-core-style img[alt]:after{align-items:center;border-radius:inherit;content:attr(alt);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:3}.dnb-core-style figure{align-items:center;display:inline-flex;flex-direction:column;padding:0;text-align:center}.dnb-core-style figure:not([class*=dnb-space]){margin:0}.dnb-core-style figure figcaption,.dnb-core-style figure img{font-size:var(--font-size-basis)}.dnb-core-style figure img{border-radius:inherit;border-style:none;box-sizing:content-box;max-width:100%;position:relative;z-index:2}.dnb-core-style figure img[alt]:after{align-items:center;border-radius:inherit;content:attr(alt);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:3}.dnb-core-style figure figcaption{margin-top:.5rem}.dnb-core-style blockquote{--blockquote-padding-top:2rem;--blockquote-padding-left:1.5rem;--blockquote-padding-bottom:3rem;--blockquote-quote-size:3rem;--blockquote-quote-padding:6rem;--blockquote-cite-style:italic;border-radius:1rem;display:inline-block;font-size:var(--font-size-small);line-height:var(--line-height-small);padding:1.5rem;position:relative;width:auto}.dnb-core-style blockquote:not([class*=dnb-space]){margin:0}.dnb-core-style blockquote:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0E1RTFEMiIgc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMzcuNSAyNy41YTkgOSAwIDEgMCAwLTE4IDkgOSAwIDAgMCAwIDE4Ii8+PHBhdGggc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNNDYuNSAxOC41YTIxIDIxIDAgMCAxLTIxIDIxIi8+PHBhdGggZmlsbD0iI0E1RTFEMiIgc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMTMuNSAyNy41YTkgOSAwIDEgMCAwLTE4IDkgOSAwIDAgMCAwIDE4Ii8+PHBhdGggc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMjIuNSAxOC41YTIxIDIxIDAgMCAxLTIxIDIxIi8+PC9zdmc+");background-size:cover;content:"";height:var(--blockquote-quote-size);left:var(--blockquote-padding-left);position:absolute;top:var(--blockquote-padding-top);width:var(--blockquote-quote-size)}.dnb-core-style blockquote,.dnb-core-style blockquote.dnb-blockquote--left{padding-bottom:var(--blockquote-padding-bottom);padding-left:var(--blockquote-quote-padding);padding-top:var(--blockquote-padding-top)}.dnb-core-style blockquote.dnb-blockquote--top{padding-bottom:var(--blockquote-padding-bottom);padding-left:var(--blockquote-padding-left);padding-top:var(--blockquote-quote-padding)}.dnb-core-style blockquote.dnb-blockquote--no-background{background-color:transparent}.dnb-core-style blockquote .dnb-cite,.dnb-core-style blockquote .dnb-figcaption,.dnb-core-style blockquote cite,.dnb-core-style blockquote figcaption,.dnb-core-style blockquote footer{display:block;font-style:var(--blockquote-cite-style);font-weight:var(--font-weight-medium);line-height:var(--line-height-basis);margin-top:1rem}.dnb-core-style blockquote .dnb-cite:before,.dnb-core-style blockquote .dnb-figcaption:before,.dnb-core-style blockquote cite:before,.dnb-core-style blockquote figcaption:before,.dnb-core-style blockquote footer:before{content:"—";display:inline-block;padding-right:.5rem}.dnb-spacing .dnb-core-style blockquote .dnb-h--large,.dnb-spacing .dnb-core-style blockquote .dnb-h--medium,.dnb-spacing .dnb-core-style blockquote .dnb-h--xx-large,.dnb-spacing .dnb-core-style blockquote .dnb-lead,.dnb-spacing .dnb-core-style blockquote h1,.dnb-spacing .dnb-core-style blockquote h2,.dnb-spacing .dnb-core-style blockquote h3{margin:0}.dnb-core-style blockquote .dnb-anchor{font-size:inherit}.dnb-core-style .dnb-spacing blockquote:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing blockquote:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style .dnb-spacing blockquote p:last-child{margin-bottom:0}.dnb-core-style hr{border:0;display:flow-root;height:0;padding:0;position:relative;width:100%}.dnb-core-style hr:not([class*=dnb-space]){margin:0}.dnb-core-style hr:after{background-color:var(--hr-color,grey);border-radius:calc(var(--thickness)/2);content:"";height:var(--thickness);inset:0;position:absolute;z-index:1}.dnb-core-style .dnb-spacing hr:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing hr:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style p{font-size:var(--font-size-basis);padding:0}.dnb-core-style p:not([class*=space__top]){margin-top:0}.dnb-core-style p:not([class*=space__bottom]){margin-bottom:0}.dnb-core-style p--lead{font-size:var(--typography-lead-font-size);font-weight:var(--typography-lead-weight);line-height:var(--typography-lead-line-height)}.dnb-core-style p--lead>small{font-size:var(--typography-lead-small-font-size);line-height:var(--typography-lead-small-line-height)}.dnb-core-style p b,.dnb-core-style p strong,.dnb-core-style p--medium{font-weight:var(--font-weight-medium)}.dnb-core-style p--bold{font-weight:var(--font-weight-bold)}.dnb-core-style p__size--xx-large{font-size:var(--font-size-xx-large);line-height:var(--line-height-xx-large)}.dnb-core-style p__size--x-large{font-size:var(--font-size-x-large);line-height:var(--line-height-x-large)}.dnb-core-style p__size--large{font-size:var(--font-size-large);line-height:var(--line-height-large)}.dnb-core-style p__size--basis{font-size:var(--font-size-basis);line-height:var(--line-height-basis)}.dnb-core-style p__size--medium{font-size:var(--font-size-medium);line-height:var(--line-height-medium)}.dnb-core-style p--small,.dnb-core-style p>small,.dnb-core-style p__size--small{font-size:var(--font-size-small);line-height:var(--line-height-small)}.dnb-core-style p--x-small,.dnb-core-style p__size--x-small{font-size:var(--font-size-x-small);line-height:var(--line-height-x-small)}.dnb-core-style p>cite{font-style:italic;font-weight:var(--font-weight-medium);line-height:var(--line-height-basis)}.dnb-core-style b,.dnb-core-style strong{font-weight:var(--font-weight-bold)}.dnb-core-style small{font-size:var(--font-size-small)}.dnb-core-style h1,.dnb-core-style h2,.dnb-core-style h3,.dnb-core-style h4,.dnb-core-style h5,.dnb-core-style h6{font-family:var(--typography-h-default-font-family);padding:0}.dnb-core-style h1:not([class*=dnb-space]),.dnb-core-style h2:not([class*=dnb-space]),.dnb-core-style h3:not([class*=dnb-space]),.dnb-core-style h4:not([class*=dnb-space]),.dnb-core-style h5:not([class*=dnb-space]),.dnb-core-style h6:not([class*=dnb-space]){margin:0}.dnb-core-style h1 .dnb-icon--default,.dnb-core-style h2 .dnb-icon--default,.dnb-core-style h3 .dnb-icon--default,.dnb-core-style h4 .dnb-icon--default,.dnb-core-style h5 .dnb-icon--default,.dnb-core-style h6 .dnb-icon--default{font-size:1em}.dnb-core-style h1 .dnb-icon--medium,.dnb-core-style h2 .dnb-icon--medium,.dnb-core-style h3 .dnb-icon--medium,.dnb-core-style h4 .dnb-icon--medium,.dnb-core-style h5 .dnb-icon--medium,.dnb-core-style h6 .dnb-icon--medium{font-size:1.5em}.dnb-core-style h1 .dnb-anchor,.dnb-core-style h1 a,.dnb-core-style h2 .dnb-anchor,.dnb-core-style h2 a,.dnb-core-style h3 .dnb-anchor,.dnb-core-style h3 a,.dnb-core-style h4 .dnb-anchor,.dnb-core-style h4 a,.dnb-core-style h5 .dnb-anchor,.dnb-core-style h5 a,.dnb-core-style h6 .dnb-anchor,.dnb-core-style h6 a{padding-bottom:.03125rem;padding-top:0}.dnb-core-style h1{font-size:var(--typography-h-xx-large-font-size);font-weight:var(--typography-h-xx-large-weight);line-height:var(--typography-h-xx-large-line-height)}.dnb-core-style h1>small{display:block;font-size:var(--typography-h-xx-large-small-font-size);line-height:var(--typography-h-xx-large-small-line-height)}.dnb-core-style h2{font-size:var(--typography-h-large-font-size);font-weight:var(--typography-h-large-weight);line-height:var(--typography-h-large-line-height)}.dnb-core-style h2>small{font-size:var(--typography-h-large-small-font-size);line-height:var(--typography-h-large-small-line-height)}.dnb-core-style h3{font-size:var(--typography-h-medium-font-size);font-weight:var(--typography-h-medium-weight);line-height:var(--typography-h-medium-line-height)}.dnb-core-style h3>small{font-size:var(--typography-h-medium-small-font-size);line-height:var(--typography-h-medium-small-line-height)}.dnb-core-style h4{font-family:var(--typography-h-basis-font-family);font-size:var(--typography-h-basis-font-size);font-weight:var(--typography-h-basis-weight);line-height:var(--typography-h-basis-line-height)}.dnb-core-style h4>small{font-size:var(--typography-h-basis-small-font-size);line-height:var(--typography-h-basis-small-line-height)}.dnb-core-style h5{font-family:var(--typography-h-small-font-family);font-size:var(--typography-h-small-font-size);font-weight:var(--typography-h-small-weight);line-height:var(--typography-h-small-line-height)}.dnb-core-style h5>small{font-size:var(--typography-h-small-small-font-size);line-height:var(--typography-h-small-small-line-height)}.dnb-core-style h6{font-family:var(--typography-h-x-small-font-family);font-size:var(--typography-h-x-small-font-size);font-weight:var(--typography-h-x-small-weight);line-height:var(--typography-h-x-small-line-height)}.dnb-core-style h2>small,.dnb-core-style h3>small,.dnb-core-style h4>small,.dnb-core-style h5>small,.dnb-core-style h6>small{line-height:var(--line-height-xx-small--em)}.dnb-core-style .dnb-core-style .dnb-spacing h1:not([class*=space__top]),.dnb-core-style .dnb-spacing h1:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-core-style .dnb-spacing h1:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h1:not([class*=space__bottom]){margin-bottom:2.5rem}.dnb-core-style .dnb-core-style .dnb-spacing h2:not([class*=space__top]),.dnb-core-style .dnb-spacing h2:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-core-style .dnb-spacing h2:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h2:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-core-style .dnb-spacing h3:not([class*=space__top]),.dnb-core-style .dnb-core-style .dnb-spacing h4:not([class*=space__top]),.dnb-core-style .dnb-core-style .dnb-spacing h5:not([class*=space__top]),.dnb-core-style .dnb-core-style .dnb-spacing h6:not([class*=space__top]),.dnb-core-style .dnb-spacing h3:not([class*=space__top]),.dnb-core-style .dnb-spacing h4:not([class*=space__top]),.dnb-core-style .dnb-spacing h5:not([class*=space__top]),.dnb-core-style .dnb-spacing h6:not([class*=space__top]){margin-top:2rem}.dnb-core-style .dnb-core-style .dnb-spacing h3:not([class*=space__bottom]),.dnb-core-style .dnb-core-style .dnb-spacing h4:not([class*=space__bottom]),.dnb-core-style .dnb-core-style .dnb-spacing h5:not([class*=space__bottom]),.dnb-core-style .dnb-core-style .dnb-spacing h6:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h3:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h4:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h5:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h6:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-core-style .dnb-spacing p:not([class*=dnb-space__top]),.dnb-core-style .dnb-spacing p:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-core-style .dnb-spacing p:not([class*=dnb-space__bottom]),.dnb-core-style .dnb-spacing p:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style ul{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-core-style ul:not([class*=dnb-space]){margin:0}.dnb-core-style ul:not([class*=dnb-space__left]){padding-left:2rem}.dnb-core-style ul ol,.dnb-core-style ul ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.dnb-core-style ul li,.dnb-core-style ul--outside li{position:relative}.dnb-core-style ul li:before,.dnb-core-style ul--outside li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.dnb-core-style ul--inside li:before{left:0;padding-right:0;position:relative;text-align:initial;width:auto}.dnb-core-style ul .dnb-anchor{font-size:inherit}.dnb-core-style ul li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.dnb-core-style .dnb-spacing ul:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing ul:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style .dnb-spacing ul>li{margin-bottom:1rem;margin-top:1rem}.dnb-core-style .dnb-spacing ul>li>p{margin-top:1rem}.dnb-core-style .dnb-spacing ul li>ol,.dnb-core-style .dnb-spacing ul li>ul,.dnb-core-style .dnb-spacing ul:not([class*=dnb-space]) li>ol,.dnb-core-style .dnb-spacing ul:not([class*=dnb-space]) li>ul{margin-top:-.5rem}.dnb-core-style ol{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-core-style ol:not([class*=dnb-space]){margin:0}.dnb-core-style ol:not([class*=dnb-space__left]){padding-left:2rem}.dnb-core-style ol li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.dnb-core-style ol ol,.dnb-core-style ol ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.dnb-core-style ol li,.dnb-core-style ol--outside li{position:relative}.dnb-core-style ol li:before,.dnb-core-style ol--outside li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.dnb-core-style ol--inside li:before{left:0;padding-right:0;position:relative;text-align:initial;width:auto}.dnb-core-style ol .dnb-anchor{font-size:inherit}.dnb-core-style ol li{list-style-type:decimal}.dnb-core-style ol--nested,.dnb-core-style ol--nested ol{counter-reset:item}.dnb-core-style ol--nested li{display:block}.dnb-core-style ol--nested li:before{content:counters(item,".") ". ";counter-increment:item}.dnb-core-style ol--nested li li:before{content:counters(item,".") " ";counter-increment:item}.dnb-core-style ol[type] li{display:list-item;list-style-type:inherit}.dnb-core-style ol[type] li li:before,.dnb-core-style ol[type] li:before{content:none}.dnb-core-style .dnb-spacing ol:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing ol:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style .dnb-spacing ol>li{margin-bottom:1rem;margin-top:1rem}.dnb-core-style .dnb-spacing ol>li>p{margin-top:1rem}.dnb-core-style .dnb-spacing ol li>ol,.dnb-core-style .dnb-spacing ol li>ul,.dnb-core-style .dnb-spacing ol:not([class*=dnb-space]) li>ol,.dnb-core-style .dnb-spacing ol:not([class*=dnb-space]) li>ul{margin-top:-.5rem}.dnb-core-style dl{--column-gap:1rem;--row-gap:0.5rem;font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-core-style dl:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style dl:not([class*=dnb-space__bottom]){margin-bottom:0}.dnb-core-style dl dt{font-weight:var(--font-weight-medium);padding:0}.dnb-core-style dl dd~dt{margin-top:var(--row-gap)}.dnb-core-style dl dt:not(:first-of-type){margin-top:calc(var(--row-gap) + 1rem)}.dnb-core-style dl dd{margin:.5rem 0 1rem;padding:0}.dnb-core-style dl:not([class*=dnb-space])>dd>dl,.dnb-core-style dl>dd>dl{margin-left:2rem;margin-top:calc(var(--row-gap) + .5rem)}@media screen and (min-width:40.0625em){.dnb-core-style dl__layout--horizontal{--dt-max-width:40%;--dd-max-width:calc(60% - 1rem);display:flex;flex-wrap:wrap;max-width:60ch}.dnb-core-style dl__layout--horizontal dt{margin-right:calc(var(--column-gap) - .5rem);margin-top:0;max-width:var(--dt-max-width)}.dnb-core-style dl__layout--horizontal dd{align-self:end;width:var(--dd-max-width)}.dnb-core-style dl__layout--horizontal dd,.dnb-core-style dl__layout--horizontal dd~dt:not(:first-of-type),.dnb-core-style dl__layout--horizontal dt:not(:first-of-type){margin-bottom:0;margin-top:var(--row-gap)}.dnb-core-style dl__layout--horizontal dd:first-of-type,.dnb-core-style dl__layout--horizontal dd~dt:not(:first-of-type):first-of-type,.dnb-core-style dl__layout--horizontal dt:not(:first-of-type):first-of-type{margin-top:0}.dnb-core-style dl dd.dnb-core-style dl__item{flex-basis:100%;height:0;margin:0;-webkit-user-select:none;user-select:none;visibility:hidden}.dnb-core-style dl:not(.dnb-core-style dl__layout--horizontal) dd.dnb-core-style dl__item{display:none}.dnb-core-style dl__layout--grid{--dt-max-width:15ch;--dd-max-width:40ch;-moz-column-gap:var(--column-gap);column-gap:var(--column-gap);display:grid;grid-template-columns:max-content 1fr;row-gap:var(--row-gap)}.dnb-core-style dl__layout--grid dt{max-width:var(--dt-max-width)}.dnb-core-style dl__layout--grid dt:not(:first-of-type){margin-top:0}.dnb-core-style dl__layout--grid dd{align-self:end;max-width:var(--dd-max-width)}.dnb-core-style dl__layout--grid dd,.dnb-core-style dl__layout--grid dd~dt,.dnb-core-style dl__layout--grid dt{margin:0}}.dnb-core-style .dnb-spacing dl:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing dl:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style label{cursor:pointer;overflow-wrap:break-word}.dnb-core-style label[disabled]{cursor:not-allowed}.dnb-core-style code{border-radius:.1875em;color:inherit;display:inline-block;font-size:.875em;line-height:calc(var(--line-height-xx-small--em)/.875);padding:.28571em;text-decoration:inherit}del .dnb-core-style code{-webkit-text-decoration:line-through;text-decoration:line-through}.dnb-core-style code:not([class*=dnb-space]){margin:-.28571em 0}.dnb-core-style pre{word-wrap:normal;border-radius:.5rem;display:block;font-family:var(--font-family-monospace);font-size:inherit;-webkit-hyphens:none;hyphens:none;outline:none;overflow:auto;padding:1rem;-moz-tab-size:2;tab-size:2;text-align:left;text-shadow:none;vertical-align:baseline;white-space:pre;word-break:normal;word-spacing:normal}.dnb-core-style pre:not([class*=dnb-space]){margin:0}.dnb-core-style pre pre{padding:1rem}.dnb-core-style pre .dnb-spacing pre:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style pre .dnb-spacing pre:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style a{--theme-color-black-80:var(--color-sea-green);--anchor-color:var(--anchor-color--default,var(--color-sea-green));--anchor-color--active:var(--color-mint-green);--anchor-color--contrast:var(--color-emerald-green);--anchor-background--hover:var(--color-mint-green-50);--anchor-background--active:var(--color-emerald-green);color:var(--anchor-color)}.dnb-core-style a:hover:where(:not(.dnb-anchor--no-hover)){--anchor-color:var(--color-sea-green);box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--anchor-background--hover)}@supports not (selector(*:where(*))){.dnb-core-style a:hover:not(.dnb-anchor--no-hover){--anchor-color:var(--color-sea-green);box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--anchor-background--hover)}}.dnb-core-style a:active{--anchor-color:var(--anchor-color--active);box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--active),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--anchor-background--active),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--anchor-background--active)}.dnb-core-style a:focus-visible{--anchor-color:var(--color-sea-green)}.dnb-core-style a__launch-icon.dnb-icon.dnb-icon--default{font-size:1em}.dnb-core-style a__launch-icon.dnb-icon.dnb-icon--default svg path{stroke-width:1.2}.dnb-core-style h1,.dnb-core-style h2,.dnb-core-style h3,.dnb-core-style h4,.dnb-core-style h5,.dnb-core-style h6,.dnb-core-style p{color:var(--theme-color-black-80,currentColor)}.dnb-core-style img[alt]:after{background-color:var(--color-black-8);color:var(--color-black-80)}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ATTENTION: This file is auto generated by using "prepareTemplates".
|
|
3
|
+
* Do not change the content!
|
|
4
|
+
*
|
|
5
|
+
*/
|
|
6
|
+
/**
|
|
7
|
+
* Library Index copy-on-click to autogenerate all the components and extensions
|
|
8
|
+
* Used by "prepareCopyOnClicks"
|
|
9
|
+
*/
|
|
10
|
+
import CopyOnClick from './copy-on-click/CopyOnClick';
|
|
11
|
+
export * from './copy-on-click/CopyOnClick';
|
|
12
|
+
export default CopyOnClick;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CopyOnClick.js","names":["CopyOnClick"],"sources":["../../../src/components/CopyOnClick.ts"],"sourcesContent":["/**\n * ATTENTION: This file is auto generated by using \"prepareTemplates\".\n * Do not change the content!\n *\n */\n\n/**\n * Library Index copy-on-click to autogenerate all the components and extensions\n * Used by \"prepareCopyOnClicks\"\n */\n\nimport CopyOnClick from './copy-on-click/CopyOnClick'\nexport * from './copy-on-click/CopyOnClick'\nexport default CopyOnClick\n"],"mappings":"AAWA,OAAOA,WAAW,MAAM,6BAA6B;AACrD,cAAc,6BAA6B;AAC3C,eAAeA,WAAW"}
|
|
@@ -229,7 +229,15 @@ declare namespace Accordion {
|
|
|
229
229
|
* Determines how many accordions can be expanded at once.
|
|
230
230
|
* Default: `single`
|
|
231
231
|
*/
|
|
232
|
+
/**
|
|
233
|
+
* @deprecated – Replaced with expandBehavior, expandBehaviour can be removed in v11
|
|
234
|
+
*/
|
|
232
235
|
expandBehaviour?: "multiple" | "single";
|
|
236
|
+
/**
|
|
237
|
+
* Determines how many accordions can be expanded at once.
|
|
238
|
+
* Default: `single`
|
|
239
|
+
*/
|
|
240
|
+
expandBehavior?: "multiple" | "single";
|
|
233
241
|
/**
|
|
234
242
|
* ref handle to collapse all expanded accordions. Send in a ref and use `.current()` to collapse all accordions.
|
|
235
243
|
*
|
|
@@ -252,7 +260,7 @@ declare namespace Accordion {
|
|
|
252
260
|
};
|
|
253
261
|
var Content: typeof AccordionContent;
|
|
254
262
|
var Group: {
|
|
255
|
-
({ expandBehaviour, ...props }: GroupProps): import("react/jsx-runtime").JSX.Element;
|
|
263
|
+
({ expandBehaviour, expandBehavior, ...props }: GroupProps): import("react/jsx-runtime").JSX.Element;
|
|
256
264
|
Store(group: string, id?: string): Store;
|
|
257
265
|
};
|
|
258
266
|
var Store: (id: string) => Store;
|
|
@@ -264,7 +272,15 @@ export type GroupProps = AccordionProps & {
|
|
|
264
272
|
* Determines how many accordions can be expanded at once.
|
|
265
273
|
* Default: `single`
|
|
266
274
|
*/
|
|
275
|
+
/**
|
|
276
|
+
* @deprecated – Replaced with expandBehavior, expandBehaviour can be removed in v11
|
|
277
|
+
*/
|
|
267
278
|
expandBehaviour?: 'single' | 'multiple';
|
|
279
|
+
/**
|
|
280
|
+
* Determines how many accordions can be expanded at once.
|
|
281
|
+
* Default: `single`
|
|
282
|
+
*/
|
|
283
|
+
expandBehavior?: 'single' | 'multiple';
|
|
268
284
|
/**
|
|
269
285
|
* ref handle to collapse all expanded accordions. Send in a ref and use `.current()` to collapse all accordions.
|
|
270
286
|
*
|
|
@@ -6,7 +6,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
|
|
|
6
6
|
var _AccordionHeader;
|
|
7
7
|
const _excluded = ["variant", "icon_size"],
|
|
8
8
|
_excluded2 = ["variant", "className", "prerender", "prevent_rerender", "prevent_rerender_conditional", "single_container", "remember_state", "disabled", "skeleton", "no_animation", "expanded_ssr", "children", "id", "group", "title", "description", "left_component", "icon", "icon_position", "icon_size", "on_change", "on_state_update", "contentRef"],
|
|
9
|
-
_excluded3 = ["expandBehaviour"];
|
|
9
|
+
_excluded3 = ["expandBehaviour", "expandBehavior"];
|
|
10
10
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
11
11
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
12
12
|
import React, { useContext, useState, useEffect, useRef, useMemo } from 'react';
|
|
@@ -214,7 +214,8 @@ function Accordion(_ref) {
|
|
|
214
214
|
Accordion.defaultProps = accordionDefaultProps;
|
|
215
215
|
const Group = _ref2 => {
|
|
216
216
|
let {
|
|
217
|
-
expandBehaviour = 'single'
|
|
217
|
+
expandBehaviour = 'single',
|
|
218
|
+
expandBehavior = 'single'
|
|
218
219
|
} = _ref2,
|
|
219
220
|
props = _objectWithoutProperties(_ref2, _excluded3);
|
|
220
221
|
if (props.remember_state && !props.id) {
|
|
@@ -258,6 +259,7 @@ const Group = _ref2 => {
|
|
|
258
259
|
}, props, {
|
|
259
260
|
group: group,
|
|
260
261
|
expandBehaviour: expandBehaviour,
|
|
262
|
+
expandBehavior: expandBehavior,
|
|
261
263
|
expanded_id: expandedId || props.expanded_id
|
|
262
264
|
}));
|
|
263
265
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","names":["React","useContext","useState","useEffect","useRef","useMemo","classnames","makeUniqueId","findElementInChildren","extendPropsWithContext","validateDOMAttributes","dispatchCustomElementEvent","createSpacingClasses","AccordionGroup","AccordionHeader","AccordionContent","AccordionContext","AccordionProviderContext","Context","AccordionStore","Store","rememberWarning","accordionDefaultProps","Accordion","_ref","variant","icon_size","restOfProps","_objectWithoutProperties","_excluded","props","_objectSpread","context","group","id","current","store","previousExpanded","setPreviousExpanded","expanded","setExpanded","getInitialExpandedState","hasAddedCallbackRef","undefined","thisInstance","_id","handleDisabledClick","callOnChange","callOnChangeHandler","close","setExpandedState","state","window","addInstance","onInit","_window","_window$__dnbAccordio","removeInstance","flush_remembered_state","flush","expanded_id","collapseAllHandleRef","_context$collapseAcco","collapseAccordionCallbacks","push","expanded_ssr","remember_state","storedExpanded","getState","changeOpened","saveState","e","preventDefault","_len","arguments","length","params","Array","_key","onChange","_window2","_window2$__dnbAccordi","event","createElement","Consumer","globalContext","nestedContext","expandedState","extendedProps","skeleton","translation","className","prerender","prevent_rerender","prevent_rerender_conditional","single_container","disabled","no_animation","_expanded_ssr","children","_group","title","description","left_component","icon","icon_position","on_change","on_state_update","contentRef","restOfExtendedProps","_excluded2","mainParams","onClick","extendedPropsForContext","accordionContext","Provider","value","cur","type","_AccordionHeader","defaultProps","Group","_ref2","expandBehaviour","_excluded3","expandedId","setExpandedId","instanceIDs","storedData","getData","currentIDs","includes","fallbackId","instance","_extends","Header","Content","_supportsSpacingProps"],"sources":["../../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["/**\n * Web Accordion Component\n *\n */\n\nimport React, {\n useContext,\n useState,\n useEffect,\n useRef,\n HTMLProps,\n useMemo,\n} from 'react'\n\nimport classnames from 'classnames'\nimport {\n makeUniqueId,\n findElementInChildren,\n extendPropsWithContext,\n validateDOMAttributes,\n dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\n\nimport type { ButtonIconPosition } from '../Button'\nimport type { HeadingLevel } from '../Heading'\nimport type { IconIcon, IconSize } from '../Icon'\nimport type { SkeletonShow } from '../Skeleton'\nimport type { SpacingProps } from '../space/types'\n\nimport AccordionGroup from './AccordionGroup'\nimport AccordionHeader from './AccordionHeader'\nimport AccordionContent from './AccordionContent'\nimport AccordionContext from './AccordionContext'\nimport AccordionProviderContext from './AccordionProviderContext'\nimport Context from '../../shared/Context'\n\nimport { AccordionStore, Store, rememberWarning } from './AccordionStore'\nimport { accordionDefaultProps } from './defaultProps'\n\nexport type AccordionVariant = 'plain' | 'default' | 'outlined' | 'filled'\n\nexport type AccordionHeading = boolean | React.ReactNode\n\nexport type AccordionIcon =\n | IconIcon\n | {\n closed?: IconIcon\n /**\n * If set to `true` the accordion will be expanded as its initial state.\n */\n expanded?: IconIcon\n }\n\nexport type AccordionAttributes = string | Record<string, unknown>\n\nexport type AccordionIconPosition = ButtonIconPosition\n\nexport type AccordionProps = Omit<React.HTMLProps<HTMLElement>, 'ref'> &\n SpacingProps & {\n /**\n * A title as a string or React element. It will be used as the button text.\n */\n title?: React.ReactNode\n description?: React.ReactNode\n /**\n * If set to `true` the accordion will be expanded as its initial state.\n */\n expanded?: boolean\n /**\n * If set to `true`, the open and close animation will be omitted.\n */\n no_animation?: boolean\n /**\n * If set to `true` the accordion will be expanded during SSR. Can be potentially useful for SEO, although it will disturb client hydration, where React expects the same state. But that's mainly a technical aspect to consider.\n */\n expanded_ssr?: boolean\n /**\n */\n prerender?: boolean\n /**\n * If set to `true` the accordion component will not re-render its content – can be useful for widgets you don't have control of storing the temporary state during an interaction.\n */\n prevent_rerender?: boolean\n /**\n * Use this prop together with `prevent_rerender` – and if it is to `true`, the accordion component will re-render if the children are a new React element and does not match the previous one anymore.\n */\n prevent_rerender_conditional?: boolean\n /**\n * If set to `true`, it will remember a changed state initiated by the user. It requires a unique `id`. It will store the sate in the local storage.\n */\n remember_state?: boolean\n /**\n * Send along a custom React Ref for `.dnb-accordion__content`.\n */\n contentRef?: React.MutableRefObject<unknown>\n /**\n * If set to `true`, the saved (remembered) will be removed and the initial component state will be used and set.\n */\n flush_remembered_state?: boolean\n /**\n * If set to `true`, a group of accordions will be wrapped to sidebar looking menu for medium and larger screens.\n */\n single_container?: boolean\n /**\n * Defines the used styling. As of now, only `outlined` is available. Use `plain` for no styles. It defaults to `outlined`.\n */\n variant?: AccordionVariant\n /**\n * Will add a React element on the left side of the `title`, inside `AccordionHeaderContainer`.\n */\n left_component?: React.ReactNode\n /**\n * If set to `true`, the accordion button will be disabled (dimmed).\n */\n disabled?: boolean\n /**\n * If set to `true`, an overlaying skeleton with animation will be shown.\n */\n skeleton?: SkeletonShow\n /**\n * A unique `id` that will be used on the button element. If you use `remember_state`, an id is required.\n */\n id?: string\n group?: string\n /**\n * Gives you the option to replace the used `button` element. Provide a React element, including a string (HTML element). Defaults to a `div` with all the needed accessibility features included.\n */\n element?: React.ReactNode\n /**\n * If set to `true`, level 2 (h2) will be used. You can provide your own HTML heading (`h3`), or provide a `heading_level` property.\n */\n heading?: AccordionHeading\n /**\n * If `heading` is set to `true`, you can provide a numeric value to define a different heading level. Defaults to `2`.\n */\n heading_level?: HeadingLevel\n /**\n * Will replace the `chevron` icon. The icon will still rotate (by CSS). You can use an object to use two different icons, one for the closed state and one for the expanded state `{ closed, expanded }`.\n */\n icon?: AccordionIcon\n /**\n * Will set the placement of the icon. Defaults to `left`.\n */\n icon_position?: AccordionIconPosition\n /**\n * Define a different icon size. Defaults to `medium` (1.5rem).\n */\n icon_size?: IconSize\n attributes?: AccordionAttributes\n className?: string\n children?: React.ReactNode\n /**\n * Will be called by user click interaction. Returns an object with a boolean state `expanded` inside `{ expanded, id, event, ...event }`.\n */\n on_change?: (...args: any[]) => any\n on_state_update?: (...args: any[]) => any\n }\n\nfunction Accordion({\n variant = 'outlined',\n icon_size = 'medium',\n ...restOfProps\n}: AccordionProps) {\n const props = { variant, icon_size, ...restOfProps }\n\n const context = useContext(AccordionProviderContext)\n\n const group = props.group || context?.group\n const id = useRef(props.id || makeUniqueId()).current\n\n const store = new Store({ id: props.id, group })\n\n // States ordered last here to make sure that the getInitialExpandedState have access to the store\n const [previousExpanded, setPreviousExpanded] = useState(props.expanded)\n const [expanded, setExpanded] = useState<boolean>(\n getInitialExpandedState()\n )\n const hasAddedCallbackRef = useRef<boolean>(false)\n\n // replacement for getDerivedStateFromProps\n if (props.expanded !== previousExpanded) {\n setExpanded(props.expanded !== undefined ? props.expanded : false)\n setPreviousExpanded(props.expanded)\n }\n\n const thisInstance = {\n _id: id,\n context,\n handleDisabledClick,\n callOnChange,\n callOnChangeHandler,\n close,\n setExpandedState,\n state: { expanded, group },\n props,\n store,\n }\n\n // Constructor\n useEffect(() => {\n if (group && typeof window !== 'undefined') {\n window['__dnbAccordion'] = window['__dnbAccordion'] || {}\n window['__dnbAccordion'][group] =\n window['__dnbAccordion'][group] || new AccordionStore(group)\n\n window['__dnbAccordion'][group].addInstance(thisInstance)\n }\n\n if (context && typeof context?.onInit === 'function') {\n context.onInit(thisInstance)\n }\n\n return () => {\n if (group && typeof window !== 'undefined') {\n window?.['__dnbAccordion'][group]?.removeInstance(thisInstance)\n }\n }\n }, [])\n\n // componentDidUpdate\n useEffect(() => {\n if (context.flush_remembered_state) {\n store.flush()\n setExpanded(props.expanded)\n }\n\n if (context?.expanded_id && context.expanded_id === props.id) {\n setExpanded(true)\n }\n }, [\n context.flush_remembered_state,\n context.expanded_id,\n props.expanded,\n props.id,\n store,\n ])\n\n // Add callback for closing all accordions inside a group if collapseAllHandleRef is defined\n if (context?.collapseAllHandleRef && !hasAddedCallbackRef.current) {\n context?.collapseAccordionCallbacks?.current.push(close)\n hasAddedCallbackRef.current = true\n }\n\n // Gets the initial expanded sate, to prevent the opening and closing of Accordion\n // That happens when if we put this logic in a useEffect that runs after the initial expanded state is set\n // Since useEffect runs after every render\n function getInitialExpandedState() {\n if (props.expanded_ssr || context?.expanded_ssr) {\n return typeof window === 'undefined'\n }\n\n if (props.remember_state || context.remember_state) {\n const storedExpanded = store.getState()\n\n if (props.expanded && storedExpanded === false) {\n return false\n }\n\n if (storedExpanded) {\n return true\n }\n }\n\n return props.expanded !== undefined\n ? props.expanded\n : context?.expanded !== undefined\n ? context.expanded\n : false\n }\n\n function setExpandedState(expanded: boolean) {\n setExpanded(expanded)\n }\n\n function close() {\n changeOpened(false)\n }\n\n function changeOpened(expanded: boolean) {\n setExpanded(expanded)\n\n // check if a event exists, because, then it's a user click\n if (props.remember_state || context.remember_state) {\n store.saveState(expanded)\n }\n }\n\n function handleDisabledClick(e: React.MouseEvent<HTMLElement>) {\n e.preventDefault()\n return false\n }\n\n function callOnChangeHandler(...params: any[]) {\n callOnChange(...params)\n if (context?.onChange) {\n context?.onChange(...params)\n }\n if (group && typeof window !== 'undefined') {\n window?.['__dnbAccordion'][group]?.onChange(...params)\n }\n }\n\n function callOnChange(...params: any[]) {\n const { expanded, event } = params[0]\n\n changeOpened(expanded)\n\n dispatchCustomElementEvent(thisInstance, 'on_change', {\n expanded,\n event,\n })\n }\n\n return (\n <Context.Consumer>\n {(globalContext) => (\n <AccordionContext.Consumer>\n {(nestedContext) => {\n // use only the props from context, who are available here anyway\n let expandedState = expanded\n\n const extendedProps = extendPropsWithContext(\n props,\n accordionDefaultProps,\n context, // group context\n nestedContext as Record<string, unknown>, // internal context\n { skeleton: globalContext?.skeleton },\n globalContext.Accordion, // global context\n globalContext.translation['Accordion']\n )\n\n if (expandedState === undefined && globalContext.Accordion) {\n if (globalContext.Accordion.expanded) {\n expandedState = extendedProps.expanded\n }\n }\n\n const {\n variant,\n className,\n prerender,\n prevent_rerender,\n prevent_rerender_conditional,\n single_container,\n remember_state,\n disabled,\n skeleton,\n no_animation,\n expanded_ssr: _expanded_ssr, // eslint-disable-line\n children,\n\n id: _id, // eslint-disable-line\n group: _group, // eslint-disable-line\n // expanded: _expanded, // eslint-disable-line\n\n title, // eslint-disable-line\n description, // eslint-disable-line\n left_component, // eslint-disable-line\n icon, // eslint-disable-line\n icon_position, // eslint-disable-line\n icon_size, // eslint-disable-line\n on_change, // eslint-disable-line\n on_state_update, // eslint-disable-line\n\n contentRef, // eslint-disable-line\n\n ...restOfExtendedProps\n } = extendedProps\n\n const mainParams = {\n id,\n className: classnames(\n 'dnb-accordion',\n expandedState && 'dnb-accordion--expanded',\n variant && `dnb-accordion__variant--${variant}`,\n prerender && 'dnb-accordion--prerender',\n createSpacingClasses(extendedProps),\n className\n ),\n } as HTMLProps<HTMLDivElement>\n\n if (disabled) {\n mainParams.onClick = handleDisabledClick\n }\n\n // to remove spacing props\n validateDOMAttributes(props, restOfExtendedProps)\n\n const extendedPropsForContext = extendPropsWithContext(\n props,\n accordionDefaultProps,\n { expanded, group },\n context\n )\n\n const accordionContext = {\n ...extendedPropsForContext,\n id,\n expanded: expandedState,\n prerender: prerender,\n prevent_rerender: prevent_rerender,\n prevent_rerender_conditional: prevent_rerender_conditional,\n single_container: single_container,\n remember_state: remember_state,\n disabled: disabled,\n skeleton: skeleton,\n no_animation: no_animation,\n callOnChange: callOnChangeHandler,\n }\n\n return (\n <AccordionContext.Provider value={accordionContext}>\n <div {...mainParams}>\n {findElementInChildren(\n children,\n (cur) => cur.type === AccordionHeader\n ) ? null : (\n <AccordionHeader />\n )}\n {findElementInChildren(\n children,\n (cur) => cur.type === AccordionContent\n ) ? (\n children\n ) : (\n <AccordionContent>{children}</AccordionContent>\n )}\n </div>\n </AccordionContext.Provider>\n )\n }}\n </AccordionContext.Consumer>\n )}\n </Context.Consumer>\n )\n}\n// TEMPORARY SOLUTION (defaultProps will be deprecated at one point). Needs to replacement with default prop parameters for example \"({expanded: null})\"\n// Only solved this way to prevent tests from failing, for when expanded is undefined instead of null\nAccordion.defaultProps = accordionDefaultProps\n\nexport type GroupProps = AccordionProps & {\n allow_close_all?: boolean\n /**\n * Determines how many accordions can be expanded at once.\n * Default: `single`\n */\n expandBehaviour?: 'single' | 'multiple'\n /**\n * ref handle to collapse all expanded accordions. Send in a ref and use `.current()` to collapse all accordions.\n *\n * Default: `undefined`\n */\n expanded_id?: string\n collapseAllHandleRef?: React.MutableRefObject<() => void>\n}\n\nconst Group = ({ expandBehaviour = 'single', ...props }: GroupProps) => {\n if (props.remember_state && !props.id) {\n rememberWarning('accordion group')\n }\n\n const [expandedId, setExpandedId] = useState<string | null>(null)\n\n const instanceIDs = useRef<string[]>([])\n\n const group = props?.id\n ? props.id\n : !props.group\n ? '#' + makeUniqueId()\n : undefined\n\n const store = useMemo(() => new Store({ group }), [group])\n\n // Set stored expanded_id on mount\n useEffect(() => {\n const storedData = store.getData()\n const currentIDs = instanceIDs?.current\n\n if (!storedData?.id) {\n return\n }\n\n if (currentIDs.includes(storedData?.id)) {\n return\n }\n\n // 1. get the fallback id\n const fallbackId = currentIDs[0]\n\n if (!fallbackId) {\n return\n }\n\n // 2. set the fallback ids\n setExpandedId(fallbackId)\n }, [store])\n\n // Store and reset fallback id\n useEffect(() => {\n if (!expandedId) {\n return\n }\n\n // 3. save the fallback id\n store.saveState(true, expandedId)\n\n // 4. and reset the fallback id\n setExpandedId(null)\n }, [expandedId, store])\n\n function onInit(instance) {\n if (\n instance.props.id &&\n !instanceIDs.current.includes(instance.props.id)\n ) {\n instanceIDs.current.push(instance.props.id)\n }\n }\n\n return (\n <AccordionGroup\n onInit={onInit}\n {...props}\n group={group}\n expandBehaviour={expandBehaviour}\n expanded_id={expandedId || props.expanded_id}\n />\n )\n}\n\nAccordion.Provider = AccordionGroup\nAccordion.Header = AccordionHeader\nAccordion.Content = AccordionContent\n\nAccordion.Group = Group\n\nGroup.Store = (group: string, id: string = null) => {\n return new Store({ group, id })\n}\n\nAccordion.Store = (id: string) => {\n return new Store({ id })\n}\n\nAccordion._supportsSpacingProps = true\n\nexport default Accordion\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Accordion.js","names":["React","useContext","useState","useEffect","useRef","useMemo","classnames","makeUniqueId","findElementInChildren","extendPropsWithContext","validateDOMAttributes","dispatchCustomElementEvent","createSpacingClasses","AccordionGroup","AccordionHeader","AccordionContent","AccordionContext","AccordionProviderContext","Context","AccordionStore","Store","rememberWarning","accordionDefaultProps","Accordion","_ref","variant","icon_size","restOfProps","_objectWithoutProperties","_excluded","props","_objectSpread","context","group","id","current","store","previousExpanded","setPreviousExpanded","expanded","setExpanded","getInitialExpandedState","hasAddedCallbackRef","undefined","thisInstance","_id","handleDisabledClick","callOnChange","callOnChangeHandler","close","setExpandedState","state","window","addInstance","onInit","_window","_window$__dnbAccordio","removeInstance","flush_remembered_state","flush","expanded_id","collapseAllHandleRef","_context$collapseAcco","collapseAccordionCallbacks","push","expanded_ssr","remember_state","storedExpanded","getState","changeOpened","saveState","e","preventDefault","_len","arguments","length","params","Array","_key","onChange","_window2","_window2$__dnbAccordi","event","createElement","Consumer","globalContext","nestedContext","expandedState","extendedProps","skeleton","translation","className","prerender","prevent_rerender","prevent_rerender_conditional","single_container","disabled","no_animation","_expanded_ssr","children","_group","title","description","left_component","icon","icon_position","on_change","on_state_update","contentRef","restOfExtendedProps","_excluded2","mainParams","onClick","extendedPropsForContext","accordionContext","Provider","value","cur","type","_AccordionHeader","defaultProps","Group","_ref2","expandBehaviour","expandBehavior","_excluded3","expandedId","setExpandedId","instanceIDs","storedData","getData","currentIDs","includes","fallbackId","instance","_extends","Header","Content","_supportsSpacingProps"],"sources":["../../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["/**\n * Web Accordion Component\n *\n */\n\nimport React, {\n useContext,\n useState,\n useEffect,\n useRef,\n HTMLProps,\n useMemo,\n} from 'react'\n\nimport classnames from 'classnames'\nimport {\n makeUniqueId,\n findElementInChildren,\n extendPropsWithContext,\n validateDOMAttributes,\n dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\n\nimport type { ButtonIconPosition } from '../Button'\nimport type { HeadingLevel } from '../Heading'\nimport type { IconIcon, IconSize } from '../Icon'\nimport type { SkeletonShow } from '../Skeleton'\nimport type { SpacingProps } from '../space/types'\n\nimport AccordionGroup from './AccordionGroup'\nimport AccordionHeader from './AccordionHeader'\nimport AccordionContent from './AccordionContent'\nimport AccordionContext from './AccordionContext'\nimport AccordionProviderContext from './AccordionProviderContext'\nimport Context from '../../shared/Context'\n\nimport { AccordionStore, Store, rememberWarning } from './AccordionStore'\nimport { accordionDefaultProps } from './defaultProps'\n\nexport type AccordionVariant = 'plain' | 'default' | 'outlined' | 'filled'\n\nexport type AccordionHeading = boolean | React.ReactNode\n\nexport type AccordionIcon =\n | IconIcon\n | {\n closed?: IconIcon\n /**\n * If set to `true` the accordion will be expanded as its initial state.\n */\n expanded?: IconIcon\n }\n\nexport type AccordionAttributes = string | Record<string, unknown>\n\nexport type AccordionIconPosition = ButtonIconPosition\n\nexport type AccordionProps = Omit<React.HTMLProps<HTMLElement>, 'ref'> &\n SpacingProps & {\n /**\n * A title as a string or React element. It will be used as the button text.\n */\n title?: React.ReactNode\n description?: React.ReactNode\n /**\n * If set to `true` the accordion will be expanded as its initial state.\n */\n expanded?: boolean\n /**\n * If set to `true`, the open and close animation will be omitted.\n */\n no_animation?: boolean\n /**\n * If set to `true` the accordion will be expanded during SSR. Can be potentially useful for SEO, although it will disturb client hydration, where React expects the same state. But that's mainly a technical aspect to consider.\n */\n expanded_ssr?: boolean\n /**\n */\n prerender?: boolean\n /**\n * If set to `true` the accordion component will not re-render its content – can be useful for widgets you don't have control of storing the temporary state during an interaction.\n */\n prevent_rerender?: boolean\n /**\n * Use this prop together with `prevent_rerender` – and if it is to `true`, the accordion component will re-render if the children are a new React element and does not match the previous one anymore.\n */\n prevent_rerender_conditional?: boolean\n /**\n * If set to `true`, it will remember a changed state initiated by the user. It requires a unique `id`. It will store the sate in the local storage.\n */\n remember_state?: boolean\n /**\n * Send along a custom React Ref for `.dnb-accordion__content`.\n */\n contentRef?: React.MutableRefObject<unknown>\n /**\n * If set to `true`, the saved (remembered) will be removed and the initial component state will be used and set.\n */\n flush_remembered_state?: boolean\n /**\n * If set to `true`, a group of accordions will be wrapped to sidebar looking menu for medium and larger screens.\n */\n single_container?: boolean\n /**\n * Defines the used styling. As of now, only `outlined` is available. Use `plain` for no styles. It defaults to `outlined`.\n */\n variant?: AccordionVariant\n /**\n * Will add a React element on the left side of the `title`, inside `AccordionHeaderContainer`.\n */\n left_component?: React.ReactNode\n /**\n * If set to `true`, the accordion button will be disabled (dimmed).\n */\n disabled?: boolean\n /**\n * If set to `true`, an overlaying skeleton with animation will be shown.\n */\n skeleton?: SkeletonShow\n /**\n * A unique `id` that will be used on the button element. If you use `remember_state`, an id is required.\n */\n id?: string\n group?: string\n /**\n * Gives you the option to replace the used `button` element. Provide a React element, including a string (HTML element). Defaults to a `div` with all the needed accessibility features included.\n */\n element?: React.ReactNode\n /**\n * If set to `true`, level 2 (h2) will be used. You can provide your own HTML heading (`h3`), or provide a `heading_level` property.\n */\n heading?: AccordionHeading\n /**\n * If `heading` is set to `true`, you can provide a numeric value to define a different heading level. Defaults to `2`.\n */\n heading_level?: HeadingLevel\n /**\n * Will replace the `chevron` icon. The icon will still rotate (by CSS). You can use an object to use two different icons, one for the closed state and one for the expanded state `{ closed, expanded }`.\n */\n icon?: AccordionIcon\n /**\n * Will set the placement of the icon. Defaults to `left`.\n */\n icon_position?: AccordionIconPosition\n /**\n * Define a different icon size. Defaults to `medium` (1.5rem).\n */\n icon_size?: IconSize\n attributes?: AccordionAttributes\n className?: string\n children?: React.ReactNode\n /**\n * Will be called by user click interaction. Returns an object with a boolean state `expanded` inside `{ expanded, id, event, ...event }`.\n */\n on_change?: (...args: any[]) => any\n on_state_update?: (...args: any[]) => any\n }\n\nfunction Accordion({\n variant = 'outlined',\n icon_size = 'medium',\n ...restOfProps\n}: AccordionProps) {\n const props = { variant, icon_size, ...restOfProps }\n\n const context = useContext(AccordionProviderContext)\n\n const group = props.group || context?.group\n const id = useRef(props.id || makeUniqueId()).current\n\n const store = new Store({ id: props.id, group })\n\n // States ordered last here to make sure that the getInitialExpandedState have access to the store\n const [previousExpanded, setPreviousExpanded] = useState(props.expanded)\n const [expanded, setExpanded] = useState<boolean>(\n getInitialExpandedState()\n )\n const hasAddedCallbackRef = useRef<boolean>(false)\n\n // replacement for getDerivedStateFromProps\n if (props.expanded !== previousExpanded) {\n setExpanded(props.expanded !== undefined ? props.expanded : false)\n setPreviousExpanded(props.expanded)\n }\n\n const thisInstance = {\n _id: id,\n context,\n handleDisabledClick,\n callOnChange,\n callOnChangeHandler,\n close,\n setExpandedState,\n state: { expanded, group },\n props,\n store,\n }\n\n // Constructor\n useEffect(() => {\n if (group && typeof window !== 'undefined') {\n window['__dnbAccordion'] = window['__dnbAccordion'] || {}\n window['__dnbAccordion'][group] =\n window['__dnbAccordion'][group] || new AccordionStore(group)\n\n window['__dnbAccordion'][group].addInstance(thisInstance)\n }\n\n if (context && typeof context?.onInit === 'function') {\n context.onInit(thisInstance)\n }\n\n return () => {\n if (group && typeof window !== 'undefined') {\n window?.['__dnbAccordion'][group]?.removeInstance(thisInstance)\n }\n }\n }, [])\n\n // componentDidUpdate\n useEffect(() => {\n if (context.flush_remembered_state) {\n store.flush()\n setExpanded(props.expanded)\n }\n\n if (context?.expanded_id && context.expanded_id === props.id) {\n setExpanded(true)\n }\n }, [\n context.flush_remembered_state,\n context.expanded_id,\n props.expanded,\n props.id,\n store,\n ])\n\n // Add callback for closing all accordions inside a group if collapseAllHandleRef is defined\n if (context?.collapseAllHandleRef && !hasAddedCallbackRef.current) {\n context?.collapseAccordionCallbacks?.current.push(close)\n hasAddedCallbackRef.current = true\n }\n\n // Gets the initial expanded sate, to prevent the opening and closing of Accordion\n // That happens when if we put this logic in a useEffect that runs after the initial expanded state is set\n // Since useEffect runs after every render\n function getInitialExpandedState() {\n if (props.expanded_ssr || context?.expanded_ssr) {\n return typeof window === 'undefined'\n }\n\n if (props.remember_state || context.remember_state) {\n const storedExpanded = store.getState()\n\n if (props.expanded && storedExpanded === false) {\n return false\n }\n\n if (storedExpanded) {\n return true\n }\n }\n\n return props.expanded !== undefined\n ? props.expanded\n : context?.expanded !== undefined\n ? context.expanded\n : false\n }\n\n function setExpandedState(expanded: boolean) {\n setExpanded(expanded)\n }\n\n function close() {\n changeOpened(false)\n }\n\n function changeOpened(expanded: boolean) {\n setExpanded(expanded)\n\n // check if a event exists, because, then it's a user click\n if (props.remember_state || context.remember_state) {\n store.saveState(expanded)\n }\n }\n\n function handleDisabledClick(e: React.MouseEvent<HTMLElement>) {\n e.preventDefault()\n return false\n }\n\n function callOnChangeHandler(...params: any[]) {\n callOnChange(...params)\n if (context?.onChange) {\n context?.onChange(...params)\n }\n if (group && typeof window !== 'undefined') {\n window?.['__dnbAccordion'][group]?.onChange(...params)\n }\n }\n\n function callOnChange(...params: any[]) {\n const { expanded, event } = params[0]\n\n changeOpened(expanded)\n\n dispatchCustomElementEvent(thisInstance, 'on_change', {\n expanded,\n event,\n })\n }\n\n return (\n <Context.Consumer>\n {(globalContext) => (\n <AccordionContext.Consumer>\n {(nestedContext) => {\n // use only the props from context, who are available here anyway\n let expandedState = expanded\n\n const extendedProps = extendPropsWithContext(\n props,\n accordionDefaultProps,\n context, // group context\n nestedContext as Record<string, unknown>, // internal context\n { skeleton: globalContext?.skeleton },\n globalContext.Accordion, // global context\n globalContext.translation['Accordion']\n )\n\n if (expandedState === undefined && globalContext.Accordion) {\n if (globalContext.Accordion.expanded) {\n expandedState = extendedProps.expanded\n }\n }\n\n const {\n variant,\n className,\n prerender,\n prevent_rerender,\n prevent_rerender_conditional,\n single_container,\n remember_state,\n disabled,\n skeleton,\n no_animation,\n expanded_ssr: _expanded_ssr, // eslint-disable-line\n children,\n\n id: _id, // eslint-disable-line\n group: _group, // eslint-disable-line\n // expanded: _expanded, // eslint-disable-line\n\n title, // eslint-disable-line\n description, // eslint-disable-line\n left_component, // eslint-disable-line\n icon, // eslint-disable-line\n icon_position, // eslint-disable-line\n icon_size, // eslint-disable-line\n on_change, // eslint-disable-line\n on_state_update, // eslint-disable-line\n\n contentRef, // eslint-disable-line\n\n ...restOfExtendedProps\n } = extendedProps\n\n const mainParams = {\n id,\n className: classnames(\n 'dnb-accordion',\n expandedState && 'dnb-accordion--expanded',\n variant && `dnb-accordion__variant--${variant}`,\n prerender && 'dnb-accordion--prerender',\n createSpacingClasses(extendedProps),\n className\n ),\n } as HTMLProps<HTMLDivElement>\n\n if (disabled) {\n mainParams.onClick = handleDisabledClick\n }\n\n // to remove spacing props\n validateDOMAttributes(props, restOfExtendedProps)\n\n const extendedPropsForContext = extendPropsWithContext(\n props,\n accordionDefaultProps,\n { expanded, group },\n context\n )\n\n const accordionContext = {\n ...extendedPropsForContext,\n id,\n expanded: expandedState,\n prerender: prerender,\n prevent_rerender: prevent_rerender,\n prevent_rerender_conditional: prevent_rerender_conditional,\n single_container: single_container,\n remember_state: remember_state,\n disabled: disabled,\n skeleton: skeleton,\n no_animation: no_animation,\n callOnChange: callOnChangeHandler,\n }\n\n return (\n <AccordionContext.Provider value={accordionContext}>\n <div {...mainParams}>\n {findElementInChildren(\n children,\n (cur) => cur.type === AccordionHeader\n ) ? null : (\n <AccordionHeader />\n )}\n {findElementInChildren(\n children,\n (cur) => cur.type === AccordionContent\n ) ? (\n children\n ) : (\n <AccordionContent>{children}</AccordionContent>\n )}\n </div>\n </AccordionContext.Provider>\n )\n }}\n </AccordionContext.Consumer>\n )}\n </Context.Consumer>\n )\n}\n// TEMPORARY SOLUTION (defaultProps will be deprecated at one point). Needs to replacement with default prop parameters for example \"({expanded: null})\"\n// Only solved this way to prevent tests from failing, for when expanded is undefined instead of null\nAccordion.defaultProps = accordionDefaultProps\n\nexport type GroupProps = AccordionProps & {\n allow_close_all?: boolean\n /**\n * Determines how many accordions can be expanded at once.\n * Default: `single`\n */\n /**\n * @deprecated – Replaced with expandBehavior, expandBehaviour can be removed in v11\n */\n expandBehaviour?: 'single' | 'multiple'\n /**\n * Determines how many accordions can be expanded at once.\n * Default: `single`\n */\n expandBehavior?: 'single' | 'multiple'\n /**\n * ref handle to collapse all expanded accordions. Send in a ref and use `.current()` to collapse all accordions.\n *\n * Default: `undefined`\n */\n expanded_id?: string\n collapseAllHandleRef?: React.MutableRefObject<() => void>\n}\n\nconst Group = ({\n expandBehaviour = 'single',\n expandBehavior = 'single',\n ...props\n}: GroupProps) => {\n if (props.remember_state && !props.id) {\n rememberWarning('accordion group')\n }\n\n const [expandedId, setExpandedId] = useState<string | null>(null)\n\n const instanceIDs = useRef<string[]>([])\n\n const group = props?.id\n ? props.id\n : !props.group\n ? '#' + makeUniqueId()\n : undefined\n\n const store = useMemo(() => new Store({ group }), [group])\n\n // Set stored expanded_id on mount\n useEffect(() => {\n const storedData = store.getData()\n const currentIDs = instanceIDs?.current\n\n if (!storedData?.id) {\n return\n }\n\n if (currentIDs.includes(storedData?.id)) {\n return\n }\n\n // 1. get the fallback id\n const fallbackId = currentIDs[0]\n\n if (!fallbackId) {\n return\n }\n\n // 2. set the fallback ids\n setExpandedId(fallbackId)\n }, [store])\n\n // Store and reset fallback id\n useEffect(() => {\n if (!expandedId) {\n return\n }\n\n // 3. save the fallback id\n store.saveState(true, expandedId)\n\n // 4. and reset the fallback id\n setExpandedId(null)\n }, [expandedId, store])\n\n function onInit(instance) {\n if (\n instance.props.id &&\n !instanceIDs.current.includes(instance.props.id)\n ) {\n instanceIDs.current.push(instance.props.id)\n }\n }\n\n return (\n <AccordionGroup\n onInit={onInit}\n {...props}\n group={group}\n expandBehaviour={expandBehaviour}\n expandBehavior={expandBehavior}\n expanded_id={expandedId || props.expanded_id}\n />\n )\n}\n\nAccordion.Provider = AccordionGroup\nAccordion.Header = AccordionHeader\nAccordion.Content = AccordionContent\n\nAccordion.Group = Group\n\nGroup.Store = (group: string, id: string = null) => {\n return new Store({ group, id })\n}\n\nAccordion.Store = (id: string) => {\n return new Store({ id })\n}\n\nAccordion._supportsSpacingProps = true\n\nexport default Accordion\n"],"mappings":"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"}
|
|
@@ -8,7 +8,11 @@ import { AccordionProps } from './Accordion';
|
|
|
8
8
|
import { AccordionGroupProps } from './AccordionGroup';
|
|
9
9
|
export type AccordionContextProps = AccordionProps & SkeletonContextProps & {
|
|
10
10
|
allow_close_all?: boolean;
|
|
11
|
+
/**
|
|
12
|
+
* @deprecated – Replaced with expandBehavior, expandBehaviour can be removed in v11
|
|
13
|
+
*/
|
|
11
14
|
expandBehaviour: AccordionGroupProps['expandBehaviour'];
|
|
15
|
+
expandBehavior: AccordionGroupProps['expandBehavior'];
|
|
12
16
|
callOnChange?: (parameters: {
|
|
13
17
|
id: string;
|
|
14
18
|
group: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionContext.js","names":["React","AccordionContext","createContext"],"sources":["../../../../src/components/accordion/AccordionContext.ts"],"sourcesContent":["/**\n * Web AccordionGroup Context\n *\n */\n\nimport React from 'react'\nimport { SkeletonContextProps } from '../skeleton/SkeletonHelper'\nimport { AccordionProps } from './Accordion'\nimport { AccordionGroupProps } from './AccordionGroup'\n\nexport type AccordionContextProps = AccordionProps &\n SkeletonContextProps & {\n allow_close_all?: boolean\n expandBehaviour: AccordionGroupProps['expandBehaviour']\n callOnChange?: (parameters: {\n id: string\n group: string\n expanded: boolean\n event:\n | React.MouseEvent<HTMLElement>\n | React.KeyboardEvent<HTMLElement>\n }) => void\n }\n\nconst AccordionContext = React.createContext<AccordionContextProps>({})\n\nexport default AccordionContext\n"],"mappings":"AAKA,OAAOA,KAAK,MAAM,OAAO;
|
|
1
|
+
{"version":3,"file":"AccordionContext.js","names":["React","AccordionContext","createContext"],"sources":["../../../../src/components/accordion/AccordionContext.ts"],"sourcesContent":["/**\n * Web AccordionGroup Context\n *\n */\n\nimport React from 'react'\nimport { SkeletonContextProps } from '../skeleton/SkeletonHelper'\nimport { AccordionProps } from './Accordion'\nimport { AccordionGroupProps } from './AccordionGroup'\n\nexport type AccordionContextProps = AccordionProps &\n SkeletonContextProps & {\n allow_close_all?: boolean\n /**\n * @deprecated – Replaced with expandBehavior, expandBehaviour can be removed in v11\n */\n expandBehaviour: AccordionGroupProps['expandBehaviour']\n expandBehavior: AccordionGroupProps['expandBehavior']\n callOnChange?: (parameters: {\n id: string\n group: string\n expanded: boolean\n event:\n | React.MouseEvent<HTMLElement>\n | React.KeyboardEvent<HTMLElement>\n }) => void\n }\n\nconst AccordionContext = React.createContext<AccordionContextProps>({})\n\nexport default AccordionContext\n"],"mappings":"AAKA,OAAOA,KAAK,MAAM,OAAO;AAuBzB,MAAMC,gBAAgB,GAAGD,KAAK,CAACE,aAAa,CAAwB,CAAC,CAAC,CAAC;AAEvE,eAAeD,gBAAgB"}
|
|
@@ -132,7 +132,12 @@ export const AccordionProviderGroupProperties = {
|
|
|
132
132
|
status: 'optional'
|
|
133
133
|
},
|
|
134
134
|
expandBehaviour: {
|
|
135
|
-
doc: '
|
|
135
|
+
doc: 'Use `expandBehavior` instead.',
|
|
136
|
+
type: ['single', 'multiple'],
|
|
137
|
+
status: 'deprecated'
|
|
138
|
+
},
|
|
139
|
+
expandBehavior: {
|
|
140
|
+
doc: 'Determines how many accordions can be expanded at once. Defaults to `single`.',
|
|
136
141
|
type: ['single', 'multiple'],
|
|
137
142
|
status: 'optional'
|
|
138
143
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionDocs.js","names":["AccordionProperties","id","doc","type","status","title","expanded","expanded_ssr","remember_state","flush_remembered_state","no_animation","variant","icon","icon_position","icon_size","left_component","prerender","prevent_rerender","prevent_rerender_conditional","single_container","element","heading","heading_level","disabled","skeleton","contentRef","collapseAllHandleRef","space","AccordionProviderGroupProperties","group","allow_close_all","expandBehaviour","expanded_id","AccordionEvents","on_change"],"sources":["../../../../src/components/accordion/AccordionDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const AccordionProperties: PropertiesTableProps = {\n id: {\n doc: 'A unique `id` that will be used on the button element. If you use `remember_state`, an id is required.',\n type: 'string',\n status: 'optional',\n },\n title: {\n doc: 'A title as a string or React element. It will be used as the button text.',\n type: 'string',\n status: 'optional',\n },\n expanded: {\n doc: 'If set to `true` the accordion will be expanded as its initial state.',\n type: 'boolean',\n status: 'optional',\n },\n expanded_ssr: {\n doc: \"If set to `true` the accordion will be expanded during SSR. Can be potentially useful for SEO, although it will disturb client hydration, where React expects the same state. But that's mainly a technical aspect to consider.\",\n type: 'boolean',\n status: 'optional',\n },\n remember_state: {\n doc: 'If set to `true`, it will remember a changed state initiated by the user. It requires a unique `id`. It will store the state in the local storage.',\n type: 'boolean',\n status: 'optional',\n },\n flush_remembered_state: {\n doc: 'If set to `true`, the saved (remembered) state will be removed and the initial component state will be used and set.',\n type: 'boolean',\n status: 'optional',\n },\n no_animation: {\n doc: 'If set to `true`, the open and close animation will be omitted.',\n type: 'boolean',\n status: 'optional',\n },\n variant: {\n doc: 'Defines the used styling. `Outlined`, `filled`, or `plain` (no styling). Defaults to `outlined`.',\n type: ['outlined', 'filled', 'plain'],\n status: 'optional',\n },\n icon: {\n doc: 'Will replace the `chevron` icon. The icon will still rotate (by CSS). You can use an object to use two different icons, one for the closed state and one for the expanded state `{ closed, expanded }`.',\n type: 'React.ReactNode',\n status: 'optional',\n },\n icon_position: {\n doc: 'Will set the placement of the icon. Defaults to `left`.',\n type: 'string',\n status: 'optional',\n },\n icon_size: {\n doc: 'Define a different icon size. Defaults to `medium` (1.5rem).',\n type: 'string',\n status: 'optional',\n },\n left_component: {\n doc: 'Will add a React element on the left side of the `title`, inside `AccordionHeaderContainer`.',\n type: 'React.ReactNode',\n status: 'optional',\n },\n prerender: {\n doc: 'If set to `true` the content will be present, even the accordion is not expanded. Can be useful for assistive technology or SEO.',\n type: 'boolean',\n status: 'optional',\n },\n prevent_rerender: {\n doc: \"If set to `true` the accordion component will not re-render its content – can be useful for widgets you don't have control of storing the temporary state during an interaction.\",\n type: 'boolean',\n status: 'optional',\n },\n prevent_rerender_conditional: {\n doc: 'Use this prop together with `prevent_rerender` – and if it is set to `true`, the accordion component will re-render if the children are a new React element and do not match the previous one anymore.',\n type: 'boolean',\n status: 'optional',\n },\n single_container: {\n doc: 'If set to `true`, a group of accordions will be wrapped to a sidebar looking menu for medium and larger screens.',\n type: 'boolean',\n status: 'optional',\n },\n element: {\n doc: 'Gives you the option to replace the used `button` element. Provide a React element, including a string (HTML element). Defaults to a `div` with all the needed accessibility features included.',\n type: 'React.ReactNode',\n status: 'optional',\n },\n heading: {\n doc: 'If set to `true`, level 2 (h2) will be used. You can provide your own HTML heading (`h3`), or provide a `heading_level` property.',\n type: 'boolean',\n status: 'optional',\n },\n heading_level: {\n doc: 'If `heading` is set to `true`, you can provide a numeric value to define a different heading level. Defaults to `2`.',\n type: 'boolean',\n status: 'optional',\n },\n disabled: {\n doc: 'If set to `true`, the accordion button will be disabled (dimmed).',\n type: 'boolean',\n status: 'optional',\n },\n skeleton: {\n doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n type: 'boolean',\n status: 'optional',\n },\n contentRef: {\n doc: 'Send along a custom React Ref for `.dnb-accordion__content`.',\n type: 'function',\n status: 'optional',\n },\n collapseAllHandleRef: {\n doc: 'Ref handle to collapse all expanded accordions. Send in a ref and use `.current()` to collapse all accordions. Default: `undefined`.',\n type: 'React.MutableRefObject<() => void>',\n status: 'optional',\n },\n space: {\n doc: 'Spacing properties like `top` or `bottom` are supported.',\n type: ['string', 'object'],\n status: 'optional',\n },\n}\n\nexport const AccordionProviderGroupProperties: PropertiesTableProps = {\n group: {\n doc: \"Define a unique id, it will be used to 'group' several accordions into one.\",\n type: 'string',\n status: 'optional',\n },\n allow_close_all: {\n doc: 'If set to `true`, the group of accordions will allow all to close.',\n type: 'boolean',\n status: 'optional',\n },\n\n
|
|
1
|
+
{"version":3,"file":"AccordionDocs.js","names":["AccordionProperties","id","doc","type","status","title","expanded","expanded_ssr","remember_state","flush_remembered_state","no_animation","variant","icon","icon_position","icon_size","left_component","prerender","prevent_rerender","prevent_rerender_conditional","single_container","element","heading","heading_level","disabled","skeleton","contentRef","collapseAllHandleRef","space","AccordionProviderGroupProperties","group","allow_close_all","expandBehaviour","expandBehavior","expanded_id","AccordionEvents","on_change"],"sources":["../../../../src/components/accordion/AccordionDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const AccordionProperties: PropertiesTableProps = {\n id: {\n doc: 'A unique `id` that will be used on the button element. If you use `remember_state`, an id is required.',\n type: 'string',\n status: 'optional',\n },\n title: {\n doc: 'A title as a string or React element. It will be used as the button text.',\n type: 'string',\n status: 'optional',\n },\n expanded: {\n doc: 'If set to `true` the accordion will be expanded as its initial state.',\n type: 'boolean',\n status: 'optional',\n },\n expanded_ssr: {\n doc: \"If set to `true` the accordion will be expanded during SSR. Can be potentially useful for SEO, although it will disturb client hydration, where React expects the same state. But that's mainly a technical aspect to consider.\",\n type: 'boolean',\n status: 'optional',\n },\n remember_state: {\n doc: 'If set to `true`, it will remember a changed state initiated by the user. It requires a unique `id`. It will store the state in the local storage.',\n type: 'boolean',\n status: 'optional',\n },\n flush_remembered_state: {\n doc: 'If set to `true`, the saved (remembered) state will be removed and the initial component state will be used and set.',\n type: 'boolean',\n status: 'optional',\n },\n no_animation: {\n doc: 'If set to `true`, the open and close animation will be omitted.',\n type: 'boolean',\n status: 'optional',\n },\n variant: {\n doc: 'Defines the used styling. `Outlined`, `filled`, or `plain` (no styling). Defaults to `outlined`.',\n type: ['outlined', 'filled', 'plain'],\n status: 'optional',\n },\n icon: {\n doc: 'Will replace the `chevron` icon. The icon will still rotate (by CSS). You can use an object to use two different icons, one for the closed state and one for the expanded state `{ closed, expanded }`.',\n type: 'React.ReactNode',\n status: 'optional',\n },\n icon_position: {\n doc: 'Will set the placement of the icon. Defaults to `left`.',\n type: 'string',\n status: 'optional',\n },\n icon_size: {\n doc: 'Define a different icon size. Defaults to `medium` (1.5rem).',\n type: 'string',\n status: 'optional',\n },\n left_component: {\n doc: 'Will add a React element on the left side of the `title`, inside `AccordionHeaderContainer`.',\n type: 'React.ReactNode',\n status: 'optional',\n },\n prerender: {\n doc: 'If set to `true` the content will be present, even the accordion is not expanded. Can be useful for assistive technology or SEO.',\n type: 'boolean',\n status: 'optional',\n },\n prevent_rerender: {\n doc: \"If set to `true` the accordion component will not re-render its content – can be useful for widgets you don't have control of storing the temporary state during an interaction.\",\n type: 'boolean',\n status: 'optional',\n },\n prevent_rerender_conditional: {\n doc: 'Use this prop together with `prevent_rerender` – and if it is set to `true`, the accordion component will re-render if the children are a new React element and do not match the previous one anymore.',\n type: 'boolean',\n status: 'optional',\n },\n single_container: {\n doc: 'If set to `true`, a group of accordions will be wrapped to a sidebar looking menu for medium and larger screens.',\n type: 'boolean',\n status: 'optional',\n },\n element: {\n doc: 'Gives you the option to replace the used `button` element. Provide a React element, including a string (HTML element). Defaults to a `div` with all the needed accessibility features included.',\n type: 'React.ReactNode',\n status: 'optional',\n },\n heading: {\n doc: 'If set to `true`, level 2 (h2) will be used. You can provide your own HTML heading (`h3`), or provide a `heading_level` property.',\n type: 'boolean',\n status: 'optional',\n },\n heading_level: {\n doc: 'If `heading` is set to `true`, you can provide a numeric value to define a different heading level. Defaults to `2`.',\n type: 'boolean',\n status: 'optional',\n },\n disabled: {\n doc: 'If set to `true`, the accordion button will be disabled (dimmed).',\n type: 'boolean',\n status: 'optional',\n },\n skeleton: {\n doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n type: 'boolean',\n status: 'optional',\n },\n contentRef: {\n doc: 'Send along a custom React Ref for `.dnb-accordion__content`.',\n type: 'function',\n status: 'optional',\n },\n collapseAllHandleRef: {\n doc: 'Ref handle to collapse all expanded accordions. Send in a ref and use `.current()` to collapse all accordions. Default: `undefined`.',\n type: 'React.MutableRefObject<() => void>',\n status: 'optional',\n },\n space: {\n doc: 'Spacing properties like `top` or `bottom` are supported.',\n type: ['string', 'object'],\n status: 'optional',\n },\n}\n\nexport const AccordionProviderGroupProperties: PropertiesTableProps = {\n group: {\n doc: \"Define a unique id, it will be used to 'group' several accordions into one.\",\n type: 'string',\n status: 'optional',\n },\n allow_close_all: {\n doc: 'If set to `true`, the group of accordions will allow all to close.',\n type: 'boolean',\n status: 'optional',\n },\n expandBehaviour: {\n doc: 'Use `expandBehavior` instead.',\n type: ['single', 'multiple'],\n status: 'deprecated',\n },\n expandBehavior: {\n doc: 'Determines how many accordions can be expanded at once. Defaults to `single`.',\n type: ['single', 'multiple'],\n status: 'optional',\n },\n expanded_id: {\n doc: 'Define an `id` of a nested accordion that will get expanded.',\n type: 'string',\n status: 'optional',\n },\n space: {\n doc: 'Spacing properties like `top` or `bottom` are supported.',\n type: ['string', 'object'],\n status: 'optional',\n },\n}\n\nexport const AccordionEvents: PropertiesTableProps = {\n on_change: {\n doc: 'Will be called by user click interaction. Returns an object with a boolean state `expanded` inside `{ expanded, id, event, ...event }`.',\n type: 'function',\n status: 'optional',\n },\n}\n"],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
4
4
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
5
5
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
6
|
-
const _excluded = ["expanded", "expanded_id", "prerender", "prevent_rerender", "single_container", "contentRef", "allow_close_all", "remember_state", "flush_remembered_state", "disabled", "group", "onInit", "className", "id", "children", "collapseAllHandleRef", "expandBehaviour"];
|
|
6
|
+
const _excluded = ["expanded", "expanded_id", "prerender", "prevent_rerender", "single_container", "contentRef", "allow_close_all", "remember_state", "flush_remembered_state", "disabled", "group", "onInit", "className", "id", "children", "collapseAllHandleRef", "expandBehaviour", "expandBehavior"];
|
|
7
7
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
8
8
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
9
9
|
import React, { useContext, useEffect, useRef } from 'react';
|
|
@@ -47,7 +47,8 @@ const AccordionGroup = props => {
|
|
|
47
47
|
id: _id,
|
|
48
48
|
children,
|
|
49
49
|
collapseAllHandleRef,
|
|
50
|
-
expandBehaviour
|
|
50
|
+
expandBehaviour,
|
|
51
|
+
expandBehavior
|
|
51
52
|
} = extendedProps,
|
|
52
53
|
restOfExtendedProps = _objectWithoutProperties(extendedProps, _excluded);
|
|
53
54
|
const collapseAccordionCallbacks = useRef([]);
|
|
@@ -69,7 +70,8 @@ const AccordionGroup = props => {
|
|
|
69
70
|
onChange: onChangeHandler,
|
|
70
71
|
collapseAllHandleRef,
|
|
71
72
|
collapseAccordionCallbacks,
|
|
72
|
-
expandBehaviour
|
|
73
|
+
expandBehaviour,
|
|
74
|
+
expandBehavior
|
|
73
75
|
});
|
|
74
76
|
return React.createElement(AccordionGroupContext.Provider, {
|
|
75
77
|
value: contextForProvider
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionGroup.js","names":["React","useContext","useEffect","useRef","classnames","isTrue","makeUniqueId","extendPropsWithContext","validateDOMAttributes","dispatchCustomElementEvent","createSpacingClasses","Context","AccordionGroupContext","accordionDefaultProps","AccordionGroup","props","context","id","thisInstance","_id","onChangeHandler","event","expanded","extendedProps","Accordion","getTranslation","expanded_id","prerender","prevent_rerender","single_container","contentRef","allow_close_all","remember_state","flush_remembered_state","disabled","group","onInit","className","children","collapseAllHandleRef","expandBehaviour","restOfExtendedProps","_objectWithoutProperties","_excluded","collapseAccordionCallbacks","current","forEach","callback","classes","params","_objectSpread","contextForProvider","onChange","createElement","Provider","value","_extends","role","_supportsSpacingProps"],"sources":["../../../../src/components/accordion/AccordionGroup.tsx"],"sourcesContent":["/**\n * Web AccordionGroup Component\n *\n */\n\nimport React, { useContext, useEffect, useRef } from 'react'\n\nimport classnames from 'classnames'\nimport {\n isTrue,\n makeUniqueId,\n extendPropsWithContext,\n validateDOMAttributes,\n dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\n\nimport Context from '../../shared/Context'\nimport AccordionGroupContext from './AccordionProviderContext'\n\nimport type { GroupProps } from './Accordion'\nimport { accordionDefaultProps } from './defaultProps'\n\nexport type AccordionGroupProps = React.HTMLProps<HTMLElement> &\n GroupProps & {\n onInit?: (...args: any[]) => any\n }\n\nconst AccordionGroup = (props: AccordionGroupProps) => {\n const context = useContext(Context)\n const id = props.id || makeUniqueId()\n\n const thisInstance = {\n _id: id,\n props,\n context,\n onChangeHandler,\n }\n\n function onChangeHandler(event) {\n dispatchCustomElementEvent(thisInstance, 'on_change', {\n id: event.id,\n expanded: event.expanded,\n event,\n })\n }\n\n // use only the props from context, who are available here anyway\n const extendedProps = extendPropsWithContext(\n props,\n accordionDefaultProps,\n context.Accordion,\n context.getTranslation(props)['Accordion']\n )\n\n const {\n expanded, // eslint-disable-line\n expanded_id, // eslint-disable-line\n prerender, // eslint-disable-line\n prevent_rerender, // eslint-disable-line\n single_container, // eslint-disable-line\n contentRef, // eslint-disable-line\n allow_close_all, // eslint-disable-line\n remember_state, // eslint-disable-line\n flush_remembered_state, // eslint-disable-line\n disabled, // eslint-disable-line\n group, // eslint-disable-line\n onInit, // eslint-disable-line\n className,\n\n id: _id, // eslint-disable-line\n children, // eslint-disable-line\n collapseAllHandleRef,\n expandBehaviour,\n\n ...restOfExtendedProps\n } = extendedProps\n\n const collapseAccordionCallbacks = useRef<(() => void)[]>([])\n\n useEffect(() => {\n if (collapseAllHandleRef) {\n collapseAllHandleRef.current = () => {\n collapseAccordionCallbacks.current.forEach((callback) =>\n callback()\n )\n }\n }\n }, [collapseAllHandleRef])\n\n const classes = classnames(\n 'dnb-accordion-group',\n isTrue(single_container) && 'dnb-accordion-group--single-container',\n createSpacingClasses(extendedProps),\n className\n )\n\n const params = {\n ...restOfExtendedProps,\n }\n\n // also used for code markup simulation\n validateDOMAttributes(props, params)\n\n if (!extendedProps?.group && isTrue(props.single_container)) {\n extendedProps.group = makeUniqueId()\n }\n\n const contextForProvider = {\n ...extendedProps,\n id,\n onChange: onChangeHandler,\n collapseAllHandleRef,\n collapseAccordionCallbacks,\n expandBehaviour,\n }\n\n return (\n <AccordionGroupContext.Provider value={contextForProvider}>\n <div className={classes}>\n <span\n id={id}\n className=\"dnb-accordion-group__shell\"\n role=\"group\"\n {...params}\n >\n <span className=\"dnb-accordion-group__children\">{children}</span>\n </span>\n </div>\n </AccordionGroupContext.Provider>\n )\n}\n\nAccordionGroup._supportsSpacingProps = true\n\nexport default AccordionGroup\n"],"mappings":";;;;;;;;AAKA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAE5D,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,MAAM,EACNC,YAAY,EACZC,sBAAsB,EACtBC,qBAAqB,EACrBC,0BAA0B,QACrB,+BAA+B;AACtC,SAASC,oBAAoB,QAAQ,wBAAwB;AAE7D,OAAOC,OAAO,MAAM,sBAAsB;AAC1C,OAAOC,qBAAqB,MAAM,4BAA4B;AAG9D,SAASC,qBAAqB,QAAQ,gBAAgB;AAOtD,MAAMC,cAAc,GAAIC,KAA0B,IAAK;EACrD,MAAMC,OAAO,GAAGf,UAAU,CAACU,OAAO,CAAC;EACnC,MAAMM,EAAE,GAAGF,KAAK,CAACE,EAAE,IAAIX,YAAY,CAAC,CAAC;EAErC,MAAMY,YAAY,GAAG;IACnBC,GAAG,EAAEF,EAAE;IACPF,KAAK;IACLC,OAAO;IACPI;EACF,CAAC;EAED,SAASA,eAAeA,CAACC,KAAK,EAAE;IAC9BZ,0BAA0B,CAACS,YAAY,EAAE,WAAW,EAAE;MACpDD,EAAE,EAAEI,KAAK,CAACJ,EAAE;MACZK,QAAQ,EAAED,KAAK,CAACC,QAAQ;MACxBD;IACF,CAAC,CAAC;EACJ;EAGA,MAAME,aAAa,GAAGhB,sBAAsB,CAC1CQ,KAAK,EACLF,qBAAqB,EACrBG,OAAO,CAACQ,SAAS,EACjBR,OAAO,CAACS,cAAc,CAACV,KAAK,CAAC,CAAC,WAAW,CAC3C,CAAC;EAED,MAAM;MACJO,QAAQ;MACRI,WAAW;MACXC,SAAS;MACTC,gBAAgB;MAChBC,gBAAgB;MAChBC,UAAU;MACVC,eAAe;MACfC,cAAc;MACdC,sBAAsB;MACtBC,QAAQ;MACRC,KAAK;MACLC,MAAM;MACNC,SAAS;MAETpB,EAAE,EAAEE,GAAG;MACPmB,QAAQ;MACRC,oBAAoB;MACpBC;IAGF,CAAC,
|
|
1
|
+
{"version":3,"file":"AccordionGroup.js","names":["React","useContext","useEffect","useRef","classnames","isTrue","makeUniqueId","extendPropsWithContext","validateDOMAttributes","dispatchCustomElementEvent","createSpacingClasses","Context","AccordionGroupContext","accordionDefaultProps","AccordionGroup","props","context","id","thisInstance","_id","onChangeHandler","event","expanded","extendedProps","Accordion","getTranslation","expanded_id","prerender","prevent_rerender","single_container","contentRef","allow_close_all","remember_state","flush_remembered_state","disabled","group","onInit","className","children","collapseAllHandleRef","expandBehaviour","expandBehavior","restOfExtendedProps","_objectWithoutProperties","_excluded","collapseAccordionCallbacks","current","forEach","callback","classes","params","_objectSpread","contextForProvider","onChange","createElement","Provider","value","_extends","role","_supportsSpacingProps"],"sources":["../../../../src/components/accordion/AccordionGroup.tsx"],"sourcesContent":["/**\n * Web AccordionGroup Component\n *\n */\n\nimport React, { useContext, useEffect, useRef } from 'react'\n\nimport classnames from 'classnames'\nimport {\n isTrue,\n makeUniqueId,\n extendPropsWithContext,\n validateDOMAttributes,\n dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\n\nimport Context from '../../shared/Context'\nimport AccordionGroupContext from './AccordionProviderContext'\n\nimport type { GroupProps } from './Accordion'\nimport { accordionDefaultProps } from './defaultProps'\n\nexport type AccordionGroupProps = React.HTMLProps<HTMLElement> &\n GroupProps & {\n onInit?: (...args: any[]) => any\n }\n\nconst AccordionGroup = (props: AccordionGroupProps) => {\n const context = useContext(Context)\n const id = props.id || makeUniqueId()\n\n const thisInstance = {\n _id: id,\n props,\n context,\n onChangeHandler,\n }\n\n function onChangeHandler(event) {\n dispatchCustomElementEvent(thisInstance, 'on_change', {\n id: event.id,\n expanded: event.expanded,\n event,\n })\n }\n\n // use only the props from context, who are available here anyway\n const extendedProps = extendPropsWithContext(\n props,\n accordionDefaultProps,\n context.Accordion,\n context.getTranslation(props)['Accordion']\n )\n\n const {\n expanded, // eslint-disable-line\n expanded_id, // eslint-disable-line\n prerender, // eslint-disable-line\n prevent_rerender, // eslint-disable-line\n single_container, // eslint-disable-line\n contentRef, // eslint-disable-line\n allow_close_all, // eslint-disable-line\n remember_state, // eslint-disable-line\n flush_remembered_state, // eslint-disable-line\n disabled, // eslint-disable-line\n group, // eslint-disable-line\n onInit, // eslint-disable-line\n className,\n\n id: _id, // eslint-disable-line\n children, // eslint-disable-line\n collapseAllHandleRef,\n expandBehaviour,\n expandBehavior,\n\n ...restOfExtendedProps\n } = extendedProps\n\n const collapseAccordionCallbacks = useRef<(() => void)[]>([])\n\n useEffect(() => {\n if (collapseAllHandleRef) {\n collapseAllHandleRef.current = () => {\n collapseAccordionCallbacks.current.forEach((callback) =>\n callback()\n )\n }\n }\n }, [collapseAllHandleRef])\n\n const classes = classnames(\n 'dnb-accordion-group',\n isTrue(single_container) && 'dnb-accordion-group--single-container',\n createSpacingClasses(extendedProps),\n className\n )\n\n const params = {\n ...restOfExtendedProps,\n }\n\n // also used for code markup simulation\n validateDOMAttributes(props, params)\n\n if (!extendedProps?.group && isTrue(props.single_container)) {\n extendedProps.group = makeUniqueId()\n }\n\n const contextForProvider = {\n ...extendedProps,\n id,\n onChange: onChangeHandler,\n collapseAllHandleRef,\n collapseAccordionCallbacks,\n expandBehaviour, // Deprecated – expandBehaviour is replaced with expandBehavior - can be removed in v11\n expandBehavior,\n }\n\n return (\n <AccordionGroupContext.Provider value={contextForProvider}>\n <div className={classes}>\n <span\n id={id}\n className=\"dnb-accordion-group__shell\"\n role=\"group\"\n {...params}\n >\n <span className=\"dnb-accordion-group__children\">{children}</span>\n </span>\n </div>\n </AccordionGroupContext.Provider>\n )\n}\n\nAccordionGroup._supportsSpacingProps = true\n\nexport default AccordionGroup\n"],"mappings":"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"}
|
|
@@ -15,7 +15,11 @@ type AccordionGroupContextProps = {
|
|
|
15
15
|
onInit?: (...args: any[]) => any;
|
|
16
16
|
collapseAccordionCallbacks?: React.MutableRefObject<(() => void)[]>;
|
|
17
17
|
collapseAllHandleRef?: React.MutableRefObject<() => void>;
|
|
18
|
+
/**
|
|
19
|
+
* @deprecated – Replaced with expandBehavior, expandBehaviour can be removed in v11
|
|
20
|
+
*/
|
|
18
21
|
expandBehaviour?: AccordionGroupProps['expandBehaviour'];
|
|
22
|
+
expandBehavior?: AccordionGroupProps['expandBehavior'];
|
|
19
23
|
};
|
|
20
24
|
declare const AccordionGroupContext: React.Context<AccordionGroupContextProps>;
|
|
21
25
|
export default AccordionGroupContext;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionProviderContext.js","names":["React","AccordionGroupContext","createContext"],"sources":["../../../../src/components/accordion/AccordionProviderContext.ts"],"sourcesContent":["/**\n * Web AccordionGroup Context\n *\n */\n\nimport React from 'react'\nimport { AccordionGroupProps } from './AccordionGroup'\n\ntype AccordionGroupContextProps = {\n expanded?: boolean\n group?: string\n expanded_ssr?: boolean\n remember_state?: boolean\n flush_remembered_state?: boolean\n expanded_id?: string\n onChange?: (...params: unknown[]) => void\n onInit?: (...args: any[]) => any\n collapseAccordionCallbacks?: React.MutableRefObject<(() => void)[]>\n collapseAllHandleRef?: React.MutableRefObject<() => void>\n expandBehaviour?: AccordionGroupProps['expandBehaviour']\n}\n\nconst AccordionGroupContext =\n React.createContext<AccordionGroupContextProps>({})\n\nexport default AccordionGroupContext\n"],"mappings":"AAKA,OAAOA,KAAK,MAAM,OAAO;
|
|
1
|
+
{"version":3,"file":"AccordionProviderContext.js","names":["React","AccordionGroupContext","createContext"],"sources":["../../../../src/components/accordion/AccordionProviderContext.ts"],"sourcesContent":["/**\n * Web AccordionGroup Context\n *\n */\n\nimport React from 'react'\nimport { AccordionGroupProps } from './AccordionGroup'\n\ntype AccordionGroupContextProps = {\n expanded?: boolean\n group?: string\n expanded_ssr?: boolean\n remember_state?: boolean\n flush_remembered_state?: boolean\n expanded_id?: string\n onChange?: (...params: unknown[]) => void\n onInit?: (...args: any[]) => any\n collapseAccordionCallbacks?: React.MutableRefObject<(() => void)[]>\n collapseAllHandleRef?: React.MutableRefObject<() => void>\n /**\n * @deprecated – Replaced with expandBehavior, expandBehaviour can be removed in v11\n */\n expandBehaviour?: AccordionGroupProps['expandBehaviour']\n expandBehavior?: AccordionGroupProps['expandBehavior']\n}\n\nconst AccordionGroupContext =\n React.createContext<AccordionGroupContextProps>({})\n\nexport default AccordionGroupContext\n"],"mappings":"AAKA,OAAOA,KAAK,MAAM,OAAO;AAqBzB,MAAMC,qBAAqB,GACzBD,KAAK,CAACE,aAAa,CAA6B,CAAC,CAAC,CAAC;AAErD,eAAeD,qBAAqB"}
|
|
@@ -12,7 +12,8 @@ export class AccordionStore {
|
|
|
12
12
|
id
|
|
13
13
|
} = _ref;
|
|
14
14
|
this._instances.forEach(inst => {
|
|
15
|
-
|
|
15
|
+
const closeAccordion = inst.context.expandBehaviour === 'single' && inst.context.expandBehavior === 'single';
|
|
16
|
+
if (closeAccordion && inst._id !== id) {
|
|
16
17
|
inst.close();
|
|
17
18
|
}
|
|
18
19
|
});
|