@dnb/eufemia 10.4.2 → 10.6.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 +37 -0
- package/cjs/components/accordion/Accordion.d.ts +240 -136
- package/cjs/components/accordion/Accordion.js +217 -252
- package/cjs/components/accordion/Accordion.js.map +1 -1
- package/cjs/components/accordion/AccordionContent.d.ts +12 -14
- package/cjs/components/accordion/AccordionContent.js +3 -15
- package/cjs/components/accordion/AccordionContent.js.map +1 -1
- package/cjs/components/accordion/AccordionContext.d.ts +17 -2
- package/cjs/components/accordion/AccordionContext.js.map +1 -1
- package/cjs/components/accordion/AccordionGroup.d.ts +10 -12
- package/cjs/components/accordion/AccordionGroup.js +63 -72
- package/cjs/components/accordion/AccordionGroup.js.map +1 -1
- package/cjs/components/accordion/AccordionHeader.d.ts +62 -92
- package/cjs/components/accordion/AccordionHeader.js +178 -251
- package/cjs/components/accordion/AccordionHeader.js.map +1 -1
- package/cjs/components/accordion/AccordionProviderContext.d.ts +16 -2
- package/cjs/components/accordion/AccordionProviderContext.js.map +1 -1
- package/cjs/components/accordion/AccordionStore.d.ts +7 -6
- package/cjs/components/accordion/AccordionStore.js +1 -1
- package/cjs/components/accordion/AccordionStore.js.map +1 -1
- package/cjs/components/accordion/defaultProps.d.ts +2 -0
- package/cjs/components/accordion/defaultProps.js +12 -0
- package/cjs/components/accordion/defaultProps.js.map +1 -0
- package/cjs/components/anchor/style/anchor-mixins.scss +26 -27
- package/cjs/components/anchor/style/dnb-anchor.css +27 -16
- package/cjs/components/anchor/style/dnb-anchor.min.css +1 -1
- package/cjs/components/anchor/style/dnb-anchor.scss +1 -1
- package/cjs/components/anchor/style/themes/dnb-anchor-theme-sbanken.css +97 -44
- package/cjs/components/anchor/style/themes/dnb-anchor-theme-sbanken.min.css +1 -1
- package/cjs/components/anchor/style/themes/dnb-anchor-theme-sbanken.scss +48 -22
- package/cjs/components/anchor/style/themes/dnb-anchor-theme-ui.css +20 -10
- package/cjs/components/anchor/style/themes/dnb-anchor-theme-ui.min.css +1 -1
- package/cjs/components/anchor/style/themes/dnb-anchor-theme-ui.scss +4 -9
- package/cjs/components/autocomplete/Autocomplete.js +2 -2
- package/cjs/components/autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/button/style/themes/button-mixins.scss +23 -4
- package/cjs/components/button/style/themes/dnb-button-theme-sbanken.css +80 -82
- package/cjs/components/button/style/themes/dnb-button-theme-sbanken.min.css +3 -1
- package/cjs/components/button/style/themes/dnb-button-theme-sbanken.scss +82 -54
- package/cjs/components/date-picker/DatePicker.js.map +1 -1
- package/cjs/components/date-picker/DatePickerCalendar.js.map +1 -1
- package/cjs/components/dialog/Dialog.d.ts +1 -1
- package/cjs/components/dialog/DialogContent.d.ts +1 -1
- package/cjs/components/dialog/DialogContent.js +4 -2
- package/cjs/components/dialog/DialogContent.js.map +1 -1
- package/cjs/components/dialog/parts/DialogAction.d.ts +5 -1
- package/cjs/components/dialog/parts/DialogAction.js +3 -2
- package/cjs/components/dialog/parts/DialogAction.js.map +1 -1
- package/cjs/components/form-row/FormRow.js.map +1 -1
- package/cjs/components/form-row/style/dnb-form-row.scss +2 -2
- package/cjs/components/form-set/FormSet.js.map +1 -1
- package/cjs/components/height-animation/HeightAnimation.d.ts +1 -1
- package/cjs/components/height-animation/HeightAnimation.js.map +1 -1
- package/cjs/components/height-animation/useHeightAnimation.js.map +1 -1
- package/cjs/components/icon/lib/SvgComparison.js.map +1 -1
- package/cjs/components/input/style/dnb-input.css +5 -0
- package/cjs/components/input/style/dnb-input.min.css +1 -1
- package/cjs/components/input/style/dnb-input.scss +7 -1
- package/cjs/components/input/style/themes/dnb-input-theme-sbanken.css +104 -0
- package/cjs/components/input/style/themes/dnb-input-theme-sbanken.min.css +1 -0
- package/cjs/components/input/style/themes/dnb-input-theme-sbanken.scss +126 -0
- package/cjs/components/input-masked/InputMaskedUtils.js.map +1 -1
- package/cjs/components/input-masked/TextMask.js.map +1 -1
- package/cjs/components/modal/Modal.js +0 -2
- package/cjs/components/modal/Modal.js.map +1 -1
- package/cjs/components/modal/bodyScrollLock.js.map +1 -1
- package/cjs/components/number-format/NumberUtils.js +8 -6
- package/cjs/components/number-format/NumberUtils.js.map +1 -1
- package/cjs/components/number-format/style/dnb-number-format.css +0 -7
- package/cjs/components/number-format/style/dnb-number-format.scss +0 -1
- package/cjs/components/pagination/PaginationInfinity.js.map +1 -1
- package/cjs/components/radio/Radio.js.map +1 -1
- package/cjs/components/section/style/themes/dnb-section-theme-ui.css +14 -7
- package/cjs/components/section/style/themes/dnb-section-theme-ui.min.css +1 -1
- package/cjs/components/slider/hooks/useSliderEvents.js.map +1 -1
- package/cjs/components/slider/types.d.ts +1 -1
- package/cjs/components/slider/types.js.map +1 -1
- package/cjs/components/space/Space.d.ts +2 -2
- package/cjs/components/space/SpacingHelper.js.map +1 -1
- package/cjs/components/step-indicator/StepIndicatorProps.d.ts +1 -1
- package/cjs/components/table/TableAccordion.js.map +1 -1
- package/cjs/components/table/TableTr.js.map +1 -1
- package/cjs/components/textarea/Textarea.js.map +1 -1
- package/cjs/components/textarea/style/dnb-textarea.css +39 -1
- package/cjs/components/textarea/style/dnb-textarea.min.css +1 -1
- package/cjs/components/textarea/style/dnb-textarea.scss +20 -1
- package/cjs/components/textarea/style/themes/dnb-textarea-theme-sbanken.css +61 -0
- package/cjs/components/textarea/style/themes/dnb-textarea-theme-sbanken.min.css +1 -0
- package/cjs/components/textarea/style/themes/dnb-textarea-theme-sbanken.scss +72 -0
- package/cjs/components/textarea/style/themes/dnb-textarea-theme-ui.css +0 -41
- package/cjs/components/textarea/style/themes/dnb-textarea-theme-ui.min.css +1 -1
- package/cjs/components/textarea/style/themes/dnb-textarea-theme-ui.scss +0 -22
- package/cjs/components/toggle-button/ToggleButton.js.map +1 -1
- package/cjs/components/toggle-button/ToggleButtonGroup.js.map +1 -1
- package/cjs/components/tooltip/TooltipContainer.js.map +1 -1
- package/cjs/components/upload/Upload.js +2 -2
- package/cjs/components/upload/Upload.js.map +1 -1
- package/cjs/components/upload/useUpload.d.ts +1 -1
- package/cjs/components/upload/useUpload.js +2 -2
- package/cjs/components/upload/useUpload.js.map +1 -1
- package/cjs/elements/blockquote/Blockquote.d.ts +1 -1
- package/cjs/elements/blockquote/Blockquote.js.map +1 -1
- package/cjs/elements/blockquote/style/themes/dnb-blockquote-theme-sbanken.scss +0 -2
- package/cjs/extensions/forms/DataContext/At.d.ts +13 -0
- package/cjs/extensions/forms/DataContext/At.js +60 -0
- package/cjs/extensions/forms/DataContext/At.js.map +1 -0
- package/cjs/extensions/forms/DataContext/Context.d.ts +19 -0
- package/cjs/extensions/forms/DataContext/Context.js +25 -0
- package/cjs/extensions/forms/DataContext/Context.js.map +1 -0
- package/cjs/extensions/forms/DataContext/Provider.d.ts +19 -0
- package/cjs/extensions/forms/DataContext/Provider.js +112 -0
- package/cjs/extensions/forms/DataContext/Provider.js.map +1 -0
- package/cjs/extensions/forms/DataContext/SubmitButton.d.ts +9 -0
- package/cjs/extensions/forms/DataContext/SubmitButton.js +30 -0
- package/cjs/extensions/forms/DataContext/SubmitButton.js.map +1 -0
- package/cjs/extensions/forms/DataContext/index.d.ts +13 -0
- package/cjs/extensions/forms/DataContext/index.js +20 -0
- package/cjs/extensions/forms/DataContext/index.js.map +1 -0
- package/cjs/extensions/forms/Field/ArraySelection.d.ts +12 -0
- package/cjs/extensions/forms/Field/ArraySelection.js +68 -0
- package/cjs/extensions/forms/Field/ArraySelection.js.map +1 -0
- package/cjs/extensions/forms/Field/BankAccountNumber.d.ts +10 -0
- package/cjs/extensions/forms/Field/BankAccountNumber.js +40 -0
- package/cjs/extensions/forms/Field/BankAccountNumber.js.map +1 -0
- package/cjs/extensions/forms/Field/Boolean.d.ts +10 -0
- package/cjs/extensions/forms/Field/Boolean.js +34 -0
- package/cjs/extensions/forms/Field/Boolean.js.map +1 -0
- package/cjs/extensions/forms/Field/Currency.d.ts +10 -0
- package/cjs/extensions/forms/Field/Currency.js +61 -0
- package/cjs/extensions/forms/Field/Currency.js.map +1 -0
- package/cjs/extensions/forms/Field/Date.d.ts +8 -0
- package/cjs/extensions/forms/Field/Date.js +59 -0
- package/cjs/extensions/forms/Field/Date.js.map +1 -0
- package/cjs/extensions/forms/Field/Email.d.ts +7 -0
- package/cjs/extensions/forms/Field/Email.js +34 -0
- package/cjs/extensions/forms/Field/Email.js.map +1 -0
- package/cjs/extensions/forms/Field/FirstName.d.ts +7 -0
- package/cjs/extensions/forms/Field/FirstName.js +31 -0
- package/cjs/extensions/forms/Field/FirstName.js.map +1 -0
- package/cjs/extensions/forms/Field/LastName.d.ts +7 -0
- package/cjs/extensions/forms/Field/LastName.js +31 -0
- package/cjs/extensions/forms/Field/LastName.js.map +1 -0
- package/cjs/extensions/forms/Field/NationalIdentityNumber.d.ts +10 -0
- package/cjs/extensions/forms/Field/NationalIdentityNumber.js +39 -0
- package/cjs/extensions/forms/Field/NationalIdentityNumber.js.map +1 -0
- package/cjs/extensions/forms/Field/Number.d.ts +31 -0
- package/cjs/extensions/forms/Field/Number.js +111 -0
- package/cjs/extensions/forms/Field/Number.js.map +1 -0
- package/cjs/extensions/forms/Field/Option.d.ts +9 -0
- package/cjs/extensions/forms/Field/Option.js +22 -0
- package/cjs/extensions/forms/Field/Option.js.map +1 -0
- package/cjs/extensions/forms/Field/OrganizationNumber.d.ts +10 -0
- package/cjs/extensions/forms/Field/OrganizationNumber.js +40 -0
- package/cjs/extensions/forms/Field/OrganizationNumber.js.map +1 -0
- package/cjs/extensions/forms/Field/PhoneNumber.d.ts +12 -0
- package/cjs/extensions/forms/Field/PhoneNumber.js +101 -0
- package/cjs/extensions/forms/Field/PhoneNumber.js.map +1 -0
- package/cjs/extensions/forms/Field/PostalCodeAndCity.d.ts +10 -0
- package/cjs/extensions/forms/Field/PostalCodeAndCity.js +59 -0
- package/cjs/extensions/forms/Field/PostalCodeAndCity.js.map +1 -0
- package/cjs/extensions/forms/Field/SelectCountry.d.ts +7 -0
- package/cjs/extensions/forms/Field/SelectCountry.js +38 -0
- package/cjs/extensions/forms/Field/SelectCountry.js.map +1 -0
- package/cjs/extensions/forms/Field/Selection.d.ts +13 -0
- package/cjs/extensions/forms/Field/Selection.js +120 -0
- package/cjs/extensions/forms/Field/Selection.js.map +1 -0
- package/cjs/extensions/forms/Field/String.d.ts +32 -0
- package/cjs/extensions/forms/Field/String.js +135 -0
- package/cjs/extensions/forms/Field/String.js.map +1 -0
- package/cjs/extensions/forms/Field/Toggle.d.ts +14 -0
- package/cjs/extensions/forms/Field/Toggle.js +129 -0
- package/cjs/extensions/forms/Field/Toggle.js.map +1 -0
- package/cjs/extensions/forms/Field/fields.scss +2 -0
- package/cjs/extensions/forms/Field/hooks/index.d.ts +1 -0
- package/cjs/extensions/forms/Field/hooks/index.js +14 -0
- package/cjs/extensions/forms/Field/hooks/index.js.map +1 -0
- package/cjs/extensions/forms/Field/hooks/useField.d.ts +11 -0
- package/cjs/extensions/forms/Field/hooks/useField.js +163 -0
- package/cjs/extensions/forms/Field/hooks/useField.js.map +1 -0
- package/cjs/extensions/forms/Field/index.d.ts +39 -0
- package/cjs/extensions/forms/Field/index.js +48 -0
- package/cjs/extensions/forms/Field/index.js.map +1 -0
- package/cjs/extensions/forms/Field/style/dnb-number.css +11 -0
- package/cjs/extensions/forms/Field/style/dnb-number.min.css +1 -0
- package/cjs/extensions/forms/Field/style/dnb-number.scss +19 -0
- package/cjs/extensions/forms/Field/style/dnb-phone-number.css +23 -0
- package/cjs/extensions/forms/Field/style/dnb-phone-number.min.css +1 -0
- package/cjs/extensions/forms/Field/style/dnb-phone-number.scss +28 -0
- package/cjs/extensions/forms/Field/style/dnb-postal-code-and-city.css +19 -0
- package/cjs/extensions/forms/Field/style/dnb-postal-code-and-city.min.css +1 -0
- package/cjs/extensions/forms/Field/style/dnb-postal-code-and-city.scss +25 -0
- package/cjs/extensions/forms/Field/style/dnb-selection.css +6 -0
- package/cjs/extensions/forms/Field/style/dnb-selection.min.css +1 -0
- package/cjs/extensions/forms/Field/style/dnb-selection.scss +15 -0
- package/cjs/extensions/forms/Field/style/dnb-string.css +11 -0
- package/cjs/extensions/forms/Field/style/dnb-string.min.css +1 -0
- package/cjs/extensions/forms/Field/style/dnb-string.scss +19 -0
- package/cjs/extensions/forms/Field/style/index.d.ts +6 -0
- package/cjs/extensions/forms/Field/style/index.js +5 -0
- package/cjs/extensions/forms/Field/style/index.js.map +1 -0
- package/cjs/extensions/forms/Field/style/index.scss +5 -0
- package/cjs/extensions/forms/Field/style.d.ts +5 -0
- package/cjs/extensions/forms/Field/style.js +4 -0
- package/cjs/extensions/forms/Field/style.js.map +1 -0
- package/cjs/extensions/forms/FieldBlock/FieldBlock.d.ts +12 -0
- package/cjs/extensions/forms/FieldBlock/FieldBlock.js +77 -0
- package/cjs/extensions/forms/FieldBlock/FieldBlock.js.map +1 -0
- package/cjs/extensions/forms/FieldBlock/index.d.ts +1 -0
- package/cjs/extensions/forms/FieldBlock/index.js +14 -0
- package/cjs/extensions/forms/FieldBlock/index.js.map +1 -0
- package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.css +15 -0
- package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -0
- package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.scss +19 -0
- package/cjs/extensions/forms/FieldBlock/style/index.d.ts +5 -0
- package/cjs/extensions/forms/FieldBlock/style/index.js +4 -0
- package/cjs/extensions/forms/FieldBlock/style/index.js.map +1 -0
- package/cjs/extensions/forms/FieldBlock/style.d.ts +5 -0
- package/cjs/extensions/forms/FieldBlock/style.js +4 -0
- package/cjs/extensions/forms/FieldBlock/style.js.map +1 -0
- package/cjs/extensions/forms/FieldGroup/FieldGroup.d.ts +17 -0
- package/cjs/extensions/forms/FieldGroup/FieldGroup.js +95 -0
- package/cjs/extensions/forms/FieldGroup/FieldGroup.js.map +1 -0
- package/cjs/extensions/forms/FieldGroup/index.d.ts +2 -0
- package/cjs/extensions/forms/FieldGroup/index.js +27 -0
- package/cjs/extensions/forms/FieldGroup/index.js.map +1 -0
- package/cjs/extensions/forms/Forms.d.ts +3 -0
- package/cjs/extensions/forms/Forms.js +22 -0
- package/cjs/extensions/forms/Forms.js.map +1 -0
- package/cjs/extensions/forms/Layout/ButtonRow.d.ts +10 -0
- package/cjs/extensions/forms/Layout/ButtonRow.js +25 -0
- package/cjs/extensions/forms/Layout/ButtonRow.js.map +1 -0
- package/cjs/extensions/forms/Layout/Card.d.ts +14 -0
- package/cjs/extensions/forms/Layout/Card.js +45 -0
- package/cjs/extensions/forms/Layout/Card.js.map +1 -0
- package/cjs/extensions/forms/Layout/Column.d.ts +7 -0
- package/cjs/extensions/forms/Layout/Column.js +26 -0
- package/cjs/extensions/forms/Layout/Column.js.map +1 -0
- package/cjs/extensions/forms/Layout/FlexContainer.d.ts +23 -0
- package/cjs/extensions/forms/Layout/FlexContainer.js +104 -0
- package/cjs/extensions/forms/Layout/FlexContainer.js.map +1 -0
- package/cjs/extensions/forms/Layout/FlexItem.d.ts +12 -0
- package/cjs/extensions/forms/Layout/FlexItem.js +28 -0
- package/cjs/extensions/forms/Layout/FlexItem.js.map +1 -0
- package/cjs/extensions/forms/Layout/InfoCardSection.d.ts +8 -0
- package/cjs/extensions/forms/Layout/InfoCardSection.js +25 -0
- package/cjs/extensions/forms/Layout/InfoCardSection.js.map +1 -0
- package/cjs/extensions/forms/Layout/MainHeading.d.ts +10 -0
- package/cjs/extensions/forms/Layout/MainHeading.js +27 -0
- package/cjs/extensions/forms/Layout/MainHeading.js.map +1 -0
- package/cjs/extensions/forms/Layout/Row.d.ts +7 -0
- package/cjs/extensions/forms/Layout/Row.js +26 -0
- package/cjs/extensions/forms/Layout/Row.js.map +1 -0
- package/cjs/extensions/forms/Layout/Section.d.ts +13 -0
- package/cjs/extensions/forms/Layout/Section.js +29 -0
- package/cjs/extensions/forms/Layout/Section.js.map +1 -0
- package/cjs/extensions/forms/Layout/SubHeading.d.ts +10 -0
- package/cjs/extensions/forms/Layout/SubHeading.js +26 -0
- package/cjs/extensions/forms/Layout/SubHeading.js.map +1 -0
- package/cjs/extensions/forms/Layout/index.d.ts +23 -0
- package/cjs/extensions/forms/Layout/index.js +32 -0
- package/cjs/extensions/forms/Layout/index.js.map +1 -0
- package/cjs/extensions/forms/Layout/style/dnb-button-row.css +7 -0
- package/cjs/extensions/forms/Layout/style/dnb-button-row.min.css +1 -0
- package/cjs/extensions/forms/Layout/style/dnb-button-row.scss +5 -0
- package/cjs/extensions/forms/Layout/style/dnb-card.css +13 -0
- package/cjs/extensions/forms/Layout/style/dnb-card.min.css +1 -0
- package/cjs/extensions/forms/Layout/style/dnb-card.scss +15 -0
- package/cjs/extensions/forms/Layout/style/dnb-flex-container.css +63 -0
- package/cjs/extensions/forms/Layout/style/dnb-flex-container.min.css +1 -0
- package/cjs/extensions/forms/Layout/style/dnb-flex-container.scss +84 -0
- package/cjs/extensions/forms/Layout/style/dnb-flex-item.css +6 -0
- package/cjs/extensions/forms/Layout/style/dnb-flex-item.min.css +1 -0
- package/cjs/extensions/forms/Layout/style/dnb-flex-item.scss +9 -0
- package/cjs/extensions/forms/Layout/style/dnb-section.css +3 -0
- package/cjs/extensions/forms/Layout/style/dnb-section.min.css +1 -0
- package/cjs/extensions/forms/Layout/style/dnb-section.scss +3 -0
- package/cjs/extensions/forms/Layout/style/index.d.ts +9 -0
- package/cjs/extensions/forms/Layout/style/index.js +8 -0
- package/cjs/extensions/forms/Layout/style/index.js.map +1 -0
- package/cjs/extensions/forms/Layout/style/index.scss +5 -0
- package/cjs/extensions/forms/Layout/style.d.ts +5 -0
- package/cjs/extensions/forms/Layout/style.js +4 -0
- package/cjs/extensions/forms/Layout/style.js.map +1 -0
- package/cjs/extensions/forms/StepsLayout/Buttons.d.ts +9 -0
- package/cjs/extensions/forms/StepsLayout/Buttons.js +27 -0
- package/cjs/extensions/forms/StepsLayout/Buttons.js.map +1 -0
- package/cjs/extensions/forms/StepsLayout/NextButton.d.ts +10 -0
- package/cjs/extensions/forms/StepsLayout/NextButton.js +37 -0
- package/cjs/extensions/forms/StepsLayout/NextButton.js.map +1 -0
- package/cjs/extensions/forms/StepsLayout/PreviousButton.d.ts +10 -0
- package/cjs/extensions/forms/StepsLayout/PreviousButton.js +37 -0
- package/cjs/extensions/forms/StepsLayout/PreviousButton.js.map +1 -0
- package/cjs/extensions/forms/StepsLayout/Step.d.ts +15 -0
- package/cjs/extensions/forms/StepsLayout/Step.js +37 -0
- package/cjs/extensions/forms/StepsLayout/Step.js.map +1 -0
- package/cjs/extensions/forms/StepsLayout/StepsContext.d.ts +8 -0
- package/cjs/extensions/forms/StepsLayout/StepsContext.js +12 -0
- package/cjs/extensions/forms/StepsLayout/StepsContext.js.map +1 -0
- package/cjs/extensions/forms/StepsLayout/StepsLayout.d.ts +19 -0
- package/cjs/extensions/forms/StepsLayout/StepsLayout.js +116 -0
- package/cjs/extensions/forms/StepsLayout/StepsLayout.js.map +1 -0
- package/cjs/extensions/forms/StepsLayout/index.d.ts +3 -0
- package/cjs/extensions/forms/StepsLayout/index.js +18 -0
- package/cjs/extensions/forms/StepsLayout/index.js.map +1 -0
- package/cjs/extensions/forms/StepsLayout/style/dnb-steps-layout.css +25 -0
- package/cjs/extensions/forms/StepsLayout/style/dnb-steps-layout.min.css +1 -0
- package/cjs/extensions/forms/StepsLayout/style/dnb-steps-layout.scss +23 -0
- package/cjs/extensions/forms/StepsLayout/style/index.d.ts +5 -0
- package/cjs/extensions/forms/StepsLayout/style/index.js +4 -0
- package/cjs/extensions/forms/StepsLayout/style/index.js.map +1 -0
- package/cjs/extensions/forms/StepsLayout/style/index.scss +1 -0
- package/cjs/extensions/forms/StepsLayout/style.d.ts +5 -0
- package/cjs/extensions/forms/StepsLayout/style.js +4 -0
- package/cjs/extensions/forms/StepsLayout/style.js.map +1 -0
- package/cjs/extensions/forms/Value/BankAccountNumber.d.ts +7 -0
- package/cjs/extensions/forms/Value/BankAccountNumber.js +32 -0
- package/cjs/extensions/forms/Value/BankAccountNumber.js.map +1 -0
- package/cjs/extensions/forms/Value/Boolean.d.ts +8 -0
- package/cjs/extensions/forms/Value/Boolean.js +37 -0
- package/cjs/extensions/forms/Value/Boolean.js.map +1 -0
- package/cjs/extensions/forms/Value/Currency.d.ts +7 -0
- package/cjs/extensions/forms/Value/Currency.js +26 -0
- package/cjs/extensions/forms/Value/Currency.js.map +1 -0
- package/cjs/extensions/forms/Value/Date.d.ts +7 -0
- package/cjs/extensions/forms/Value/Date.js +28 -0
- package/cjs/extensions/forms/Value/Date.js.map +1 -0
- package/cjs/extensions/forms/Value/Email.d.ts +7 -0
- package/cjs/extensions/forms/Value/Email.js +28 -0
- package/cjs/extensions/forms/Value/Email.js.map +1 -0
- package/cjs/extensions/forms/Value/FirstName.d.ts +7 -0
- package/cjs/extensions/forms/Value/FirstName.js +28 -0
- package/cjs/extensions/forms/Value/FirstName.js.map +1 -0
- package/cjs/extensions/forms/Value/LastName.d.ts +7 -0
- package/cjs/extensions/forms/Value/LastName.js +28 -0
- package/cjs/extensions/forms/Value/LastName.js.map +1 -0
- package/cjs/extensions/forms/Value/NationalIdentityNumber.d.ts +7 -0
- package/cjs/extensions/forms/Value/NationalIdentityNumber.js +32 -0
- package/cjs/extensions/forms/Value/NationalIdentityNumber.js.map +1 -0
- package/cjs/extensions/forms/Value/Number.d.ts +14 -0
- package/cjs/extensions/forms/Value/Number.js +44 -0
- package/cjs/extensions/forms/Value/Number.js.map +1 -0
- package/cjs/extensions/forms/Value/PhoneNumber.d.ts +7 -0
- package/cjs/extensions/forms/Value/PhoneNumber.js +32 -0
- package/cjs/extensions/forms/Value/PhoneNumber.js.map +1 -0
- package/cjs/extensions/forms/Value/String.d.ts +8 -0
- package/cjs/extensions/forms/Value/String.js +34 -0
- package/cjs/extensions/forms/Value/String.js.map +1 -0
- package/cjs/extensions/forms/Value/hooks/index.d.ts +1 -0
- package/cjs/extensions/forms/Value/hooks/index.js +14 -0
- package/cjs/extensions/forms/Value/hooks/index.js.map +1 -0
- package/cjs/extensions/forms/Value/hooks/useValue.d.ts +2 -0
- package/cjs/extensions/forms/Value/hooks/useValue.js +31 -0
- package/cjs/extensions/forms/Value/hooks/useValue.js.map +1 -0
- package/cjs/extensions/forms/Value/index.d.ts +25 -0
- package/cjs/extensions/forms/Value/index.js +34 -0
- package/cjs/extensions/forms/Value/index.js.map +1 -0
- package/cjs/extensions/forms/ValueBlock/ValueBlock.d.ts +11 -0
- package/cjs/extensions/forms/ValueBlock/ValueBlock.js +38 -0
- package/cjs/extensions/forms/ValueBlock/ValueBlock.js.map +1 -0
- package/cjs/extensions/forms/ValueBlock/index.d.ts +1 -0
- package/cjs/extensions/forms/ValueBlock/index.js +14 -0
- package/cjs/extensions/forms/ValueBlock/index.js.map +1 -0
- package/cjs/extensions/forms/ValueBlock/style/dnb-value-block.css +16 -0
- package/cjs/extensions/forms/ValueBlock/style/dnb-value-block.min.css +1 -0
- package/cjs/extensions/forms/ValueBlock/style/dnb-value-block.scss +19 -0
- package/cjs/extensions/forms/ValueBlock/style/index.d.ts +5 -0
- package/cjs/extensions/forms/ValueBlock/style/index.js +4 -0
- package/cjs/extensions/forms/ValueBlock/style/index.js.map +1 -0
- package/cjs/extensions/forms/ValueBlock/style/index.scss +1 -0
- package/cjs/extensions/forms/ValueBlock/style.d.ts +5 -0
- package/cjs/extensions/forms/ValueBlock/style.js +4 -0
- package/cjs/extensions/forms/ValueBlock/style.js.map +1 -0
- package/cjs/extensions/forms/Visibility/Visibility.d.ts +24 -0
- package/cjs/extensions/forms/Visibility/Visibility.js +55 -0
- package/cjs/extensions/forms/Visibility/Visibility.js.map +1 -0
- package/cjs/extensions/forms/Visibility/index.d.ts +1 -0
- package/cjs/extensions/forms/Visibility/index.js +14 -0
- package/cjs/extensions/forms/Visibility/index.js.map +1 -0
- package/cjs/extensions/forms/component-types.d.ts +4 -0
- package/cjs/extensions/forms/component-types.js +1 -0
- package/cjs/extensions/forms/component-types.js.map +1 -0
- package/cjs/extensions/forms/constants/countries.d.ts +6 -0
- package/cjs/extensions/forms/constants/countries.js +969 -0
- package/cjs/extensions/forms/constants/countries.js.map +1 -0
- package/cjs/extensions/forms/field-types.d.ts +52 -0
- package/cjs/extensions/forms/field-types.js +1 -0
- package/cjs/extensions/forms/field-types.js.map +1 -0
- package/cjs/extensions/forms/index.d.ts +13 -0
- package/cjs/extensions/forms/index.js +110 -0
- package/cjs/extensions/forms/index.js.map +1 -0
- package/cjs/extensions/forms/style/dnb-forms.css +237 -0
- package/cjs/extensions/forms/style/dnb-forms.min.css +1 -0
- package/cjs/extensions/forms/style/dnb-forms.scss +6 -0
- package/cjs/extensions/forms/style.d.ts +5 -0
- package/cjs/extensions/forms/style.js +4 -0
- package/cjs/extensions/forms/style.js.map +1 -0
- package/cjs/extensions/forms/types.d.ts +11 -0
- package/cjs/extensions/forms/types.js +20 -0
- package/cjs/extensions/forms/types.js.map +1 -0
- package/cjs/extensions/forms/utils/TestElement/TestElement.d.ts +6 -0
- package/cjs/extensions/forms/utils/TestElement/TestElement.js +17 -0
- package/cjs/extensions/forms/utils/TestElement/TestElement.js.map +1 -0
- package/cjs/extensions/forms/utils/TestElement/style/dnb-test-element.css +6 -0
- package/cjs/extensions/forms/utils/TestElement/style/dnb-test-element.min.css +1 -0
- package/cjs/extensions/forms/utils/TestElement/style/dnb-test-element.scss +6 -0
- package/cjs/extensions/forms/utils/TestElement/style/index.d.ts +5 -0
- package/cjs/extensions/forms/utils/TestElement/style/index.js +4 -0
- package/cjs/extensions/forms/utils/TestElement/style/index.js.map +1 -0
- package/cjs/extensions/forms/utils/TestElement/style.d.ts +5 -0
- package/cjs/extensions/forms/utils/TestElement/style.js +4 -0
- package/cjs/extensions/forms/utils/TestElement/style.js.map +1 -0
- package/cjs/extensions/forms/utils/ajv.d.ts +14 -0
- package/cjs/extensions/forms/utils/ajv.js +69 -0
- package/cjs/extensions/forms/utils/ajv.js.map +1 -0
- package/cjs/extensions/forms/utils/components.d.ts +3 -0
- package/cjs/extensions/forms/utils/components.js +32 -0
- package/cjs/extensions/forms/utils/components.js.map +1 -0
- package/cjs/extensions/forms/utils/index.d.ts +3 -0
- package/cjs/extensions/forms/utils/index.js +41 -0
- package/cjs/extensions/forms/utils/index.js.map +1 -0
- package/cjs/extensions/forms/utils/numbers.d.ts +17 -0
- package/cjs/extensions/forms/utils/numbers.js +42 -0
- package/cjs/extensions/forms/utils/numbers.js.map +1 -0
- package/cjs/extensions/forms/value-types.d.ts +15 -0
- package/cjs/extensions/forms/value-types.js +1 -0
- package/cjs/extensions/forms/value-types.js.map +1 -0
- package/cjs/extensions/index.d.ts +2 -1
- package/cjs/extensions/index.js +7 -0
- package/cjs/extensions/index.js.map +1 -1
- package/cjs/extensions/lib.d.ts +22 -1
- package/cjs/extensions/lib.js +8 -0
- package/cjs/extensions/lib.js.map +1 -1
- package/cjs/extensions/payment-card/utils/Types.js.map +1 -1
- package/cjs/fragments/drawer-list/DrawerList.js.map +1 -1
- package/cjs/fragments/drawer-list/DrawerListProvider.js.map +1 -1
- package/cjs/shared/Context.d.ts +2 -0
- 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/VisibilityByTheme.d.ts +1 -1
- package/cjs/shared/VisibilityByTheme.js.map +1 -1
- package/cjs/shared/helpers.d.ts +2 -2
- package/cjs/shared/helpers.js.map +1 -1
- package/cjs/shared/locales/en-GB.d.ts +39 -0
- package/cjs/shared/locales/en-GB.js +39 -0
- package/cjs/shared/locales/en-GB.js.map +1 -1
- package/cjs/shared/locales/en-US.d.ts +39 -0
- package/cjs/shared/locales/index.d.ts +78 -0
- package/cjs/shared/locales/nb-NO.d.ts +39 -0
- package/cjs/shared/locales/nb-NO.js +39 -0
- package/cjs/shared/locales/nb-NO.js.map +1 -1
- package/cjs/style/core/utilities.scss +40 -8
- package/cjs/style/dnb-ui-components.css +71 -24
- package/cjs/style/dnb-ui-components.min.css +1 -1
- package/cjs/style/dnb-ui-extensions.css +238 -0
- package/cjs/style/dnb-ui-extensions.min.css +1 -1
- package/cjs/style/dnb-ui-extensions.scss +1 -0
- package/cjs/style/themes/theme-eiendom/eiendom-theme-basis.css +17 -11
- package/cjs/style/themes/theme-eiendom/eiendom-theme-basis.min.css +1 -1
- package/cjs/style/themes/theme-eiendom/eiendom-theme-components.css +105 -82
- package/cjs/style/themes/theme-eiendom/eiendom-theme-components.min.css +1 -1
- package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.css +238 -0
- package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
- package/cjs/style/themes/theme-sbanken/properties.js +4 -4
- package/cjs/style/themes/theme-sbanken/properties.js.map +1 -1
- package/cjs/style/themes/theme-sbanken/properties.scss +4 -4
- package/cjs/style/themes/theme-sbanken/sbanken-theme-basis.css +4 -11
- package/cjs/style/themes/theme-sbanken/sbanken-theme-basis.min.css +1 -1
- package/cjs/style/themes/theme-sbanken/sbanken-theme-components.css +429 -333
- package/cjs/style/themes/theme-sbanken/sbanken-theme-components.min.css +3 -1
- package/cjs/style/themes/theme-sbanken/sbanken-theme-components.scss +2 -2
- package/cjs/style/themes/theme-sbanken/sbanken-theme-elements.css +0 -7
- package/cjs/style/themes/theme-sbanken/sbanken-theme-extensions.css +238 -0
- package/cjs/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
- package/cjs/style/themes/theme-ui/ui-theme-basis.css +17 -11
- package/cjs/style/themes/theme-ui/ui-theme-basis.min.css +1 -1
- package/cjs/style/themes/theme-ui/ui-theme-components.css +105 -82
- package/cjs/style/themes/theme-ui/ui-theme-components.min.css +1 -1
- package/cjs/style/themes/theme-ui/ui-theme-elements.css +17 -11
- package/cjs/style/themes/theme-ui/ui-theme-elements.min.css +1 -1
- package/cjs/style/themes/theme-ui/ui-theme-extensions.css +238 -0
- package/cjs/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
- package/cjs/style/themes/theme-ui/ui-theme-tags.css +24 -12
- package/cjs/style/themes/theme-ui/ui-theme-tags.min.css +1 -1
- package/components/accordion/Accordion.d.ts +240 -136
- package/components/accordion/Accordion.js +214 -251
- package/components/accordion/Accordion.js.map +1 -1
- package/components/accordion/AccordionContent.d.ts +12 -14
- package/components/accordion/AccordionContent.js +5 -17
- package/components/accordion/AccordionContent.js.map +1 -1
- package/components/accordion/AccordionContext.d.ts +17 -2
- package/components/accordion/AccordionContext.js.map +1 -1
- package/components/accordion/AccordionGroup.d.ts +10 -12
- package/components/accordion/AccordionGroup.js +60 -71
- package/components/accordion/AccordionGroup.js.map +1 -1
- package/components/accordion/AccordionHeader.d.ts +62 -92
- package/components/accordion/AccordionHeader.js +175 -251
- package/components/accordion/AccordionHeader.js.map +1 -1
- package/components/accordion/AccordionProviderContext.d.ts +16 -2
- package/components/accordion/AccordionProviderContext.js.map +1 -1
- package/components/accordion/AccordionStore.d.ts +7 -6
- package/components/accordion/AccordionStore.js +2 -2
- package/components/accordion/AccordionStore.js.map +1 -1
- package/components/accordion/defaultProps.d.ts +2 -0
- package/components/accordion/defaultProps.js +5 -0
- package/components/accordion/defaultProps.js.map +1 -0
- package/components/anchor/style/anchor-mixins.scss +26 -27
- package/components/anchor/style/dnb-anchor.css +27 -16
- package/components/anchor/style/dnb-anchor.min.css +1 -1
- package/components/anchor/style/dnb-anchor.scss +1 -1
- package/components/anchor/style/themes/dnb-anchor-theme-sbanken.css +97 -44
- package/components/anchor/style/themes/dnb-anchor-theme-sbanken.min.css +1 -1
- package/components/anchor/style/themes/dnb-anchor-theme-sbanken.scss +48 -22
- package/components/anchor/style/themes/dnb-anchor-theme-ui.css +20 -10
- package/components/anchor/style/themes/dnb-anchor-theme-ui.min.css +1 -1
- package/components/anchor/style/themes/dnb-anchor-theme-ui.scss +4 -9
- package/components/autocomplete/Autocomplete.js +2 -2
- package/components/autocomplete/Autocomplete.js.map +1 -1
- package/components/button/style/themes/button-mixins.scss +23 -4
- package/components/button/style/themes/dnb-button-theme-sbanken.css +80 -82
- package/components/button/style/themes/dnb-button-theme-sbanken.min.css +3 -1
- package/components/button/style/themes/dnb-button-theme-sbanken.scss +82 -54
- package/components/date-picker/DatePicker.js.map +1 -1
- package/components/date-picker/DatePickerCalendar.js.map +1 -1
- package/components/dialog/Dialog.d.ts +1 -1
- package/components/dialog/DialogContent.d.ts +1 -1
- package/components/dialog/DialogContent.js +4 -2
- package/components/dialog/DialogContent.js.map +1 -1
- package/components/dialog/parts/DialogAction.d.ts +5 -1
- package/components/dialog/parts/DialogAction.js +3 -2
- package/components/dialog/parts/DialogAction.js.map +1 -1
- package/components/form-row/FormRow.js.map +1 -1
- package/components/form-row/style/dnb-form-row.scss +2 -2
- package/components/form-set/FormSet.js.map +1 -1
- package/components/height-animation/HeightAnimation.d.ts +1 -1
- package/components/height-animation/HeightAnimation.js.map +1 -1
- package/components/height-animation/useHeightAnimation.js.map +1 -1
- package/components/icon/lib/SvgComparison.js.map +1 -1
- package/components/input/style/dnb-input.css +5 -0
- package/components/input/style/dnb-input.min.css +1 -1
- package/components/input/style/dnb-input.scss +7 -1
- package/components/input/style/themes/dnb-input-theme-sbanken.css +104 -0
- package/components/input/style/themes/dnb-input-theme-sbanken.min.css +1 -0
- package/components/input/style/themes/dnb-input-theme-sbanken.scss +126 -0
- package/components/input-masked/InputMaskedUtils.js.map +1 -1
- package/components/input-masked/TextMask.js.map +1 -1
- package/components/modal/Modal.js +0 -2
- package/components/modal/Modal.js.map +1 -1
- package/components/modal/bodyScrollLock.js.map +1 -1
- package/components/number-format/NumberUtils.js +8 -6
- package/components/number-format/NumberUtils.js.map +1 -1
- package/components/number-format/style/dnb-number-format.css +0 -7
- package/components/number-format/style/dnb-number-format.scss +0 -1
- package/components/pagination/PaginationInfinity.js.map +1 -1
- package/components/radio/Radio.js.map +1 -1
- package/components/section/style/themes/dnb-section-theme-ui.css +14 -7
- package/components/section/style/themes/dnb-section-theme-ui.min.css +1 -1
- package/components/slider/hooks/useSliderEvents.js.map +1 -1
- package/components/slider/types.d.ts +1 -1
- package/components/slider/types.js.map +1 -1
- package/components/space/Space.d.ts +2 -2
- package/components/space/SpacingHelper.js.map +1 -1
- package/components/step-indicator/StepIndicatorProps.d.ts +1 -1
- package/components/table/TableAccordion.js.map +1 -1
- package/components/table/TableTr.js.map +1 -1
- package/components/textarea/Textarea.js.map +1 -1
- package/components/textarea/style/dnb-textarea.css +39 -1
- package/components/textarea/style/dnb-textarea.min.css +1 -1
- package/components/textarea/style/dnb-textarea.scss +20 -1
- package/components/textarea/style/themes/dnb-textarea-theme-sbanken.css +61 -0
- package/components/textarea/style/themes/dnb-textarea-theme-sbanken.min.css +1 -0
- package/components/textarea/style/themes/dnb-textarea-theme-sbanken.scss +72 -0
- package/components/textarea/style/themes/dnb-textarea-theme-ui.css +0 -41
- package/components/textarea/style/themes/dnb-textarea-theme-ui.min.css +1 -1
- package/components/textarea/style/themes/dnb-textarea-theme-ui.scss +0 -22
- package/components/toggle-button/ToggleButton.js.map +1 -1
- package/components/toggle-button/ToggleButtonGroup.js.map +1 -1
- package/components/tooltip/TooltipContainer.js.map +1 -1
- package/components/upload/Upload.js +2 -2
- package/components/upload/Upload.js.map +1 -1
- package/components/upload/useUpload.d.ts +1 -1
- package/components/upload/useUpload.js +2 -2
- package/components/upload/useUpload.js.map +1 -1
- package/elements/blockquote/Blockquote.d.ts +1 -1
- package/elements/blockquote/Blockquote.js.map +1 -1
- package/elements/blockquote/style/themes/dnb-blockquote-theme-sbanken.scss +0 -2
- package/es/components/accordion/Accordion.d.ts +240 -136
- package/es/components/accordion/Accordion.js +210 -244
- package/es/components/accordion/Accordion.js.map +1 -1
- package/es/components/accordion/AccordionContent.d.ts +12 -14
- package/es/components/accordion/AccordionContent.js +5 -17
- package/es/components/accordion/AccordionContent.js.map +1 -1
- package/es/components/accordion/AccordionContext.d.ts +17 -2
- package/es/components/accordion/AccordionContext.js.map +1 -1
- package/es/components/accordion/AccordionGroup.d.ts +10 -12
- package/es/components/accordion/AccordionGroup.js +60 -71
- package/es/components/accordion/AccordionGroup.js.map +1 -1
- package/es/components/accordion/AccordionHeader.d.ts +62 -92
- package/es/components/accordion/AccordionHeader.js +176 -253
- package/es/components/accordion/AccordionHeader.js.map +1 -1
- package/es/components/accordion/AccordionProviderContext.d.ts +16 -2
- package/es/components/accordion/AccordionProviderContext.js.map +1 -1
- package/es/components/accordion/AccordionStore.d.ts +7 -6
- package/es/components/accordion/AccordionStore.js +2 -2
- package/es/components/accordion/AccordionStore.js.map +1 -1
- package/es/components/accordion/defaultProps.d.ts +2 -0
- package/es/components/accordion/defaultProps.js +5 -0
- package/es/components/accordion/defaultProps.js.map +1 -0
- package/es/components/anchor/style/anchor-mixins.scss +26 -27
- package/es/components/anchor/style/dnb-anchor.css +27 -16
- package/es/components/anchor/style/dnb-anchor.min.css +1 -1
- package/es/components/anchor/style/dnb-anchor.scss +1 -1
- package/es/components/anchor/style/themes/dnb-anchor-theme-sbanken.css +97 -44
- package/es/components/anchor/style/themes/dnb-anchor-theme-sbanken.min.css +1 -1
- package/es/components/anchor/style/themes/dnb-anchor-theme-sbanken.scss +48 -22
- package/es/components/anchor/style/themes/dnb-anchor-theme-ui.css +20 -10
- package/es/components/anchor/style/themes/dnb-anchor-theme-ui.min.css +1 -1
- package/es/components/anchor/style/themes/dnb-anchor-theme-ui.scss +4 -9
- package/es/components/autocomplete/Autocomplete.js +2 -2
- package/es/components/autocomplete/Autocomplete.js.map +1 -1
- package/es/components/button/style/themes/button-mixins.scss +23 -4
- package/es/components/button/style/themes/dnb-button-theme-sbanken.css +80 -82
- package/es/components/button/style/themes/dnb-button-theme-sbanken.min.css +3 -1
- package/es/components/button/style/themes/dnb-button-theme-sbanken.scss +82 -54
- package/es/components/date-picker/DatePicker.js.map +1 -1
- package/es/components/date-picker/DatePickerCalendar.js.map +1 -1
- package/es/components/dialog/Dialog.d.ts +1 -1
- package/es/components/dialog/DialogContent.d.ts +1 -1
- package/es/components/dialog/DialogContent.js +4 -2
- package/es/components/dialog/DialogContent.js.map +1 -1
- package/es/components/dialog/parts/DialogAction.d.ts +5 -1
- package/es/components/dialog/parts/DialogAction.js +3 -2
- package/es/components/dialog/parts/DialogAction.js.map +1 -1
- package/es/components/form-row/FormRow.js.map +1 -1
- package/es/components/form-row/style/dnb-form-row.scss +2 -2
- package/es/components/form-set/FormSet.js.map +1 -1
- package/es/components/height-animation/HeightAnimation.d.ts +1 -1
- package/es/components/height-animation/HeightAnimation.js.map +1 -1
- package/es/components/height-animation/useHeightAnimation.js.map +1 -1
- package/es/components/icon/lib/SvgComparison.js.map +1 -1
- package/es/components/input/style/dnb-input.css +5 -0
- package/es/components/input/style/dnb-input.min.css +1 -1
- package/es/components/input/style/dnb-input.scss +7 -1
- package/es/components/input/style/themes/dnb-input-theme-sbanken.css +104 -0
- package/es/components/input/style/themes/dnb-input-theme-sbanken.min.css +1 -0
- package/es/components/input/style/themes/dnb-input-theme-sbanken.scss +126 -0
- package/es/components/input-masked/InputMaskedUtils.js.map +1 -1
- package/es/components/input-masked/TextMask.js.map +1 -1
- package/es/components/modal/Modal.js +0 -2
- package/es/components/modal/Modal.js.map +1 -1
- package/es/components/modal/bodyScrollLock.js.map +1 -1
- package/es/components/number-format/NumberUtils.js +8 -6
- package/es/components/number-format/NumberUtils.js.map +1 -1
- package/es/components/number-format/style/dnb-number-format.css +0 -7
- package/es/components/number-format/style/dnb-number-format.scss +0 -1
- package/es/components/pagination/PaginationInfinity.js.map +1 -1
- package/es/components/radio/Radio.js.map +1 -1
- package/es/components/section/style/themes/dnb-section-theme-ui.css +14 -7
- package/es/components/section/style/themes/dnb-section-theme-ui.min.css +1 -1
- package/es/components/slider/hooks/useSliderEvents.js.map +1 -1
- package/es/components/slider/types.d.ts +1 -1
- package/es/components/slider/types.js.map +1 -1
- package/es/components/space/Space.d.ts +2 -2
- package/es/components/space/SpacingHelper.js.map +1 -1
- package/es/components/step-indicator/StepIndicatorProps.d.ts +1 -1
- package/es/components/table/TableAccordion.js.map +1 -1
- package/es/components/table/TableTr.js.map +1 -1
- package/es/components/textarea/Textarea.js.map +1 -1
- package/es/components/textarea/style/dnb-textarea.css +39 -1
- package/es/components/textarea/style/dnb-textarea.min.css +1 -1
- package/es/components/textarea/style/dnb-textarea.scss +20 -1
- package/es/components/textarea/style/themes/dnb-textarea-theme-sbanken.css +61 -0
- package/es/components/textarea/style/themes/dnb-textarea-theme-sbanken.min.css +1 -0
- package/es/components/textarea/style/themes/dnb-textarea-theme-sbanken.scss +72 -0
- package/es/components/textarea/style/themes/dnb-textarea-theme-ui.css +0 -41
- package/es/components/textarea/style/themes/dnb-textarea-theme-ui.min.css +1 -1
- package/es/components/textarea/style/themes/dnb-textarea-theme-ui.scss +0 -22
- package/es/components/toggle-button/ToggleButton.js.map +1 -1
- package/es/components/toggle-button/ToggleButtonGroup.js.map +1 -1
- package/es/components/tooltip/TooltipContainer.js.map +1 -1
- package/es/components/upload/Upload.js +2 -2
- package/es/components/upload/Upload.js.map +1 -1
- package/es/components/upload/useUpload.d.ts +1 -1
- package/es/components/upload/useUpload.js +2 -2
- package/es/components/upload/useUpload.js.map +1 -1
- package/es/elements/blockquote/Blockquote.d.ts +1 -1
- package/es/elements/blockquote/Blockquote.js.map +1 -1
- package/es/elements/blockquote/style/themes/dnb-blockquote-theme-sbanken.scss +0 -2
- package/es/extensions/forms/DataContext/At.d.ts +13 -0
- package/es/extensions/forms/DataContext/At.js +48 -0
- package/es/extensions/forms/DataContext/At.js.map +1 -0
- package/es/extensions/forms/DataContext/Context.d.ts +19 -0
- package/es/extensions/forms/DataContext/Context.js +16 -0
- package/es/extensions/forms/DataContext/Context.js.map +1 -0
- package/es/extensions/forms/DataContext/Provider.d.ts +19 -0
- package/es/extensions/forms/DataContext/Provider.js +102 -0
- package/es/extensions/forms/DataContext/Provider.js.map +1 -0
- package/es/extensions/forms/DataContext/SubmitButton.d.ts +9 -0
- package/es/extensions/forms/DataContext/SubmitButton.js +20 -0
- package/es/extensions/forms/DataContext/SubmitButton.js.map +1 -0
- package/es/extensions/forms/DataContext/index.d.ts +13 -0
- package/es/extensions/forms/DataContext/index.js +12 -0
- package/es/extensions/forms/DataContext/index.js.map +1 -0
- package/es/extensions/forms/Field/ArraySelection.d.ts +12 -0
- package/es/extensions/forms/Field/ArraySelection.js +60 -0
- package/es/extensions/forms/Field/ArraySelection.js.map +1 -0
- package/es/extensions/forms/Field/BankAccountNumber.d.ts +10 -0
- package/es/extensions/forms/Field/BankAccountNumber.js +28 -0
- package/es/extensions/forms/Field/BankAccountNumber.js.map +1 -0
- package/es/extensions/forms/Field/Boolean.d.ts +10 -0
- package/es/extensions/forms/Field/Boolean.js +23 -0
- package/es/extensions/forms/Field/Boolean.js.map +1 -0
- package/es/extensions/forms/Field/Currency.d.ts +10 -0
- package/es/extensions/forms/Field/Currency.js +50 -0
- package/es/extensions/forms/Field/Currency.js.map +1 -0
- package/es/extensions/forms/Field/Date.d.ts +8 -0
- package/es/extensions/forms/Field/Date.js +46 -0
- package/es/extensions/forms/Field/Date.js.map +1 -0
- package/es/extensions/forms/Field/Email.d.ts +7 -0
- package/es/extensions/forms/Field/Email.js +22 -0
- package/es/extensions/forms/Field/Email.js.map +1 -0
- package/es/extensions/forms/Field/FirstName.d.ts +7 -0
- package/es/extensions/forms/Field/FirstName.js +19 -0
- package/es/extensions/forms/Field/FirstName.js.map +1 -0
- package/es/extensions/forms/Field/LastName.d.ts +7 -0
- package/es/extensions/forms/Field/LastName.js +19 -0
- package/es/extensions/forms/Field/LastName.js.map +1 -0
- package/es/extensions/forms/Field/NationalIdentityNumber.d.ts +10 -0
- package/es/extensions/forms/Field/NationalIdentityNumber.js +27 -0
- package/es/extensions/forms/Field/NationalIdentityNumber.js.map +1 -0
- package/es/extensions/forms/Field/Number.d.ts +31 -0
- package/es/extensions/forms/Field/Number.js +100 -0
- package/es/extensions/forms/Field/Number.js.map +1 -0
- package/es/extensions/forms/Field/Option.d.ts +9 -0
- package/es/extensions/forms/Field/Option.js +14 -0
- package/es/extensions/forms/Field/Option.js.map +1 -0
- package/es/extensions/forms/Field/OrganizationNumber.d.ts +10 -0
- package/es/extensions/forms/Field/OrganizationNumber.js +28 -0
- package/es/extensions/forms/Field/OrganizationNumber.js.map +1 -0
- package/es/extensions/forms/Field/PhoneNumber.d.ts +12 -0
- package/es/extensions/forms/Field/PhoneNumber.js +87 -0
- package/es/extensions/forms/Field/PhoneNumber.js.map +1 -0
- package/es/extensions/forms/Field/PostalCodeAndCity.d.ts +10 -0
- package/es/extensions/forms/Field/PostalCodeAndCity.js +46 -0
- package/es/extensions/forms/Field/PostalCodeAndCity.js.map +1 -0
- package/es/extensions/forms/Field/SelectCountry.d.ts +7 -0
- package/es/extensions/forms/Field/SelectCountry.js +26 -0
- package/es/extensions/forms/Field/SelectCountry.js.map +1 -0
- package/es/extensions/forms/Field/Selection.d.ts +13 -0
- package/es/extensions/forms/Field/Selection.js +107 -0
- package/es/extensions/forms/Field/Selection.js.map +1 -0
- package/es/extensions/forms/Field/String.d.ts +32 -0
- package/es/extensions/forms/Field/String.js +122 -0
- package/es/extensions/forms/Field/String.js.map +1 -0
- package/es/extensions/forms/Field/Toggle.d.ts +14 -0
- package/es/extensions/forms/Field/Toggle.js +116 -0
- package/es/extensions/forms/Field/Toggle.js.map +1 -0
- package/es/extensions/forms/Field/fields.scss +2 -0
- package/es/extensions/forms/Field/hooks/index.d.ts +1 -0
- package/es/extensions/forms/Field/hooks/index.js +1 -0
- package/es/extensions/forms/Field/hooks/index.js.map +1 -0
- package/es/extensions/forms/Field/hooks/useField.d.ts +11 -0
- package/es/extensions/forms/Field/hooks/useField.js +150 -0
- package/es/extensions/forms/Field/hooks/useField.js.map +1 -0
- package/es/extensions/forms/Field/index.d.ts +39 -0
- package/es/extensions/forms/Field/index.js +40 -0
- package/es/extensions/forms/Field/index.js.map +1 -0
- package/es/extensions/forms/Field/style/dnb-number.css +11 -0
- package/es/extensions/forms/Field/style/dnb-number.min.css +1 -0
- package/es/extensions/forms/Field/style/dnb-number.scss +19 -0
- package/es/extensions/forms/Field/style/dnb-phone-number.css +23 -0
- package/es/extensions/forms/Field/style/dnb-phone-number.min.css +1 -0
- package/es/extensions/forms/Field/style/dnb-phone-number.scss +28 -0
- package/es/extensions/forms/Field/style/dnb-postal-code-and-city.css +19 -0
- package/es/extensions/forms/Field/style/dnb-postal-code-and-city.min.css +1 -0
- package/es/extensions/forms/Field/style/dnb-postal-code-and-city.scss +25 -0
- package/es/extensions/forms/Field/style/dnb-selection.css +6 -0
- package/es/extensions/forms/Field/style/dnb-selection.min.css +1 -0
- package/es/extensions/forms/Field/style/dnb-selection.scss +15 -0
- package/es/extensions/forms/Field/style/dnb-string.css +11 -0
- package/es/extensions/forms/Field/style/dnb-string.min.css +1 -0
- package/es/extensions/forms/Field/style/dnb-string.scss +19 -0
- package/es/extensions/forms/Field/style/index.d.ts +6 -0
- package/es/extensions/forms/Field/style/index.js +3 -0
- package/es/extensions/forms/Field/style/index.js.map +1 -0
- package/es/extensions/forms/Field/style/index.scss +5 -0
- package/es/extensions/forms/Field/style.d.ts +5 -0
- package/es/extensions/forms/Field/style.js +1 -0
- package/es/extensions/forms/Field/style.js.map +1 -0
- package/es/extensions/forms/FieldBlock/FieldBlock.d.ts +12 -0
- package/es/extensions/forms/FieldBlock/FieldBlock.js +69 -0
- package/es/extensions/forms/FieldBlock/FieldBlock.js.map +1 -0
- package/es/extensions/forms/FieldBlock/index.d.ts +1 -0
- package/es/extensions/forms/FieldBlock/index.js +1 -0
- package/es/extensions/forms/FieldBlock/index.js.map +1 -0
- package/es/extensions/forms/FieldBlock/style/dnb-field-block.css +15 -0
- package/es/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -0
- package/es/extensions/forms/FieldBlock/style/dnb-field-block.scss +19 -0
- package/es/extensions/forms/FieldBlock/style/index.d.ts +5 -0
- package/es/extensions/forms/FieldBlock/style/index.js +1 -0
- package/es/extensions/forms/FieldBlock/style/index.js.map +1 -0
- package/es/extensions/forms/FieldBlock/style.d.ts +5 -0
- package/es/extensions/forms/FieldBlock/style.js +1 -0
- package/es/extensions/forms/FieldBlock/style.js.map +1 -0
- package/es/extensions/forms/FieldGroup/FieldGroup.d.ts +17 -0
- package/es/extensions/forms/FieldGroup/FieldGroup.js +77 -0
- package/es/extensions/forms/FieldGroup/FieldGroup.js.map +1 -0
- package/es/extensions/forms/FieldGroup/index.d.ts +2 -0
- package/es/extensions/forms/FieldGroup/index.js +3 -0
- package/es/extensions/forms/FieldGroup/index.js.map +1 -0
- package/es/extensions/forms/Forms.d.ts +3 -0
- package/es/extensions/forms/Forms.js +4 -0
- package/es/extensions/forms/Forms.js.map +1 -0
- package/es/extensions/forms/Layout/ButtonRow.d.ts +10 -0
- package/es/extensions/forms/Layout/ButtonRow.js +17 -0
- package/es/extensions/forms/Layout/ButtonRow.js.map +1 -0
- package/es/extensions/forms/Layout/Card.d.ts +14 -0
- package/es/extensions/forms/Layout/Card.js +37 -0
- package/es/extensions/forms/Layout/Card.js.map +1 -0
- package/es/extensions/forms/Layout/Column.d.ts +7 -0
- package/es/extensions/forms/Layout/Column.js +17 -0
- package/es/extensions/forms/Layout/Column.js.map +1 -0
- package/es/extensions/forms/Layout/FlexContainer.d.ts +23 -0
- package/es/extensions/forms/Layout/FlexContainer.js +91 -0
- package/es/extensions/forms/Layout/FlexContainer.js.map +1 -0
- package/es/extensions/forms/Layout/FlexItem.d.ts +12 -0
- package/es/extensions/forms/Layout/FlexItem.js +20 -0
- package/es/extensions/forms/Layout/FlexItem.js.map +1 -0
- package/es/extensions/forms/Layout/InfoCardSection.d.ts +8 -0
- package/es/extensions/forms/Layout/InfoCardSection.js +17 -0
- package/es/extensions/forms/Layout/InfoCardSection.js.map +1 -0
- package/es/extensions/forms/Layout/MainHeading.d.ts +10 -0
- package/es/extensions/forms/Layout/MainHeading.js +19 -0
- package/es/extensions/forms/Layout/MainHeading.js.map +1 -0
- package/es/extensions/forms/Layout/Row.d.ts +7 -0
- package/es/extensions/forms/Layout/Row.js +17 -0
- package/es/extensions/forms/Layout/Row.js.map +1 -0
- package/es/extensions/forms/Layout/Section.d.ts +13 -0
- package/es/extensions/forms/Layout/Section.js +21 -0
- package/es/extensions/forms/Layout/Section.js.map +1 -0
- package/es/extensions/forms/Layout/SubHeading.d.ts +10 -0
- package/es/extensions/forms/Layout/SubHeading.js +18 -0
- package/es/extensions/forms/Layout/SubHeading.js.map +1 -0
- package/es/extensions/forms/Layout/index.d.ts +23 -0
- package/es/extensions/forms/Layout/index.js +24 -0
- package/es/extensions/forms/Layout/index.js.map +1 -0
- package/es/extensions/forms/Layout/style/dnb-button-row.css +7 -0
- package/es/extensions/forms/Layout/style/dnb-button-row.min.css +1 -0
- package/es/extensions/forms/Layout/style/dnb-button-row.scss +5 -0
- package/es/extensions/forms/Layout/style/dnb-card.css +13 -0
- package/es/extensions/forms/Layout/style/dnb-card.min.css +1 -0
- package/es/extensions/forms/Layout/style/dnb-card.scss +15 -0
- package/es/extensions/forms/Layout/style/dnb-flex-container.css +63 -0
- package/es/extensions/forms/Layout/style/dnb-flex-container.min.css +1 -0
- package/es/extensions/forms/Layout/style/dnb-flex-container.scss +84 -0
- package/es/extensions/forms/Layout/style/dnb-flex-item.css +6 -0
- package/es/extensions/forms/Layout/style/dnb-flex-item.min.css +1 -0
- package/es/extensions/forms/Layout/style/dnb-flex-item.scss +9 -0
- package/es/extensions/forms/Layout/style/dnb-section.css +3 -0
- package/es/extensions/forms/Layout/style/dnb-section.min.css +1 -0
- package/es/extensions/forms/Layout/style/dnb-section.scss +3 -0
- package/es/extensions/forms/Layout/style/index.d.ts +9 -0
- package/es/extensions/forms/Layout/style/index.js +6 -0
- package/es/extensions/forms/Layout/style/index.js.map +1 -0
- package/es/extensions/forms/Layout/style/index.scss +5 -0
- package/es/extensions/forms/Layout/style.d.ts +5 -0
- package/es/extensions/forms/Layout/style.js +1 -0
- package/es/extensions/forms/Layout/style.js.map +1 -0
- package/es/extensions/forms/StepsLayout/Buttons.d.ts +9 -0
- package/es/extensions/forms/StepsLayout/Buttons.js +19 -0
- package/es/extensions/forms/StepsLayout/Buttons.js.map +1 -0
- package/es/extensions/forms/StepsLayout/NextButton.d.ts +10 -0
- package/es/extensions/forms/StepsLayout/NextButton.js +27 -0
- package/es/extensions/forms/StepsLayout/NextButton.js.map +1 -0
- package/es/extensions/forms/StepsLayout/PreviousButton.d.ts +10 -0
- package/es/extensions/forms/StepsLayout/PreviousButton.js +27 -0
- package/es/extensions/forms/StepsLayout/PreviousButton.js.map +1 -0
- package/es/extensions/forms/StepsLayout/Step.d.ts +15 -0
- package/es/extensions/forms/StepsLayout/Step.js +27 -0
- package/es/extensions/forms/StepsLayout/Step.js.map +1 -0
- package/es/extensions/forms/StepsLayout/StepsContext.d.ts +8 -0
- package/es/extensions/forms/StepsLayout/StepsContext.js +4 -0
- package/es/extensions/forms/StepsLayout/StepsContext.js.map +1 -0
- package/es/extensions/forms/StepsLayout/StepsLayout.d.ts +19 -0
- package/es/extensions/forms/StepsLayout/StepsLayout.js +105 -0
- package/es/extensions/forms/StepsLayout/StepsLayout.js.map +1 -0
- package/es/extensions/forms/StepsLayout/index.d.ts +3 -0
- package/es/extensions/forms/StepsLayout/index.js +4 -0
- package/es/extensions/forms/StepsLayout/index.js.map +1 -0
- package/es/extensions/forms/StepsLayout/style/dnb-steps-layout.css +25 -0
- package/es/extensions/forms/StepsLayout/style/dnb-steps-layout.min.css +1 -0
- package/es/extensions/forms/StepsLayout/style/dnb-steps-layout.scss +23 -0
- package/es/extensions/forms/StepsLayout/style/index.d.ts +5 -0
- package/es/extensions/forms/StepsLayout/style/index.js +1 -0
- package/es/extensions/forms/StepsLayout/style/index.js.map +1 -0
- package/es/extensions/forms/StepsLayout/style/index.scss +1 -0
- package/es/extensions/forms/StepsLayout/style.d.ts +5 -0
- package/es/extensions/forms/StepsLayout/style.js +1 -0
- package/es/extensions/forms/StepsLayout/style.js.map +1 -0
- package/es/extensions/forms/Value/BankAccountNumber.d.ts +7 -0
- package/es/extensions/forms/Value/BankAccountNumber.js +20 -0
- package/es/extensions/forms/Value/BankAccountNumber.js.map +1 -0
- package/es/extensions/forms/Value/Boolean.d.ts +8 -0
- package/es/extensions/forms/Value/Boolean.js +27 -0
- package/es/extensions/forms/Value/Boolean.js.map +1 -0
- package/es/extensions/forms/Value/Currency.d.ts +7 -0
- package/es/extensions/forms/Value/Currency.js +16 -0
- package/es/extensions/forms/Value/Currency.js.map +1 -0
- package/es/extensions/forms/Value/Date.d.ts +7 -0
- package/es/extensions/forms/Value/Date.js +16 -0
- package/es/extensions/forms/Value/Date.js.map +1 -0
- package/es/extensions/forms/Value/Email.d.ts +7 -0
- package/es/extensions/forms/Value/Email.js +16 -0
- package/es/extensions/forms/Value/Email.js.map +1 -0
- package/es/extensions/forms/Value/FirstName.d.ts +7 -0
- package/es/extensions/forms/Value/FirstName.js +16 -0
- package/es/extensions/forms/Value/FirstName.js.map +1 -0
- package/es/extensions/forms/Value/LastName.d.ts +7 -0
- package/es/extensions/forms/Value/LastName.js +16 -0
- package/es/extensions/forms/Value/LastName.js.map +1 -0
- package/es/extensions/forms/Value/NationalIdentityNumber.d.ts +7 -0
- package/es/extensions/forms/Value/NationalIdentityNumber.js +20 -0
- package/es/extensions/forms/Value/NationalIdentityNumber.js.map +1 -0
- package/es/extensions/forms/Value/Number.d.ts +14 -0
- package/es/extensions/forms/Value/Number.js +36 -0
- package/es/extensions/forms/Value/Number.js.map +1 -0
- package/es/extensions/forms/Value/PhoneNumber.d.ts +7 -0
- package/es/extensions/forms/Value/PhoneNumber.js +20 -0
- package/es/extensions/forms/Value/PhoneNumber.js.map +1 -0
- package/es/extensions/forms/Value/String.d.ts +8 -0
- package/es/extensions/forms/Value/String.js +26 -0
- package/es/extensions/forms/Value/String.js.map +1 -0
- package/es/extensions/forms/Value/hooks/index.d.ts +1 -0
- package/es/extensions/forms/Value/hooks/index.js +1 -0
- package/es/extensions/forms/Value/hooks/index.js.map +1 -0
- package/es/extensions/forms/Value/hooks/useValue.d.ts +2 -0
- package/es/extensions/forms/Value/hooks/useValue.js +22 -0
- package/es/extensions/forms/Value/hooks/useValue.js.map +1 -0
- package/es/extensions/forms/Value/index.d.ts +25 -0
- package/es/extensions/forms/Value/index.js +26 -0
- package/es/extensions/forms/Value/index.js.map +1 -0
- package/es/extensions/forms/ValueBlock/ValueBlock.d.ts +11 -0
- package/es/extensions/forms/ValueBlock/ValueBlock.js +30 -0
- package/es/extensions/forms/ValueBlock/ValueBlock.js.map +1 -0
- package/es/extensions/forms/ValueBlock/index.d.ts +1 -0
- package/es/extensions/forms/ValueBlock/index.js +1 -0
- package/es/extensions/forms/ValueBlock/index.js.map +1 -0
- package/es/extensions/forms/ValueBlock/style/dnb-value-block.css +16 -0
- package/es/extensions/forms/ValueBlock/style/dnb-value-block.min.css +1 -0
- package/es/extensions/forms/ValueBlock/style/dnb-value-block.scss +19 -0
- package/es/extensions/forms/ValueBlock/style/index.d.ts +5 -0
- package/es/extensions/forms/ValueBlock/style/index.js +1 -0
- package/es/extensions/forms/ValueBlock/style/index.js.map +1 -0
- package/es/extensions/forms/ValueBlock/style/index.scss +1 -0
- package/es/extensions/forms/ValueBlock/style.d.ts +5 -0
- package/es/extensions/forms/ValueBlock/style.js +1 -0
- package/es/extensions/forms/ValueBlock/style.js.map +1 -0
- package/es/extensions/forms/Visibility/Visibility.d.ts +24 -0
- package/es/extensions/forms/Visibility/Visibility.js +44 -0
- package/es/extensions/forms/Visibility/Visibility.js.map +1 -0
- package/es/extensions/forms/Visibility/index.d.ts +1 -0
- package/es/extensions/forms/Visibility/index.js +1 -0
- package/es/extensions/forms/Visibility/index.js.map +1 -0
- package/es/extensions/forms/component-types.d.ts +4 -0
- package/es/extensions/forms/component-types.js +1 -0
- package/es/extensions/forms/component-types.js.map +1 -0
- package/es/extensions/forms/constants/countries.d.ts +6 -0
- package/es/extensions/forms/constants/countries.js +962 -0
- package/es/extensions/forms/constants/countries.js.map +1 -0
- package/es/extensions/forms/field-types.d.ts +52 -0
- package/es/extensions/forms/field-types.js +1 -0
- package/es/extensions/forms/field-types.js.map +1 -0
- package/es/extensions/forms/index.d.ts +13 -0
- package/es/extensions/forms/index.js +12 -0
- package/es/extensions/forms/index.js.map +1 -0
- package/es/extensions/forms/style/dnb-forms.css +237 -0
- package/es/extensions/forms/style/dnb-forms.min.css +1 -0
- package/es/extensions/forms/style/dnb-forms.scss +6 -0
- package/es/extensions/forms/style.d.ts +5 -0
- package/es/extensions/forms/style.js +1 -0
- package/es/extensions/forms/style.js.map +1 -0
- package/es/extensions/forms/types.d.ts +11 -0
- package/es/extensions/forms/types.js +11 -0
- package/es/extensions/forms/types.js.map +1 -0
- package/es/extensions/forms/utils/TestElement/TestElement.d.ts +6 -0
- package/es/extensions/forms/utils/TestElement/TestElement.js +9 -0
- package/es/extensions/forms/utils/TestElement/TestElement.js.map +1 -0
- package/es/extensions/forms/utils/TestElement/style/dnb-test-element.css +6 -0
- package/es/extensions/forms/utils/TestElement/style/dnb-test-element.min.css +1 -0
- package/es/extensions/forms/utils/TestElement/style/dnb-test-element.scss +6 -0
- package/es/extensions/forms/utils/TestElement/style/index.d.ts +5 -0
- package/es/extensions/forms/utils/TestElement/style/index.js +1 -0
- package/es/extensions/forms/utils/TestElement/style/index.js.map +1 -0
- package/es/extensions/forms/utils/TestElement/style.d.ts +5 -0
- package/es/extensions/forms/utils/TestElement/style.js +1 -0
- package/es/extensions/forms/utils/TestElement/style.js.map +1 -0
- package/es/extensions/forms/utils/ajv.d.ts +14 -0
- package/es/extensions/forms/utils/ajv.js +56 -0
- package/es/extensions/forms/utils/ajv.js.map +1 -0
- package/es/extensions/forms/utils/components.d.ts +3 -0
- package/es/extensions/forms/utils/components.js +23 -0
- package/es/extensions/forms/utils/components.js.map +1 -0
- package/es/extensions/forms/utils/index.d.ts +3 -0
- package/es/extensions/forms/utils/index.js +4 -0
- package/es/extensions/forms/utils/index.js.map +1 -0
- package/es/extensions/forms/utils/numbers.d.ts +17 -0
- package/es/extensions/forms/utils/numbers.js +35 -0
- package/es/extensions/forms/utils/numbers.js.map +1 -0
- package/es/extensions/forms/value-types.d.ts +15 -0
- package/es/extensions/forms/value-types.js +1 -0
- package/es/extensions/forms/value-types.js.map +1 -0
- package/es/extensions/index.d.ts +2 -1
- package/es/extensions/index.js +2 -1
- package/es/extensions/index.js.map +1 -1
- package/es/extensions/lib.d.ts +22 -1
- package/es/extensions/lib.js +3 -1
- package/es/extensions/lib.js.map +1 -1
- package/es/extensions/payment-card/utils/Types.js.map +1 -1
- package/es/fragments/drawer-list/DrawerList.js.map +1 -1
- package/es/fragments/drawer-list/DrawerListProvider.js.map +1 -1
- package/es/shared/Context.d.ts +2 -0
- 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/VisibilityByTheme.d.ts +1 -1
- package/es/shared/VisibilityByTheme.js.map +1 -1
- package/es/shared/helpers.d.ts +2 -2
- package/es/shared/helpers.js.map +1 -1
- package/es/shared/locales/en-GB.d.ts +39 -0
- package/es/shared/locales/en-GB.js +39 -0
- package/es/shared/locales/en-GB.js.map +1 -1
- package/es/shared/locales/en-US.d.ts +39 -0
- package/es/shared/locales/index.d.ts +78 -0
- package/es/shared/locales/nb-NO.d.ts +39 -0
- package/es/shared/locales/nb-NO.js +39 -0
- package/es/shared/locales/nb-NO.js.map +1 -1
- package/es/style/core/utilities.scss +40 -8
- package/es/style/dnb-ui-components.css +71 -24
- package/es/style/dnb-ui-components.min.css +1 -1
- package/es/style/dnb-ui-extensions.css +238 -0
- package/es/style/dnb-ui-extensions.min.css +1 -1
- package/es/style/dnb-ui-extensions.scss +1 -0
- package/es/style/themes/theme-eiendom/eiendom-theme-basis.css +17 -11
- package/es/style/themes/theme-eiendom/eiendom-theme-basis.min.css +1 -1
- package/es/style/themes/theme-eiendom/eiendom-theme-components.css +105 -82
- package/es/style/themes/theme-eiendom/eiendom-theme-components.min.css +1 -1
- package/es/style/themes/theme-eiendom/eiendom-theme-extensions.css +238 -0
- package/es/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
- package/es/style/themes/theme-sbanken/properties.js +4 -4
- package/es/style/themes/theme-sbanken/properties.js.map +1 -1
- package/es/style/themes/theme-sbanken/properties.scss +4 -4
- package/es/style/themes/theme-sbanken/sbanken-theme-basis.css +4 -11
- package/es/style/themes/theme-sbanken/sbanken-theme-basis.min.css +1 -1
- package/es/style/themes/theme-sbanken/sbanken-theme-components.css +429 -333
- package/es/style/themes/theme-sbanken/sbanken-theme-components.min.css +3 -1
- package/es/style/themes/theme-sbanken/sbanken-theme-components.scss +2 -2
- package/es/style/themes/theme-sbanken/sbanken-theme-elements.css +0 -7
- package/es/style/themes/theme-sbanken/sbanken-theme-extensions.css +238 -0
- package/es/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
- package/es/style/themes/theme-ui/ui-theme-basis.css +17 -11
- package/es/style/themes/theme-ui/ui-theme-basis.min.css +1 -1
- package/es/style/themes/theme-ui/ui-theme-components.css +105 -82
- package/es/style/themes/theme-ui/ui-theme-components.min.css +1 -1
- package/es/style/themes/theme-ui/ui-theme-elements.css +17 -11
- package/es/style/themes/theme-ui/ui-theme-elements.min.css +1 -1
- package/es/style/themes/theme-ui/ui-theme-extensions.css +238 -0
- package/es/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
- package/es/style/themes/theme-ui/ui-theme-tags.css +24 -12
- 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 +7 -1
- package/esm/dnb-ui-lib.min.mjs +1 -1
- package/extensions/forms/DataContext/At.d.ts +13 -0
- package/extensions/forms/DataContext/At.js +48 -0
- package/extensions/forms/DataContext/At.js.map +1 -0
- package/extensions/forms/DataContext/Context.d.ts +19 -0
- package/extensions/forms/DataContext/Context.js +16 -0
- package/extensions/forms/DataContext/Context.js.map +1 -0
- package/extensions/forms/DataContext/Provider.d.ts +19 -0
- package/extensions/forms/DataContext/Provider.js +103 -0
- package/extensions/forms/DataContext/Provider.js.map +1 -0
- package/extensions/forms/DataContext/SubmitButton.d.ts +9 -0
- package/extensions/forms/DataContext/SubmitButton.js +20 -0
- package/extensions/forms/DataContext/SubmitButton.js.map +1 -0
- package/extensions/forms/DataContext/index.d.ts +13 -0
- package/extensions/forms/DataContext/index.js +12 -0
- package/extensions/forms/DataContext/index.js.map +1 -0
- package/extensions/forms/Field/ArraySelection.d.ts +12 -0
- package/extensions/forms/Field/ArraySelection.js +60 -0
- package/extensions/forms/Field/ArraySelection.js.map +1 -0
- package/extensions/forms/Field/BankAccountNumber.d.ts +10 -0
- package/extensions/forms/Field/BankAccountNumber.js +28 -0
- package/extensions/forms/Field/BankAccountNumber.js.map +1 -0
- package/extensions/forms/Field/Boolean.d.ts +10 -0
- package/extensions/forms/Field/Boolean.js +23 -0
- package/extensions/forms/Field/Boolean.js.map +1 -0
- package/extensions/forms/Field/Currency.d.ts +10 -0
- package/extensions/forms/Field/Currency.js +51 -0
- package/extensions/forms/Field/Currency.js.map +1 -0
- package/extensions/forms/Field/Date.d.ts +8 -0
- package/extensions/forms/Field/Date.js +47 -0
- package/extensions/forms/Field/Date.js.map +1 -0
- package/extensions/forms/Field/Email.d.ts +7 -0
- package/extensions/forms/Field/Email.js +22 -0
- package/extensions/forms/Field/Email.js.map +1 -0
- package/extensions/forms/Field/FirstName.d.ts +7 -0
- package/extensions/forms/Field/FirstName.js +19 -0
- package/extensions/forms/Field/FirstName.js.map +1 -0
- package/extensions/forms/Field/LastName.d.ts +7 -0
- package/extensions/forms/Field/LastName.js +19 -0
- package/extensions/forms/Field/LastName.js.map +1 -0
- package/extensions/forms/Field/NationalIdentityNumber.d.ts +10 -0
- package/extensions/forms/Field/NationalIdentityNumber.js +27 -0
- package/extensions/forms/Field/NationalIdentityNumber.js.map +1 -0
- package/extensions/forms/Field/Number.d.ts +31 -0
- package/extensions/forms/Field/Number.js +101 -0
- package/extensions/forms/Field/Number.js.map +1 -0
- package/extensions/forms/Field/Option.d.ts +9 -0
- package/extensions/forms/Field/Option.js +15 -0
- package/extensions/forms/Field/Option.js.map +1 -0
- package/extensions/forms/Field/OrganizationNumber.d.ts +10 -0
- package/extensions/forms/Field/OrganizationNumber.js +28 -0
- package/extensions/forms/Field/OrganizationNumber.js.map +1 -0
- package/extensions/forms/Field/PhoneNumber.d.ts +12 -0
- package/extensions/forms/Field/PhoneNumber.js +89 -0
- package/extensions/forms/Field/PhoneNumber.js.map +1 -0
- package/extensions/forms/Field/PostalCodeAndCity.d.ts +10 -0
- package/extensions/forms/Field/PostalCodeAndCity.js +46 -0
- package/extensions/forms/Field/PostalCodeAndCity.js.map +1 -0
- package/extensions/forms/Field/SelectCountry.d.ts +7 -0
- package/extensions/forms/Field/SelectCountry.js +26 -0
- package/extensions/forms/Field/SelectCountry.js.map +1 -0
- package/extensions/forms/Field/Selection.d.ts +13 -0
- package/extensions/forms/Field/Selection.js +110 -0
- package/extensions/forms/Field/Selection.js.map +1 -0
- package/extensions/forms/Field/String.d.ts +32 -0
- package/extensions/forms/Field/String.js +123 -0
- package/extensions/forms/Field/String.js.map +1 -0
- package/extensions/forms/Field/Toggle.d.ts +14 -0
- package/extensions/forms/Field/Toggle.js +117 -0
- package/extensions/forms/Field/Toggle.js.map +1 -0
- package/extensions/forms/Field/fields.scss +2 -0
- package/extensions/forms/Field/hooks/index.d.ts +1 -0
- package/extensions/forms/Field/hooks/index.js +1 -0
- package/extensions/forms/Field/hooks/index.js.map +1 -0
- package/extensions/forms/Field/hooks/useField.d.ts +11 -0
- package/extensions/forms/Field/hooks/useField.js +152 -0
- package/extensions/forms/Field/hooks/useField.js.map +1 -0
- package/extensions/forms/Field/index.d.ts +39 -0
- package/extensions/forms/Field/index.js +40 -0
- package/extensions/forms/Field/index.js.map +1 -0
- package/extensions/forms/Field/style/dnb-number.css +11 -0
- package/extensions/forms/Field/style/dnb-number.min.css +1 -0
- package/extensions/forms/Field/style/dnb-number.scss +19 -0
- package/extensions/forms/Field/style/dnb-phone-number.css +23 -0
- package/extensions/forms/Field/style/dnb-phone-number.min.css +1 -0
- package/extensions/forms/Field/style/dnb-phone-number.scss +28 -0
- package/extensions/forms/Field/style/dnb-postal-code-and-city.css +19 -0
- package/extensions/forms/Field/style/dnb-postal-code-and-city.min.css +1 -0
- package/extensions/forms/Field/style/dnb-postal-code-and-city.scss +25 -0
- package/extensions/forms/Field/style/dnb-selection.css +6 -0
- package/extensions/forms/Field/style/dnb-selection.min.css +1 -0
- package/extensions/forms/Field/style/dnb-selection.scss +15 -0
- package/extensions/forms/Field/style/dnb-string.css +11 -0
- package/extensions/forms/Field/style/dnb-string.min.css +1 -0
- package/extensions/forms/Field/style/dnb-string.scss +19 -0
- package/extensions/forms/Field/style/index.d.ts +6 -0
- package/extensions/forms/Field/style/index.js +3 -0
- package/extensions/forms/Field/style/index.js.map +1 -0
- package/extensions/forms/Field/style/index.scss +5 -0
- package/extensions/forms/Field/style.d.ts +5 -0
- package/extensions/forms/Field/style.js +1 -0
- package/extensions/forms/Field/style.js.map +1 -0
- package/extensions/forms/FieldBlock/FieldBlock.d.ts +12 -0
- package/extensions/forms/FieldBlock/FieldBlock.js +69 -0
- package/extensions/forms/FieldBlock/FieldBlock.js.map +1 -0
- package/extensions/forms/FieldBlock/index.d.ts +1 -0
- package/extensions/forms/FieldBlock/index.js +1 -0
- package/extensions/forms/FieldBlock/index.js.map +1 -0
- package/extensions/forms/FieldBlock/style/dnb-field-block.css +15 -0
- package/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -0
- package/extensions/forms/FieldBlock/style/dnb-field-block.scss +19 -0
- package/extensions/forms/FieldBlock/style/index.d.ts +5 -0
- package/extensions/forms/FieldBlock/style/index.js +1 -0
- package/extensions/forms/FieldBlock/style/index.js.map +1 -0
- package/extensions/forms/FieldBlock/style.d.ts +5 -0
- package/extensions/forms/FieldBlock/style.js +1 -0
- package/extensions/forms/FieldBlock/style.js.map +1 -0
- package/extensions/forms/FieldGroup/FieldGroup.d.ts +17 -0
- package/extensions/forms/FieldGroup/FieldGroup.js +83 -0
- package/extensions/forms/FieldGroup/FieldGroup.js.map +1 -0
- package/extensions/forms/FieldGroup/index.d.ts +2 -0
- package/extensions/forms/FieldGroup/index.js +3 -0
- package/extensions/forms/FieldGroup/index.js.map +1 -0
- package/extensions/forms/Forms.d.ts +3 -0
- package/extensions/forms/Forms.js +4 -0
- package/extensions/forms/Forms.js.map +1 -0
- package/extensions/forms/Layout/ButtonRow.d.ts +10 -0
- package/extensions/forms/Layout/ButtonRow.js +17 -0
- package/extensions/forms/Layout/ButtonRow.js.map +1 -0
- package/extensions/forms/Layout/Card.d.ts +14 -0
- package/extensions/forms/Layout/Card.js +37 -0
- package/extensions/forms/Layout/Card.js.map +1 -0
- package/extensions/forms/Layout/Column.d.ts +7 -0
- package/extensions/forms/Layout/Column.js +17 -0
- package/extensions/forms/Layout/Column.js.map +1 -0
- package/extensions/forms/Layout/FlexContainer.d.ts +23 -0
- package/extensions/forms/Layout/FlexContainer.js +91 -0
- package/extensions/forms/Layout/FlexContainer.js.map +1 -0
- package/extensions/forms/Layout/FlexItem.d.ts +12 -0
- package/extensions/forms/Layout/FlexItem.js +20 -0
- package/extensions/forms/Layout/FlexItem.js.map +1 -0
- package/extensions/forms/Layout/InfoCardSection.d.ts +8 -0
- package/extensions/forms/Layout/InfoCardSection.js +17 -0
- package/extensions/forms/Layout/InfoCardSection.js.map +1 -0
- package/extensions/forms/Layout/MainHeading.d.ts +10 -0
- package/extensions/forms/Layout/MainHeading.js +19 -0
- package/extensions/forms/Layout/MainHeading.js.map +1 -0
- package/extensions/forms/Layout/Row.d.ts +7 -0
- package/extensions/forms/Layout/Row.js +17 -0
- package/extensions/forms/Layout/Row.js.map +1 -0
- package/extensions/forms/Layout/Section.d.ts +13 -0
- package/extensions/forms/Layout/Section.js +21 -0
- package/extensions/forms/Layout/Section.js.map +1 -0
- package/extensions/forms/Layout/SubHeading.d.ts +10 -0
- package/extensions/forms/Layout/SubHeading.js +18 -0
- package/extensions/forms/Layout/SubHeading.js.map +1 -0
- package/extensions/forms/Layout/index.d.ts +23 -0
- package/extensions/forms/Layout/index.js +24 -0
- package/extensions/forms/Layout/index.js.map +1 -0
- package/extensions/forms/Layout/style/dnb-button-row.css +7 -0
- package/extensions/forms/Layout/style/dnb-button-row.min.css +1 -0
- package/extensions/forms/Layout/style/dnb-button-row.scss +5 -0
- package/extensions/forms/Layout/style/dnb-card.css +13 -0
- package/extensions/forms/Layout/style/dnb-card.min.css +1 -0
- package/extensions/forms/Layout/style/dnb-card.scss +15 -0
- package/extensions/forms/Layout/style/dnb-flex-container.css +63 -0
- package/extensions/forms/Layout/style/dnb-flex-container.min.css +1 -0
- package/extensions/forms/Layout/style/dnb-flex-container.scss +84 -0
- package/extensions/forms/Layout/style/dnb-flex-item.css +6 -0
- package/extensions/forms/Layout/style/dnb-flex-item.min.css +1 -0
- package/extensions/forms/Layout/style/dnb-flex-item.scss +9 -0
- package/extensions/forms/Layout/style/dnb-section.css +3 -0
- package/extensions/forms/Layout/style/dnb-section.min.css +1 -0
- package/extensions/forms/Layout/style/dnb-section.scss +3 -0
- package/extensions/forms/Layout/style/index.d.ts +9 -0
- package/extensions/forms/Layout/style/index.js +6 -0
- package/extensions/forms/Layout/style/index.js.map +1 -0
- package/extensions/forms/Layout/style/index.scss +5 -0
- package/extensions/forms/Layout/style.d.ts +5 -0
- package/extensions/forms/Layout/style.js +1 -0
- package/extensions/forms/Layout/style.js.map +1 -0
- package/extensions/forms/StepsLayout/Buttons.d.ts +9 -0
- package/extensions/forms/StepsLayout/Buttons.js +19 -0
- package/extensions/forms/StepsLayout/Buttons.js.map +1 -0
- package/extensions/forms/StepsLayout/NextButton.d.ts +10 -0
- package/extensions/forms/StepsLayout/NextButton.js +27 -0
- package/extensions/forms/StepsLayout/NextButton.js.map +1 -0
- package/extensions/forms/StepsLayout/PreviousButton.d.ts +10 -0
- package/extensions/forms/StepsLayout/PreviousButton.js +27 -0
- package/extensions/forms/StepsLayout/PreviousButton.js.map +1 -0
- package/extensions/forms/StepsLayout/Step.d.ts +15 -0
- package/extensions/forms/StepsLayout/Step.js +27 -0
- package/extensions/forms/StepsLayout/Step.js.map +1 -0
- package/extensions/forms/StepsLayout/StepsContext.d.ts +8 -0
- package/extensions/forms/StepsLayout/StepsContext.js +4 -0
- package/extensions/forms/StepsLayout/StepsContext.js.map +1 -0
- package/extensions/forms/StepsLayout/StepsLayout.d.ts +19 -0
- package/extensions/forms/StepsLayout/StepsLayout.js +106 -0
- package/extensions/forms/StepsLayout/StepsLayout.js.map +1 -0
- package/extensions/forms/StepsLayout/index.d.ts +3 -0
- package/extensions/forms/StepsLayout/index.js +4 -0
- package/extensions/forms/StepsLayout/index.js.map +1 -0
- package/extensions/forms/StepsLayout/style/dnb-steps-layout.css +25 -0
- package/extensions/forms/StepsLayout/style/dnb-steps-layout.min.css +1 -0
- package/extensions/forms/StepsLayout/style/dnb-steps-layout.scss +23 -0
- package/extensions/forms/StepsLayout/style/index.d.ts +5 -0
- package/extensions/forms/StepsLayout/style/index.js +1 -0
- package/extensions/forms/StepsLayout/style/index.js.map +1 -0
- package/extensions/forms/StepsLayout/style/index.scss +1 -0
- package/extensions/forms/StepsLayout/style.d.ts +5 -0
- package/extensions/forms/StepsLayout/style.js +1 -0
- package/extensions/forms/StepsLayout/style.js.map +1 -0
- package/extensions/forms/Value/BankAccountNumber.d.ts +7 -0
- package/extensions/forms/Value/BankAccountNumber.js +20 -0
- package/extensions/forms/Value/BankAccountNumber.js.map +1 -0
- package/extensions/forms/Value/Boolean.d.ts +8 -0
- package/extensions/forms/Value/Boolean.js +27 -0
- package/extensions/forms/Value/Boolean.js.map +1 -0
- package/extensions/forms/Value/Currency.d.ts +7 -0
- package/extensions/forms/Value/Currency.js +16 -0
- package/extensions/forms/Value/Currency.js.map +1 -0
- package/extensions/forms/Value/Date.d.ts +7 -0
- package/extensions/forms/Value/Date.js +16 -0
- package/extensions/forms/Value/Date.js.map +1 -0
- package/extensions/forms/Value/Email.d.ts +7 -0
- package/extensions/forms/Value/Email.js +16 -0
- package/extensions/forms/Value/Email.js.map +1 -0
- package/extensions/forms/Value/FirstName.d.ts +7 -0
- package/extensions/forms/Value/FirstName.js +16 -0
- package/extensions/forms/Value/FirstName.js.map +1 -0
- package/extensions/forms/Value/LastName.d.ts +7 -0
- package/extensions/forms/Value/LastName.js +16 -0
- package/extensions/forms/Value/LastName.js.map +1 -0
- package/extensions/forms/Value/NationalIdentityNumber.d.ts +7 -0
- package/extensions/forms/Value/NationalIdentityNumber.js +20 -0
- package/extensions/forms/Value/NationalIdentityNumber.js.map +1 -0
- package/extensions/forms/Value/Number.d.ts +14 -0
- package/extensions/forms/Value/Number.js +36 -0
- package/extensions/forms/Value/Number.js.map +1 -0
- package/extensions/forms/Value/PhoneNumber.d.ts +7 -0
- package/extensions/forms/Value/PhoneNumber.js +20 -0
- package/extensions/forms/Value/PhoneNumber.js.map +1 -0
- package/extensions/forms/Value/String.d.ts +8 -0
- package/extensions/forms/Value/String.js +26 -0
- package/extensions/forms/Value/String.js.map +1 -0
- package/extensions/forms/Value/hooks/index.d.ts +1 -0
- package/extensions/forms/Value/hooks/index.js +1 -0
- package/extensions/forms/Value/hooks/index.js.map +1 -0
- package/extensions/forms/Value/hooks/useValue.d.ts +2 -0
- package/extensions/forms/Value/hooks/useValue.js +22 -0
- package/extensions/forms/Value/hooks/useValue.js.map +1 -0
- package/extensions/forms/Value/index.d.ts +25 -0
- package/extensions/forms/Value/index.js +26 -0
- package/extensions/forms/Value/index.js.map +1 -0
- package/extensions/forms/ValueBlock/ValueBlock.d.ts +11 -0
- package/extensions/forms/ValueBlock/ValueBlock.js +30 -0
- package/extensions/forms/ValueBlock/ValueBlock.js.map +1 -0
- package/extensions/forms/ValueBlock/index.d.ts +1 -0
- package/extensions/forms/ValueBlock/index.js +1 -0
- package/extensions/forms/ValueBlock/index.js.map +1 -0
- package/extensions/forms/ValueBlock/style/dnb-value-block.css +16 -0
- package/extensions/forms/ValueBlock/style/dnb-value-block.min.css +1 -0
- package/extensions/forms/ValueBlock/style/dnb-value-block.scss +19 -0
- package/extensions/forms/ValueBlock/style/index.d.ts +5 -0
- package/extensions/forms/ValueBlock/style/index.js +1 -0
- package/extensions/forms/ValueBlock/style/index.js.map +1 -0
- package/extensions/forms/ValueBlock/style/index.scss +1 -0
- package/extensions/forms/ValueBlock/style.d.ts +5 -0
- package/extensions/forms/ValueBlock/style.js +1 -0
- package/extensions/forms/ValueBlock/style.js.map +1 -0
- package/extensions/forms/Visibility/Visibility.d.ts +24 -0
- package/extensions/forms/Visibility/Visibility.js +45 -0
- package/extensions/forms/Visibility/Visibility.js.map +1 -0
- package/extensions/forms/Visibility/index.d.ts +1 -0
- package/extensions/forms/Visibility/index.js +1 -0
- package/extensions/forms/Visibility/index.js.map +1 -0
- package/extensions/forms/component-types.d.ts +4 -0
- package/extensions/forms/component-types.js +1 -0
- package/extensions/forms/component-types.js.map +1 -0
- package/extensions/forms/constants/countries.d.ts +6 -0
- package/extensions/forms/constants/countries.js +962 -0
- package/extensions/forms/constants/countries.js.map +1 -0
- package/extensions/forms/field-types.d.ts +52 -0
- package/extensions/forms/field-types.js +1 -0
- package/extensions/forms/field-types.js.map +1 -0
- package/extensions/forms/index.d.ts +13 -0
- package/extensions/forms/index.js +12 -0
- package/extensions/forms/index.js.map +1 -0
- package/extensions/forms/style/dnb-forms.css +237 -0
- package/extensions/forms/style/dnb-forms.min.css +1 -0
- package/extensions/forms/style/dnb-forms.scss +6 -0
- package/extensions/forms/style.d.ts +5 -0
- package/extensions/forms/style.js +1 -0
- package/extensions/forms/style.js.map +1 -0
- package/extensions/forms/types.d.ts +11 -0
- package/extensions/forms/types.js +11 -0
- package/extensions/forms/types.js.map +1 -0
- package/extensions/forms/utils/TestElement/TestElement.d.ts +6 -0
- package/extensions/forms/utils/TestElement/TestElement.js +10 -0
- package/extensions/forms/utils/TestElement/TestElement.js.map +1 -0
- package/extensions/forms/utils/TestElement/style/dnb-test-element.css +6 -0
- package/extensions/forms/utils/TestElement/style/dnb-test-element.min.css +1 -0
- package/extensions/forms/utils/TestElement/style/dnb-test-element.scss +6 -0
- package/extensions/forms/utils/TestElement/style/index.d.ts +5 -0
- package/extensions/forms/utils/TestElement/style/index.js +1 -0
- package/extensions/forms/utils/TestElement/style/index.js.map +1 -0
- package/extensions/forms/utils/TestElement/style.d.ts +5 -0
- package/extensions/forms/utils/TestElement/style.js +1 -0
- package/extensions/forms/utils/TestElement/style.js.map +1 -0
- package/extensions/forms/utils/ajv.d.ts +14 -0
- package/extensions/forms/utils/ajv.js +56 -0
- package/extensions/forms/utils/ajv.js.map +1 -0
- package/extensions/forms/utils/components.d.ts +3 -0
- package/extensions/forms/utils/components.js +23 -0
- package/extensions/forms/utils/components.js.map +1 -0
- package/extensions/forms/utils/index.d.ts +3 -0
- package/extensions/forms/utils/index.js +4 -0
- package/extensions/forms/utils/index.js.map +1 -0
- package/extensions/forms/utils/numbers.d.ts +17 -0
- package/extensions/forms/utils/numbers.js +35 -0
- package/extensions/forms/utils/numbers.js.map +1 -0
- package/extensions/forms/value-types.d.ts +15 -0
- package/extensions/forms/value-types.js +1 -0
- package/extensions/forms/value-types.js.map +1 -0
- package/extensions/index.d.ts +2 -1
- package/extensions/index.js +2 -1
- package/extensions/index.js.map +1 -1
- package/extensions/lib.d.ts +22 -1
- package/extensions/lib.js +3 -1
- package/extensions/lib.js.map +1 -1
- package/extensions/payment-card/utils/Types.js.map +1 -1
- package/fragments/drawer-list/DrawerList.js.map +1 -1
- package/fragments/drawer-list/DrawerListProvider.js.map +1 -1
- package/package.json +4 -1
- package/shared/Context.d.ts +2 -0
- 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/VisibilityByTheme.d.ts +1 -1
- package/shared/VisibilityByTheme.js.map +1 -1
- package/shared/helpers.d.ts +2 -2
- package/shared/helpers.js.map +1 -1
- package/shared/locales/en-GB.d.ts +39 -0
- package/shared/locales/en-GB.js +39 -0
- package/shared/locales/en-GB.js.map +1 -1
- package/shared/locales/en-US.d.ts +39 -0
- package/shared/locales/index.d.ts +78 -0
- package/shared/locales/nb-NO.d.ts +39 -0
- package/shared/locales/nb-NO.js +39 -0
- package/shared/locales/nb-NO.js.map +1 -1
- package/style/core/utilities.scss +40 -8
- package/style/dnb-ui-components.css +71 -24
- package/style/dnb-ui-components.min.css +1 -1
- package/style/dnb-ui-extensions.css +238 -0
- package/style/dnb-ui-extensions.min.css +1 -1
- package/style/dnb-ui-extensions.scss +1 -0
- package/style/themes/theme-eiendom/eiendom-theme-basis.css +17 -11
- package/style/themes/theme-eiendom/eiendom-theme-basis.min.css +1 -1
- package/style/themes/theme-eiendom/eiendom-theme-components.css +105 -82
- package/style/themes/theme-eiendom/eiendom-theme-components.min.css +1 -1
- package/style/themes/theme-eiendom/eiendom-theme-extensions.css +238 -0
- package/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
- package/style/themes/theme-sbanken/properties.js +4 -4
- package/style/themes/theme-sbanken/properties.js.map +1 -1
- package/style/themes/theme-sbanken/properties.scss +4 -4
- package/style/themes/theme-sbanken/sbanken-theme-basis.css +4 -11
- package/style/themes/theme-sbanken/sbanken-theme-basis.min.css +1 -1
- package/style/themes/theme-sbanken/sbanken-theme-components.css +429 -333
- package/style/themes/theme-sbanken/sbanken-theme-components.min.css +3 -1
- package/style/themes/theme-sbanken/sbanken-theme-components.scss +2 -2
- package/style/themes/theme-sbanken/sbanken-theme-elements.css +0 -7
- package/style/themes/theme-sbanken/sbanken-theme-extensions.css +238 -0
- package/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
- package/style/themes/theme-ui/ui-theme-basis.css +17 -11
- package/style/themes/theme-ui/ui-theme-basis.min.css +1 -1
- package/style/themes/theme-ui/ui-theme-components.css +105 -82
- package/style/themes/theme-ui/ui-theme-components.min.css +1 -1
- package/style/themes/theme-ui/ui-theme-elements.css +17 -11
- package/style/themes/theme-ui/ui-theme-elements.min.css +1 -1
- package/style/themes/theme-ui/ui-theme-extensions.css +238 -0
- package/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
- package/style/themes/theme-ui/ui-theme-tags.css +24 -12
- 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 +7 -1
- package/umd/dnb-ui-lib.min.js +1 -1
- package/cjs/components/accordion/AccordionPropTypes.d.ts +0 -79
- package/cjs/components/accordion/AccordionPropTypes.js +0 -85
- package/cjs/components/accordion/AccordionPropTypes.js.map +0 -1
- package/components/accordion/AccordionPropTypes.d.ts +0 -79
- package/components/accordion/AccordionPropTypes.js +0 -74
- package/components/accordion/AccordionPropTypes.js.map +0 -1
- package/es/components/accordion/AccordionPropTypes.d.ts +0 -79
- package/es/components/accordion/AccordionPropTypes.js +0 -74
- package/es/components/accordion/AccordionPropTypes.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DialogContent.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_ScrollView","_DialogHeader","_DialogNavigation","_DialogAction","_helpers","_ModalContext","_helpers2","_ModalHeaderBar","_ModalHeader","_IconPrimary","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","DialogContent","_ref","modalContent","navContent","headerContent","alignContent","className","preventCoreStyle","spacing","fullscreen","noAnimation","noAnimationOnMobile","minWidth","min_width","maxWidth","max_width","variant","confirmType","icon","description","hideDecline","onConfirm","onDecline","declineText","confirmText","rest","context","useContext","ModalContext","checkMinMaxWidth","content","getContent","children","freeze","close","contentParams","classnames","isTrue","hide","style","onClick","preventClick","onTouchStart","onKeyDown","onKeyDownHandler","navExists","findElementInChildren","cur","type","DialogNavigation","ModalHeaderBar","headerExists","DialogHeader","ModalHeader","actionExists","DialogAction","dialogActionProps","validateDOMAttributes","createElement","ref","scrollRef","tabIndex","contentRef","border","title","size","id","contentId"],"sources":["../../../../src/components/dialog/DialogContent.tsx"],"sourcesContent":["/**\n * Web Drawer Component\n *\n */\n\nimport React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport {\n isTrue,\n findElementInChildren,\n validateDOMAttributes,\n} from '../../shared/component-helper'\nimport ScrollView from '../../fragments/scroll-view/ScrollView'\nimport DialogHeader from './parts/DialogHeader'\nimport DialogNavigation from './parts/DialogNavigation'\nimport DialogAction from './parts/DialogAction'\nimport { getContent } from '../modal/helpers'\nimport ModalContext from '../modal/ModalContext'\nimport { checkMinMaxWidth } from '../drawer/helpers'\nimport { DialogContentProps } from './types'\nimport ModalHeaderBar from '../modal/parts/ModalHeaderBar'\nimport ModalHeader from '../modal/parts/ModalHeader'\nimport IconPrimary from '../icon-primary/IconPrimary'\n\nexport default function DialogContent({\n modalContent = null,\n navContent = null,\n headerContent = null,\n alignContent = null,\n className = null,\n preventCoreStyle = null,\n spacing = true,\n fullscreen,\n noAnimation = false,\n noAnimationOnMobile = false,\n minWidth: min_width = null,\n maxWidth: max_width = null,\n variant = 'information',\n confirmType = 'info',\n icon = null,\n description,\n hideDecline,\n onConfirm,\n onDecline,\n declineText,\n confirmText,\n ...rest\n}: DialogContentProps): JSX.Element {\n const context = useContext(ModalContext)\n const { minWidth, maxWidth } = checkMinMaxWidth(min_width, max_width)\n const content =\n modalContent ||\n getContent(\n typeof rest.children === 'function'\n ? Object.freeze({ ...rest, close: context?.close })\n : rest\n )\n\n if (alignContent === null) {\n alignContent = variant === 'information' ? 'left' : 'centered'\n }\n\n const contentParams = {\n className: classnames(\n !isTrue(preventCoreStyle) && 'dnb-core-style',\n\n 'dnb-dialog',\n variant && `dnb-dialog--${variant}`,\n isTrue(spacing) && 'dnb-dialog--spacing',\n alignContent && `dnb-dialog__align--${alignContent}`,\n isTrue(fullscreen)\n ? `dnb-dialog--fullscreen`\n : fullscreen === 'auto' && `dnb-dialog--auto-fullscreen`,\n isTrue(context?.hide) && `dnb-dialog--hide`,\n isTrue(noAnimation) && `dnb-dialog--no-animation`,\n isTrue(noAnimationOnMobile) && `dnb-dialog--no-animation-on-mobile`,\n className\n ),\n style: (minWidth || maxWidth) && { minWidth, maxWidth },\n onClick: context?.preventClick,\n onTouchStart: context?.preventClick,\n onKeyDown: context?.onKeyDownHandler,\n ...rest,\n }\n\n const navExists = findElementInChildren(\n content,\n (cur) => cur.type === DialogNavigation || cur.type === ModalHeaderBar\n )\n\n const headerExists = findElementInChildren(\n content,\n (cur) => cur.type === DialogHeader || cur.type === ModalHeader\n )\n\n const actionExists = findElementInChildren(\n content,\n (cur) => cur.type === DialogAction\n )\n\n const dialogActionProps = {\n onConfirm,\n onDecline,\n declineText,\n confirmText,\n hideDecline,\n }\n\n validateDOMAttributes({}, contentParams)\n\n return (\n <div {...contentParams}>\n <ScrollView ref={context?.scrollRef}>\n <div\n tabIndex={-1}\n className=\"dnb-dialog__inner dnb-no-focus\"\n ref={context?.contentRef}\n >\n {!navExists && <DialogNavigation>{navContent}</DialogNavigation>}\n\n {icon && (\n <div className=\"dnb-dialog__icon\">\n <IconPrimary\n border\n key=\"dialog-icon\"\n icon={icon}\n aria-hidden\n className={classnames(\n 'dnb-dialog__icon__primary',\n 'dnb-dialog__icon--' + confirmType\n )}\n />\n </div>\n )}\n\n {!headerExists && (\n <DialogHeader\n title={context?.title}\n size={variant === 'information' ? 'x-large' : 'large'}\n >\n {headerContent}\n </DialogHeader>\n )}\n\n <div\n id={context?.contentId + '-content'}\n className=\"dnb-dialog__content\"\n >\n {description}\n {content}\n </div>\n\n {variant === 'confirmation' && !actionExists && (\n <DialogAction {...dialogActionProps} />\n )}\n </div>\n </ScrollView>\n </div>\n )\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"DialogContent.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_ScrollView","_DialogHeader","_DialogNavigation","_DialogAction","_helpers","_ModalContext","_helpers2","_ModalHeaderBar","_ModalHeader","_IconPrimary","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","DialogContent","_ref","modalContent","navContent","headerContent","alignContent","className","preventCoreStyle","spacing","fullscreen","noAnimation","noAnimationOnMobile","minWidth","min_width","maxWidth","max_width","variant","confirmType","icon","description","hideDecline","hideConfirm","onConfirm","onDecline","declineText","confirmText","rest","context","useContext","ModalContext","checkMinMaxWidth","content","getContent","children","freeze","close","contentParams","classnames","isTrue","hide","style","onClick","preventClick","onTouchStart","onKeyDown","onKeyDownHandler","navExists","findElementInChildren","cur","type","DialogNavigation","ModalHeaderBar","headerExists","DialogHeader","ModalHeader","actionExists","DialogAction","dialogActionProps","validateDOMAttributes","createElement","ref","scrollRef","tabIndex","contentRef","border","title","size","id","contentId"],"sources":["../../../../src/components/dialog/DialogContent.tsx"],"sourcesContent":["/**\n * Web Drawer Component\n *\n */\n\nimport React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport {\n isTrue,\n findElementInChildren,\n validateDOMAttributes,\n} from '../../shared/component-helper'\nimport ScrollView from '../../fragments/scroll-view/ScrollView'\nimport DialogHeader from './parts/DialogHeader'\nimport DialogNavigation from './parts/DialogNavigation'\nimport DialogAction from './parts/DialogAction'\nimport { getContent } from '../modal/helpers'\nimport ModalContext from '../modal/ModalContext'\nimport { checkMinMaxWidth } from '../drawer/helpers'\nimport { DialogContentProps } from './types'\nimport ModalHeaderBar from '../modal/parts/ModalHeaderBar'\nimport ModalHeader from '../modal/parts/ModalHeader'\nimport IconPrimary from '../icon-primary/IconPrimary'\n\nexport default function DialogContent({\n modalContent = null,\n navContent = null,\n headerContent = null,\n alignContent = null,\n className = null,\n preventCoreStyle = null,\n spacing = true,\n fullscreen,\n noAnimation = false,\n noAnimationOnMobile = false,\n minWidth: min_width = null,\n maxWidth: max_width = null,\n variant = 'information',\n confirmType = 'info',\n icon = null,\n description,\n hideDecline,\n hideConfirm,\n onConfirm,\n onDecline,\n declineText,\n confirmText,\n ...rest\n}: DialogContentProps): JSX.Element {\n const context = useContext(ModalContext)\n const { minWidth, maxWidth } = checkMinMaxWidth(min_width, max_width)\n const content =\n modalContent ||\n getContent(\n typeof rest.children === 'function'\n ? Object.freeze({ ...rest, close: context?.close })\n : rest\n )\n\n if (alignContent === null) {\n alignContent = variant === 'information' ? 'left' : 'centered'\n }\n\n const contentParams = {\n className: classnames(\n !isTrue(preventCoreStyle) && 'dnb-core-style',\n\n 'dnb-dialog',\n variant && `dnb-dialog--${variant}`,\n isTrue(spacing) && 'dnb-dialog--spacing',\n alignContent && `dnb-dialog__align--${alignContent}`,\n isTrue(fullscreen)\n ? `dnb-dialog--fullscreen`\n : fullscreen === 'auto' && `dnb-dialog--auto-fullscreen`,\n isTrue(context?.hide) && `dnb-dialog--hide`,\n isTrue(noAnimation) && `dnb-dialog--no-animation`,\n isTrue(noAnimationOnMobile) && `dnb-dialog--no-animation-on-mobile`,\n className\n ),\n style: (minWidth || maxWidth) && { minWidth, maxWidth },\n onClick: context?.preventClick,\n onTouchStart: context?.preventClick,\n onKeyDown: context?.onKeyDownHandler,\n ...rest,\n }\n\n const navExists = findElementInChildren(\n content,\n (cur) => cur.type === DialogNavigation || cur.type === ModalHeaderBar\n )\n\n const headerExists = findElementInChildren(\n content,\n (cur) => cur.type === DialogHeader || cur.type === ModalHeader\n )\n\n const actionExists = findElementInChildren(\n content,\n (cur) => cur.type === DialogAction\n )\n\n const dialogActionProps = {\n onConfirm,\n onDecline,\n declineText,\n confirmText,\n hideDecline,\n hideConfirm,\n }\n\n validateDOMAttributes({}, contentParams)\n\n return (\n <div {...contentParams}>\n <ScrollView ref={context?.scrollRef}>\n <div\n tabIndex={-1}\n className=\"dnb-dialog__inner dnb-no-focus\"\n ref={context?.contentRef}\n >\n {!navExists && <DialogNavigation>{navContent}</DialogNavigation>}\n\n {icon && (\n <div className=\"dnb-dialog__icon\">\n <IconPrimary\n border\n key=\"dialog-icon\"\n icon={icon}\n aria-hidden\n className={classnames(\n 'dnb-dialog__icon__primary',\n 'dnb-dialog__icon--' + confirmType\n )}\n />\n </div>\n )}\n\n {!headerExists && (\n <DialogHeader\n title={context?.title}\n size={variant === 'information' ? 'x-large' : 'large'}\n >\n {headerContent}\n </DialogHeader>\n )}\n\n <div\n id={context?.contentId + '-content'}\n className=\"dnb-dialog__content\"\n >\n {description}\n {content}\n </div>\n\n {variant === 'confirmation' && !actionExists && (\n <DialogAction {...dialogActionProps} />\n )}\n </div>\n </ScrollView>\n </div>\n )\n}\n"],"mappings":";;;;;;AAKA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AAKA,IAAAI,WAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,aAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,iBAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,aAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,QAAA,GAAAR,OAAA;AACA,IAAAS,aAAA,GAAAP,sBAAA,CAAAF,OAAA;AACA,IAAAU,SAAA,GAAAV,OAAA;AAEA,IAAAW,eAAA,GAAAT,sBAAA,CAAAF,OAAA;AACA,IAAAY,YAAA,GAAAV,sBAAA,CAAAF,OAAA;AACA,IAAAa,YAAA,GAAAX,sBAAA,CAAAF,OAAA;AAAqD,MAAAc,SAAA;AAAA,SAAAZ,uBAAAa,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAApB,wBAAAgB,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAAA,SAAAW,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAAZ,MAAA,CAAAY,IAAA,CAAAF,MAAA,OAAAV,MAAA,CAAAa,qBAAA,QAAAC,OAAA,GAAAd,MAAA,CAAAa,qBAAA,CAAAH,MAAA,GAAAC,cAAA,KAAAG,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAhB,MAAA,CAAAE,wBAAA,CAAAQ,MAAA,EAAAM,GAAA,EAAAC,UAAA,OAAAL,IAAA,CAAAM,IAAA,CAAAC,KAAA,CAAAP,IAAA,EAAAE,OAAA,YAAAF,IAAA;AAAA,SAAAQ,cAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAb,OAAA,CAAAT,MAAA,CAAAyB,MAAA,OAAAC,OAAA,WAAAvB,GAAA,IAAAwB,eAAA,CAAAN,MAAA,EAAAlB,GAAA,EAAAsB,MAAA,CAAAtB,GAAA,SAAAH,MAAA,CAAA4B,yBAAA,GAAA5B,MAAA,CAAA6B,gBAAA,CAAAR,MAAA,EAAArB,MAAA,CAAA4B,yBAAA,CAAAH,MAAA,KAAAhB,OAAA,CAAAT,MAAA,CAAAyB,MAAA,GAAAC,OAAA,WAAAvB,GAAA,IAAAH,MAAA,CAAAC,cAAA,CAAAoB,MAAA,EAAAlB,GAAA,EAAAH,MAAA,CAAAE,wBAAA,CAAAuB,MAAA,EAAAtB,GAAA,iBAAAkB,MAAA;AAAA,SAAAM,gBAAAxC,GAAA,EAAAgB,GAAA,EAAA2B,KAAA,IAAA3B,GAAA,GAAA4B,cAAA,CAAA5B,GAAA,OAAAA,GAAA,IAAAhB,GAAA,IAAAa,MAAA,CAAAC,cAAA,CAAAd,GAAA,EAAAgB,GAAA,IAAA2B,KAAA,EAAAA,KAAA,EAAAb,UAAA,QAAAe,YAAA,QAAAC,QAAA,oBAAA9C,GAAA,CAAAgB,GAAA,IAAA2B,KAAA,WAAA3C,GAAA;AAAA,SAAA4C,eAAAG,GAAA,QAAA/B,GAAA,GAAAgC,YAAA,CAAAD,GAAA,2BAAA/B,GAAA,gBAAAA,GAAA,GAAAiC,MAAA,CAAAjC,GAAA;AAAA,SAAAgC,aAAAE,KAAA,EAAAC,IAAA,eAAAD,KAAA,iBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAAjC,IAAA,CAAA+B,KAAA,EAAAC,IAAA,2BAAAK,GAAA,sBAAAA,GAAA,YAAAC,SAAA,4DAAAN,IAAA,gBAAAF,MAAA,GAAAS,MAAA,EAAAR,KAAA;AAAA,SAAAS,yBAAArB,MAAA,EAAAsB,QAAA,QAAAtB,MAAA,yBAAAJ,MAAA,GAAA2B,6BAAA,CAAAvB,MAAA,EAAAsB,QAAA,OAAA5C,GAAA,EAAAmB,CAAA,MAAAtB,MAAA,CAAAa,qBAAA,QAAAoC,gBAAA,GAAAjD,MAAA,CAAAa,qBAAA,CAAAY,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAA2B,gBAAA,CAAAzB,MAAA,EAAAF,CAAA,MAAAnB,GAAA,GAAA8C,gBAAA,CAAA3B,CAAA,OAAAyB,QAAA,CAAAG,OAAA,CAAA/C,GAAA,uBAAAH,MAAA,CAAAI,SAAA,CAAA+C,oBAAA,CAAA7C,IAAA,CAAAmB,MAAA,EAAAtB,GAAA,aAAAkB,MAAA,CAAAlB,GAAA,IAAAsB,MAAA,CAAAtB,GAAA,cAAAkB,MAAA;AAAA,SAAA2B,8BAAAvB,MAAA,EAAAsB,QAAA,QAAAtB,MAAA,yBAAAJ,MAAA,WAAA+B,UAAA,GAAApD,MAAA,CAAAY,IAAA,CAAAa,MAAA,OAAAtB,GAAA,EAAAmB,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAA8B,UAAA,CAAA5B,MAAA,EAAAF,CAAA,MAAAnB,GAAA,GAAAiD,UAAA,CAAA9B,CAAA,OAAAyB,QAAA,CAAAG,OAAA,CAAA/C,GAAA,kBAAAkB,MAAA,CAAAlB,GAAA,IAAAsB,MAAA,CAAAtB,GAAA,YAAAkB,MAAA;AAEtC,SAASgC,aAAaA,CAAAC,IAAA,EAwBD;EAAA,IAxBE;MACpCC,YAAY,GAAG,IAAI;MACnBC,UAAU,GAAG,IAAI;MACjBC,aAAa,GAAG,IAAI;MACpBC,YAAY,GAAG,IAAI;MACnBC,SAAS,GAAG,IAAI;MAChBC,gBAAgB,GAAG,IAAI;MACvBC,OAAO,GAAG,IAAI;MACdC,UAAU;MACVC,WAAW,GAAG,KAAK;MACnBC,mBAAmB,GAAG,KAAK;MAC3BC,QAAQ,EAAEC,SAAS,GAAG,IAAI;MAC1BC,QAAQ,EAAEC,SAAS,GAAG,IAAI;MAC1BC,OAAO,GAAG,aAAa;MACvBC,WAAW,GAAG,MAAM;MACpBC,IAAI,GAAG,IAAI;MACXC,WAAW;MACXC,WAAW;MACXC,WAAW;MACXC,SAAS;MACTC,SAAS;MACTC,WAAW;MACXC;IAEkB,CAAC,GAAAxB,IAAA;IADhByB,IAAI,GAAAjC,wBAAA,CAAAQ,IAAA,EAAApE,SAAA;EAEP,MAAM8F,OAAO,GAAG,IAAAC,iBAAU,EAACC,qBAAY,CAAC;EACxC,MAAM;IAAEjB,QAAQ;IAAEE;EAAS,CAAC,GAAG,IAAAgB,0BAAgB,EAACjB,SAAS,EAAEE,SAAS,CAAC;EACrE,MAAMgB,OAAO,GACX7B,YAAY,IACZ,IAAA8B,mBAAU,EACR,OAAON,IAAI,CAACO,QAAQ,KAAK,UAAU,GAC/BtF,MAAM,CAACuF,MAAM,CAAAnE,aAAA,CAAAA,aAAA,KAAM2D,IAAI;IAAES,KAAK,EAAER,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEQ;EAAK,EAAE,CAAC,GACjDT,IACN,CAAC;EAEH,IAAIrB,YAAY,KAAK,IAAI,EAAE;IACzBA,YAAY,GAAGW,OAAO,KAAK,aAAa,GAAG,MAAM,GAAG,UAAU;EAChE;EAEA,MAAMoB,aAAa,GAAArE,aAAA;IACjBuC,SAAS,EAAE,IAAA+B,mBAAU,EAGnB,YAAY,EAIZ,IAAAC,uBAAM,EAAC7B,UAAU,CAAC,GACb,wBAAuB,GACxBA,UAAU,KAAK,MAAM,IAAK,6BAA4B,EAI1DH,SAAS,EAZT,CAAC,IAAAgC,uBAAM,EAAC/B,gBAAgB,CAAC,IAAI,gBAAgB,EAG7CS,OAAO,IAAK,eAAcA,OAAQ,EAAC,EACnC,IAAAsB,uBAAM,EAAC9B,OAAO,CAAC,IAAI,qBAAqB,EACxCH,YAAY,IAAK,sBAAqBA,YAAa,EAAC,EAIpD,IAAAiC,uBAAM,EAACX,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEY,IAAI,CAAC,IAAK,kBAAiB,EAC3C,IAAAD,uBAAM,EAAC5B,WAAW,CAAC,IAAK,0BAAyB,EACjD,IAAA4B,uBAAM,EAAC3B,mBAAmB,CAAC,IAAK,oCAElC,CAAC;IACD6B,KAAK,EAAE,CAAC5B,QAAQ,IAAIE,QAAQ,KAAK;MAAEF,QAAQ;MAAEE;IAAS,CAAC;IACvD2B,OAAO,EAAEd,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEe,YAAY;IAC9BC,YAAY,EAAEhB,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEe,YAAY;IACnCE,SAAS,EAAEjB,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEkB;EAAgB,GACjCnB,IAAI,CACR;EAED,MAAMoB,SAAS,GAAG,IAAAC,sCAAqB,EACrChB,OAAO,EACNiB,GAAG,IAAKA,GAAG,CAACC,IAAI,KAAKC,yBAAgB,IAAIF,GAAG,CAACC,IAAI,KAAKE,uBACzD,CAAC;EAED,MAAMC,YAAY,GAAG,IAAAL,sCAAqB,EACxChB,OAAO,EACNiB,GAAG,IAAKA,GAAG,CAACC,IAAI,KAAKI,qBAAY,IAAIL,GAAG,CAACC,IAAI,KAAKK,oBACrD,CAAC;EAED,MAAMC,YAAY,GAAG,IAAAR,sCAAqB,EACxChB,OAAO,EACNiB,GAAG,IAAKA,GAAG,CAACC,IAAI,KAAKO,qBACxB,CAAC;EAED,MAAMC,iBAAiB,GAAG;IACxBnC,SAAS;IACTC,SAAS;IACTC,WAAW;IACXC,WAAW;IACXL,WAAW;IACXC;EACF,CAAC;EAED,IAAAqC,sCAAqB,EAAC,CAAC,CAAC,EAAEtB,aAAa,CAAC;EAExC,OACEvH,MAAA,CAAAmB,OAAA,CAAA2H,aAAA,QAASvB,aAAa,EACpBvH,MAAA,CAAAmB,OAAA,CAAA2H,aAAA,CAACxI,WAAA,CAAAa,OAAU;IAAC4H,GAAG,EAAEjC,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEkC;EAAU,GAClChJ,MAAA,CAAAmB,OAAA,CAAA2H,aAAA;IACEG,QAAQ,EAAE,CAAC,CAAE;IACbxD,SAAS,EAAC,gCAAgC;IAC1CsD,GAAG,EAAEjC,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEoC;EAAW,GAExB,CAACjB,SAAS,IAAIjI,MAAA,CAAAmB,OAAA,CAAA2H,aAAA,CAACtI,iBAAA,CAAAW,OAAgB,QAAEmE,UAA6B,CAAC,EAE/De,IAAI,IACHrG,MAAA,CAAAmB,OAAA,CAAA2H,aAAA;IAAKrD,SAAS,EAAC;EAAkB,GAC/BzF,MAAA,CAAAmB,OAAA,CAAA2H,aAAA,CAAC/H,YAAA,CAAAI,OAAW;IACVgI,MAAM;IACNlH,GAAG,EAAC,aAAa;IACjBoE,IAAI,EAAEA,IAAK;IACX,mBAAW;IACXZ,SAAS,EAAE,IAAA+B,mBAAU,EACnB,2BAA2B,EAC3B,oBAAoB,GAAGpB,WACzB;EAAE,CACH,CACE,CACN,EAEA,CAACmC,YAAY,IACZvI,MAAA,CAAAmB,OAAA,CAAA2H,aAAA,CAACvI,aAAA,CAAAY,OAAY;IACXiI,KAAK,EAAEtC,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEsC,KAAM;IACtBC,IAAI,EAAElD,OAAO,KAAK,aAAa,GAAG,SAAS,GAAG;EAAQ,GAErDZ,aACW,CACf,EAEDvF,MAAA,CAAAmB,OAAA,CAAA2H,aAAA;IACEQ,EAAE,EAAE,CAAAxC,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEyC,SAAS,IAAG,UAAW;IACpC9D,SAAS,EAAC;EAAqB,GAE9Ba,WAAW,EACXY,OACE,CAAC,EAELf,OAAO,KAAK,cAAc,IAAI,CAACuC,YAAY,IAC1C1I,MAAA,CAAAmB,OAAA,CAAA2H,aAAA,CAACrI,aAAA,CAAAU,OAAY,EAAKyH,iBAAoB,CAErC,CACK,CACT,CAAC;AAEV"}
|
|
@@ -25,11 +25,15 @@ export type DialogActionProps = {
|
|
|
25
25
|
* For variant confirmation, hide the default decline button and only show the confirm button.
|
|
26
26
|
*/
|
|
27
27
|
hideDecline?: boolean;
|
|
28
|
+
/**
|
|
29
|
+
* For variant confirmation, hide the default confirm button and only show the decline button.
|
|
30
|
+
*/
|
|
31
|
+
hideConfirm?: boolean;
|
|
28
32
|
/**
|
|
29
33
|
* Pass in custom confirm/decline buttons for action handling. Every child of type Button will be provided with a `close` function attribute.
|
|
30
34
|
*/
|
|
31
35
|
children?: React.ReactElement | Array<React.ReactElement>;
|
|
32
36
|
};
|
|
33
37
|
export type DialogActionAllProps = DialogActionProps & SpacingProps & Omit<React.HTMLAttributes<HTMLElement>, 'children'>;
|
|
34
|
-
declare const DialogAction: ({ declineText, confirmText, hideDecline, onConfirm, onDecline, className, children, ...props }: DialogActionAllProps) => import("react/jsx-runtime").JSX.Element;
|
|
38
|
+
declare const DialogAction: ({ declineText, confirmText, hideDecline, hideConfirm, onConfirm, onDecline, className, children, ...props }: DialogActionAllProps) => import("react/jsx-runtime").JSX.Element;
|
|
35
39
|
export default DialogAction;
|
|
@@ -11,7 +11,7 @@ var _Space = _interopRequireDefault(require("../../space/Space"));
|
|
|
11
11
|
var _shared = require("../../../shared");
|
|
12
12
|
var _ModalContext = _interopRequireDefault(require("../../modal/ModalContext"));
|
|
13
13
|
var _componentHelper = require("../../../shared/component-helper");
|
|
14
|
-
const _excluded = ["declineText", "confirmText", "hideDecline", "onConfirm", "onDecline", "className", "children"];
|
|
14
|
+
const _excluded = ["declineText", "confirmText", "hideDecline", "hideConfirm", "onConfirm", "onDecline", "className", "children"];
|
|
15
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
16
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
17
17
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
@@ -35,6 +35,7 @@ const DialogAction = _ref2 => {
|
|
|
35
35
|
declineText = null,
|
|
36
36
|
confirmText = null,
|
|
37
37
|
hideDecline = false,
|
|
38
|
+
hideConfirm = false,
|
|
38
39
|
onConfirm = fallbackCloseAction,
|
|
39
40
|
onDecline = fallbackCloseAction,
|
|
40
41
|
className,
|
|
@@ -80,7 +81,7 @@ const DialogAction = _ref2 => {
|
|
|
80
81
|
});
|
|
81
82
|
},
|
|
82
83
|
size: (ButtonContext === null || ButtonContext === void 0 ? void 0 : ButtonContext.size) || 'large'
|
|
83
|
-
}), !children && _react.default.createElement(_Button.default, {
|
|
84
|
+
}), !children && !hideConfirm && _react.default.createElement(_Button.default, {
|
|
84
85
|
text: confirmText || (translation === null || translation === void 0 ? void 0 : (_translation$Dialog2 = translation.Dialog) === null || _translation$Dialog2 === void 0 ? void 0 : _translation$Dialog2.confirmText),
|
|
85
86
|
variant: "primary",
|
|
86
87
|
onClick: event => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DialogAction.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Button","_Space","_shared","_ModalContext","_componentHelper","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","fallbackCloseAction","_ref","close","DialogAction","_ref2","_translation$Dialog","_translation$Dialog2","declineText","confirmText","hideDecline","onConfirm","onDecline","className","children","props","translation","Button","ButtonContext","useContext","Context","ModalContext","childrenWithCloseFunc","React","Children","map","child","type","cloneElement","on_click","event","dispatchCustomElementEvent","createElement","element","classNames","text","Dialog","variant","onClick","size","_default","exports"],"sources":["../../../../../src/components/dialog/parts/DialogAction.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classNames from 'classnames'\nimport Button from '../../button/Button'\nimport Space from '../../space/Space'\nimport { Context } from '../../../shared'\nimport ModalContext from '../../modal/ModalContext'\nimport { dispatchCustomElementEvent } from '../../../shared/component-helper'\n\nimport type { SpacingProps } from '../../space/types'\n\ntype extendedMouseEvent = {\n event: React.MouseEvent<HTMLElement>\n close: () => void\n}\n\nexport type DialogActionProps = {\n /**\n * For dialog actions, give a custom text for the decline button.\n */\n declineText?: string | React.ReactNode\n\n /**\n * For dialog actions, give a custom text for the confirm button.\n */\n confirmText?: string | React.ReactNode\n\n /**\n * For variant confirmation, handle the confirm action click.\n */\n onConfirm?: (event: extendedMouseEvent) => void\n\n /**\n * For variant confirmation, handle the decline action click.\n */\n onDecline?: (event: extendedMouseEvent) => void\n\n /**\n * For variant confirmation, hide the default decline button and only show the confirm button.\n */\n hideDecline?: boolean\n\n /**\n * Pass in custom confirm/decline buttons for action handling. Every child of type Button will be provided with a `close` function attribute.\n */\n children?: React.ReactElement | Array<React.ReactElement>\n}\n\nexport type DialogActionAllProps = DialogActionProps &\n SpacingProps &\n Omit<React.HTMLAttributes<HTMLElement>, 'children'>\n\nconst fallbackCloseAction = ({ close }: extendedMouseEvent) => close()\n\nconst DialogAction = ({\n declineText = null,\n confirmText = null,\n hideDecline = false,\n onConfirm = fallbackCloseAction,\n onDecline = fallbackCloseAction,\n className,\n children,\n ...props\n}: DialogActionAllProps) => {\n const { translation, Button: ButtonContext } = useContext(Context)\n const { close } = useContext(ModalContext)\n let childrenWithCloseFunc: Array<React.ReactChild>\n\n if (children) {\n childrenWithCloseFunc = React.Children.map(children, (child) => {\n if (child.type === Button) {\n return React.cloneElement(\n child,\n {\n ...child.props,\n on_click: (event) => {\n dispatchCustomElementEvent(child.props, 'on_click', {\n event,\n close,\n })\n },\n },\n child.props.children\n )\n } else {\n return child\n }\n })\n }\n\n return (\n <Space\n element=\"section\"\n className={classNames('dnb-dialog__actions', className)}\n {...props}\n >\n {childrenWithCloseFunc}\n\n {!children && !hideDecline && (\n <Button\n text={declineText || translation?.Dialog?.declineText}\n variant=\"secondary\"\n onClick={(event) => {\n dispatchCustomElementEvent({ onDecline }, 'onDecline', {\n event,\n close,\n })\n }}\n size={ButtonContext?.size || 'large'}\n />\n )}\n {!children && (\n <Button\n text={confirmText || translation?.Dialog?.confirmText}\n variant=\"primary\"\n onClick={(event) => {\n dispatchCustomElementEvent({ onConfirm }, 'onConfirm', {\n event,\n close,\n })\n }}\n size={ButtonContext?.size || 'large'}\n />\n )}\n </Space>\n )\n}\n\nexport default DialogAction\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,MAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,gBAAA,GAAAP,OAAA;AAA6E,MAAAQ,SAAA;AAAA,SAAAN,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAd,wBAAAU,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAAA,SAAAI,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAArB,MAAA,CAAAqB,IAAA,CAAAF,MAAA,OAAAnB,MAAA,CAAAsB,qBAAA,QAAAC,OAAA,GAAAvB,MAAA,CAAAsB,qBAAA,CAAAH,MAAA,GAAAC,cAAA,KAAAG,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAzB,MAAA,CAAAE,wBAAA,CAAAiB,MAAA,EAAAM,GAAA,EAAAC,UAAA,OAAAL,IAAA,CAAAM,IAAA,CAAAV,KAAA,CAAAI,IAAA,EAAAE,OAAA,YAAAF,IAAA;AAAA,SAAAO,cAAAhB,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAK,OAAA,CAAAlB,MAAA,CAAAgB,MAAA,OAAAa,OAAA,WAAA1B,GAAA,IAAA2B,eAAA,CAAAlB,MAAA,EAAAT,GAAA,EAAAa,MAAA,CAAAb,GAAA,SAAAH,MAAA,CAAA+B,yBAAA,GAAA/B,MAAA,CAAAgC,gBAAA,CAAApB,MAAA,EAAAZ,MAAA,CAAA+B,yBAAA,CAAAf,MAAA,KAAAE,OAAA,CAAAlB,MAAA,CAAAgB,MAAA,GAAAa,OAAA,WAAA1B,GAAA,IAAAH,MAAA,CAAAC,cAAA,CAAAW,MAAA,EAAAT,GAAA,EAAAH,MAAA,CAAAE,wBAAA,CAAAc,MAAA,EAAAb,GAAA,iBAAAS,MAAA;AAAA,SAAAkB,gBAAA3C,GAAA,EAAAgB,GAAA,EAAA8B,KAAA,IAAA9B,GAAA,GAAA+B,cAAA,CAAA/B,GAAA,OAAAA,GAAA,IAAAhB,GAAA,IAAAa,MAAA,CAAAC,cAAA,CAAAd,GAAA,EAAAgB,GAAA,IAAA8B,KAAA,EAAAA,KAAA,EAAAP,UAAA,QAAAS,YAAA,QAAAC,QAAA,oBAAAjD,GAAA,CAAAgB,GAAA,IAAA8B,KAAA,WAAA9C,GAAA;AAAA,SAAA+C,eAAAG,GAAA,QAAAlC,GAAA,GAAAmC,YAAA,CAAAD,GAAA,2BAAAlC,GAAA,gBAAAA,GAAA,GAAAoC,MAAA,CAAApC,GAAA;AAAA,SAAAmC,aAAAE,KAAA,EAAAC,IAAA,eAAAD,KAAA,iBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAApC,IAAA,CAAAkC,KAAA,EAAAC,IAAA,2BAAAK,GAAA,sBAAAA,GAAA,YAAAC,SAAA,4DAAAN,IAAA,gBAAAF,MAAA,GAAAS,MAAA,EAAAR,KAAA;AAAA,SAAAS,yBAAAjC,MAAA,EAAAkC,QAAA,QAAAlC,MAAA,yBAAAJ,MAAA,GAAAuC,6BAAA,CAAAnC,MAAA,EAAAkC,QAAA,OAAA/C,GAAA,EAAAU,CAAA,MAAAb,MAAA,CAAAsB,qBAAA,QAAA8B,gBAAA,GAAApD,MAAA,CAAAsB,qBAAA,CAAAN,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAuC,gBAAA,CAAArC,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAiD,gBAAA,CAAAvC,CAAA,OAAAqC,QAAA,CAAAG,OAAA,CAAAlD,GAAA,uBAAAH,MAAA,CAAAI,SAAA,CAAAkD,oBAAA,CAAAhD,IAAA,CAAAU,MAAA,EAAAb,GAAA,aAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,cAAAS,MAAA;AAAA,SAAAuC,8BAAAnC,MAAA,EAAAkC,QAAA,QAAAlC,MAAA,yBAAAJ,MAAA,WAAA2C,UAAA,GAAAvD,MAAA,CAAAqB,IAAA,CAAAL,MAAA,OAAAb,GAAA,EAAAU,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAA0C,UAAA,CAAAxC,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAoD,UAAA,CAAA1C,CAAA,OAAAqC,QAAA,CAAAG,OAAA,CAAAlD,GAAA,kBAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,YAAAS,MAAA;AA6C7E,MAAM4C,mBAAmB,GAAGC,IAAA;EAAA,IAAC;IAAEC;EAA0B,CAAC,GAAAD,IAAA;EAAA,OAAKC,KAAK,CAAC,CAAC;AAAA;AAEtE,MAAMC,YAAY,GAAGC,KAAA,IASO;EAAA,IAAAC,mBAAA,EAAAC,oBAAA;EAAA,IATN;MACpBC,WAAW,GAAG,IAAI;MAClBC,WAAW,GAAG,IAAI;MAClBC,WAAW,GAAG,KAAK;MACnBC,SAAS,GAAGV,mBAAmB;MAC/BW,SAAS,GAAGX,mBAAmB;MAC/BY,SAAS;MACTC;IAEoB,CAAC,GAAAT,KAAA;IADlBU,KAAK,GAAArB,wBAAA,CAAAW,KAAA,EAAA1E,SAAA;EAER,MAAM;IAAEqF,WAAW;IAAEC,MAAM,EAAEC;EAAc,CAAC,GAAG,IAAAC,iBAAU,EAACC,eAAO,CAAC;EAClE,MAAM;IAAEjB;EAAM,CAAC,GAAG,IAAAgB,iBAAU,EAACE,qBAAY,CAAC;EAC1C,IAAIC,qBAA8C;EAElD,IAAIR,QAAQ,EAAE;IACZQ,qBAAqB,GAAGC,cAAK,CAACC,QAAQ,CAACC,GAAG,CAACX,QAAQ,EAAGY,KAAK,IAAK;MAC9D,IAAIA,KAAK,CAACC,IAAI,KAAKV,eAAM,EAAE;QACzB,OAAOM,cAAK,CAACK,YAAY,CACvBF,KAAK,EAAArD,aAAA,CAAAA,aAAA,KAEAqD,KAAK,CAACX,KAAK;UACdc,QAAQ,EAAGC,KAAK,IAAK;YACnB,IAAAC,2CAA0B,EAACL,KAAK,CAACX,KAAK,EAAE,UAAU,EAAE;cAClDe,KAAK;cACL3B;YACF,CAAC,CAAC;UACJ;QAAC,IAEHuB,KAAK,CAACX,KAAK,CAACD,QACd,CAAC;MACH,CAAC,MAAM;QACL,OAAOY,KAAK;MACd;IACF,CAAC,CAAC;EACJ;EAEA,OACEzG,MAAA,CAAAa,OAAA,CAAAkG,aAAA,CAACzG,MAAA,CAAAO,OAAK,EAAAoB,QAAA;IACJ+E,OAAO,EAAC,SAAS;IACjBpB,SAAS,EAAE,IAAAqB,mBAAU,EAAC,qBAAqB,EAAErB,SAAS;EAAE,GACpDE,KAAK,GAERO,qBAAqB,EAErB,CAACR,QAAQ,IAAI,CAACJ,WAAW,IACxBzF,MAAA,CAAAa,OAAA,CAAAkG,aAAA,CAAC1G,OAAA,CAAAQ,OAAM;IACLqG,IAAI,EAAE3B,WAAW,KAAIQ,WAAW,aAAXA,WAAW,wBAAAV,mBAAA,GAAXU,WAAW,CAAEoB,MAAM,cAAA9B,mBAAA,uBAAnBA,mBAAA,CAAqBE,WAAW,CAAC;IACtD6B,OAAO,EAAC,WAAW;IACnBC,OAAO,EAAGR,KAAK,IAAK;MAClB,IAAAC,2CAA0B,EAAC;QAAEnB;MAAU,CAAC,EAAE,WAAW,EAAE;QACrDkB,KAAK;QACL3B;MACF,CAAC,CAAC;IACJ,CAAE;IACFoC,IAAI,EAAE,CAAArB,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEqB,IAAI,KAAI;EAAQ,CACtC,CACF,EACA,CAACzB,QAAQ,IACR7F,MAAA,CAAAa,OAAA,CAAAkG,aAAA,CAAC1G,OAAA,CAAAQ,OAAM;IACLqG,IAAI,EAAE1B,WAAW,KAAIO,WAAW,aAAXA,WAAW,wBAAAT,oBAAA,GAAXS,WAAW,CAAEoB,MAAM,cAAA7B,oBAAA,uBAAnBA,oBAAA,CAAqBE,WAAW,CAAC;IACtD4B,OAAO,EAAC,SAAS;IACjBC,OAAO,EAAGR,KAAK,IAAK;MAClB,IAAAC,2CAA0B,EAAC;QAAEpB;MAAU,CAAC,EAAE,WAAW,EAAE;QACrDmB,KAAK;QACL3B;MACF,CAAC,CAAC;IACJ,CAAE;IACFoC,IAAI,EAAE,CAAArB,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEqB,IAAI,KAAI;EAAQ,CACtC,CAEE,CAAC;AAEZ,CAAC;AAAA,IAAAC,QAAA,GAEcpC,YAAY;AAAAqC,OAAA,CAAA3G,OAAA,GAAA0G,QAAA"}
|
|
1
|
+
{"version":3,"file":"DialogAction.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Button","_Space","_shared","_ModalContext","_componentHelper","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","fallbackCloseAction","_ref","close","DialogAction","_ref2","_translation$Dialog","_translation$Dialog2","declineText","confirmText","hideDecline","hideConfirm","onConfirm","onDecline","className","children","props","translation","Button","ButtonContext","useContext","Context","ModalContext","childrenWithCloseFunc","React","Children","map","child","type","cloneElement","on_click","event","dispatchCustomElementEvent","createElement","element","classNames","text","Dialog","variant","onClick","size","_default","exports"],"sources":["../../../../../src/components/dialog/parts/DialogAction.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classNames from 'classnames'\nimport Button from '../../button/Button'\nimport Space from '../../space/Space'\nimport { Context } from '../../../shared'\nimport ModalContext from '../../modal/ModalContext'\nimport { dispatchCustomElementEvent } from '../../../shared/component-helper'\n\nimport type { SpacingProps } from '../../space/types'\n\ntype extendedMouseEvent = {\n event: React.MouseEvent<HTMLElement>\n close: () => void\n}\n\nexport type DialogActionProps = {\n /**\n * For dialog actions, give a custom text for the decline button.\n */\n declineText?: string | React.ReactNode\n\n /**\n * For dialog actions, give a custom text for the confirm button.\n */\n confirmText?: string | React.ReactNode\n\n /**\n * For variant confirmation, handle the confirm action click.\n */\n onConfirm?: (event: extendedMouseEvent) => void\n\n /**\n * For variant confirmation, handle the decline action click.\n */\n onDecline?: (event: extendedMouseEvent) => void\n\n /**\n * For variant confirmation, hide the default decline button and only show the confirm button.\n */\n hideDecline?: boolean\n\n /**\n * For variant confirmation, hide the default confirm button and only show the decline button.\n */\n hideConfirm?: boolean\n\n /**\n * Pass in custom confirm/decline buttons for action handling. Every child of type Button will be provided with a `close` function attribute.\n */\n children?: React.ReactElement | Array<React.ReactElement>\n}\n\nexport type DialogActionAllProps = DialogActionProps &\n SpacingProps &\n Omit<React.HTMLAttributes<HTMLElement>, 'children'>\n\nconst fallbackCloseAction = ({ close }: extendedMouseEvent) => close()\n\nconst DialogAction = ({\n declineText = null,\n confirmText = null,\n hideDecline = false,\n hideConfirm = false,\n onConfirm = fallbackCloseAction,\n onDecline = fallbackCloseAction,\n className,\n children,\n ...props\n}: DialogActionAllProps) => {\n const { translation, Button: ButtonContext } = useContext(Context)\n const { close } = useContext(ModalContext)\n let childrenWithCloseFunc: Array<React.ReactChild>\n\n if (children) {\n childrenWithCloseFunc = React.Children.map(children, (child) => {\n if (child.type === Button) {\n return React.cloneElement(\n child,\n {\n ...child.props,\n on_click: (event) => {\n dispatchCustomElementEvent(child.props, 'on_click', {\n event,\n close,\n })\n },\n },\n child.props.children\n )\n } else {\n return child\n }\n })\n }\n\n return (\n <Space\n element=\"section\"\n className={classNames('dnb-dialog__actions', className)}\n {...props}\n >\n {childrenWithCloseFunc}\n\n {!children && !hideDecline && (\n <Button\n text={declineText || translation?.Dialog?.declineText}\n variant=\"secondary\"\n onClick={(event) => {\n dispatchCustomElementEvent({ onDecline }, 'onDecline', {\n event,\n close,\n })\n }}\n size={ButtonContext?.size || 'large'}\n />\n )}\n {!children && !hideConfirm && (\n <Button\n text={confirmText || translation?.Dialog?.confirmText}\n variant=\"primary\"\n onClick={(event) => {\n dispatchCustomElementEvent({ onConfirm }, 'onConfirm', {\n event,\n close,\n })\n }}\n size={ButtonContext?.size || 'large'}\n />\n )}\n </Space>\n )\n}\n\nexport default DialogAction\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormRow.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_componentHelper","_AlignmentHelper2","_Context","_FormLabel","_Section","_SpacingHelper","_AlignmentHelper","_span","_excluded","_excluded2","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","ownKeys","object","enumerableOnly","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","formRowPropTypes","id","PropTypes","string","label","oneOfType","func","node","label_direction","oneOf","label_sr_only","bool","label_id","label_class","no_label","no_fieldset","locale","wrap","direction","vertical","centered","section_style","section_spacing","globalStatus","shape","message","responsive","disabled","skeleton","class","skipContentWrapperIfNested","spacingPropTypes","className","children","exports","formRowDefaultProps","FormRow","React","PureComponent","getContent","props","Array","isArray","reduce","pV","cV","type","name","constructor","_id","makeUniqueId","render","extendPropsWithContextInClassComponent","defaultProps","context","_className","_label","attributes","isNested","itsMeAgain","nestedLabel","hasLabel","params","classnames","isTrue","createSpacingClasses","validateDOMAttributes","providerContext","extend","useId","isIsUsed","useFieldset","createElement","Provider","Fieldset","style_type","spacing","element","for_id","text","sr_only","Context","process","env","NODE_ENV","propTypes","_ref"],"sources":["../../../../src/components/form-row/FormRow.js"],"sourcesContent":["/**\n * Web FormRow Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport {\n extend,\n extendPropsWithContextInClassComponent,\n isTrue,\n makeUniqueId,\n validateDOMAttributes,\n} from '../../shared/component-helper'\nimport AlignmentHelper from '../../shared/AlignmentHelper'\n\nimport Context from '../../shared/Context'\nimport FormLabel from '../form-label/FormLabel'\nimport Section from '../section/Section'\nimport {\n spacingPropTypes,\n createSpacingClasses,\n} from '../space/SpacingHelper'\n\nexport const formRowPropTypes = {\n id: PropTypes.string,\n label: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.func,\n PropTypes.node,\n ]),\n label_direction: PropTypes.oneOf(['vertical', 'horizontal']),\n label_sr_only: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n label_id: PropTypes.string,\n label_class: PropTypes.string,\n no_label: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n no_fieldset: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n locale: PropTypes.string,\n wrap: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n direction: PropTypes.oneOf(['vertical', 'horizontal']),\n vertical: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n centered: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n section_style: PropTypes.string,\n section_spacing: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n globalStatus: PropTypes.shape({\n id: PropTypes.string,\n message: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n }),\n responsive: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n class: PropTypes.string,\n\n skipContentWrapperIfNested: PropTypes.bool,\n\n ...spacingPropTypes,\n\n className: PropTypes.string,\n children: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.func,\n PropTypes.node,\n ]),\n}\n\nexport const formRowDefaultProps = {\n id: null,\n label: null,\n label_direction: null,\n label_sr_only: null,\n label_id: null,\n label_class: null,\n no_label: false,\n no_fieldset: null,\n locale: null,\n wrap: null,\n direction: null,\n vertical: null,\n centered: null,\n section_style: null,\n section_spacing: null,\n globalStatus: null,\n responsive: null,\n disabled: null,\n skeleton: null,\n class: null,\n\n skipContentWrapperIfNested: false,\n className: null,\n children: null,\n}\n\nexport default class FormRow extends React.PureComponent {\n static contextType = Context\n\n static propTypes = {\n ...formRowPropTypes,\n }\n\n static defaultProps = {\n ...formRowDefaultProps,\n }\n\n static getContent(props) {\n let label = null\n let children =\n typeof props.children === 'function'\n ? props.children(props)\n : props.children\n\n if (Array.isArray(props.children)) {\n children = children.reduce((pV, cV) => {\n if (cV && cV.type && cV.type.name === 'FormLabel') {\n label = cV.props.children\n } else {\n pV.push(cV)\n }\n return pV\n }, [])\n }\n\n return { label, children }\n }\n\n constructor(props) {\n super(props)\n this._id = props.id || makeUniqueId() // cause we need an id anyway\n\n // We may considder to use this later to check if we are inside FormSet\n // this.isInsideFormSet =\n // context.FormRow && context.FormRow.isInsideFormSet\n }\n\n render() {\n // use only the props from context, who are available here anyway\n const props = extendPropsWithContextInClassComponent(\n this.props,\n FormRow.defaultProps,\n this.context.FormRow // nested FormRow\n )\n\n const {\n label_direction,\n label_sr_only,\n label_id,\n label_class,\n no_fieldset,\n no_label,\n locale,\n direction,\n vertical,\n centered,\n section_style,\n section_spacing,\n globalStatus,\n responsive,\n disabled,\n skeleton,\n wrap,\n className,\n class: _className,\n skipContentWrapperIfNested,\n\n id: _id, // eslint-disable-line\n label: _label, // eslint-disable-line\n\n ...attributes\n } = props\n\n let { label } = props\n\n const isNested =\n this.context.FormRow && this.context.FormRow.itsMeAgain\n\n // in case we have a label already, we split this out and use this one instead\n const { label: nestedLabel, children } = FormRow.getContent(this.props)\n if (!label && nestedLabel) {\n label = nestedLabel\n }\n const hasLabel =\n (typeof label === 'string' && label.length > 0) || label\n ? true\n : false\n\n const id = this._id\n const params = {\n className: classnames(\n 'dnb-form-row',\n (isTrue(vertical) || direction) &&\n `dnb-form-row--${isTrue(vertical) ? 'vertical' : direction}`,\n (isTrue(vertical) || label_direction) &&\n `dnb-form-row--${\n isTrue(vertical) ? 'vertical' : label_direction\n }-label`, // <-- has label\n centered && 'dnb-form-row--centered',\n isNested && 'dnb-form-row--nested',\n createSpacingClasses(props),\n className,\n _className\n ),\n ...attributes,\n }\n\n // also used for code markup simulation\n validateDOMAttributes(this.props, params)\n\n const providerContext = extend(this.context, {\n locale: locale ? locale : this.context.locale,\n FormRow: {\n useId: () => {\n if (this.isIsUsed) {\n // make a new ID, as we used one\n return makeUniqueId() // cause we need an id anyway\n }\n this.isIsUsed = true\n return id\n },\n itsMeAgain: true,\n hasLabel,\n globalStatus,\n direction,\n vertical,\n label_direction: isTrue(vertical) ? 'vertical' : label_direction,\n responsive,\n disabled,\n skeleton,\n },\n })\n\n const useFieldset = !isTrue(no_fieldset) && hasLabel\n\n return (\n <Context.Provider value={providerContext}>\n <Fieldset useFieldset={useFieldset}>\n <Section\n style_type={section_style || 'transparent'}\n spacing={section_spacing}\n element=\"div\"\n {...params}\n >\n <AlignmentHelper />\n\n {label && (\n <FormLabel\n className={classnames('dnb-form-row__label', label_class)}\n id={label_id ? label_id : id + '-label'}\n for_id={useFieldset ? null : id} // we don't use for_id, because we don't have a single element to target to\n text={label}\n element={useFieldset ? 'legend' : 'label'}\n label_direction={label_direction}\n sr_only={label_sr_only}\n disabled={disabled}\n skeleton={skeleton}\n />\n )}\n\n {isTrue(no_label) && (\n <span\n className=\"dnb-form-label dnb-form-row__label-dummy\"\n aria-hidden\n />\n )}\n\n {isNested && skipContentWrapperIfNested ? (\n children\n ) : (\n <div\n className={classnames(\n 'dnb-form-row__content',\n isTrue(wrap) && 'dnb-form-row__content--wrap',\n label && !isTrue(vertical) && direction !== 'vertical',\n responsive && 'dnb-responsive-component'\n )}\n >\n {children}\n </div>\n )}\n </Section>\n </Fieldset>\n </Context.Provider>\n )\n }\n}\n\nconst Fieldset = ({\n useFieldset,\n children,\n className = null,\n ...props\n}) => {\n if (useFieldset) {\n return (\n <fieldset\n className={classnames('dnb-form-row__fieldset', className)}\n {...props}\n >\n {children}\n </fieldset>\n )\n }\n return (\n <div\n className={classnames('dnb-form-row__fieldset', className)}\n {...props}\n >\n {children}\n </div>\n )\n}\n\n// docs (or use ptd): https://github.com/facebook/prop-types#usage\nFieldset.propTypes = {\n children: PropTypes.node,\n useFieldset: PropTypes.bool,\n className: PropTypes.string,\n}\nFieldset.defaultProps = {\n children: null,\n useFieldset: false,\n className: null,\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"FormRow.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_componentHelper","_AlignmentHelper2","_Context","_FormLabel","_Section","_SpacingHelper","_AlignmentHelper","_span","_excluded","_excluded2","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","ownKeys","object","enumerableOnly","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","formRowPropTypes","id","PropTypes","string","label","oneOfType","func","node","label_direction","oneOf","label_sr_only","bool","label_id","label_class","no_label","no_fieldset","locale","wrap","direction","vertical","centered","section_style","section_spacing","globalStatus","shape","message","responsive","disabled","skeleton","class","skipContentWrapperIfNested","spacingPropTypes","className","children","exports","formRowDefaultProps","FormRow","React","PureComponent","getContent","props","Array","isArray","reduce","pV","cV","type","name","constructor","_id","makeUniqueId","render","extendPropsWithContextInClassComponent","defaultProps","context","_className","_label","attributes","isNested","itsMeAgain","nestedLabel","hasLabel","params","classnames","isTrue","createSpacingClasses","validateDOMAttributes","providerContext","extend","useId","isIsUsed","useFieldset","createElement","Provider","Fieldset","style_type","spacing","element","for_id","text","sr_only","Context","process","env","NODE_ENV","propTypes","_ref"],"sources":["../../../../src/components/form-row/FormRow.js"],"sourcesContent":["/**\n * Web FormRow Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport {\n extend,\n extendPropsWithContextInClassComponent,\n isTrue,\n makeUniqueId,\n validateDOMAttributes,\n} from '../../shared/component-helper'\nimport AlignmentHelper from '../../shared/AlignmentHelper'\n\nimport Context from '../../shared/Context'\nimport FormLabel from '../form-label/FormLabel'\nimport Section from '../section/Section'\nimport {\n spacingPropTypes,\n createSpacingClasses,\n} from '../space/SpacingHelper'\n\nexport const formRowPropTypes = {\n id: PropTypes.string,\n label: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.func,\n PropTypes.node,\n ]),\n label_direction: PropTypes.oneOf(['vertical', 'horizontal']),\n label_sr_only: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n label_id: PropTypes.string,\n label_class: PropTypes.string,\n no_label: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n no_fieldset: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n locale: PropTypes.string,\n wrap: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n direction: PropTypes.oneOf(['vertical', 'horizontal']),\n vertical: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n centered: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n section_style: PropTypes.string,\n section_spacing: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n globalStatus: PropTypes.shape({\n id: PropTypes.string,\n message: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n }),\n responsive: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n class: PropTypes.string,\n\n skipContentWrapperIfNested: PropTypes.bool,\n\n ...spacingPropTypes,\n\n className: PropTypes.string,\n children: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.func,\n PropTypes.node,\n ]),\n}\n\nexport const formRowDefaultProps = {\n id: null,\n label: null,\n label_direction: null,\n label_sr_only: null,\n label_id: null,\n label_class: null,\n no_label: false,\n no_fieldset: null,\n locale: null,\n wrap: null,\n direction: null,\n vertical: null,\n centered: null,\n section_style: null,\n section_spacing: null,\n globalStatus: null,\n responsive: null,\n disabled: null,\n skeleton: null,\n class: null,\n\n skipContentWrapperIfNested: false,\n className: null,\n children: null,\n}\n\nexport default class FormRow extends React.PureComponent {\n static contextType = Context\n\n static propTypes = {\n ...formRowPropTypes,\n }\n\n static defaultProps = {\n ...formRowDefaultProps,\n }\n\n static getContent(props) {\n let label = null\n let children =\n typeof props.children === 'function'\n ? props.children(props)\n : props.children\n\n if (Array.isArray(props.children)) {\n children = children.reduce((pV, cV) => {\n if (cV && cV.type && cV.type.name === 'FormLabel') {\n label = cV.props.children\n } else {\n pV.push(cV)\n }\n return pV\n }, [])\n }\n\n return { label, children }\n }\n\n constructor(props) {\n super(props)\n this._id = props.id || makeUniqueId() // cause we need an id anyway\n\n // We may consider to use this later to check if we are inside FormSet\n // this.isInsideFormSet =\n // context.FormRow && context.FormRow.isInsideFormSet\n }\n\n render() {\n // use only the props from context, who are available here anyway\n const props = extendPropsWithContextInClassComponent(\n this.props,\n FormRow.defaultProps,\n this.context.FormRow // nested FormRow\n )\n\n const {\n label_direction,\n label_sr_only,\n label_id,\n label_class,\n no_fieldset,\n no_label,\n locale,\n direction,\n vertical,\n centered,\n section_style,\n section_spacing,\n globalStatus,\n responsive,\n disabled,\n skeleton,\n wrap,\n className,\n class: _className,\n skipContentWrapperIfNested,\n\n id: _id, // eslint-disable-line\n label: _label, // eslint-disable-line\n\n ...attributes\n } = props\n\n let { label } = props\n\n const isNested =\n this.context.FormRow && this.context.FormRow.itsMeAgain\n\n // in case we have a label already, we split this out and use this one instead\n const { label: nestedLabel, children } = FormRow.getContent(this.props)\n if (!label && nestedLabel) {\n label = nestedLabel\n }\n const hasLabel =\n (typeof label === 'string' && label.length > 0) || label\n ? true\n : false\n\n const id = this._id\n const params = {\n className: classnames(\n 'dnb-form-row',\n (isTrue(vertical) || direction) &&\n `dnb-form-row--${isTrue(vertical) ? 'vertical' : direction}`,\n (isTrue(vertical) || label_direction) &&\n `dnb-form-row--${\n isTrue(vertical) ? 'vertical' : label_direction\n }-label`, // <-- has label\n centered && 'dnb-form-row--centered',\n isNested && 'dnb-form-row--nested',\n createSpacingClasses(props),\n className,\n _className\n ),\n ...attributes,\n }\n\n // also used for code markup simulation\n validateDOMAttributes(this.props, params)\n\n const providerContext = extend(this.context, {\n locale: locale ? locale : this.context.locale,\n FormRow: {\n useId: () => {\n if (this.isIsUsed) {\n // make a new ID, as we used one\n return makeUniqueId() // cause we need an id anyway\n }\n this.isIsUsed = true\n return id\n },\n itsMeAgain: true,\n hasLabel,\n globalStatus,\n direction,\n vertical,\n label_direction: isTrue(vertical) ? 'vertical' : label_direction,\n responsive,\n disabled,\n skeleton,\n },\n })\n\n const useFieldset = !isTrue(no_fieldset) && hasLabel\n\n return (\n <Context.Provider value={providerContext}>\n <Fieldset useFieldset={useFieldset}>\n <Section\n style_type={section_style || 'transparent'}\n spacing={section_spacing}\n element=\"div\"\n {...params}\n >\n <AlignmentHelper />\n\n {label && (\n <FormLabel\n className={classnames('dnb-form-row__label', label_class)}\n id={label_id ? label_id : id + '-label'}\n for_id={useFieldset ? null : id} // we don't use for_id, because we don't have a single element to target to\n text={label}\n element={useFieldset ? 'legend' : 'label'}\n label_direction={label_direction}\n sr_only={label_sr_only}\n disabled={disabled}\n skeleton={skeleton}\n />\n )}\n\n {isTrue(no_label) && (\n <span\n className=\"dnb-form-label dnb-form-row__label-dummy\"\n aria-hidden\n />\n )}\n\n {isNested && skipContentWrapperIfNested ? (\n children\n ) : (\n <div\n className={classnames(\n 'dnb-form-row__content',\n isTrue(wrap) && 'dnb-form-row__content--wrap',\n label && !isTrue(vertical) && direction !== 'vertical',\n responsive && 'dnb-responsive-component'\n )}\n >\n {children}\n </div>\n )}\n </Section>\n </Fieldset>\n </Context.Provider>\n )\n }\n}\n\nconst Fieldset = ({\n useFieldset,\n children,\n className = null,\n ...props\n}) => {\n if (useFieldset) {\n return (\n <fieldset\n className={classnames('dnb-form-row__fieldset', className)}\n {...props}\n >\n {children}\n </fieldset>\n )\n }\n return (\n <div\n className={classnames('dnb-form-row__fieldset', className)}\n {...props}\n >\n {children}\n </div>\n )\n}\n\n// docs (or use ptd): https://github.com/facebook/prop-types#usage\nFieldset.propTypes = {\n children: PropTypes.node,\n useFieldset: PropTypes.bool,\n className: PropTypes.string,\n}\nFieldset.defaultProps = {\n children: null,\n useFieldset: false,\n className: null,\n}\n"],"mappings":"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"}
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
display: block;
|
|
33
33
|
}
|
|
34
34
|
|
|
35
|
-
// TODO: We may
|
|
35
|
+
// TODO: We may consider to wrap horizontal direction to vertical
|
|
36
36
|
// overwrite display to be block on small screens
|
|
37
37
|
// @media screen and (max-width: 40em) {
|
|
38
38
|
// flex-direction: column;
|
|
@@ -81,7 +81,7 @@
|
|
|
81
81
|
flex-direction: column;
|
|
82
82
|
}
|
|
83
83
|
|
|
84
|
-
// TODO: we may
|
|
84
|
+
// TODO: we may consider this to be included with a prop later on
|
|
85
85
|
// default spacing
|
|
86
86
|
// &:not(#{&}--nested) {
|
|
87
87
|
// margin-bottom: 1.5rem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormSet.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_componentHelper","_SpacingHelper","_Context","_FormRow","_excluded","obj","__esModule","default","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","prototype","propertyIsEnumerable","call","sourceKeys","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","FormSet","React","PureComponent","getContent","props","processChildren","constructor","event","prevent_submit","isTrue","preventDefault","dispatchCustomElementEvent","_id","id","makeUniqueId","render","extendPropsWithContextInClassComponent","defaultProps","context","element","locale","no_form","className","class","_className","rest","allowedProps","entries","reduce","acc","_ref","k","v","formRowDefaultProps","attributes","_ref2","params","classnames","createSpacingClasses","onSubmit","onSubmitHandler","validateDOMAttributes","content","providerContext","extend","FormRow","Element","createElement","Provider","exports","Context","disabled","skeleton","on_submit","process","env","NODE_ENV","propTypes","PropTypes","string","oneOfType","bool","formRowPropTypes","func"],"sources":["../../../../src/components/form-set/FormSet.js"],"sourcesContent":["/**\n * Web FormSet Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport {\n isTrue,\n makeUniqueId,\n extend,\n extendPropsWithContextInClassComponent,\n validateDOMAttributes,\n processChildren,\n dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport Context from '../../shared/Context'\nimport { formRowDefaultProps, formRowPropTypes } from '../form-row/FormRow'\n\nexport default class FormSet extends React.PureComponent {\n static contextType = Context\n\n static propTypes = {\n element: PropTypes.string,\n no_form: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n prevent_submit: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.bool,\n ]),\n\n ...formRowPropTypes,\n\n on_submit: PropTypes.func,\n }\n\n static defaultProps = {\n element: 'form',\n no_form: false,\n disabled: null,\n skeleton: null,\n prevent_submit: false,\n\n on_submit: null,\n }\n\n static getContent(props) {\n return processChildren(props)\n }\n\n constructor(props) {\n super(props)\n this._id = props.id || makeUniqueId() // cause we need an id anyway\n }\n\n onSubmitHandler = (event) => {\n const { prevent_submit } = this.props\n if (isTrue(prevent_submit)) {\n event.preventDefault()\n }\n dispatchCustomElementEvent(this, 'on_submit', { event })\n }\n\n render() {\n // use only the props from context, who are available here anyway\n const props = extendPropsWithContextInClassComponent(\n this.props,\n FormSet.defaultProps,\n this.context.FormSet\n )\n\n const {\n element,\n locale,\n no_form,\n prevent_submit, // eslint-disable-line\n id, // eslint-disable-line\n className,\n class: _className,\n\n ...rest\n } = props\n\n const allowedProps = Object.entries(rest).reduce((acc, [k, v]) => {\n if (\n typeof formRowDefaultProps[k] !== 'undefined' &&\n k !== 'id' &&\n k !== 'children' &&\n k !== 'label'\n ) {\n acc[k] = v\n }\n return acc\n }, {})\n const attributes = Object.entries(rest).reduce((acc, [k, v]) => {\n if (typeof allowedProps[k] === 'undefined' && k !== 'children') {\n acc[k] = v\n }\n return acc\n }, {})\n\n const params = {\n className: classnames(\n 'dnb-form-set',\n createSpacingClasses(this.props),\n className,\n _className\n ),\n ...attributes,\n }\n\n if (!isTrue(no_form)) {\n params.onSubmit = this.onSubmitHandler\n }\n\n // also used for code markup simulation\n validateDOMAttributes(this.props, params)\n\n const content = FormSet.getContent(this.props)\n\n const providerContext = extend(this.context, {\n locale: locale ? locale : this.context.locale,\n FormRow: allowedProps,\n // isInsideFormSet: true // We may considder to use this later to check if we are inside FormSet\n })\n\n const Element = isTrue(no_form) ? 'div' : element\n\n return (\n <Context.Provider value={providerContext}>\n <Element {...params}>{content}</Element>\n </Context.Provider>\n )\n }\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"FormSet.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_componentHelper","_SpacingHelper","_Context","_FormRow","_excluded","obj","__esModule","default","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","prototype","propertyIsEnumerable","call","sourceKeys","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","FormSet","React","PureComponent","getContent","props","processChildren","constructor","event","prevent_submit","isTrue","preventDefault","dispatchCustomElementEvent","_id","id","makeUniqueId","render","extendPropsWithContextInClassComponent","defaultProps","context","element","locale","no_form","className","class","_className","rest","allowedProps","entries","reduce","acc","_ref","k","v","formRowDefaultProps","attributes","_ref2","params","classnames","createSpacingClasses","onSubmit","onSubmitHandler","validateDOMAttributes","content","providerContext","extend","FormRow","Element","createElement","Provider","exports","Context","disabled","skeleton","on_submit","process","env","NODE_ENV","propTypes","PropTypes","string","oneOfType","bool","formRowPropTypes","func"],"sources":["../../../../src/components/form-set/FormSet.js"],"sourcesContent":["/**\n * Web FormSet Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport {\n isTrue,\n makeUniqueId,\n extend,\n extendPropsWithContextInClassComponent,\n validateDOMAttributes,\n processChildren,\n dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport Context from '../../shared/Context'\nimport { formRowDefaultProps, formRowPropTypes } from '../form-row/FormRow'\n\nexport default class FormSet extends React.PureComponent {\n static contextType = Context\n\n static propTypes = {\n element: PropTypes.string,\n no_form: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n prevent_submit: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.bool,\n ]),\n\n ...formRowPropTypes,\n\n on_submit: PropTypes.func,\n }\n\n static defaultProps = {\n element: 'form',\n no_form: false,\n disabled: null,\n skeleton: null,\n prevent_submit: false,\n\n on_submit: null,\n }\n\n static getContent(props) {\n return processChildren(props)\n }\n\n constructor(props) {\n super(props)\n this._id = props.id || makeUniqueId() // cause we need an id anyway\n }\n\n onSubmitHandler = (event) => {\n const { prevent_submit } = this.props\n if (isTrue(prevent_submit)) {\n event.preventDefault()\n }\n dispatchCustomElementEvent(this, 'on_submit', { event })\n }\n\n render() {\n // use only the props from context, who are available here anyway\n const props = extendPropsWithContextInClassComponent(\n this.props,\n FormSet.defaultProps,\n this.context.FormSet\n )\n\n const {\n element,\n locale,\n no_form,\n prevent_submit, // eslint-disable-line\n id, // eslint-disable-line\n className,\n class: _className,\n\n ...rest\n } = props\n\n const allowedProps = Object.entries(rest).reduce((acc, [k, v]) => {\n if (\n typeof formRowDefaultProps[k] !== 'undefined' &&\n k !== 'id' &&\n k !== 'children' &&\n k !== 'label'\n ) {\n acc[k] = v\n }\n return acc\n }, {})\n const attributes = Object.entries(rest).reduce((acc, [k, v]) => {\n if (typeof allowedProps[k] === 'undefined' && k !== 'children') {\n acc[k] = v\n }\n return acc\n }, {})\n\n const params = {\n className: classnames(\n 'dnb-form-set',\n createSpacingClasses(this.props),\n className,\n _className\n ),\n ...attributes,\n }\n\n if (!isTrue(no_form)) {\n params.onSubmit = this.onSubmitHandler\n }\n\n // also used for code markup simulation\n validateDOMAttributes(this.props, params)\n\n const content = FormSet.getContent(this.props)\n\n const providerContext = extend(this.context, {\n locale: locale ? locale : this.context.locale,\n FormRow: allowedProps,\n // isInsideFormSet: true // We may consider to use this later to check if we are inside FormSet\n })\n\n const Element = isTrue(no_form) ? 'div' : element\n\n return (\n <Context.Provider value={providerContext}>\n <Element {...params}>{content}</Element>\n </Context.Provider>\n )\n }\n}\n"],"mappings":"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"}
|
|
@@ -4,7 +4,7 @@ import { useHeightAnimationOptions } from './useHeightAnimation';
|
|
|
4
4
|
import type { DynamicElement } from '../../shared/types';
|
|
5
5
|
export type HeightAnimationProps = {
|
|
6
6
|
/**
|
|
7
|
-
*
|
|
7
|
+
* Whether the nested children content should be kept in the DOM or not.
|
|
8
8
|
* Default: false
|
|
9
9
|
*/
|
|
10
10
|
keepInDOM?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeightAnimation.js","names":["_react","_interopRequireDefault","require","_classnames","_useHeightAnimation","_Space","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","HeightAnimation","_ref","open","animate","keepInDOM","showOverflow","element","duration","className","innerRef","children","onInit","onOpen","onAnimationEnd","rest","ref","React","useRef","props","isInDOM","isVisible","isVisibleParallax","isAnimating","useHeightAnimation","style","createElement","classnames","undefined"],"sources":["../../../../src/components/height-animation/HeightAnimation.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport type { SpacingProps } from '../../shared/types'\nimport {\n useHeightAnimation,\n useHeightAnimationOptions,\n} from './useHeightAnimation'\nimport Space, { SpaceProps } from '../space/Space'\n\nimport type { DynamicElement } from '../../shared/types'\n\nexport type HeightAnimationProps = {\n /**\n *
|
|
1
|
+
{"version":3,"file":"HeightAnimation.js","names":["_react","_interopRequireDefault","require","_classnames","_useHeightAnimation","_Space","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","HeightAnimation","_ref","open","animate","keepInDOM","showOverflow","element","duration","className","innerRef","children","onInit","onOpen","onAnimationEnd","rest","ref","React","useRef","props","isInDOM","isVisible","isVisibleParallax","isAnimating","useHeightAnimation","style","createElement","classnames","undefined"],"sources":["../../../../src/components/height-animation/HeightAnimation.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport type { SpacingProps } from '../../shared/types'\nimport {\n useHeightAnimation,\n useHeightAnimationOptions,\n} from './useHeightAnimation'\nimport Space, { SpaceProps } from '../space/Space'\n\nimport type { DynamicElement } from '../../shared/types'\n\nexport type HeightAnimationProps = {\n /**\n * Whether the nested children content should be kept in the DOM or not.\n * Default: false\n */\n keepInDOM?: boolean\n\n /**\n * Set to `true` to omit the usage of \"overflow: hidden;\"\n * Default: false\n */\n showOverflow?: boolean\n\n /**\n * Set to `true` ensure the nested children content will be kept in the DOM.\n * Default: 400\n */\n duration?: number\n\n /**\n * Define a custom HTML Element.\n * Default: div\n */\n element?: DynamicElement\n\n /**\n * Send along a custom React Ref.\n * Default: null\n */\n innerRef?: React.RefObject<HTMLElement>\n} & useHeightAnimationOptions\n\nexport type HeightAnimationAllProps = HeightAnimationProps &\n SpacingProps &\n Omit<React.HTMLProps<HTMLElement>, 'ref'>\n\nexport default function HeightAnimation({\n open = true,\n animate = true,\n keepInDOM = false,\n showOverflow = false,\n element,\n duration,\n className,\n innerRef,\n children,\n onInit = null,\n onOpen = null,\n onAnimationEnd = null,\n ...rest\n}: HeightAnimationAllProps) {\n const ref = React.useRef<HTMLElement>()\n const props = rest as SpaceProps\n\n const { isInDOM, isVisible, isVisibleParallax, isAnimating } =\n useHeightAnimation(innerRef || ref, {\n open,\n animate,\n children,\n onInit,\n onOpen,\n onAnimationEnd,\n })\n\n if (!isInDOM && !keepInDOM) {\n return null\n }\n\n const style: React.CSSProperties = {}\n if (duration) {\n style['--duration'] = `${duration}ms`\n }\n\n return (\n <Space\n innerRef={innerRef || ref}\n element={element || 'div'}\n className={classnames(\n 'dnb-height-animation',\n isInDOM && 'dnb-height-animation--is-in-dom',\n isVisible && 'dnb-height-animation--is-visible',\n isVisibleParallax && 'dnb-height-animation--parallax',\n isAnimating && 'dnb-height-animation--animating',\n !isVisible &&\n !isAnimating &&\n !open &&\n 'dnb-height-animation--hidden',\n showOverflow && 'dnb-height-animation--show-overflow',\n className\n )}\n style={style}\n aria-hidden={keepInDOM ? !open : undefined}\n {...props}\n >\n {children}\n </Space>\n )\n}\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useHeightAnimation.js","names":["_react","_interopRequireDefault","require","_HeightAnimationInstance","obj","__esModule","default","useLayoutEffect","window","React","useEffect","useHeightAnimation","targetRef","open","animate","children","onInit","onOpen","onAnimationEnd","arguments","length","undefined","animRef","useRef","isOpen","setIsOpen","useState","isVisible","setIsVisible","isAnimating","setIsAnimating","isVisibleParallax","setParallax","isInitialRender","setIsMounted","global","IS_TEST","current","HeightAnimationInstance","onStart","state","onEnd","_animRef$current","remove","useOpenClose","useAdjust","isInDOM","_ref","anim","setElement","close","_ref2","fromHeight","shouldAdjust","_animRef$current2","useMemo","_animRef$current3","getHeight","elem","style","height","adjustTo"],"sources":["../../../../src/components/height-animation/useHeightAnimation.tsx"],"sourcesContent":["import React from 'react'\nimport HeightAnimationInstance from './HeightAnimationInstance'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport type useHeightAnimationOptions = {\n /**\n * Set to `true`, when initially `false` was given, to animate from 0px to auto.\n * Default: true\n */\n open?: boolean\n\n /**\n * Set to `false` to omit the animation.\n * Default: true\n */\n animate?: boolean\n\n /**\n * In order to let the Hook know when children has changed\n */\n children?: React.ReactNode | HTMLElement\n\n /**\n * Is called once before mounting the component (useLayoutEffect)\n */\n onInit?: (instance: HeightAnimationInstance) => void\n\n /**\n * Is called when fully opened or closed\n */\n onOpen?: (isOpen: boolean) => void\n\n /**\n * Is called when animation is done and the full height is reached.\n */\n onAnimationEnd?: (state: HeightAnimationOnEndTypes) => void\n}\n\nexport type HeightAnimationOnStartTypes =\n | 'opening'\n | 'closing'\n | 'adjusting'\n\nexport type HeightAnimationOnEndTypes = 'opened' | 'closed' | 'adjusted'\n\nexport function useHeightAnimation(\n targetRef: React.RefObject<HTMLElement>,\n {\n open = true,\n animate = true,\n children = null,\n onInit = null,\n onOpen = null,\n onAnimationEnd = null,\n }: useHeightAnimationOptions = {}\n) {\n const animRef = React.useRef<HeightAnimationInstance>(null)\n const [isOpen, setIsOpen] = React.useState(open)\n const [isVisible, setIsVisible] = React.useState(false)\n const [isAnimating, setIsAnimating] = React.useState(false)\n const [isVisibleParallax, setParallax] = React.useState(open)\n const [isInitialRender, setIsMounted] = React.useState(true)\n\n if (typeof global !== 'undefined' && global.IS_TEST) {\n animate = false\n }\n\n React.useEffect(() => setIsMounted(false), []) // eslint-disable-line\n\n useLayoutEffect(() => {\n animRef.current = new HeightAnimationInstance({ animate })\n\n if (isInitialRender && onInit) {\n onInit(animRef.current)\n }\n\n if (isInitialRender && isOpen) {\n onOpen?.(true)\n }\n\n if (animate) {\n animRef.current.onStart((state: HeightAnimationOnStartTypes) => {\n switch (state) {\n case 'opening':\n setIsVisible(true)\n setParallax(true)\n setIsAnimating(true)\n break\n\n case 'closing':\n setParallax(false)\n setIsAnimating(true)\n break\n\n case 'adjusting':\n setIsAnimating(true)\n break\n }\n })\n\n animRef.current.onEnd((state: HeightAnimationOnEndTypes) => {\n switch (state) {\n case 'opened':\n setIsOpen(true)\n setIsAnimating(false)\n onOpen?.(true)\n break\n\n case 'closed':\n setIsVisible(false)\n setIsOpen(false)\n setParallax(false)\n setIsAnimating(false)\n onOpen?.(false)\n break\n\n case 'adjusted':\n setIsAnimating(false)\n break\n }\n\n onAnimationEnd?.(state)\n })\n }\n\n return () => animRef.current?.remove()\n }, [animate]) // eslint-disable-line react-hooks/exhaustive-deps\n\n useOpenClose({ open, animRef, targetRef, isInitialRender })\n useAdjust({ children, animRef, isInitialRender })\n\n return {\n open,\n isOpen,\n isInDOM: open || isVisible,\n isVisible,\n isVisibleParallax,\n isAnimating,\n }\n}\n\nfunction useOpenClose({ open, animRef, targetRef, isInitialRender }) {\n useLayoutEffect(() => {\n if (!targetRef.current) {\n return // stop here\n }\n\n const anim = animRef.current\n\n anim.setElement(targetRef.current)\n\n if (open) {\n anim.open({ animate: !isInitialRender })\n } else if (anim.state === 'init') {\n anim.close({ animate: false })\n } else {\n anim.close()\n }\n }, [open, targetRef, animRef]) // eslint-disable-line\n}\n\nfunction useAdjust({ children, animRef, isInitialRender }) {\n const fromHeight = React.useRef(0)\n\n const shouldAdjust = () => {\n switch (animRef.current?.state) {\n case 'opened':\n case 'adjusted':\n case 'adjusting':\n return !isInitialRender\n }\n\n return false\n }\n\n React.useMemo(() => {\n if (shouldAdjust()) {\n fromHeight.current = animRef.current?.getHeight()\n }\n }, [children]) // eslint-disable-line react-hooks/exhaustive-deps\n\n useLayoutEffect(() => {\n if (shouldAdjust()) {\n /**\n * Ensure we don't have height, while we get the \"toHeight\" again\n * We may move this inside of the HeightAnimationInstance class later,\n * but the \"GlobalStatus\" is currently relaying on \"getUnknownHeight\" inside of adjustTo\n */\n animRef.current.elem.style.height = ''\n\n animRef.current.adjustTo(\n fromHeight.current,\n animRef.current.getHeight() // use getHeight instead of getUnknownHeight because of the additional, disturbing DOM manipupation\n )\n }\n }, [children]) // eslint-disable-line react-hooks/exhaustive-deps\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"useHeightAnimation.js","names":["_react","_interopRequireDefault","require","_HeightAnimationInstance","obj","__esModule","default","useLayoutEffect","window","React","useEffect","useHeightAnimation","targetRef","open","animate","children","onInit","onOpen","onAnimationEnd","arguments","length","undefined","animRef","useRef","isOpen","setIsOpen","useState","isVisible","setIsVisible","isAnimating","setIsAnimating","isVisibleParallax","setParallax","isInitialRender","setIsMounted","global","IS_TEST","current","HeightAnimationInstance","onStart","state","onEnd","_animRef$current","remove","useOpenClose","useAdjust","isInDOM","_ref","anim","setElement","close","_ref2","fromHeight","shouldAdjust","_animRef$current2","useMemo","_animRef$current3","getHeight","elem","style","height","adjustTo"],"sources":["../../../../src/components/height-animation/useHeightAnimation.tsx"],"sourcesContent":["import React from 'react'\nimport HeightAnimationInstance from './HeightAnimationInstance'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport type useHeightAnimationOptions = {\n /**\n * Set to `true`, when initially `false` was given, to animate from 0px to auto.\n * Default: true\n */\n open?: boolean\n\n /**\n * Set to `false` to omit the animation.\n * Default: true\n */\n animate?: boolean\n\n /**\n * In order to let the Hook know when children has changed\n */\n children?: React.ReactNode | HTMLElement\n\n /**\n * Is called once before mounting the component (useLayoutEffect)\n */\n onInit?: (instance: HeightAnimationInstance) => void\n\n /**\n * Is called when fully opened or closed\n */\n onOpen?: (isOpen: boolean) => void\n\n /**\n * Is called when animation is done and the full height is reached.\n */\n onAnimationEnd?: (state: HeightAnimationOnEndTypes) => void\n}\n\nexport type HeightAnimationOnStartTypes =\n | 'opening'\n | 'closing'\n | 'adjusting'\n\nexport type HeightAnimationOnEndTypes = 'opened' | 'closed' | 'adjusted'\n\nexport function useHeightAnimation(\n targetRef: React.RefObject<HTMLElement>,\n {\n open = true,\n animate = true,\n children = null,\n onInit = null,\n onOpen = null,\n onAnimationEnd = null,\n }: useHeightAnimationOptions = {}\n) {\n const animRef = React.useRef<HeightAnimationInstance>(null)\n const [isOpen, setIsOpen] = React.useState(open)\n const [isVisible, setIsVisible] = React.useState(false)\n const [isAnimating, setIsAnimating] = React.useState(false)\n const [isVisibleParallax, setParallax] = React.useState(open)\n const [isInitialRender, setIsMounted] = React.useState(true)\n\n if (typeof global !== 'undefined' && global.IS_TEST) {\n animate = false\n }\n\n React.useEffect(() => setIsMounted(false), []) // eslint-disable-line\n\n useLayoutEffect(() => {\n animRef.current = new HeightAnimationInstance({ animate })\n\n if (isInitialRender && onInit) {\n onInit(animRef.current)\n }\n\n if (isInitialRender && isOpen) {\n onOpen?.(true)\n }\n\n if (animate) {\n animRef.current.onStart((state: HeightAnimationOnStartTypes) => {\n switch (state) {\n case 'opening':\n setIsVisible(true)\n setParallax(true)\n setIsAnimating(true)\n break\n\n case 'closing':\n setParallax(false)\n setIsAnimating(true)\n break\n\n case 'adjusting':\n setIsAnimating(true)\n break\n }\n })\n\n animRef.current.onEnd((state: HeightAnimationOnEndTypes) => {\n switch (state) {\n case 'opened':\n setIsOpen(true)\n setIsAnimating(false)\n onOpen?.(true)\n break\n\n case 'closed':\n setIsVisible(false)\n setIsOpen(false)\n setParallax(false)\n setIsAnimating(false)\n onOpen?.(false)\n break\n\n case 'adjusted':\n setIsAnimating(false)\n break\n }\n\n onAnimationEnd?.(state)\n })\n }\n\n return () => animRef.current?.remove()\n }, [animate]) // eslint-disable-line react-hooks/exhaustive-deps\n\n useOpenClose({ open, animRef, targetRef, isInitialRender })\n useAdjust({ children, animRef, isInitialRender })\n\n return {\n open,\n isOpen,\n isInDOM: open || isVisible,\n isVisible,\n isVisibleParallax,\n isAnimating,\n }\n}\n\nfunction useOpenClose({ open, animRef, targetRef, isInitialRender }) {\n useLayoutEffect(() => {\n if (!targetRef.current) {\n return // stop here\n }\n\n const anim = animRef.current\n\n anim.setElement(targetRef.current)\n\n if (open) {\n anim.open({ animate: !isInitialRender })\n } else if (anim.state === 'init') {\n anim.close({ animate: false })\n } else {\n anim.close()\n }\n }, [open, targetRef, animRef]) // eslint-disable-line\n}\n\nfunction useAdjust({ children, animRef, isInitialRender }) {\n const fromHeight = React.useRef(0)\n\n const shouldAdjust = () => {\n switch (animRef.current?.state) {\n case 'opened':\n case 'adjusted':\n case 'adjusting':\n return !isInitialRender\n }\n\n return false\n }\n\n React.useMemo(() => {\n if (shouldAdjust()) {\n fromHeight.current = animRef.current?.getHeight()\n }\n }, [children]) // eslint-disable-line react-hooks/exhaustive-deps\n\n useLayoutEffect(() => {\n if (shouldAdjust()) {\n /**\n * Ensure we don't have height, while we get the \"toHeight\" again\n * We may move this inside of the HeightAnimationInstance class later,\n * but the \"GlobalStatus\" is currently relaying on \"getUnknownHeight\" inside of adjustTo\n */\n animRef.current.elem.style.height = ''\n\n animRef.current.adjustTo(\n fromHeight.current,\n animRef.current.getHeight() // use getHeight instead of getUnknownHeight because of the additional, disturbing DOM manipulation\n )\n }\n }, [children]) // eslint-disable-line react-hooks/exhaustive-deps\n}\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SvgComparison.js","names":["_react","_interopRequireDefault","require","_path","_path2","_path3","_path4","_path5","_path6","_path7","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","SvgComparison","props","createElement","Fragment","width","height","d","stroke","fill","strokeweight","strokeLinecap","strokeLinejoin","clipRule","fillRule","_default","exports"],"sources":["../../../../../src/components/icon/lib/SvgComparison.js"],"sourcesContent":["/**\n * I used this tools:\n * to convert https://svg2jsx.herokuapp.com\n * to
|
|
1
|
+
{"version":3,"file":"SvgComparison.js","names":["_react","_interopRequireDefault","require","_path","_path2","_path3","_path4","_path5","_path6","_path7","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","SvgComparison","props","createElement","Fragment","width","height","d","stroke","fill","strokeweight","strokeLinecap","strokeLinejoin","clipRule","fillRule","_default","exports"],"sources":["../../../../../src/components/icon/lib/SvgComparison.js"],"sourcesContent":["/**\n * I used this tools:\n * to convert https://svg2jsx.herokuapp.com\n * to optimize https://jakearchibald.github.io/svgomg/\n */\n\nimport React from 'react'\n\nconst SvgComparison = (props) => (\n <React.Fragment>\n <svg width=\"24\" height=\"24\" {...props}>\n <path\n d=\"M.5 23.56h23\"\n stroke=\"black\"\n fill=\"white\"\n strokeweight=\"40\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n clipRule=\"evenodd\"\n d=\"M4.5 19.24a.49.49 0 0 0-.5-.48H2a.49.49 0 0 0-.5.48v4.32h3v-4.32zM10.5 14.44a.49.49 0 0 0-.5-.48H8a.49.49 0 0 0-.5.48v9.12h3v-9.12zM16.5 16.36a.49.49 0 0 0-.5-.48h-2a.49.49 0 0 0-.5.48v7.2h3v-7.2zM22.5 9.64a.49.49 0 0 0-.5-.48h-2a.49.49 0 0 0-.5.48v13.92h3V9.64zM3 13.48c.828 0 1.5-.645 1.5-1.44 0-.795-.672-1.44-1.5-1.44s-1.5.645-1.5 1.44c0 .795.672 1.44 1.5 1.44zM9 8.68c.828 0 1.5-.645 1.5-1.44 0-.795-.672-1.44-1.5-1.44s-1.5.645-1.5 1.44c0 .795.672 1.44 1.5 1.44zM15 10.6c.828 0 1.5-.645 1.5-1.44 0-.795-.672-1.44-1.5-1.44s-1.5.645-1.5 1.44c0 .795.672 1.44 1.5 1.44zM21 4.36c.828 0 1.5-.645 1.5-1.44 0-.795-.672-1.44-1.5-1.44s-1.5.645-1.5 1.44c0 .795.672 1.44 1.5 1.44z\"\n stroke=\"black\"\n fill=\"white\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M4.261 11.032l3.587-2.87M10.424 7.695l3.153 1.009M19.8 3.784l-3.759 4.21\"\n stroke=\"black\"\n fill=\"white\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n <svg width=\"24\" height=\"24\" {...props}>\n <path d=\"M.5 23.06a.5.5 0 1 0 0 1v-1zm23 1a.5.5 0 0 0 0-1v1zm-22-.5H1a.5.5 0 0 0 .5.5v-.5zm3 0v.5a.5.5 0 0 0 .5-.5h-.5zm3 0H7a.5.5 0 0 0 .5.5v-.5zm3 0v.5a.5.5 0 0 0 .5-.5h-.5zm3 0H13a.5.5 0 0 0 .5.5v-.5zm3 0v.5a.5.5 0 0 0 .5-.5h-.5zm3 0H19a.5.5 0 0 0 .5.5v-.5zm3 0v.5a.5.5 0 0 0 .5-.5h-.5zM3.949 10.642a.5.5 0 0 0 .624.78l-.624-.78zm4.211-2.09a.5.5 0 1 0-.624-.78l.624.78zm2.416-1.333a.5.5 0 1 0-.304.952l.304-.952zm2.849 1.961a.5.5 0 1 0 .304-.952l-.304.952zm6.748-5.063a.5.5 0 0 0-.746-.666l.746.666zm-4.505 3.544a.5.5 0 1 0 .746.666l-.746-.666zM.5 24.06h23v-1H.5v1zM5 19.24c0-.56-.467-.98-1-.98v1l.007.001a.02.02 0 0 1-.004-.006A.038.038 0 0 1 4 19.24h1zm-1-.98H2v1h2v-1zm-2 0c-.533 0-1 .42-1 .98h1l-.003.015a.02.02 0 0 1-.004.006L2 19.26v-1zm-1 .98v4.32h1v-4.32H1zm.5 4.82h3v-1h-3v1zm3.5-.5v-4.32H4v4.32h1zm6-9.12c0-.56-.467-.98-1-.98v1l.007.001-.004-.006A.04.04 0 0 1 10 14.44h1zm-1-.98H8v1h2v-1zm-2 0c-.533 0-1 .42-1 .98h1l-.003.015a.02.02 0 0 1-.004.006L8 14.46v-1zm-1 .98v9.12h1v-9.12H7zm.5 9.62h3v-1h-3v1zm3.5-.5v-9.12h-1v9.12h1zm6-7.2c0-.56-.467-.98-1-.98v1l.007.001-.004-.006A.04.04 0 0 1 16 16.36h1zm-1-.98h-2v1h2v-1zm-2 0c-.533 0-1 .42-1 .98h1a.04.04 0 0 1-.003.015.022.022 0 0 1-.004.006L14 16.38v-1zm-1 .98v7.2h1v-7.2h-1zm.5 7.7h3v-1h-3v1zm3.5-.5v-7.2h-1v7.2h1zm6-13.92c0-.56-.467-.98-1-.98v1l.007.001-.004-.006A.04.04 0 0 1 22 9.64h1zm-1-.98h-2v1h2v-1zm-2 0c-.533 0-1 .42-1 .98h1a.04.04 0 0 1-.003.015.022.022 0 0 1-.004.006L20 9.66v-1zm-1 .98v13.92h1V9.64h-1zm.5 14.42h3v-1h-3v1zm3.5-.5V9.64h-1v13.92h1zM3 13.98c1.085 0 2-.85 2-1.94H4c0 .5-.428.94-1 .94v1zm2-1.94c0-1.09-.915-1.94-2-1.94v1c.572 0 1 .44 1 .94h1zM3 10.1c-1.085 0-2 .85-2 1.94h1c0-.5.428-.94 1-.94v-1zm-2 1.94c0 1.09.915 1.94 2 1.94v-1c-.572 0-1-.44-1-.94H1zm8-2.86c1.085 0 2-.85 2-1.94h-1c0 .5-.428.94-1 .94v1zm2-1.94c0-1.09-.915-1.94-2-1.94v1c.572 0 1 .44 1 .94h1zM9 5.3c-1.085 0-2 .85-2 1.94h1c0-.5.428-.94 1-.94v-1zM7 7.24c0 1.09.915 1.94 2 1.94v-1c-.572 0-1-.44-1-.94H7zm8 3.86c1.085 0 2-.85 2-1.94h-1c0 .5-.428.94-1 .94v1zm2-1.94c0-1.09-.915-1.94-2-1.94v1c.572 0 1 .44 1 .94h1zm-2-1.94c-1.085 0-2 .85-2 1.94h1c0-.5.428-.94 1-.94v-1zm-2 1.94c0 1.09.915 1.94 2 1.94v-1c-.572 0-1-.44-1-.94h-1zm8-4.3c1.085 0 2-.85 2-1.94h-1c0 .5-.428.94-1 .94v1zm2-1.94c0-1.09-.915-1.94-2-1.94v1c.572 0 1 .44 1 .94h1zM21 .98c-1.085 0-2 .85-2 1.94h1c0-.5.428-.94 1-.94v-1zm-2 1.94c0 1.09.915 1.94 2 1.94v-1c-.572 0-1-.44-1-.94h-1zM4.573 11.422l3.587-2.87-.624-.78-3.587 2.87.624.78zm5.699-3.25l3.153 1.008.304-.952-3.153-1.01-.304.953zm9.155-4.721l-3.759 4.21.746.666 3.759-4.21-.746-.666z\" />\n </svg>\n <svg width=\"24\" height=\"24\" {...props}>\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M.5 23.08a.5.5 0 0 1 .5-.5h23a.5.5 0 1 1 0 1H1a.5.5 0 0 1-.5-.5z\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M1.5 18.76c0-.56.467-.98 1-.98h2c.533 0 1 .42 1 .98v4.32a.5.5 0 0 1-.5.5H2a.5.5 0 0 1-.5-.5v-4.32zm1 .02v3.8h2v-3.8h-2zM7.5 13.96c0-.56.467-.98 1-.98h2c.533 0 1 .42 1 .98v9.12a.5.5 0 0 1-.5.5H8a.5.5 0 0 1-.5-.5v-9.12zm1 .02v8.6h2v-8.6h-2zM13.5 15.88c0-.56.467-.98 1-.98h2c.533 0 1 .42 1 .98v7.2a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-7.2zm1 .02v6.68h2V15.9h-2zM19.5 9.16c0-.56.467-.98 1-.98h2c.533 0 1 .42 1 .98v13.92a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5V9.16zm1 .02v13.4h2V9.18h-2zM1.5 11.56c0-1.09.915-1.94 2-1.94s2 .85 2 1.94c0 1.09-.915 1.94-2 1.94s-2-.85-2-1.94zm2-.94c-.572 0-1 .44-1 .94 0 .5.428.94 1 .94.572 0 1-.44 1-.94 0-.5-.428-.94-1-.94zM7.5 6.76c0-1.09.915-1.94 2-1.94s2 .85 2 1.94c0 1.09-.915 1.94-2 1.94s-2-.85-2-1.94zm2-.94c-.572 0-1 .44-1 .94 0 .5.428.94 1 .94.572 0 1-.44 1-.94 0-.5-.428-.94-1-.94zM13.5 8.68c0-1.09.915-1.94 2-1.94s2 .85 2 1.94c0 1.09-.915 1.94-2 1.94s-2-.85-2-1.94zm2-.94c-.572 0-1 .44-1 .94 0 .5.428.94 1 .94.572 0 1-.44 1-.94 0-.5-.428-.94-1-.94zM19.5 2.44c0-1.09.915-1.94 2-1.94s2 .85 2 1.94c0 1.09-.915 1.94-2 1.94s-2-.85-2-1.94zm2-.94c-.572 0-1 .44-1 .94 0 .5.428.94 1 .94.572 0 1-.44 1-.94 0-.5-.428-.94-1-.94z\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M8.738 7.37a.5.5 0 0 1-.078.702l-3.587 2.87a.5.5 0 0 1-.624-.78l3.587-2.87a.5.5 0 0 1 .702.077zM10.448 7.063a.5.5 0 0 1 .628-.324l3.153 1.009a.5.5 0 1 1-.304.952l-3.153-1.009a.5.5 0 0 1-.324-.628zM20.633 2.931a.5.5 0 0 1 .04.706l-3.759 4.21a.5.5 0 0 1-.746-.666l3.76-4.21a.5.5 0 0 1 .705-.04z\"\n />\n </svg>\n </React.Fragment>\n)\n\nexport default SvgComparison\n"],"mappings":";;;;;;AAMA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAyB,IAAAC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA;AAAA,SAAAR,uBAAAS,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAEzB,MAAMQ,aAAa,GAAIC,KAAK,IAC1B5B,MAAA,CAAAY,OAAA,CAAAiB,aAAA,CAAC7B,MAAA,CAAAY,OAAK,CAACkB,QAAQ,QACb9B,MAAA,CAAAY,OAAA,CAAAiB,aAAA,QAAAhB,QAAA;EAAKkB,KAAK,EAAC,IAAI;EAACC,MAAM,EAAC;AAAI,GAAKJ,KAAK,GAAAzB,KAAA,KAAAA,KAAA,GACnCH,MAAA,CAAAY,OAAA,CAAAiB,aAAA;EACEI,CAAC,EAAC,cAAc;EAChBC,MAAM,EAAC,OAAO;EACdC,IAAI,EAAC,OAAO;EACZC,YAAY,EAAC,IAAI;EACjBC,aAAa,EAAC,OAAO;EACrBC,cAAc,EAAC;AAAO,CACvB,CAAC,GAAAlC,MAAA,KAAAA,MAAA,GACFJ,MAAA,CAAAY,OAAA,CAAAiB,aAAA;EACEU,QAAQ,EAAC,SAAS;EAClBN,CAAC,EAAC,mqBAAmqB;EACrqBC,MAAM,EAAC,OAAO;EACdC,IAAI,EAAC,OAAO;EACZE,aAAa,EAAC,OAAO;EACrBC,cAAc,EAAC;AAAO,CACvB,CAAC,GAAAjC,MAAA,KAAAA,MAAA,GACFL,MAAA,CAAAY,OAAA,CAAAiB,aAAA;EACEI,CAAC,EAAC,0EAA0E;EAC5EC,MAAM,EAAC,OAAO;EACdC,IAAI,EAAC,OAAO;EACZE,aAAa,EAAC,OAAO;EACrBC,cAAc,EAAC;AAAO,CACvB,CAAC,CACC,CAAC,EACNtC,MAAA,CAAAY,OAAA,CAAAiB,aAAA,QAAAhB,QAAA;EAAKkB,KAAK,EAAC,IAAI;EAACC,MAAM,EAAC;AAAI,GAAKJ,KAAK,GAAAtB,MAAA,KAAAA,MAAA,GACnCN,MAAA,CAAAY,OAAA,CAAAiB,aAAA;EAAMI,CAAC,EAAC;AAAo/E,CAAE,CAAC,CAC5/E,CAAC,EACNjC,MAAA,CAAAY,OAAA,CAAAiB,aAAA,QAAAhB,QAAA;EAAKkB,KAAK,EAAC,IAAI;EAACC,MAAM,EAAC;AAAI,GAAKJ,KAAK,GAAArB,MAAA,KAAAA,MAAA,GACnCP,MAAA,CAAAY,OAAA,CAAAiB,aAAA;EACEW,QAAQ,EAAC,SAAS;EAClBD,QAAQ,EAAC,SAAS;EAClBN,CAAC,EAAC;AAAkE,CACrE,CAAC,GAAAzB,MAAA,KAAAA,MAAA,GACFR,MAAA,CAAAY,OAAA,CAAAiB,aAAA;EACEW,QAAQ,EAAC,SAAS;EAClBD,QAAQ,EAAC,SAAS;EAClBN,CAAC,EAAC;AAAgoC,CACnoC,CAAC,GAAAxB,MAAA,KAAAA,MAAA,GACFT,MAAA,CAAAY,OAAA,CAAAiB,aAAA;EACEW,QAAQ,EAAC,SAAS;EAClBD,QAAQ,EAAC,SAAS;EAClBN,CAAC,EAAC;AAAsS,CACzS,CAAC,CACC,CACS,CACjB;AAAA,IAAAQ,QAAA,GAEcd,aAAa;AAAAe,OAAA,CAAA9B,OAAA,GAAA6B,QAAA"}
|
|
@@ -125,6 +125,11 @@
|
|
|
125
125
|
margin-left: calc(0px - var(--input-height));
|
|
126
126
|
line-height: var(--line-height-basis);
|
|
127
127
|
}
|
|
128
|
+
.dnb-input__submit-element .dnb-button--input-button {
|
|
129
|
+
width: var(--input-height);
|
|
130
|
+
height: var(--input-height);
|
|
131
|
+
line-height: var(--input-height);
|
|
132
|
+
}
|
|
128
133
|
.dnb-input__submit-button {
|
|
129
134
|
position: relative;
|
|
130
135
|
align-self: center; /* IE needs this to stay centered */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.dnb-input{--input-font-size:var(--font-size-basis);--input-font-size--small:var(--font-size-basis);--input-font-size--medium:var(--font-size-basis);--input-font-size--large:var(--font-size-medium);--input-padding:1rem;--input-padding--small:1rem;--input-padding--medium:1rem;--input-padding--large:1rem;--input-height:2rem;--input-height--small:1.5rem;--input-height--medium:2.5rem;--input-height--large:3rem;--input-border-width:0.0625rem;--input-border-radius:0.25rem;align-items:center;display:inline-flex;font-size:var(--input-font-small);line-height:var(--input-height);text-align:left}.dnb-input__inner{display:inline-flex;flex-direction:column;width:auto}.dnb-input__shell{align-items:center;border:var(--input-border-width) solid var(--color-sea-green);display:flex;position:relative}.dnb-input__input{border:none;outline:none;position:relative;word-break:normal;z-index:2}.dnb-input__input[disabled]{opacity:1;-webkit-user-select:none;user-select:none}.dnb-input__input,.dnb-input__shell{border-radius:var(--input-border-radius);height:var(--input-height)}.dnb-input__input,.dnb-input__placeholder{padding-left:var(--input-padding);padding-right:var(--input-padding);width:100%}.dnb-input input.dnb-input__input,.dnb-input__input,.dnb-input__placeholder{background-color:transparent;color:inherit;font-size:var(--input-font-size);line-height:inherit;padding-bottom:0;padding-top:0}.dnb-input__placeholder{left:0;overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;top:0;white-space:nowrap;z-index:1}.dnb-input input.dnb-input__input[type=file]{line-height:calc(var(--input-height) - 2px)}.dnb-input__input::-webkit-search-cancel-button{display:none}.dnb-input__input::-ms-clear{display:none}.dnb-input ::-webkit-file-upload-button{color:var(--color-sea-green);cursor:pointer;outline:none}.dnb-input ::-webkit-file-upload-button:active,.dnb-input ::-webkit-file-upload-button:hover{color:var(--color-emerald-green)}.dnb-input--has-clear-button .dnb-input__input,.dnb-input--has-clear-button .dnb-input__placeholder,.dnb-input--has-submit-element .dnb-input__input,.dnb-input--has-submit-element .dnb-input__placeholder{padding-right:calc(var(--input-padding)*2.5)}.dnb-input--password .dnb-input__input,.dnb-input--password .dnb-input__placeholder{margin-right:2.5rem;padding-right:0}.dnb-input--password .dnb-input__input::-ms-clear,.dnb-input--password .dnb-input__input::-ms-reveal,.dnb-input--password .dnb-input__placeholder::-ms-clear,.dnb-input--password .dnb-input__placeholder::-ms-reveal{display:none}.dnb-input--password .dnb-input__placeholder{padding-right:4rem}.dnb-input--password .dnb-input__input{font-family:var(--font-family-monospace)}.dnb-input__row{align-items:center;display:inline-flex}.dnb-input__suffix{color:inherit}.dnb-input__submit-element{line-height:var(--line-height-basis);margin-left:calc(0px - var(--input-height));z-index:3}.dnb-input__submit-button{align-self:center;position:relative}.dnb-input__submit-button__button{border-radius:0 var(--input-border-radius) var(--input-border-radius) 0}.dnb-input>.dnb-form-label{line-height:var(--line-height-basis)}@media screen and (max-width:40em){.dnb-input{flex-wrap:wrap}.dnb-input>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-input:not(.dnb-input--vertical)[class*=__status]{align-items:flex-start}.dnb-input:not(.dnb-input--vertical)[class*=__status]>.dnb-form-label{margin-top:.25rem}.dnb-input--small{line-height:var(--input-height--small)}.dnb-input--small .dnb-input__input,.dnb-input--small .dnb-input__shell{height:var(--input-height--small)}.dnb-input--small .dnb-input__input,.dnb-input--small .dnb-input__placeholder{font-size:var(--input-font-size--small);padding-left:var(--input-padding--small);padding-right:var(--input-padding--small)}.dnb-input--small .dnb-input__submit-element{margin-left:calc(0px - var(--input-height--small))}.dnb-input--small .dnb-input__submit-element .dnb-button--input-button{height:var(--input-height--small);line-height:var(--input-height--small);width:var(--input-height--small)}.dnb-input--small.dnb-input--has-clear-button .dnb-input__input,.dnb-input--small.dnb-input--has-clear-button .dnb-input__placeholder,.dnb-input--small.dnb-input--has-submit-element .dnb-input__input,.dnb-input--small.dnb-input--has-submit-element .dnb-input__placeholder{padding-right:calc(var(--input-padding--small)*2)}.dnb-input--medium{line-height:var(--input-height--medium)}.dnb-input--medium .dnb-input__input,.dnb-input--medium .dnb-input__shell{height:var(--input-height--medium)}.dnb-input--medium .dnb-input__input,.dnb-input--medium .dnb-input__placeholder{font-size:var(--input-font-size--medium);padding-left:var(--input-padding--medium);padding-right:var(--input-padding--medium)}.dnb-input--medium .dnb-input__submit-element{margin-left:calc(0px - var(--input-height--medium))}.dnb-input--medium .dnb-input__submit-element .dnb-button--input-button{height:var(--input-height--medium);line-height:var(--input-height--medium);width:var(--input-height--medium)}.dnb-input--medium.dnb-input--has-clear-button .dnb-input__input,.dnb-input--medium.dnb-input--has-clear-button .dnb-input__placeholder,.dnb-input--medium.dnb-input--has-submit-element .dnb-input__input,.dnb-input--medium.dnb-input--has-submit-element .dnb-input__placeholder{padding-right:calc(var(--input-padding--medium)*3)}.dnb-input--large{line-height:var(--input-height--large)}.dnb-input--large .dnb-input__input,.dnb-input--large .dnb-input__shell{height:var(--input-height--large)}.dnb-input--large .dnb-input__input,.dnb-input--large .dnb-input__placeholder{font-size:var(--input-font-size--large);padding-left:var(--input-padding--large);padding-right:var(--input-padding--large)}.dnb-input--large .dnb-input__submit-element{margin-left:calc(0px - var(--input-height--large))}.dnb-input--large .dnb-input__submit-element .dnb-button--input-button{height:var(--input-height--large);width:var(--input-height--large)}.dnb-input--large.dnb-input--has-clear-button .dnb-input__input,.dnb-input--large.dnb-input--has-clear-button .dnb-input__placeholder,.dnb-input--large.dnb-input--has-submit-element .dnb-input__input,.dnb-input--large.dnb-input--has-submit-element .dnb-input__placeholder{padding-right:calc(var(--input-padding--large)*3)}.dnb-input--large.dnb-input--has-clear-button:not(.dnb-input--has-submit-element) .dnb-input__submit-element{margin-left:calc(0px - var(--input-height--large) + .5rem)}.dnb-input__align--center .dnb-input__input,.dnb-input__align--center .dnb-input__placeholder{text-align:center}.dnb-input__align--right .dnb-input__input,.dnb-input__align--right .dnb-input__placeholder{text-align:right}.dnb-input--clear.dnb-input__submit-element{opacity:0;transition:opacity .2s ease-in-out}.dnb-input--clear.dnb-input__submit-element .dnb-button{border-radius:var(--button-border-radius);height:var(--input-height--small);width:var(--input-height--small)}.dnb-input--clear.dnb-input__submit-element .dnb-button .dnb-button__icon{margin:auto}html:not([data-whatintent=touch]) .dnb-input--clear.dnb-input__submit-element .dnb-button:not(.dnb-button--has-text):hover[disabled]{cursor:default}.dnb-input--small .dnb-input--clear.dnb-input__submit-element .dnb-button{height:1rem;width:1rem}.dnb-input--large .dnb-input--clear.dnb-input__submit-element .dnb-button,.dnb-input--medium .dnb-input--clear.dnb-input__submit-element .dnb-button{height:var(--input-height--small);width:var(--input-height--small)}.dnb-input[data-has-content=true] .dnb-input--clear{opacity:1}.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element{margin-right:2.5rem}.dnb-input--small.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element{margin-right:2rem}.dnb-input--medium.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element{margin-right:3rem}.dnb-input--large.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element{margin-right:3.5rem}.dnb-input__inner>.dnb-form-status{margin-top:.5rem;order:2}.dnb-input--vertical{align-items:flex-start;display:flex;flex-direction:column}.dnb-input--stretch{display:flex;flex-grow:1}.dnb-input--stretch .dnb-input__inner{flex-grow:1}.dnb-input--stretch .dnb-input__inner,.dnb-input--stretch .dnb-input__shell{width:100%}.dnb-input--stretch .dnb-form-label+.dnb-input__inner{width:auto}.dnb-form-row--horizontal .dnb-input--stretch,.dnb-input--vertical.dnb-input--stretch .dnb-input__inner{width:100%}.dnb-input__icon{bottom:0;left:1rem;margin:auto;order:0;position:absolute;right:auto;top:0}.dnb-input--icon-position-right .dnb-input__icon{left:auto;order:1;right:1rem}.dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__input,.dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__placeholder{padding-left:2.5rem}.dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__input,.dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__placeholder{padding-right:2.5rem}.dnb-input--icon-size-medium.dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__input,.dnb-input--icon-size-medium.dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__placeholder{padding-left:3rem}.dnb-input--icon-size-medium.dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__input,.dnb-input--icon-size-medium.dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__placeholder{padding-right:3rem}html[data-visual-test] .dnb-input__input{caret-color:var(--color-white)}@media screen and (max-width:40em){.dnb-responsive-component .dnb-input{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:.5rem}.dnb-responsive-component .dnb-input__row{align-items:flex-start}.dnb-responsive-component .dnb-input>.dnb-form-label{margin-bottom:.5rem}}
|
|
1
|
+
.dnb-input{--input-font-size:var(--font-size-basis);--input-font-size--small:var(--font-size-basis);--input-font-size--medium:var(--font-size-basis);--input-font-size--large:var(--font-size-medium);--input-padding:1rem;--input-padding--small:1rem;--input-padding--medium:1rem;--input-padding--large:1rem;--input-height:2rem;--input-height--small:1.5rem;--input-height--medium:2.5rem;--input-height--large:3rem;--input-border-width:0.0625rem;--input-border-radius:0.25rem;align-items:center;display:inline-flex;font-size:var(--input-font-small);line-height:var(--input-height);text-align:left}.dnb-input__inner{display:inline-flex;flex-direction:column;width:auto}.dnb-input__shell{align-items:center;border:var(--input-border-width) solid var(--color-sea-green);display:flex;position:relative}.dnb-input__input{border:none;outline:none;position:relative;word-break:normal;z-index:2}.dnb-input__input[disabled]{opacity:1;-webkit-user-select:none;user-select:none}.dnb-input__input,.dnb-input__shell{border-radius:var(--input-border-radius);height:var(--input-height)}.dnb-input__input,.dnb-input__placeholder{padding-left:var(--input-padding);padding-right:var(--input-padding);width:100%}.dnb-input input.dnb-input__input,.dnb-input__input,.dnb-input__placeholder{background-color:transparent;color:inherit;font-size:var(--input-font-size);line-height:inherit;padding-bottom:0;padding-top:0}.dnb-input__placeholder{left:0;overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;top:0;white-space:nowrap;z-index:1}.dnb-input input.dnb-input__input[type=file]{line-height:calc(var(--input-height) - 2px)}.dnb-input__input::-webkit-search-cancel-button{display:none}.dnb-input__input::-ms-clear{display:none}.dnb-input ::-webkit-file-upload-button{color:var(--color-sea-green);cursor:pointer;outline:none}.dnb-input ::-webkit-file-upload-button:active,.dnb-input ::-webkit-file-upload-button:hover{color:var(--color-emerald-green)}.dnb-input--has-clear-button .dnb-input__input,.dnb-input--has-clear-button .dnb-input__placeholder,.dnb-input--has-submit-element .dnb-input__input,.dnb-input--has-submit-element .dnb-input__placeholder{padding-right:calc(var(--input-padding)*2.5)}.dnb-input--password .dnb-input__input,.dnb-input--password .dnb-input__placeholder{margin-right:2.5rem;padding-right:0}.dnb-input--password .dnb-input__input::-ms-clear,.dnb-input--password .dnb-input__input::-ms-reveal,.dnb-input--password .dnb-input__placeholder::-ms-clear,.dnb-input--password .dnb-input__placeholder::-ms-reveal{display:none}.dnb-input--password .dnb-input__placeholder{padding-right:4rem}.dnb-input--password .dnb-input__input{font-family:var(--font-family-monospace)}.dnb-input__row{align-items:center;display:inline-flex}.dnb-input__suffix{color:inherit}.dnb-input__submit-element{line-height:var(--line-height-basis);margin-left:calc(0px - var(--input-height));z-index:3}.dnb-input__submit-element .dnb-button--input-button{height:var(--input-height);line-height:var(--input-height);width:var(--input-height)}.dnb-input__submit-button{align-self:center;position:relative}.dnb-input__submit-button__button{border-radius:0 var(--input-border-radius) var(--input-border-radius) 0}.dnb-input>.dnb-form-label{line-height:var(--line-height-basis)}@media screen and (max-width:40em){.dnb-input{flex-wrap:wrap}.dnb-input>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-input:not(.dnb-input--vertical)[class*=__status]{align-items:flex-start}.dnb-input:not(.dnb-input--vertical)[class*=__status]>.dnb-form-label{margin-top:.25rem}.dnb-input--small{line-height:var(--input-height--small)}.dnb-input--small .dnb-input__input,.dnb-input--small .dnb-input__shell{height:var(--input-height--small)}.dnb-input--small .dnb-input__input,.dnb-input--small .dnb-input__placeholder{font-size:var(--input-font-size--small);padding-left:var(--input-padding--small);padding-right:var(--input-padding--small)}.dnb-input--small .dnb-input__submit-element{margin-left:calc(0px - var(--input-height--small))}.dnb-input--small .dnb-input__submit-element .dnb-button--input-button{height:var(--input-height--small);line-height:var(--input-height--small);width:var(--input-height--small)}.dnb-input--small.dnb-input--has-clear-button .dnb-input__input,.dnb-input--small.dnb-input--has-clear-button .dnb-input__placeholder,.dnb-input--small.dnb-input--has-submit-element .dnb-input__input,.dnb-input--small.dnb-input--has-submit-element .dnb-input__placeholder{padding-right:calc(var(--input-padding--small)*2)}.dnb-input--medium{line-height:var(--input-height--medium)}.dnb-input--medium .dnb-input__input,.dnb-input--medium .dnb-input__shell{height:var(--input-height--medium)}.dnb-input--medium .dnb-input__input,.dnb-input--medium .dnb-input__placeholder{font-size:var(--input-font-size--medium);padding-left:var(--input-padding--medium);padding-right:var(--input-padding--medium)}.dnb-input--medium .dnb-input__submit-element{margin-left:calc(0px - var(--input-height--medium))}.dnb-input--medium .dnb-input__submit-element .dnb-button--input-button{height:var(--input-height--medium);line-height:var(--input-height--medium);width:var(--input-height--medium)}.dnb-input--medium.dnb-input--has-clear-button .dnb-input__input,.dnb-input--medium.dnb-input--has-clear-button .dnb-input__placeholder,.dnb-input--medium.dnb-input--has-submit-element .dnb-input__input,.dnb-input--medium.dnb-input--has-submit-element .dnb-input__placeholder{padding-right:calc(var(--input-padding--medium)*3)}.dnb-input--large{line-height:var(--input-height--large)}.dnb-input--large .dnb-input__input,.dnb-input--large .dnb-input__shell{height:var(--input-height--large)}.dnb-input--large .dnb-input__input,.dnb-input--large .dnb-input__placeholder{font-size:var(--input-font-size--large);padding-left:var(--input-padding--large);padding-right:var(--input-padding--large)}.dnb-input--large .dnb-input__submit-element{margin-left:calc(0px - var(--input-height--large))}.dnb-input--large .dnb-input__submit-element .dnb-button--input-button{height:var(--input-height--large);width:var(--input-height--large)}.dnb-input--large.dnb-input--has-clear-button .dnb-input__input,.dnb-input--large.dnb-input--has-clear-button .dnb-input__placeholder,.dnb-input--large.dnb-input--has-submit-element .dnb-input__input,.dnb-input--large.dnb-input--has-submit-element .dnb-input__placeholder{padding-right:calc(var(--input-padding--large)*3)}.dnb-input--large.dnb-input--has-clear-button:not(.dnb-input--has-submit-element) .dnb-input__submit-element{margin-left:calc(0px - var(--input-height--large) + .5rem)}.dnb-input__align--center .dnb-input__input,.dnb-input__align--center .dnb-input__placeholder{text-align:center}.dnb-input__align--right .dnb-input__input,.dnb-input__align--right .dnb-input__placeholder{text-align:right}.dnb-input--clear.dnb-input__submit-element{opacity:0;transition:opacity .2s ease-in-out}.dnb-input--clear.dnb-input__submit-element .dnb-button{border-radius:var(--button-border-radius);height:var(--input-height--small);width:var(--input-height--small)}.dnb-input--clear.dnb-input__submit-element .dnb-button .dnb-button__icon{margin:auto}html:not([data-whatintent=touch]) .dnb-input--clear.dnb-input__submit-element .dnb-button:not(.dnb-button--has-text):hover[disabled]{cursor:default}.dnb-input--small .dnb-input--clear.dnb-input__submit-element .dnb-button{height:1rem;width:1rem}.dnb-input--large .dnb-input--clear.dnb-input__submit-element .dnb-button,.dnb-input--medium .dnb-input--clear.dnb-input__submit-element .dnb-button{height:var(--input-height--small);width:var(--input-height--small)}.dnb-input[data-has-content=true] .dnb-input--clear{opacity:1}.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element{margin-right:2.5rem}.dnb-input--small.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element{margin-right:2rem}.dnb-input--medium.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element{margin-right:3rem}.dnb-input--large.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element{margin-right:3.5rem}.dnb-input__inner>.dnb-form-status{margin-top:.5rem;order:2}.dnb-input--vertical{align-items:flex-start;display:flex;flex-direction:column}.dnb-input--stretch{display:flex;flex-grow:1}.dnb-input--stretch .dnb-input__inner{flex-grow:1}.dnb-input--stretch .dnb-input__inner,.dnb-input--stretch .dnb-input__shell{width:100%}.dnb-input--stretch .dnb-form-label+.dnb-input__inner{width:auto}.dnb-form-row--horizontal .dnb-input--stretch,.dnb-input--vertical.dnb-input--stretch .dnb-input__inner{width:100%}.dnb-input__icon{bottom:0;left:1rem;margin:auto;order:0;position:absolute;right:auto;top:0}.dnb-input--icon-position-right .dnb-input__icon{left:auto;order:1;right:1rem}.dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__input,.dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__placeholder{padding-left:2.5rem}.dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__input,.dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__placeholder{padding-right:2.5rem}.dnb-input--icon-size-medium.dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__input,.dnb-input--icon-size-medium.dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__placeholder{padding-left:3rem}.dnb-input--icon-size-medium.dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__input,.dnb-input--icon-size-medium.dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__placeholder{padding-right:3rem}html[data-visual-test] .dnb-input__input{caret-color:var(--color-white)}@media screen and (max-width:40em){.dnb-responsive-component .dnb-input{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:.5rem}.dnb-responsive-component .dnb-input__row{align-items:flex-start}.dnb-responsive-component .dnb-input>.dnb-form-label{margin-bottom:.5rem}}
|