@dnb/eufemia 10.19.0 → 10.21.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 +67 -0
- package/cjs/components/accordion/AccordionContent.d.ts +1 -1
- package/cjs/components/accordion/AccordionContent.js.map +1 -1
- package/cjs/components/accordion/style/dnb-accordion.css +0 -3
- package/cjs/components/accordion/style/dnb-accordion.min.css +1 -1
- package/cjs/components/accordion/style/dnb-accordion.scss +0 -5
- package/cjs/components/breadcrumb/Breadcrumb.js +11 -2
- package/cjs/components/breadcrumb/Breadcrumb.js.map +1 -1
- package/cjs/components/breadcrumb/BreadcrumbItem.js +11 -8
- package/cjs/components/breadcrumb/BreadcrumbItem.js.map +1 -1
- package/cjs/components/card/Card.d.ts +6 -4
- package/cjs/components/card/Card.js +11 -15
- package/cjs/components/card/Card.js.map +1 -1
- package/cjs/components/card/style/dnb-card.css +29 -0
- package/cjs/components/card/style/dnb-card.min.css +1 -1
- package/cjs/components/card/style/dnb-card.scss +41 -0
- package/cjs/components/card/style/themes/dnb-card-theme-ui.css +1 -19
- package/cjs/components/card/style/themes/dnb-card-theme-ui.min.css +1 -1
- package/cjs/components/card/style/themes/dnb-card-theme-ui.scss +1 -27
- package/cjs/components/date-picker/DatePicker.d.ts +10 -1
- package/cjs/components/date-picker/DatePicker.js +5 -2
- package/cjs/components/date-picker/DatePicker.js.map +1 -1
- package/cjs/components/date-picker/DatePickerProvider.js +10 -10
- package/cjs/components/date-picker/DatePickerProvider.js.map +1 -1
- package/cjs/components/flex/Container.js +1 -1
- package/cjs/components/flex/Container.js.map +1 -1
- package/cjs/components/flex/Item.js +8 -13
- package/cjs/components/flex/Item.js.map +1 -1
- package/cjs/components/flex/style/dnb-flex.css +3 -0
- package/cjs/components/flex/style/dnb-flex.min.css +1 -1
- package/cjs/components/flex/style/flex-container.scss +3 -0
- package/cjs/components/flex/utils.d.ts +35 -7
- package/cjs/components/flex/utils.js +65 -33
- package/cjs/components/flex/utils.js.map +1 -1
- package/cjs/components/form-label/style/dnb-form-label.css +0 -7
- package/cjs/components/form-label/style/dnb-form-label.min.css +1 -1
- package/cjs/components/form-label/style/dnb-form-label.scss +0 -6
- package/cjs/components/form-status/FormStatus.d.ts +5 -1
- package/cjs/components/form-status/FormStatus.js +38 -44
- package/cjs/components/form-status/FormStatus.js.map +1 -1
- package/cjs/components/form-status/style/dnb-form-status.css +11 -18
- package/cjs/components/form-status/style/dnb-form-status.min.css +1 -1
- package/cjs/components/form-status/style/dnb-form-status.scss +11 -45
- package/cjs/components/global-status/GlobalStatus.js +52 -138
- package/cjs/components/global-status/GlobalStatus.js.map +1 -1
- package/cjs/components/global-status/style/dnb-global-status.css +6 -16
- package/cjs/components/global-status/style/dnb-global-status.min.css +1 -1
- package/cjs/components/global-status/style/dnb-global-status.scss +11 -23
- package/cjs/components/global-status/style/themes/dnb-global-status-theme-ui.css +0 -3
- package/cjs/components/global-status/style/themes/dnb-global-status-theme-ui.min.css +1 -1
- package/cjs/components/global-status/style/themes/dnb-global-status-theme-ui.scss +0 -10
- package/cjs/components/height-animation/HeightAnimation.d.ts +12 -4
- package/cjs/components/height-animation/HeightAnimation.js +31 -14
- package/cjs/components/height-animation/HeightAnimation.js.map +1 -1
- package/cjs/components/height-animation/HeightAnimationInstance.d.ts +35 -18
- package/cjs/components/height-animation/HeightAnimationInstance.js +186 -158
- package/cjs/components/height-animation/HeightAnimationInstance.js.map +1 -1
- package/cjs/components/height-animation/style/dnb-height-animation.css +16 -2
- package/cjs/components/height-animation/style/dnb-height-animation.min.css +1 -1
- package/cjs/components/height-animation/style/dnb-height-animation.scss +18 -2
- package/cjs/components/height-animation/useHeightAnimation.d.ts +6 -1
- package/cjs/components/height-animation/useHeightAnimation.js +125 -92
- package/cjs/components/height-animation/useHeightAnimation.js.map +1 -1
- package/cjs/components/info-card/InfoCard.d.ts +6 -0
- package/cjs/components/info-card/InfoCard.js +4 -2
- package/cjs/components/info-card/InfoCard.js.map +1 -1
- package/cjs/components/info-card/style/dnb-info-card.css +3 -1
- package/cjs/components/info-card/style/dnb-info-card.min.css +1 -1
- package/cjs/components/info-card/style/dnb-info-card.scss +4 -2
- package/cjs/components/input/Input.d.ts +8 -8
- package/cjs/components/input/InputDocs.d.ts +2 -0
- package/cjs/components/input/InputDocs.js +165 -0
- package/cjs/components/input/InputDocs.js.map +1 -0
- package/cjs/components/input/InputPassword.d.ts +6 -17
- package/cjs/components/input/InputPassword.js +4 -85
- package/cjs/components/input/InputPassword.js.map +1 -1
- package/cjs/components/input-masked/InputMasked.d.ts +6 -93
- package/cjs/components/input-masked/InputMasked.js +3 -1
- package/cjs/components/input-masked/InputMasked.js.map +1 -1
- package/cjs/components/input-masked/InputMaskedDocs.d.ts +2 -0
- package/cjs/components/input-masked/InputMaskedDocs.js +85 -0
- package/cjs/components/input-masked/InputMaskedDocs.js.map +1 -0
- package/cjs/components/input-masked/InputMaskedHooks.js +7 -4
- package/cjs/components/input-masked/InputMaskedHooks.js.map +1 -1
- package/cjs/components/input-masked/MultiInputMask.js +2 -6
- package/cjs/components/input-masked/MultiInputMask.js.map +1 -1
- package/cjs/components/input-masked/style/dnb-input-masked.css +3 -0
- package/cjs/components/input-masked/style/dnb-input-masked.min.css +1 -1
- package/cjs/components/input-masked/style/dnb-input-masked.scss +5 -0
- package/cjs/components/number-format/NumberFormat.d.ts +8 -13
- package/cjs/components/number-format/NumberUtils.js +22 -14
- package/cjs/components/number-format/NumberUtils.js.map +1 -1
- package/cjs/components/slider/Slider.d.ts +1 -0
- package/cjs/components/slider/Slider.js +10 -1
- package/cjs/components/slider/Slider.js.map +1 -1
- package/cjs/components/slider/SliderInstance.js +20 -6
- package/cjs/components/slider/SliderInstance.js.map +1 -1
- package/cjs/components/slider/SliderMarker.d.ts +7 -0
- package/cjs/components/slider/SliderMarker.js +62 -0
- package/cjs/components/slider/SliderMarker.js.map +1 -0
- package/cjs/components/slider/SliderProvider.js +2 -1
- package/cjs/components/slider/SliderProvider.js.map +1 -1
- package/cjs/components/slider/style/dnb-slider.css +43 -2
- package/cjs/components/slider/style/dnb-slider.min.css +1 -1
- package/cjs/components/slider/style/dnb-slider.scss +44 -1
- package/cjs/components/slider/style/themes/dnb-slider-theme-sbanken.css +3 -0
- package/cjs/components/slider/style/themes/dnb-slider-theme-sbanken.min.css +1 -1
- package/cjs/components/slider/style/themes/dnb-slider-theme-sbanken.scss +4 -0
- package/cjs/components/slider/style/themes/dnb-slider-theme-ui.css +3 -0
- package/cjs/components/slider/style/themes/dnb-slider-theme-ui.min.css +1 -1
- package/cjs/components/slider/style/themes/dnb-slider-theme-ui.scss +5 -0
- package/cjs/components/slider/types.d.ts +6 -0
- package/cjs/components/slider/types.js.map +1 -1
- package/cjs/components/step-indicator/StepIndicatorItem.js +3 -21
- package/cjs/components/step-indicator/StepIndicatorItem.js.map +1 -1
- package/cjs/components/step-indicator/StepIndicatorTriggerButton.js +2 -16
- package/cjs/components/step-indicator/StepIndicatorTriggerButton.js.map +1 -1
- package/cjs/components/step-indicator/style/dnb-step-indicator.css +0 -5
- package/cjs/components/step-indicator/style/dnb-step-indicator.min.css +1 -1
- package/cjs/components/step-indicator/style/dnb-step-indicator.scss +0 -7
- package/cjs/components/table/TableAccordion.js +3 -2
- package/cjs/components/table/TableAccordion.js.map +1 -1
- package/cjs/components/table/TableAccordionContent.js +54 -26
- package/cjs/components/table/TableAccordionContent.js.map +1 -1
- package/cjs/components/table/style/dnb-table.css +184 -114
- package/cjs/components/table/style/dnb-table.min.css +1 -1
- package/cjs/components/table/style/dnb-table.scss +60 -4
- package/cjs/components/table/style/table-accordion.scss +30 -60
- package/cjs/components/table/style/table-container.scss +9 -9
- package/cjs/components/table/style/table-mixins.scss +19 -2
- package/cjs/components/table/style/table-td.scss +82 -60
- package/cjs/components/table/style/table-th.scss +5 -30
- package/cjs/components/table/style/table-tr.scss +0 -20
- package/cjs/components/table/style/themes/dnb-table-theme-sbanken.css +24 -7
- package/cjs/components/table/style/themes/dnb-table-theme-sbanken.min.css +1 -1
- package/cjs/components/table/style/themes/dnb-table-theme-sbanken.scss +17 -12
- package/cjs/components/table/style/themes/dnb-table-theme-ui.css +14 -9
- package/cjs/components/table/style/themes/dnb-table-theme-ui.min.css +1 -1
- package/cjs/components/table/style/themes/dnb-table-theme-ui.scss +12 -22
- package/cjs/components/tabs/Tabs.js +2 -1
- package/cjs/components/tabs/Tabs.js.map +1 -1
- package/cjs/components/tabs/TabsContentWrapper.d.ts +1 -0
- package/cjs/components/tabs/TabsContentWrapper.js +8 -6
- package/cjs/components/tabs/TabsContentWrapper.js.map +1 -1
- package/cjs/components/textarea/Textarea.d.ts +4 -10
- package/cjs/components/textarea/TextareaDocs.d.ts +2 -0
- package/cjs/components/textarea/TextareaDocs.js +105 -0
- package/cjs/components/textarea/TextareaDocs.js.map +1 -0
- package/cjs/components/textarea/style/dnb-textarea.css +1 -0
- package/cjs/components/textarea/style/dnb-textarea.min.css +1 -1
- package/cjs/components/textarea/style/dnb-textarea.scss +3 -0
- package/cjs/components/upload/Upload.js +15 -18
- package/cjs/components/upload/Upload.js.map +1 -1
- package/cjs/components/upload/UploadFileInput.js +3 -1
- package/cjs/components/upload/UploadFileInput.js.map +1 -1
- package/cjs/components/upload/UploadFileList.js +1 -1
- package/cjs/components/upload/UploadFileList.js.map +1 -1
- package/cjs/components/upload/UploadInfo.js +1 -1
- package/cjs/components/upload/UploadInfo.js.map +1 -1
- package/cjs/components/upload/UploadStatus.js +6 -2
- package/cjs/components/upload/UploadStatus.js.map +1 -1
- package/cjs/components/upload/useUpload.js +5 -6
- package/cjs/components/upload/useUpload.js.map +1 -1
- package/cjs/core/jest/jestSetupScreenshots.css +7 -0
- package/cjs/elements/lib.d.ts +7 -1
- package/cjs/elements/lists/Dl.d.ts +5 -1
- package/cjs/elements/lists/Dl.js +5 -4
- package/cjs/elements/lists/Dl.js.map +1 -1
- package/cjs/elements/lists/style/lists-mixins.scss +24 -1
- package/cjs/elements/typography/H1.d.ts +1 -0
- package/cjs/elements/typography/H1.js +1 -1
- package/cjs/elements/typography/H1.js.map +1 -1
- package/cjs/elements/typography/H2.d.ts +1 -0
- package/cjs/elements/typography/H2.js +1 -1
- package/cjs/elements/typography/H2.js.map +1 -1
- package/cjs/elements/typography/H3.d.ts +1 -0
- package/cjs/elements/typography/H3.js +1 -1
- package/cjs/elements/typography/H3.js.map +1 -1
- package/cjs/elements/typography/H4.d.ts +1 -0
- package/cjs/elements/typography/H4.js +1 -1
- package/cjs/elements/typography/H4.js.map +1 -1
- package/cjs/elements/typography/H5.d.ts +1 -0
- package/cjs/elements/typography/H5.js +1 -1
- package/cjs/elements/typography/H5.js.map +1 -1
- package/cjs/elements/typography/H6.d.ts +1 -0
- package/cjs/elements/typography/H6.js +1 -1
- package/cjs/elements/typography/H6.js.map +1 -1
- package/cjs/extensions/forms/DataContext/Context.d.ts +19 -5
- package/cjs/extensions/forms/DataContext/Context.js +9 -0
- package/cjs/extensions/forms/DataContext/Context.js.map +1 -1
- package/cjs/extensions/forms/DataContext/Provider/Provider.d.ts +57 -19
- package/cjs/extensions/forms/DataContext/Provider/Provider.js +152 -64
- package/cjs/extensions/forms/DataContext/Provider/Provider.js.map +1 -1
- package/cjs/extensions/forms/Field/BankAccountNumber/BankAccountNumber.js +3 -2
- package/cjs/extensions/forms/Field/BankAccountNumber/BankAccountNumber.js.map +1 -1
- package/cjs/extensions/forms/Field/Currency/Currency.js +1 -1
- package/cjs/extensions/forms/Field/Currency/Currency.js.map +1 -1
- package/cjs/extensions/forms/Field/Date/Date.js +4 -3
- package/cjs/extensions/forms/Field/Date/Date.js.map +1 -1
- package/cjs/extensions/forms/Field/Email/Email.js +3 -2
- package/cjs/extensions/forms/Field/Email/Email.js.map +1 -1
- package/cjs/extensions/forms/Field/Expiry/Expiry.js +5 -3
- package/cjs/extensions/forms/Field/Expiry/Expiry.js.map +1 -1
- package/cjs/extensions/forms/Field/FieldDocs.d.ts +3 -0
- package/cjs/extensions/forms/Field/FieldDocs.js +18 -0
- package/cjs/extensions/forms/Field/FieldDocs.js.map +1 -0
- package/cjs/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumber.js +3 -2
- package/cjs/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumber.js.map +1 -1
- package/cjs/extensions/forms/Field/Number/Number.d.ts +3 -4
- package/cjs/extensions/forms/Field/Number/Number.js +25 -20
- package/cjs/extensions/forms/Field/Number/Number.js.map +1 -1
- package/cjs/extensions/forms/Field/Number/NumberDocs.d.ts +2 -0
- package/cjs/extensions/forms/Field/Number/NumberDocs.js +92 -0
- package/cjs/extensions/forms/Field/Number/NumberDocs.js.map +1 -0
- package/cjs/extensions/forms/Field/Number/style/dnb-number.css +3 -1
- package/cjs/extensions/forms/Field/Number/style/dnb-number.min.css +1 -1
- package/cjs/extensions/forms/Field/Number/style/dnb-number.scss +4 -1
- package/cjs/extensions/forms/Field/OrganizationNumber/OrganizationNumber.js +3 -2
- package/cjs/extensions/forms/Field/OrganizationNumber/OrganizationNumber.js.map +1 -1
- package/cjs/extensions/forms/Field/Password/Password.d.ts +45 -0
- package/cjs/extensions/forms/Field/Password/Password.js +111 -0
- package/cjs/extensions/forms/Field/Password/Password.js.map +1 -0
- package/cjs/extensions/forms/Field/Password/index.d.ts +2 -0
- package/cjs/extensions/forms/Field/Password/index.js +27 -0
- package/cjs/extensions/forms/Field/Password/index.js.map +1 -0
- package/cjs/extensions/forms/Field/Password/style/dnb-password.css +6 -0
- package/cjs/extensions/forms/Field/Password/style/dnb-password.min.css +1 -0
- package/cjs/extensions/forms/Field/Password/style/dnb-password.scss +10 -0
- package/cjs/extensions/forms/Field/PhoneNumber/PhoneNumber.js +3 -2
- package/cjs/extensions/forms/Field/PhoneNumber/PhoneNumber.js.map +1 -1
- package/cjs/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.js +4 -5
- package/cjs/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.js.map +1 -1
- package/cjs/extensions/forms/Field/PostalCodeAndCity/style/dnb-postal-code-and-city.css +3 -6
- package/cjs/extensions/forms/Field/PostalCodeAndCity/style/dnb-postal-code-and-city.min.css +1 -1
- package/cjs/extensions/forms/Field/PostalCodeAndCity/style/dnb-postal-code-and-city.scss +2 -6
- package/cjs/extensions/forms/Field/SelectCountry/SelectCountry.js +3 -2
- package/cjs/extensions/forms/Field/SelectCountry/SelectCountry.js.map +1 -1
- package/cjs/extensions/forms/Field/Selection/Selection.d.ts +0 -1
- package/cjs/extensions/forms/Field/Selection/Selection.js +1 -9
- package/cjs/extensions/forms/Field/Selection/Selection.js.map +1 -1
- package/cjs/extensions/forms/Field/String/String.d.ts +22 -11
- package/cjs/extensions/forms/Field/String/String.js +55 -32
- package/cjs/extensions/forms/Field/String/String.js.map +1 -1
- package/cjs/extensions/forms/Field/String/StringDocs.d.ts +2 -0
- package/cjs/extensions/forms/Field/String/StringDocs.js +106 -0
- package/cjs/extensions/forms/Field/String/StringDocs.js.map +1 -0
- package/cjs/extensions/forms/Field/Toggle/Toggle.js +6 -3
- package/cjs/extensions/forms/Field/Toggle/Toggle.js.map +1 -1
- package/cjs/extensions/forms/Field/index.d.ts +1 -0
- package/cjs/extensions/forms/Field/index.js +7 -0
- package/cjs/extensions/forms/Field/index.js.map +1 -1
- package/cjs/extensions/forms/FieldBlock/FieldBlock.d.ts +8 -3
- package/cjs/extensions/forms/FieldBlock/FieldBlock.js +204 -64
- package/cjs/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
- package/cjs/extensions/forms/FieldBlock/FieldBlockContext.d.ts +40 -6
- package/cjs/extensions/forms/FieldBlock/FieldBlockContext.js.map +1 -1
- package/cjs/extensions/forms/FieldBlock/FieldBlockDocs.d.ts +2 -0
- package/cjs/extensions/forms/FieldBlock/FieldBlockDocs.js +60 -0
- package/cjs/extensions/forms/FieldBlock/FieldBlockDocs.js.map +1 -0
- package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.css +46 -5
- package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
- package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.scss +51 -1
- package/cjs/extensions/forms/Form/Appearance/Appearance.d.ts +7 -0
- package/cjs/extensions/forms/Form/Appearance/Appearance.js +38 -0
- package/cjs/extensions/forms/Form/Appearance/Appearance.js.map +1 -0
- package/cjs/extensions/forms/Form/Appearance/AppearanceDocs.d.ts +2 -0
- package/cjs/extensions/forms/Form/Appearance/AppearanceDocs.js +15 -0
- package/cjs/extensions/forms/Form/Appearance/AppearanceDocs.js.map +1 -0
- package/cjs/extensions/forms/Form/Appearance/index.d.ts +2 -0
- package/cjs/extensions/forms/Form/Appearance/index.js +27 -0
- package/cjs/extensions/forms/Form/Appearance/index.js.map +1 -0
- package/cjs/extensions/forms/Form/Handler/Handler.d.ts +1 -1
- package/cjs/extensions/forms/Form/Handler/Handler.js +7 -1
- package/cjs/extensions/forms/Form/Handler/Handler.js.map +1 -1
- package/cjs/extensions/forms/Form/Visibility/Visibility.d.ts +6 -1
- package/cjs/extensions/forms/Form/Visibility/Visibility.js +54 -39
- package/cjs/extensions/forms/Form/Visibility/Visibility.js.map +1 -1
- package/cjs/extensions/forms/Form/data-context/getData.d.ts +8 -0
- package/cjs/extensions/forms/Form/data-context/getData.js +21 -0
- package/cjs/extensions/forms/Form/data-context/getData.js.map +1 -0
- package/cjs/extensions/forms/Form/data-context/setData.d.ts +2 -0
- package/cjs/extensions/forms/Form/data-context/setData.js +12 -0
- package/cjs/extensions/forms/Form/data-context/setData.js.map +1 -0
- package/cjs/extensions/forms/Form/data-context/useData.d.ts +22 -0
- package/cjs/extensions/forms/Form/data-context/useData.js +65 -0
- package/cjs/extensions/forms/Form/data-context/useData.js.map +1 -0
- package/cjs/extensions/forms/Form/data-context/useError.d.ts +5 -0
- package/cjs/extensions/forms/Form/data-context/useError.js +18 -0
- package/cjs/extensions/forms/Form/data-context/useError.js.map +1 -0
- package/cjs/extensions/forms/Form/index.d.ts +5 -1
- package/cjs/extensions/forms/Form/index.js +29 -1
- package/cjs/extensions/forms/Form/index.js.map +1 -1
- package/cjs/extensions/forms/Iterate/Array/Array.d.ts +2 -2
- package/cjs/extensions/forms/Iterate/Array/Array.js.map +1 -1
- package/cjs/extensions/forms/StepsLayout/StepsLayout.d.ts +3 -0
- package/cjs/extensions/forms/StepsLayout/StepsLayout.js +30 -21
- package/cjs/extensions/forms/StepsLayout/StepsLayout.js.map +1 -1
- package/cjs/extensions/forms/StepsLayout/style/dnb-steps-layout.css +6 -0
- package/cjs/extensions/forms/StepsLayout/style/dnb-steps-layout.min.css +1 -1
- package/cjs/extensions/forms/StepsLayout/style/dnb-steps-layout.scss +7 -0
- package/cjs/extensions/forms/Value/Currency/Currency.js +3 -4
- package/cjs/extensions/forms/Value/Currency/Currency.js.map +1 -1
- package/cjs/extensions/forms/Value/Number/Number.d.ts +6 -10
- package/cjs/extensions/forms/Value/Number/Number.js +25 -27
- package/cjs/extensions/forms/Value/Number/Number.js.map +1 -1
- package/cjs/extensions/forms/Value/PhoneNumber/PhoneNumber.js +6 -4
- package/cjs/extensions/forms/Value/PhoneNumber/PhoneNumber.js.map +1 -1
- package/cjs/extensions/forms/Value/SummaryList/SummaryList.d.ts +7 -0
- package/cjs/extensions/forms/Value/SummaryList/SummaryList.js +35 -0
- package/cjs/extensions/forms/Value/SummaryList/SummaryList.js.map +1 -0
- package/cjs/extensions/forms/Value/SummaryList/SummaryListContext.d.ts +7 -0
- package/cjs/extensions/forms/Value/SummaryList/SummaryListContext.js +12 -0
- package/cjs/extensions/forms/Value/SummaryList/SummaryListContext.js.map +1 -0
- package/cjs/extensions/forms/Value/SummaryList/index.d.ts +2 -0
- package/cjs/extensions/forms/Value/SummaryList/index.js +27 -0
- package/cjs/extensions/forms/Value/SummaryList/index.js.map +1 -0
- package/cjs/extensions/forms/Value/ValueDocs.d.ts +2 -0
- package/cjs/extensions/forms/Value/ValueDocs.js +40 -0
- package/cjs/extensions/forms/Value/ValueDocs.js.map +1 -0
- package/cjs/extensions/forms/Value/index.d.ts +1 -0
- package/cjs/extensions/forms/Value/index.js +7 -0
- package/cjs/extensions/forms/Value/index.js.map +1 -1
- package/cjs/extensions/forms/ValueBlock/ValueBlock.js +13 -3
- package/cjs/extensions/forms/ValueBlock/ValueBlock.js.map +1 -1
- package/cjs/extensions/forms/hooks/DataValueDocs.d.ts +3 -0
- package/cjs/extensions/forms/hooks/DataValueDocs.js +118 -0
- package/cjs/extensions/forms/hooks/DataValueDocs.js.map +1 -0
- package/cjs/extensions/forms/hooks/index.d.ts +1 -0
- package/cjs/extensions/forms/hooks/index.js +7 -0
- package/cjs/extensions/forms/hooks/index.js.map +1 -1
- package/cjs/extensions/forms/hooks/useDataValue.d.ts +12 -7
- package/cjs/extensions/forms/hooks/useDataValue.js +162 -38
- package/cjs/extensions/forms/hooks/useDataValue.js.map +1 -1
- package/cjs/extensions/forms/hooks/useErrorMessage.d.ts +10 -0
- package/cjs/extensions/forms/hooks/useErrorMessage.js +23 -0
- package/cjs/extensions/forms/hooks/useErrorMessage.js.map +1 -0
- package/cjs/extensions/forms/hooks/useId.js +1 -1
- package/cjs/extensions/forms/hooks/useId.js.map +1 -1
- package/cjs/extensions/forms/hooks/useMountEffect.js +1 -1
- package/cjs/extensions/forms/hooks/useMountEffect.js.map +1 -1
- package/cjs/extensions/forms/hooks/useUnmountEffect.d.ts +4 -0
- package/cjs/extensions/forms/hooks/useUnmountEffect.js +14 -0
- package/cjs/extensions/forms/hooks/useUnmountEffect.js.map +1 -0
- package/cjs/extensions/forms/index.d.ts +1 -0
- package/cjs/extensions/forms/index.js +9 -1
- package/cjs/extensions/forms/index.js.map +1 -1
- package/cjs/extensions/forms/style/dnb-forms.css +65 -12
- package/cjs/extensions/forms/style/dnb-forms.min.css +1 -1
- package/cjs/extensions/forms/types.d.ts +25 -10
- package/cjs/extensions/forms/types.js.map +1 -1
- package/cjs/extensions/forms/utils/ajv.d.ts +47 -6
- package/cjs/extensions/forms/utils/ajv.js +29 -13
- package/cjs/extensions/forms/utils/ajv.js.map +1 -1
- package/cjs/extensions/forms/utils/index.d.ts +0 -1
- package/cjs/extensions/forms/utils/index.js +0 -12
- package/cjs/extensions/forms/utils/index.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/component-helper.d.ts +1 -0
- package/cjs/shared/component-helper.js +10 -3
- package/cjs/shared/component-helper.js.map +1 -1
- package/cjs/shared/helpers/filterValidProps.d.ts +2 -2
- package/cjs/shared/helpers/filterValidProps.js +2 -2
- package/cjs/shared/helpers/filterValidProps.js.map +1 -1
- package/cjs/shared/helpers/useSharedState.d.ts +28 -7
- package/cjs/shared/helpers/useSharedState.js +62 -43
- package/cjs/shared/helpers/useSharedState.js.map +1 -1
- package/cjs/shared/helpers/withCamelCaseProps.d.ts +7 -1
- package/cjs/shared/helpers/withCamelCaseProps.js.map +1 -1
- package/cjs/shared/locales/en-GB.d.ts +6 -3
- package/cjs/shared/locales/en-GB.js +8 -5
- package/cjs/shared/locales/en-GB.js.map +1 -1
- package/cjs/shared/locales/en-US.d.ts +6 -3
- package/cjs/shared/locales/index.d.ts +12 -6
- package/cjs/shared/locales/nb-NO.d.ts +6 -3
- package/cjs/shared/locales/nb-NO.js +8 -5
- package/cjs/shared/locales/nb-NO.js.map +1 -1
- package/cjs/shared/types.d.ts +5 -0
- package/cjs/shared/types.js.map +1 -1
- package/cjs/style/core/utilities.scss +1 -1
- package/cjs/style/dnb-ui-components.css +364 -180
- package/cjs/style/dnb-ui-components.min.css +3 -3
- package/cjs/style/dnb-ui-elements.css +25 -5
- package/cjs/style/dnb-ui-elements.min.css +1 -1
- package/cjs/style/dnb-ui-extensions.css +65 -12
- package/cjs/style/dnb-ui-extensions.min.css +1 -1
- package/cjs/style/dnb-ui-forms.css +65 -12
- package/cjs/style/dnb-ui-forms.min.css +1 -1
- package/cjs/style/dnb-ui-forms.scss +1 -0
- package/cjs/style/themes/theme-eiendom/eiendom-theme-basis.css +25 -5
- package/cjs/style/themes/theme-eiendom/eiendom-theme-basis.min.css +1 -1
- package/cjs/style/themes/theme-eiendom/eiendom-theme-components.css +447 -223
- package/cjs/style/themes/theme-eiendom/eiendom-theme-components.min.css +5 -5
- package/cjs/style/themes/theme-eiendom/eiendom-theme-elements.css +25 -5
- package/cjs/style/themes/theme-eiendom/eiendom-theme-elements.min.css +1 -1
- package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.css +65 -12
- package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
- package/cjs/style/themes/theme-eiendom/eiendom-theme-forms.css +65 -12
- package/cjs/style/themes/theme-eiendom/eiendom-theme-forms.min.css +1 -1
- package/cjs/style/themes/theme-sbanken/sbanken-theme-basis.css +25 -5
- package/cjs/style/themes/theme-sbanken/sbanken-theme-basis.min.css +1 -1
- package/cjs/style/themes/theme-sbanken/sbanken-theme-components.css +457 -218
- package/cjs/style/themes/theme-sbanken/sbanken-theme-components.min.css +4 -4
- package/cjs/style/themes/theme-sbanken/sbanken-theme-elements.css +25 -5
- package/cjs/style/themes/theme-sbanken/sbanken-theme-elements.min.css +1 -1
- package/cjs/style/themes/theme-sbanken/sbanken-theme-extensions.css +65 -12
- package/cjs/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
- package/cjs/style/themes/theme-sbanken/sbanken-theme-forms.css +65 -12
- package/cjs/style/themes/theme-sbanken/sbanken-theme-forms.min.css +1 -1
- package/cjs/style/themes/theme-ui/ui-theme-basis.css +25 -5
- package/cjs/style/themes/theme-ui/ui-theme-basis.min.css +1 -1
- package/cjs/style/themes/theme-ui/ui-theme-components.css +447 -223
- package/cjs/style/themes/theme-ui/ui-theme-components.min.css +5 -5
- package/cjs/style/themes/theme-ui/ui-theme-elements.css +25 -5
- package/cjs/style/themes/theme-ui/ui-theme-elements.min.css +1 -1
- package/cjs/style/themes/theme-ui/ui-theme-extensions.css +65 -12
- package/cjs/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
- package/cjs/style/themes/theme-ui/ui-theme-forms.css +65 -12
- package/cjs/style/themes/theme-ui/ui-theme-forms.min.css +1 -1
- package/cjs/style/themes/theme-ui/ui-theme-tags.css +25 -5
- package/cjs/style/themes/theme-ui/ui-theme-tags.min.css +1 -1
- package/components/accordion/AccordionContent.d.ts +1 -1
- package/components/accordion/AccordionContent.js.map +1 -1
- package/components/accordion/style/dnb-accordion.css +0 -3
- package/components/accordion/style/dnb-accordion.min.css +1 -1
- package/components/accordion/style/dnb-accordion.scss +0 -5
- package/components/breadcrumb/Breadcrumb.js +11 -2
- package/components/breadcrumb/Breadcrumb.js.map +1 -1
- package/components/breadcrumb/BreadcrumbItem.js +11 -8
- package/components/breadcrumb/BreadcrumbItem.js.map +1 -1
- package/components/card/Card.d.ts +6 -4
- package/components/card/Card.js +11 -15
- package/components/card/Card.js.map +1 -1
- package/components/card/style/dnb-card.css +29 -0
- package/components/card/style/dnb-card.min.css +1 -1
- package/components/card/style/dnb-card.scss +41 -0
- package/components/card/style/themes/dnb-card-theme-ui.css +1 -19
- package/components/card/style/themes/dnb-card-theme-ui.min.css +1 -1
- package/components/card/style/themes/dnb-card-theme-ui.scss +1 -27
- package/components/date-picker/DatePicker.d.ts +10 -1
- package/components/date-picker/DatePicker.js +5 -2
- package/components/date-picker/DatePicker.js.map +1 -1
- package/components/date-picker/DatePickerProvider.js +10 -10
- package/components/date-picker/DatePickerProvider.js.map +1 -1
- package/components/flex/Container.js +1 -1
- package/components/flex/Container.js.map +1 -1
- package/components/flex/Item.js +8 -11
- package/components/flex/Item.js.map +1 -1
- package/components/flex/style/dnb-flex.css +3 -0
- package/components/flex/style/dnb-flex.min.css +1 -1
- package/components/flex/style/flex-container.scss +3 -0
- package/components/flex/utils.d.ts +35 -7
- package/components/flex/utils.js +56 -24
- package/components/flex/utils.js.map +1 -1
- package/components/form-label/style/dnb-form-label.css +0 -7
- package/components/form-label/style/dnb-form-label.min.css +1 -1
- package/components/form-label/style/dnb-form-label.scss +0 -6
- package/components/form-status/FormStatus.d.ts +5 -1
- package/components/form-status/FormStatus.js +38 -44
- package/components/form-status/FormStatus.js.map +1 -1
- package/components/form-status/style/dnb-form-status.css +11 -18
- package/components/form-status/style/dnb-form-status.min.css +1 -1
- package/components/form-status/style/dnb-form-status.scss +11 -45
- package/components/global-status/GlobalStatus.js +53 -139
- package/components/global-status/GlobalStatus.js.map +1 -1
- package/components/global-status/style/dnb-global-status.css +6 -16
- package/components/global-status/style/dnb-global-status.min.css +1 -1
- package/components/global-status/style/dnb-global-status.scss +11 -23
- package/components/global-status/style/themes/dnb-global-status-theme-ui.css +0 -3
- package/components/global-status/style/themes/dnb-global-status-theme-ui.min.css +1 -1
- package/components/global-status/style/themes/dnb-global-status-theme-ui.scss +0 -10
- package/components/height-animation/HeightAnimation.d.ts +12 -4
- package/components/height-animation/HeightAnimation.js +27 -14
- package/components/height-animation/HeightAnimation.js.map +1 -1
- package/components/height-animation/HeightAnimationInstance.d.ts +35 -18
- package/components/height-animation/HeightAnimationInstance.js +186 -158
- package/components/height-animation/HeightAnimationInstance.js.map +1 -1
- package/components/height-animation/style/dnb-height-animation.css +16 -2
- package/components/height-animation/style/dnb-height-animation.min.css +1 -1
- package/components/height-animation/style/dnb-height-animation.scss +18 -2
- package/components/height-animation/useHeightAnimation.d.ts +6 -1
- package/components/height-animation/useHeightAnimation.js +124 -92
- package/components/height-animation/useHeightAnimation.js.map +1 -1
- package/components/info-card/InfoCard.d.ts +6 -0
- package/components/info-card/InfoCard.js +4 -2
- package/components/info-card/InfoCard.js.map +1 -1
- package/components/info-card/style/dnb-info-card.css +3 -1
- package/components/info-card/style/dnb-info-card.min.css +1 -1
- package/components/info-card/style/dnb-info-card.scss +4 -2
- package/components/input/Input.d.ts +8 -8
- package/components/input/InputDocs.d.ts +2 -0
- package/components/input/InputDocs.js +158 -0
- package/components/input/InputDocs.js.map +1 -0
- package/components/input/InputPassword.d.ts +6 -17
- package/components/input/InputPassword.js +3 -81
- package/components/input/InputPassword.js.map +1 -1
- package/components/input-masked/InputMasked.d.ts +6 -93
- package/components/input-masked/InputMasked.js +3 -1
- package/components/input-masked/InputMasked.js.map +1 -1
- package/components/input-masked/InputMaskedDocs.d.ts +2 -0
- package/components/input-masked/InputMaskedDocs.js +78 -0
- package/components/input-masked/InputMaskedDocs.js.map +1 -0
- package/components/input-masked/InputMaskedHooks.js +7 -4
- package/components/input-masked/InputMaskedHooks.js.map +1 -1
- package/components/input-masked/MultiInputMask.js +2 -6
- package/components/input-masked/MultiInputMask.js.map +1 -1
- package/components/input-masked/style/dnb-input-masked.css +3 -0
- package/components/input-masked/style/dnb-input-masked.min.css +1 -1
- package/components/input-masked/style/dnb-input-masked.scss +5 -0
- package/components/number-format/NumberFormat.d.ts +8 -13
- package/components/number-format/NumberUtils.js +22 -14
- package/components/number-format/NumberUtils.js.map +1 -1
- package/components/slider/Slider.d.ts +1 -0
- package/components/slider/Slider.js +1 -0
- package/components/slider/Slider.js.map +1 -1
- package/components/slider/SliderInstance.js +18 -5
- package/components/slider/SliderInstance.js.map +1 -1
- package/components/slider/SliderMarker.d.ts +7 -0
- package/components/slider/SliderMarker.js +53 -0
- package/components/slider/SliderMarker.js.map +1 -0
- package/components/slider/SliderProvider.js +2 -1
- package/components/slider/SliderProvider.js.map +1 -1
- package/components/slider/style/dnb-slider.css +43 -2
- package/components/slider/style/dnb-slider.min.css +1 -1
- package/components/slider/style/dnb-slider.scss +44 -1
- package/components/slider/style/themes/dnb-slider-theme-sbanken.css +3 -0
- package/components/slider/style/themes/dnb-slider-theme-sbanken.min.css +1 -1
- package/components/slider/style/themes/dnb-slider-theme-sbanken.scss +4 -0
- package/components/slider/style/themes/dnb-slider-theme-ui.css +3 -0
- package/components/slider/style/themes/dnb-slider-theme-ui.min.css +1 -1
- package/components/slider/style/themes/dnb-slider-theme-ui.scss +5 -0
- package/components/slider/types.d.ts +6 -0
- package/components/slider/types.js.map +1 -1
- package/components/step-indicator/StepIndicatorItem.js +4 -22
- package/components/step-indicator/StepIndicatorItem.js.map +1 -1
- package/components/step-indicator/StepIndicatorTriggerButton.js +3 -17
- package/components/step-indicator/StepIndicatorTriggerButton.js.map +1 -1
- package/components/step-indicator/style/dnb-step-indicator.css +0 -5
- package/components/step-indicator/style/dnb-step-indicator.min.css +1 -1
- package/components/step-indicator/style/dnb-step-indicator.scss +0 -7
- package/components/table/TableAccordion.js +3 -2
- package/components/table/TableAccordion.js.map +1 -1
- package/components/table/TableAccordionContent.js +51 -26
- package/components/table/TableAccordionContent.js.map +1 -1
- package/components/table/style/dnb-table.css +184 -114
- package/components/table/style/dnb-table.min.css +1 -1
- package/components/table/style/dnb-table.scss +60 -4
- package/components/table/style/table-accordion.scss +30 -60
- package/components/table/style/table-container.scss +9 -9
- package/components/table/style/table-mixins.scss +19 -2
- package/components/table/style/table-td.scss +82 -60
- package/components/table/style/table-th.scss +5 -30
- package/components/table/style/table-tr.scss +0 -20
- package/components/table/style/themes/dnb-table-theme-sbanken.css +24 -7
- package/components/table/style/themes/dnb-table-theme-sbanken.min.css +1 -1
- package/components/table/style/themes/dnb-table-theme-sbanken.scss +17 -12
- package/components/table/style/themes/dnb-table-theme-ui.css +14 -9
- package/components/table/style/themes/dnb-table-theme-ui.min.css +1 -1
- package/components/table/style/themes/dnb-table-theme-ui.scss +12 -22
- package/components/tabs/Tabs.js +2 -1
- package/components/tabs/Tabs.js.map +1 -1
- package/components/tabs/TabsContentWrapper.d.ts +1 -0
- package/components/tabs/TabsContentWrapper.js +8 -6
- package/components/tabs/TabsContentWrapper.js.map +1 -1
- package/components/textarea/Textarea.d.ts +4 -10
- package/components/textarea/TextareaDocs.d.ts +2 -0
- package/components/textarea/TextareaDocs.js +98 -0
- package/components/textarea/TextareaDocs.js.map +1 -0
- package/components/textarea/style/dnb-textarea.css +1 -0
- package/components/textarea/style/dnb-textarea.min.css +1 -1
- package/components/textarea/style/dnb-textarea.scss +3 -0
- package/components/upload/Upload.js +13 -18
- package/components/upload/Upload.js.map +1 -1
- package/components/upload/UploadFileInput.js +3 -1
- package/components/upload/UploadFileInput.js.map +1 -1
- package/components/upload/UploadFileList.js +1 -1
- package/components/upload/UploadFileList.js.map +1 -1
- package/components/upload/UploadInfo.js +1 -1
- package/components/upload/UploadInfo.js.map +1 -1
- package/components/upload/UploadStatus.js +6 -2
- package/components/upload/UploadStatus.js.map +1 -1
- package/components/upload/useUpload.js +5 -7
- package/components/upload/useUpload.js.map +1 -1
- package/core/jest/jestSetupScreenshots.css +7 -0
- package/elements/lib.d.ts +7 -1
- package/elements/lists/Dl.d.ts +5 -1
- package/elements/lists/Dl.js +5 -4
- package/elements/lists/Dl.js.map +1 -1
- package/elements/lists/style/lists-mixins.scss +24 -1
- package/elements/typography/H1.d.ts +1 -0
- package/elements/typography/H1.js +1 -1
- package/elements/typography/H1.js.map +1 -1
- package/elements/typography/H2.d.ts +1 -0
- package/elements/typography/H2.js +1 -1
- package/elements/typography/H2.js.map +1 -1
- package/elements/typography/H3.d.ts +1 -0
- package/elements/typography/H3.js +1 -1
- package/elements/typography/H3.js.map +1 -1
- package/elements/typography/H4.d.ts +1 -0
- package/elements/typography/H4.js +1 -1
- package/elements/typography/H4.js.map +1 -1
- package/elements/typography/H5.d.ts +1 -0
- package/elements/typography/H5.js +1 -1
- package/elements/typography/H5.js.map +1 -1
- package/elements/typography/H6.d.ts +1 -0
- package/elements/typography/H6.js +1 -1
- package/elements/typography/H6.js.map +1 -1
- package/es/components/accordion/AccordionContent.d.ts +1 -1
- package/es/components/accordion/AccordionContent.js.map +1 -1
- package/es/components/accordion/style/dnb-accordion.css +0 -3
- package/es/components/accordion/style/dnb-accordion.min.css +1 -1
- package/es/components/accordion/style/dnb-accordion.scss +0 -5
- package/es/components/breadcrumb/Breadcrumb.js +11 -2
- package/es/components/breadcrumb/Breadcrumb.js.map +1 -1
- package/es/components/breadcrumb/BreadcrumbItem.js +11 -8
- package/es/components/breadcrumb/BreadcrumbItem.js.map +1 -1
- package/es/components/card/Card.d.ts +6 -4
- package/es/components/card/Card.js +11 -15
- package/es/components/card/Card.js.map +1 -1
- package/es/components/card/style/dnb-card.css +29 -0
- package/es/components/card/style/dnb-card.min.css +1 -1
- package/es/components/card/style/dnb-card.scss +41 -0
- package/es/components/card/style/themes/dnb-card-theme-ui.css +1 -19
- package/es/components/card/style/themes/dnb-card-theme-ui.min.css +1 -1
- package/es/components/card/style/themes/dnb-card-theme-ui.scss +1 -27
- package/es/components/date-picker/DatePicker.d.ts +10 -1
- package/es/components/date-picker/DatePicker.js +5 -2
- package/es/components/date-picker/DatePicker.js.map +1 -1
- package/es/components/date-picker/DatePickerProvider.js +10 -10
- package/es/components/date-picker/DatePickerProvider.js.map +1 -1
- package/es/components/flex/Container.js +1 -1
- package/es/components/flex/Container.js.map +1 -1
- package/es/components/flex/Item.js +8 -11
- package/es/components/flex/Item.js.map +1 -1
- package/es/components/flex/style/dnb-flex.css +3 -0
- package/es/components/flex/style/dnb-flex.min.css +1 -1
- package/es/components/flex/style/flex-container.scss +3 -0
- package/es/components/flex/utils.d.ts +35 -7
- package/es/components/flex/utils.js +55 -24
- package/es/components/flex/utils.js.map +1 -1
- package/es/components/form-label/style/dnb-form-label.css +0 -7
- package/es/components/form-label/style/dnb-form-label.min.css +1 -1
- package/es/components/form-label/style/dnb-form-label.scss +0 -6
- package/es/components/form-status/FormStatus.d.ts +5 -1
- package/es/components/form-status/FormStatus.js +38 -44
- package/es/components/form-status/FormStatus.js.map +1 -1
- package/es/components/form-status/style/dnb-form-status.css +11 -18
- package/es/components/form-status/style/dnb-form-status.min.css +1 -1
- package/es/components/form-status/style/dnb-form-status.scss +11 -45
- package/es/components/global-status/GlobalStatus.js +51 -133
- package/es/components/global-status/GlobalStatus.js.map +1 -1
- package/es/components/global-status/style/dnb-global-status.css +6 -16
- package/es/components/global-status/style/dnb-global-status.min.css +1 -1
- package/es/components/global-status/style/dnb-global-status.scss +11 -23
- package/es/components/global-status/style/themes/dnb-global-status-theme-ui.css +0 -3
- package/es/components/global-status/style/themes/dnb-global-status-theme-ui.min.css +1 -1
- package/es/components/global-status/style/themes/dnb-global-status-theme-ui.scss +0 -10
- package/es/components/height-animation/HeightAnimation.d.ts +12 -4
- package/es/components/height-animation/HeightAnimation.js +27 -14
- package/es/components/height-animation/HeightAnimation.js.map +1 -1
- package/es/components/height-animation/HeightAnimationInstance.d.ts +35 -18
- package/es/components/height-animation/HeightAnimationInstance.js +188 -155
- package/es/components/height-animation/HeightAnimationInstance.js.map +1 -1
- package/es/components/height-animation/style/dnb-height-animation.css +16 -2
- package/es/components/height-animation/style/dnb-height-animation.min.css +1 -1
- package/es/components/height-animation/style/dnb-height-animation.scss +18 -2
- package/es/components/height-animation/useHeightAnimation.d.ts +6 -1
- package/es/components/height-animation/useHeightAnimation.js +124 -92
- package/es/components/height-animation/useHeightAnimation.js.map +1 -1
- package/es/components/info-card/InfoCard.d.ts +6 -0
- package/es/components/info-card/InfoCard.js +4 -2
- package/es/components/info-card/InfoCard.js.map +1 -1
- package/es/components/info-card/style/dnb-info-card.css +3 -1
- package/es/components/info-card/style/dnb-info-card.min.css +1 -1
- package/es/components/info-card/style/dnb-info-card.scss +4 -2
- package/es/components/input/Input.d.ts +8 -8
- package/es/components/input/InputDocs.d.ts +2 -0
- package/es/components/input/InputDocs.js +158 -0
- package/es/components/input/InputDocs.js.map +1 -0
- package/es/components/input/InputPassword.d.ts +6 -17
- package/es/components/input/InputPassword.js +3 -81
- package/es/components/input/InputPassword.js.map +1 -1
- package/es/components/input-masked/InputMasked.d.ts +6 -93
- package/es/components/input-masked/InputMasked.js +3 -1
- package/es/components/input-masked/InputMasked.js.map +1 -1
- package/es/components/input-masked/InputMaskedDocs.d.ts +2 -0
- package/es/components/input-masked/InputMaskedDocs.js +78 -0
- package/es/components/input-masked/InputMaskedDocs.js.map +1 -0
- package/es/components/input-masked/InputMaskedHooks.js +7 -4
- package/es/components/input-masked/InputMaskedHooks.js.map +1 -1
- package/es/components/input-masked/MultiInputMask.js +2 -6
- package/es/components/input-masked/MultiInputMask.js.map +1 -1
- package/es/components/input-masked/style/dnb-input-masked.css +3 -0
- package/es/components/input-masked/style/dnb-input-masked.min.css +1 -1
- package/es/components/input-masked/style/dnb-input-masked.scss +5 -0
- package/es/components/number-format/NumberFormat.d.ts +8 -13
- package/es/components/number-format/NumberUtils.js +23 -14
- package/es/components/number-format/NumberUtils.js.map +1 -1
- package/es/components/slider/Slider.d.ts +1 -0
- package/es/components/slider/Slider.js +1 -0
- package/es/components/slider/Slider.js.map +1 -1
- package/es/components/slider/SliderInstance.js +17 -5
- package/es/components/slider/SliderInstance.js.map +1 -1
- package/es/components/slider/SliderMarker.d.ts +7 -0
- package/es/components/slider/SliderMarker.js +52 -0
- package/es/components/slider/SliderMarker.js.map +1 -0
- package/es/components/slider/SliderProvider.js +2 -1
- package/es/components/slider/SliderProvider.js.map +1 -1
- package/es/components/slider/style/dnb-slider.css +43 -2
- package/es/components/slider/style/dnb-slider.min.css +1 -1
- package/es/components/slider/style/dnb-slider.scss +44 -1
- package/es/components/slider/style/themes/dnb-slider-theme-sbanken.css +3 -0
- package/es/components/slider/style/themes/dnb-slider-theme-sbanken.min.css +1 -1
- package/es/components/slider/style/themes/dnb-slider-theme-sbanken.scss +4 -0
- package/es/components/slider/style/themes/dnb-slider-theme-ui.css +3 -0
- package/es/components/slider/style/themes/dnb-slider-theme-ui.min.css +1 -1
- package/es/components/slider/style/themes/dnb-slider-theme-ui.scss +5 -0
- package/es/components/slider/types.d.ts +6 -0
- package/es/components/slider/types.js.map +1 -1
- package/es/components/step-indicator/StepIndicatorItem.js +4 -22
- package/es/components/step-indicator/StepIndicatorItem.js.map +1 -1
- package/es/components/step-indicator/StepIndicatorTriggerButton.js +3 -17
- package/es/components/step-indicator/StepIndicatorTriggerButton.js.map +1 -1
- package/es/components/step-indicator/style/dnb-step-indicator.css +0 -5
- package/es/components/step-indicator/style/dnb-step-indicator.min.css +1 -1
- package/es/components/step-indicator/style/dnb-step-indicator.scss +0 -7
- package/es/components/table/TableAccordion.js +3 -3
- package/es/components/table/TableAccordion.js.map +1 -1
- package/es/components/table/TableAccordionContent.js +50 -26
- package/es/components/table/TableAccordionContent.js.map +1 -1
- package/es/components/table/style/dnb-table.css +184 -114
- package/es/components/table/style/dnb-table.min.css +1 -1
- package/es/components/table/style/dnb-table.scss +60 -4
- package/es/components/table/style/table-accordion.scss +30 -60
- package/es/components/table/style/table-container.scss +9 -9
- package/es/components/table/style/table-mixins.scss +19 -2
- package/es/components/table/style/table-td.scss +82 -60
- package/es/components/table/style/table-th.scss +5 -30
- package/es/components/table/style/table-tr.scss +0 -20
- package/es/components/table/style/themes/dnb-table-theme-sbanken.css +24 -7
- package/es/components/table/style/themes/dnb-table-theme-sbanken.min.css +1 -1
- package/es/components/table/style/themes/dnb-table-theme-sbanken.scss +17 -12
- package/es/components/table/style/themes/dnb-table-theme-ui.css +14 -9
- package/es/components/table/style/themes/dnb-table-theme-ui.min.css +1 -1
- package/es/components/table/style/themes/dnb-table-theme-ui.scss +12 -22
- package/es/components/tabs/Tabs.js +2 -1
- package/es/components/tabs/Tabs.js.map +1 -1
- package/es/components/tabs/TabsContentWrapper.d.ts +1 -0
- package/es/components/tabs/TabsContentWrapper.js +8 -6
- package/es/components/tabs/TabsContentWrapper.js.map +1 -1
- package/es/components/textarea/Textarea.d.ts +4 -10
- package/es/components/textarea/TextareaDocs.d.ts +2 -0
- package/es/components/textarea/TextareaDocs.js +98 -0
- package/es/components/textarea/TextareaDocs.js.map +1 -0
- package/es/components/textarea/style/dnb-textarea.css +1 -0
- package/es/components/textarea/style/dnb-textarea.min.css +1 -1
- package/es/components/textarea/style/dnb-textarea.scss +3 -0
- package/es/components/upload/Upload.js +13 -18
- package/es/components/upload/Upload.js.map +1 -1
- package/es/components/upload/UploadFileInput.js +3 -1
- package/es/components/upload/UploadFileInput.js.map +1 -1
- package/es/components/upload/UploadFileList.js +1 -1
- package/es/components/upload/UploadFileList.js.map +1 -1
- package/es/components/upload/UploadInfo.js +1 -1
- package/es/components/upload/UploadInfo.js.map +1 -1
- package/es/components/upload/UploadStatus.js +6 -2
- package/es/components/upload/UploadStatus.js.map +1 -1
- package/es/components/upload/useUpload.js +5 -7
- package/es/components/upload/useUpload.js.map +1 -1
- package/es/core/jest/jestSetupScreenshots.css +7 -0
- package/es/elements/lib.d.ts +7 -1
- package/es/elements/lists/Dl.d.ts +5 -1
- package/es/elements/lists/Dl.js +5 -4
- package/es/elements/lists/Dl.js.map +1 -1
- package/es/elements/lists/style/lists-mixins.scss +24 -1
- package/es/elements/typography/H1.d.ts +1 -0
- package/es/elements/typography/H1.js +1 -1
- package/es/elements/typography/H1.js.map +1 -1
- package/es/elements/typography/H2.d.ts +1 -0
- package/es/elements/typography/H2.js +1 -1
- package/es/elements/typography/H2.js.map +1 -1
- package/es/elements/typography/H3.d.ts +1 -0
- package/es/elements/typography/H3.js +1 -1
- package/es/elements/typography/H3.js.map +1 -1
- package/es/elements/typography/H4.d.ts +1 -0
- package/es/elements/typography/H4.js +1 -1
- package/es/elements/typography/H4.js.map +1 -1
- package/es/elements/typography/H5.d.ts +1 -0
- package/es/elements/typography/H5.js +1 -1
- package/es/elements/typography/H5.js.map +1 -1
- package/es/elements/typography/H6.d.ts +1 -0
- package/es/elements/typography/H6.js +1 -1
- package/es/elements/typography/H6.js.map +1 -1
- package/es/extensions/forms/DataContext/Context.d.ts +19 -5
- package/es/extensions/forms/DataContext/Context.js +9 -0
- package/es/extensions/forms/DataContext/Context.js.map +1 -1
- package/es/extensions/forms/DataContext/Provider/Provider.d.ts +57 -19
- package/es/extensions/forms/DataContext/Provider/Provider.js +151 -65
- package/es/extensions/forms/DataContext/Provider/Provider.js.map +1 -1
- package/es/extensions/forms/Field/BankAccountNumber/BankAccountNumber.js +3 -2
- package/es/extensions/forms/Field/BankAccountNumber/BankAccountNumber.js.map +1 -1
- package/es/extensions/forms/Field/Currency/Currency.js +1 -1
- package/es/extensions/forms/Field/Currency/Currency.js.map +1 -1
- package/es/extensions/forms/Field/Date/Date.js +4 -3
- package/es/extensions/forms/Field/Date/Date.js.map +1 -1
- package/es/extensions/forms/Field/Email/Email.js +4 -3
- package/es/extensions/forms/Field/Email/Email.js.map +1 -1
- package/es/extensions/forms/Field/Expiry/Expiry.js +6 -4
- package/es/extensions/forms/Field/Expiry/Expiry.js.map +1 -1
- package/es/extensions/forms/Field/FieldDocs.d.ts +3 -0
- package/es/extensions/forms/Field/FieldDocs.js +8 -0
- package/es/extensions/forms/Field/FieldDocs.js.map +1 -0
- package/es/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumber.js +3 -2
- package/es/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumber.js.map +1 -1
- package/es/extensions/forms/Field/Number/Number.d.ts +3 -4
- package/es/extensions/forms/Field/Number/Number.js +25 -20
- package/es/extensions/forms/Field/Number/Number.js.map +1 -1
- package/es/extensions/forms/Field/Number/NumberDocs.d.ts +2 -0
- package/es/extensions/forms/Field/Number/NumberDocs.js +85 -0
- package/es/extensions/forms/Field/Number/NumberDocs.js.map +1 -0
- package/es/extensions/forms/Field/Number/style/dnb-number.css +3 -1
- package/es/extensions/forms/Field/Number/style/dnb-number.min.css +1 -1
- package/es/extensions/forms/Field/Number/style/dnb-number.scss +4 -1
- package/es/extensions/forms/Field/OrganizationNumber/OrganizationNumber.js +3 -2
- package/es/extensions/forms/Field/OrganizationNumber/OrganizationNumber.js.map +1 -1
- package/es/extensions/forms/Field/Password/Password.d.ts +45 -0
- package/es/extensions/forms/Field/Password/Password.js +99 -0
- package/es/extensions/forms/Field/Password/Password.js.map +1 -0
- package/es/extensions/forms/Field/Password/index.d.ts +2 -0
- package/es/extensions/forms/Field/Password/index.js +3 -0
- package/es/extensions/forms/Field/Password/index.js.map +1 -0
- package/es/extensions/forms/Field/Password/style/dnb-password.css +6 -0
- package/es/extensions/forms/Field/Password/style/dnb-password.min.css +1 -0
- package/es/extensions/forms/Field/Password/style/dnb-password.scss +10 -0
- package/es/extensions/forms/Field/PhoneNumber/PhoneNumber.js +3 -2
- package/es/extensions/forms/Field/PhoneNumber/PhoneNumber.js.map +1 -1
- package/es/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.js +4 -5
- package/es/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.js.map +1 -1
- package/es/extensions/forms/Field/PostalCodeAndCity/style/dnb-postal-code-and-city.css +3 -6
- package/es/extensions/forms/Field/PostalCodeAndCity/style/dnb-postal-code-and-city.min.css +1 -1
- package/es/extensions/forms/Field/PostalCodeAndCity/style/dnb-postal-code-and-city.scss +2 -6
- package/es/extensions/forms/Field/SelectCountry/SelectCountry.js +3 -2
- package/es/extensions/forms/Field/SelectCountry/SelectCountry.js.map +1 -1
- package/es/extensions/forms/Field/Selection/Selection.d.ts +0 -1
- package/es/extensions/forms/Field/Selection/Selection.js +2 -11
- package/es/extensions/forms/Field/Selection/Selection.js.map +1 -1
- package/es/extensions/forms/Field/String/String.d.ts +22 -11
- package/es/extensions/forms/Field/String/String.js +55 -32
- package/es/extensions/forms/Field/String/String.js.map +1 -1
- package/es/extensions/forms/Field/String/StringDocs.d.ts +2 -0
- package/es/extensions/forms/Field/String/StringDocs.js +99 -0
- package/es/extensions/forms/Field/String/StringDocs.js.map +1 -0
- package/es/extensions/forms/Field/Toggle/Toggle.js +6 -3
- package/es/extensions/forms/Field/Toggle/Toggle.js.map +1 -1
- package/es/extensions/forms/Field/index.d.ts +1 -0
- package/es/extensions/forms/Field/index.js +1 -0
- package/es/extensions/forms/Field/index.js.map +1 -1
- package/es/extensions/forms/FieldBlock/FieldBlock.d.ts +8 -3
- package/es/extensions/forms/FieldBlock/FieldBlock.js +195 -60
- package/es/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
- package/es/extensions/forms/FieldBlock/FieldBlockContext.d.ts +40 -6
- package/es/extensions/forms/FieldBlock/FieldBlockContext.js.map +1 -1
- package/es/extensions/forms/FieldBlock/FieldBlockDocs.d.ts +2 -0
- package/es/extensions/forms/FieldBlock/FieldBlockDocs.js +53 -0
- package/es/extensions/forms/FieldBlock/FieldBlockDocs.js.map +1 -0
- package/es/extensions/forms/FieldBlock/style/dnb-field-block.css +46 -5
- package/es/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
- package/es/extensions/forms/FieldBlock/style/dnb-field-block.scss +51 -1
- package/es/extensions/forms/Form/Appearance/Appearance.d.ts +7 -0
- package/es/extensions/forms/Form/Appearance/Appearance.js +30 -0
- package/es/extensions/forms/Form/Appearance/Appearance.js.map +1 -0
- package/es/extensions/forms/Form/Appearance/AppearanceDocs.d.ts +2 -0
- package/es/extensions/forms/Form/Appearance/AppearanceDocs.js +8 -0
- package/es/extensions/forms/Form/Appearance/AppearanceDocs.js.map +1 -0
- package/es/extensions/forms/Form/Appearance/index.d.ts +2 -0
- package/es/extensions/forms/Form/Appearance/index.js +3 -0
- package/es/extensions/forms/Form/Appearance/index.js.map +1 -0
- package/es/extensions/forms/Form/Handler/Handler.d.ts +1 -1
- package/es/extensions/forms/Form/Handler/Handler.js +7 -1
- package/es/extensions/forms/Form/Handler/Handler.js.map +1 -1
- package/es/extensions/forms/Form/Visibility/Visibility.d.ts +6 -1
- package/es/extensions/forms/Form/Visibility/Visibility.js +55 -40
- package/es/extensions/forms/Form/Visibility/Visibility.js.map +1 -1
- package/es/extensions/forms/Form/data-context/getData.d.ts +8 -0
- package/es/extensions/forms/Form/data-context/getData.js +15 -0
- package/es/extensions/forms/Form/data-context/getData.js.map +1 -0
- package/es/extensions/forms/Form/data-context/setData.d.ts +2 -0
- package/es/extensions/forms/Form/data-context/setData.js +6 -0
- package/es/extensions/forms/Form/data-context/setData.js.map +1 -0
- package/es/extensions/forms/Form/data-context/useData.d.ts +22 -0
- package/es/extensions/forms/Form/data-context/useData.js +58 -0
- package/es/extensions/forms/Form/data-context/useData.js.map +1 -0
- package/es/extensions/forms/Form/data-context/useError.d.ts +5 -0
- package/es/extensions/forms/Form/data-context/useError.js +13 -0
- package/es/extensions/forms/Form/data-context/useError.js.map +1 -0
- package/es/extensions/forms/Form/index.d.ts +5 -1
- package/es/extensions/forms/Form/index.js +5 -1
- package/es/extensions/forms/Form/index.js.map +1 -1
- package/es/extensions/forms/Iterate/Array/Array.d.ts +2 -2
- package/es/extensions/forms/Iterate/Array/Array.js.map +1 -1
- package/es/extensions/forms/StepsLayout/StepsLayout.d.ts +3 -0
- package/es/extensions/forms/StepsLayout/StepsLayout.js +31 -22
- package/es/extensions/forms/StepsLayout/StepsLayout.js.map +1 -1
- package/es/extensions/forms/StepsLayout/style/dnb-steps-layout.css +6 -0
- package/es/extensions/forms/StepsLayout/style/dnb-steps-layout.min.css +1 -1
- package/es/extensions/forms/StepsLayout/style/dnb-steps-layout.scss +7 -0
- package/es/extensions/forms/Value/Currency/Currency.js +3 -4
- package/es/extensions/forms/Value/Currency/Currency.js.map +1 -1
- package/es/extensions/forms/Value/Number/Number.d.ts +6 -10
- package/es/extensions/forms/Value/Number/Number.js +22 -27
- package/es/extensions/forms/Value/Number/Number.js.map +1 -1
- package/es/extensions/forms/Value/PhoneNumber/PhoneNumber.js +6 -4
- package/es/extensions/forms/Value/PhoneNumber/PhoneNumber.js.map +1 -1
- package/es/extensions/forms/Value/SummaryList/SummaryList.d.ts +7 -0
- package/es/extensions/forms/Value/SummaryList/SummaryList.js +26 -0
- package/es/extensions/forms/Value/SummaryList/SummaryList.js.map +1 -0
- package/es/extensions/forms/Value/SummaryList/SummaryListContext.d.ts +7 -0
- package/es/extensions/forms/Value/SummaryList/SummaryListContext.js +4 -0
- package/es/extensions/forms/Value/SummaryList/SummaryListContext.js.map +1 -0
- package/es/extensions/forms/Value/SummaryList/index.d.ts +2 -0
- package/es/extensions/forms/Value/SummaryList/index.js +3 -0
- package/es/extensions/forms/Value/SummaryList/index.js.map +1 -0
- package/es/extensions/forms/Value/ValueDocs.d.ts +2 -0
- package/es/extensions/forms/Value/ValueDocs.js +33 -0
- package/es/extensions/forms/Value/ValueDocs.js.map +1 -0
- package/es/extensions/forms/Value/index.d.ts +1 -0
- package/es/extensions/forms/Value/index.js +1 -0
- package/es/extensions/forms/Value/index.js.map +1 -1
- package/es/extensions/forms/ValueBlock/ValueBlock.js +12 -4
- package/es/extensions/forms/ValueBlock/ValueBlock.js.map +1 -1
- package/es/extensions/forms/hooks/DataValueDocs.d.ts +3 -0
- package/es/extensions/forms/hooks/DataValueDocs.js +110 -0
- package/es/extensions/forms/hooks/DataValueDocs.js.map +1 -0
- package/es/extensions/forms/hooks/index.d.ts +1 -0
- package/es/extensions/forms/hooks/index.js +1 -0
- package/es/extensions/forms/hooks/index.js.map +1 -1
- package/es/extensions/forms/hooks/useDataValue.d.ts +12 -7
- package/es/extensions/forms/hooks/useDataValue.js +158 -36
- package/es/extensions/forms/hooks/useDataValue.js.map +1 -1
- package/es/extensions/forms/hooks/useErrorMessage.d.ts +10 -0
- package/es/extensions/forms/hooks/useErrorMessage.js +15 -0
- package/es/extensions/forms/hooks/useErrorMessage.js.map +1 -0
- package/es/extensions/forms/hooks/useId.js +1 -1
- package/es/extensions/forms/hooks/useId.js.map +1 -1
- package/es/extensions/forms/hooks/useMountEffect.js +1 -1
- package/es/extensions/forms/hooks/useMountEffect.js.map +1 -1
- package/es/extensions/forms/hooks/useUnmountEffect.d.ts +4 -0
- package/es/extensions/forms/hooks/useUnmountEffect.js +9 -0
- package/es/extensions/forms/hooks/useUnmountEffect.js.map +1 -0
- package/es/extensions/forms/index.d.ts +1 -0
- package/es/extensions/forms/index.js +1 -0
- package/es/extensions/forms/index.js.map +1 -1
- package/es/extensions/forms/style/dnb-forms.css +65 -12
- package/es/extensions/forms/style/dnb-forms.min.css +1 -1
- package/es/extensions/forms/types.d.ts +25 -10
- package/es/extensions/forms/types.js.map +1 -1
- package/es/extensions/forms/utils/ajv.d.ts +47 -6
- package/es/extensions/forms/utils/ajv.js +23 -15
- package/es/extensions/forms/utils/ajv.js.map +1 -1
- package/es/extensions/forms/utils/index.d.ts +0 -1
- package/es/extensions/forms/utils/index.js +0 -1
- package/es/extensions/forms/utils/index.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/component-helper.d.ts +1 -0
- package/es/shared/component-helper.js +6 -3
- package/es/shared/component-helper.js.map +1 -1
- package/es/shared/helpers/filterValidProps.d.ts +2 -2
- package/es/shared/helpers/filterValidProps.js +2 -2
- package/es/shared/helpers/filterValidProps.js.map +1 -1
- package/es/shared/helpers/useSharedState.d.ts +28 -7
- package/es/shared/helpers/useSharedState.js +62 -43
- package/es/shared/helpers/useSharedState.js.map +1 -1
- package/es/shared/helpers/withCamelCaseProps.d.ts +7 -1
- package/es/shared/helpers/withCamelCaseProps.js.map +1 -1
- package/es/shared/locales/en-GB.d.ts +6 -3
- package/es/shared/locales/en-GB.js +8 -5
- package/es/shared/locales/en-GB.js.map +1 -1
- package/es/shared/locales/en-US.d.ts +6 -3
- package/es/shared/locales/index.d.ts +12 -6
- package/es/shared/locales/nb-NO.d.ts +6 -3
- package/es/shared/locales/nb-NO.js +8 -5
- package/es/shared/locales/nb-NO.js.map +1 -1
- package/es/shared/types.d.ts +5 -0
- package/es/shared/types.js.map +1 -1
- package/es/style/core/utilities.scss +1 -1
- package/es/style/dnb-ui-components.css +364 -180
- package/es/style/dnb-ui-components.min.css +3 -3
- package/es/style/dnb-ui-elements.css +25 -5
- package/es/style/dnb-ui-elements.min.css +1 -1
- package/es/style/dnb-ui-extensions.css +65 -12
- package/es/style/dnb-ui-extensions.min.css +1 -1
- package/es/style/dnb-ui-forms.css +65 -12
- package/es/style/dnb-ui-forms.min.css +1 -1
- package/es/style/dnb-ui-forms.scss +1 -0
- package/es/style/themes/theme-eiendom/eiendom-theme-basis.css +25 -5
- package/es/style/themes/theme-eiendom/eiendom-theme-basis.min.css +1 -1
- package/es/style/themes/theme-eiendom/eiendom-theme-components.css +447 -223
- package/es/style/themes/theme-eiendom/eiendom-theme-components.min.css +5 -5
- package/es/style/themes/theme-eiendom/eiendom-theme-elements.css +25 -5
- package/es/style/themes/theme-eiendom/eiendom-theme-elements.min.css +1 -1
- package/es/style/themes/theme-eiendom/eiendom-theme-extensions.css +65 -12
- package/es/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
- package/es/style/themes/theme-eiendom/eiendom-theme-forms.css +65 -12
- package/es/style/themes/theme-eiendom/eiendom-theme-forms.min.css +1 -1
- package/es/style/themes/theme-sbanken/sbanken-theme-basis.css +25 -5
- package/es/style/themes/theme-sbanken/sbanken-theme-basis.min.css +1 -1
- package/es/style/themes/theme-sbanken/sbanken-theme-components.css +457 -218
- package/es/style/themes/theme-sbanken/sbanken-theme-components.min.css +4 -4
- package/es/style/themes/theme-sbanken/sbanken-theme-elements.css +25 -5
- package/es/style/themes/theme-sbanken/sbanken-theme-elements.min.css +1 -1
- package/es/style/themes/theme-sbanken/sbanken-theme-extensions.css +65 -12
- package/es/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
- package/es/style/themes/theme-sbanken/sbanken-theme-forms.css +65 -12
- package/es/style/themes/theme-sbanken/sbanken-theme-forms.min.css +1 -1
- package/es/style/themes/theme-ui/ui-theme-basis.css +25 -5
- package/es/style/themes/theme-ui/ui-theme-basis.min.css +1 -1
- package/es/style/themes/theme-ui/ui-theme-components.css +447 -223
- package/es/style/themes/theme-ui/ui-theme-components.min.css +5 -5
- package/es/style/themes/theme-ui/ui-theme-elements.css +25 -5
- package/es/style/themes/theme-ui/ui-theme-elements.min.css +1 -1
- package/es/style/themes/theme-ui/ui-theme-extensions.css +65 -12
- package/es/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
- package/es/style/themes/theme-ui/ui-theme-forms.css +65 -12
- package/es/style/themes/theme-ui/ui-theme-forms.min.css +1 -1
- package/es/style/themes/theme-ui/ui-theme-tags.css +25 -5
- 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 +3 -3
- package/esm/dnb-ui-lib.min.mjs +1 -1
- package/extensions/forms/DataContext/Context.d.ts +19 -5
- package/extensions/forms/DataContext/Context.js +9 -0
- package/extensions/forms/DataContext/Context.js.map +1 -1
- package/extensions/forms/DataContext/Provider/Provider.d.ts +57 -19
- package/extensions/forms/DataContext/Provider/Provider.js +153 -65
- package/extensions/forms/DataContext/Provider/Provider.js.map +1 -1
- package/extensions/forms/Field/BankAccountNumber/BankAccountNumber.js +3 -2
- package/extensions/forms/Field/BankAccountNumber/BankAccountNumber.js.map +1 -1
- package/extensions/forms/Field/Currency/Currency.js +1 -1
- package/extensions/forms/Field/Currency/Currency.js.map +1 -1
- package/extensions/forms/Field/Date/Date.js +4 -3
- package/extensions/forms/Field/Date/Date.js.map +1 -1
- package/extensions/forms/Field/Email/Email.js +4 -3
- package/extensions/forms/Field/Email/Email.js.map +1 -1
- package/extensions/forms/Field/Expiry/Expiry.js +6 -4
- package/extensions/forms/Field/Expiry/Expiry.js.map +1 -1
- package/extensions/forms/Field/FieldDocs.d.ts +3 -0
- package/extensions/forms/Field/FieldDocs.js +8 -0
- package/extensions/forms/Field/FieldDocs.js.map +1 -0
- package/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumber.js +3 -2
- package/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumber.js.map +1 -1
- package/extensions/forms/Field/Number/Number.d.ts +3 -4
- package/extensions/forms/Field/Number/Number.js +25 -20
- package/extensions/forms/Field/Number/Number.js.map +1 -1
- package/extensions/forms/Field/Number/NumberDocs.d.ts +2 -0
- package/extensions/forms/Field/Number/NumberDocs.js +85 -0
- package/extensions/forms/Field/Number/NumberDocs.js.map +1 -0
- package/extensions/forms/Field/Number/style/dnb-number.css +3 -1
- package/extensions/forms/Field/Number/style/dnb-number.min.css +1 -1
- package/extensions/forms/Field/Number/style/dnb-number.scss +4 -1
- package/extensions/forms/Field/OrganizationNumber/OrganizationNumber.js +3 -2
- package/extensions/forms/Field/OrganizationNumber/OrganizationNumber.js.map +1 -1
- package/extensions/forms/Field/Password/Password.d.ts +45 -0
- package/extensions/forms/Field/Password/Password.js +99 -0
- package/extensions/forms/Field/Password/Password.js.map +1 -0
- package/extensions/forms/Field/Password/index.d.ts +2 -0
- package/extensions/forms/Field/Password/index.js +3 -0
- package/extensions/forms/Field/Password/index.js.map +1 -0
- package/extensions/forms/Field/Password/style/dnb-password.css +6 -0
- package/extensions/forms/Field/Password/style/dnb-password.min.css +1 -0
- package/extensions/forms/Field/Password/style/dnb-password.scss +10 -0
- package/extensions/forms/Field/PhoneNumber/PhoneNumber.js +3 -2
- package/extensions/forms/Field/PhoneNumber/PhoneNumber.js.map +1 -1
- package/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.js +4 -5
- package/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.js.map +1 -1
- package/extensions/forms/Field/PostalCodeAndCity/style/dnb-postal-code-and-city.css +3 -6
- package/extensions/forms/Field/PostalCodeAndCity/style/dnb-postal-code-and-city.min.css +1 -1
- package/extensions/forms/Field/PostalCodeAndCity/style/dnb-postal-code-and-city.scss +2 -6
- package/extensions/forms/Field/SelectCountry/SelectCountry.js +3 -2
- package/extensions/forms/Field/SelectCountry/SelectCountry.js.map +1 -1
- package/extensions/forms/Field/Selection/Selection.d.ts +0 -1
- package/extensions/forms/Field/Selection/Selection.js +2 -11
- package/extensions/forms/Field/Selection/Selection.js.map +1 -1
- package/extensions/forms/Field/String/String.d.ts +22 -11
- package/extensions/forms/Field/String/String.js +55 -32
- package/extensions/forms/Field/String/String.js.map +1 -1
- package/extensions/forms/Field/String/StringDocs.d.ts +2 -0
- package/extensions/forms/Field/String/StringDocs.js +99 -0
- package/extensions/forms/Field/String/StringDocs.js.map +1 -0
- package/extensions/forms/Field/Toggle/Toggle.js +6 -3
- package/extensions/forms/Field/Toggle/Toggle.js.map +1 -1
- package/extensions/forms/Field/index.d.ts +1 -0
- package/extensions/forms/Field/index.js +1 -0
- package/extensions/forms/Field/index.js.map +1 -1
- package/extensions/forms/FieldBlock/FieldBlock.d.ts +8 -3
- package/extensions/forms/FieldBlock/FieldBlock.js +203 -66
- package/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
- package/extensions/forms/FieldBlock/FieldBlockContext.d.ts +40 -6
- package/extensions/forms/FieldBlock/FieldBlockContext.js.map +1 -1
- package/extensions/forms/FieldBlock/FieldBlockDocs.d.ts +2 -0
- package/extensions/forms/FieldBlock/FieldBlockDocs.js +53 -0
- package/extensions/forms/FieldBlock/FieldBlockDocs.js.map +1 -0
- package/extensions/forms/FieldBlock/style/dnb-field-block.css +46 -5
- package/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
- package/extensions/forms/FieldBlock/style/dnb-field-block.scss +51 -1
- package/extensions/forms/Form/Appearance/Appearance.d.ts +7 -0
- package/extensions/forms/Form/Appearance/Appearance.js +30 -0
- package/extensions/forms/Form/Appearance/Appearance.js.map +1 -0
- package/extensions/forms/Form/Appearance/AppearanceDocs.d.ts +2 -0
- package/extensions/forms/Form/Appearance/AppearanceDocs.js +8 -0
- package/extensions/forms/Form/Appearance/AppearanceDocs.js.map +1 -0
- package/extensions/forms/Form/Appearance/index.d.ts +2 -0
- package/extensions/forms/Form/Appearance/index.js +3 -0
- package/extensions/forms/Form/Appearance/index.js.map +1 -0
- package/extensions/forms/Form/Handler/Handler.d.ts +1 -1
- package/extensions/forms/Form/Handler/Handler.js +7 -1
- package/extensions/forms/Form/Handler/Handler.js.map +1 -1
- package/extensions/forms/Form/Visibility/Visibility.d.ts +6 -1
- package/extensions/forms/Form/Visibility/Visibility.js +53 -39
- package/extensions/forms/Form/Visibility/Visibility.js.map +1 -1
- package/extensions/forms/Form/data-context/getData.d.ts +8 -0
- package/extensions/forms/Form/data-context/getData.js +15 -0
- package/extensions/forms/Form/data-context/getData.js.map +1 -0
- package/extensions/forms/Form/data-context/setData.d.ts +2 -0
- package/extensions/forms/Form/data-context/setData.js +6 -0
- package/extensions/forms/Form/data-context/setData.js.map +1 -0
- package/extensions/forms/Form/data-context/useData.d.ts +22 -0
- package/extensions/forms/Form/data-context/useData.js +59 -0
- package/extensions/forms/Form/data-context/useData.js.map +1 -0
- package/extensions/forms/Form/data-context/useError.d.ts +5 -0
- package/extensions/forms/Form/data-context/useError.js +13 -0
- package/extensions/forms/Form/data-context/useError.js.map +1 -0
- package/extensions/forms/Form/index.d.ts +5 -1
- package/extensions/forms/Form/index.js +5 -1
- package/extensions/forms/Form/index.js.map +1 -1
- package/extensions/forms/Iterate/Array/Array.d.ts +2 -2
- package/extensions/forms/Iterate/Array/Array.js.map +1 -1
- package/extensions/forms/StepsLayout/StepsLayout.d.ts +3 -0
- package/extensions/forms/StepsLayout/StepsLayout.js +31 -22
- package/extensions/forms/StepsLayout/StepsLayout.js.map +1 -1
- package/extensions/forms/StepsLayout/style/dnb-steps-layout.css +6 -0
- package/extensions/forms/StepsLayout/style/dnb-steps-layout.min.css +1 -1
- package/extensions/forms/StepsLayout/style/dnb-steps-layout.scss +7 -0
- package/extensions/forms/Value/Currency/Currency.js +3 -4
- package/extensions/forms/Value/Currency/Currency.js.map +1 -1
- package/extensions/forms/Value/Number/Number.d.ts +6 -10
- package/extensions/forms/Value/Number/Number.js +22 -27
- package/extensions/forms/Value/Number/Number.js.map +1 -1
- package/extensions/forms/Value/PhoneNumber/PhoneNumber.js +6 -4
- package/extensions/forms/Value/PhoneNumber/PhoneNumber.js.map +1 -1
- package/extensions/forms/Value/SummaryList/SummaryList.d.ts +7 -0
- package/extensions/forms/Value/SummaryList/SummaryList.js +26 -0
- package/extensions/forms/Value/SummaryList/SummaryList.js.map +1 -0
- package/extensions/forms/Value/SummaryList/SummaryListContext.d.ts +7 -0
- package/extensions/forms/Value/SummaryList/SummaryListContext.js +4 -0
- package/extensions/forms/Value/SummaryList/SummaryListContext.js.map +1 -0
- package/extensions/forms/Value/SummaryList/index.d.ts +2 -0
- package/extensions/forms/Value/SummaryList/index.js +3 -0
- package/extensions/forms/Value/SummaryList/index.js.map +1 -0
- package/extensions/forms/Value/ValueDocs.d.ts +2 -0
- package/extensions/forms/Value/ValueDocs.js +33 -0
- package/extensions/forms/Value/ValueDocs.js.map +1 -0
- package/extensions/forms/Value/index.d.ts +1 -0
- package/extensions/forms/Value/index.js +1 -0
- package/extensions/forms/Value/index.js.map +1 -1
- package/extensions/forms/ValueBlock/ValueBlock.js +12 -4
- package/extensions/forms/ValueBlock/ValueBlock.js.map +1 -1
- package/extensions/forms/hooks/DataValueDocs.d.ts +3 -0
- package/extensions/forms/hooks/DataValueDocs.js +110 -0
- package/extensions/forms/hooks/DataValueDocs.js.map +1 -0
- package/extensions/forms/hooks/index.d.ts +1 -0
- package/extensions/forms/hooks/index.js +1 -0
- package/extensions/forms/hooks/index.js.map +1 -1
- package/extensions/forms/hooks/useDataValue.d.ts +12 -7
- package/extensions/forms/hooks/useDataValue.js +160 -36
- package/extensions/forms/hooks/useDataValue.js.map +1 -1
- package/extensions/forms/hooks/useErrorMessage.d.ts +10 -0
- package/extensions/forms/hooks/useErrorMessage.js +15 -0
- package/extensions/forms/hooks/useErrorMessage.js.map +1 -0
- package/extensions/forms/hooks/useId.js +1 -1
- package/extensions/forms/hooks/useId.js.map +1 -1
- package/extensions/forms/hooks/useMountEffect.js +1 -1
- package/extensions/forms/hooks/useMountEffect.js.map +1 -1
- package/extensions/forms/hooks/useUnmountEffect.d.ts +4 -0
- package/extensions/forms/hooks/useUnmountEffect.js +9 -0
- package/extensions/forms/hooks/useUnmountEffect.js.map +1 -0
- package/extensions/forms/index.d.ts +1 -0
- package/extensions/forms/index.js +1 -0
- package/extensions/forms/index.js.map +1 -1
- package/extensions/forms/style/dnb-forms.css +65 -12
- package/extensions/forms/style/dnb-forms.min.css +1 -1
- package/extensions/forms/types.d.ts +25 -10
- package/extensions/forms/types.js.map +1 -1
- package/extensions/forms/utils/ajv.d.ts +47 -6
- package/extensions/forms/utils/ajv.js +23 -15
- package/extensions/forms/utils/ajv.js.map +1 -1
- package/extensions/forms/utils/index.d.ts +0 -1
- package/extensions/forms/utils/index.js +0 -1
- package/extensions/forms/utils/index.js.map +1 -1
- package/package.json +1 -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/component-helper.d.ts +1 -0
- package/shared/component-helper.js +9 -3
- package/shared/component-helper.js.map +1 -1
- package/shared/helpers/filterValidProps.d.ts +2 -2
- package/shared/helpers/filterValidProps.js +2 -2
- package/shared/helpers/filterValidProps.js.map +1 -1
- package/shared/helpers/useSharedState.d.ts +28 -7
- package/shared/helpers/useSharedState.js +62 -43
- package/shared/helpers/useSharedState.js.map +1 -1
- package/shared/helpers/withCamelCaseProps.d.ts +7 -1
- package/shared/helpers/withCamelCaseProps.js.map +1 -1
- package/shared/locales/en-GB.d.ts +6 -3
- package/shared/locales/en-GB.js +8 -5
- package/shared/locales/en-GB.js.map +1 -1
- package/shared/locales/en-US.d.ts +6 -3
- package/shared/locales/index.d.ts +12 -6
- package/shared/locales/nb-NO.d.ts +6 -3
- package/shared/locales/nb-NO.js +8 -5
- package/shared/locales/nb-NO.js.map +1 -1
- package/shared/types.d.ts +5 -0
- package/shared/types.js.map +1 -1
- package/style/core/utilities.scss +1 -1
- package/style/dnb-ui-components.css +364 -180
- package/style/dnb-ui-components.min.css +3 -3
- package/style/dnb-ui-elements.css +25 -5
- package/style/dnb-ui-elements.min.css +1 -1
- package/style/dnb-ui-extensions.css +65 -12
- package/style/dnb-ui-extensions.min.css +1 -1
- package/style/dnb-ui-forms.css +65 -12
- package/style/dnb-ui-forms.min.css +1 -1
- package/style/dnb-ui-forms.scss +1 -0
- package/style/themes/theme-eiendom/eiendom-theme-basis.css +25 -5
- package/style/themes/theme-eiendom/eiendom-theme-basis.min.css +1 -1
- package/style/themes/theme-eiendom/eiendom-theme-components.css +447 -223
- package/style/themes/theme-eiendom/eiendom-theme-components.min.css +5 -5
- package/style/themes/theme-eiendom/eiendom-theme-elements.css +25 -5
- package/style/themes/theme-eiendom/eiendom-theme-elements.min.css +1 -1
- package/style/themes/theme-eiendom/eiendom-theme-extensions.css +65 -12
- package/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
- package/style/themes/theme-eiendom/eiendom-theme-forms.css +65 -12
- package/style/themes/theme-eiendom/eiendom-theme-forms.min.css +1 -1
- package/style/themes/theme-sbanken/sbanken-theme-basis.css +25 -5
- package/style/themes/theme-sbanken/sbanken-theme-basis.min.css +1 -1
- package/style/themes/theme-sbanken/sbanken-theme-components.css +457 -218
- package/style/themes/theme-sbanken/sbanken-theme-components.min.css +4 -4
- package/style/themes/theme-sbanken/sbanken-theme-elements.css +25 -5
- package/style/themes/theme-sbanken/sbanken-theme-elements.min.css +1 -1
- package/style/themes/theme-sbanken/sbanken-theme-extensions.css +65 -12
- package/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
- package/style/themes/theme-sbanken/sbanken-theme-forms.css +65 -12
- package/style/themes/theme-sbanken/sbanken-theme-forms.min.css +1 -1
- package/style/themes/theme-ui/ui-theme-basis.css +25 -5
- package/style/themes/theme-ui/ui-theme-basis.min.css +1 -1
- package/style/themes/theme-ui/ui-theme-components.css +447 -223
- package/style/themes/theme-ui/ui-theme-components.min.css +5 -5
- package/style/themes/theme-ui/ui-theme-elements.css +25 -5
- package/style/themes/theme-ui/ui-theme-elements.min.css +1 -1
- package/style/themes/theme-ui/ui-theme-extensions.css +65 -12
- package/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
- package/style/themes/theme-ui/ui-theme-forms.css +65 -12
- package/style/themes/theme-ui/ui-theme-forms.min.css +1 -1
- package/style/themes/theme-ui/ui-theme-tags.css +25 -5
- 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 +3 -3
- package/umd/dnb-ui-lib.min.js +1 -1
- package/cjs/components/global-status/AnimationHelper.d.ts +0 -12
- package/cjs/components/global-status/AnimationHelper.js +0 -109
- package/cjs/components/global-status/AnimationHelper.js.map +0 -1
- package/cjs/extensions/forms/Form/hooks/useData.d.ts +0 -10
- package/cjs/extensions/forms/Form/hooks/useData.js +0 -39
- package/cjs/extensions/forms/Form/hooks/useData.js.map +0 -1
- package/cjs/extensions/forms/utils/numbers.d.ts +0 -17
- package/cjs/extensions/forms/utils/numbers.js +0 -42
- package/cjs/extensions/forms/utils/numbers.js.map +0 -1
- package/components/global-status/AnimationHelper.d.ts +0 -12
- package/components/global-status/AnimationHelper.js +0 -100
- package/components/global-status/AnimationHelper.js.map +0 -1
- package/es/components/global-status/AnimationHelper.d.ts +0 -12
- package/es/components/global-status/AnimationHelper.js +0 -100
- package/es/components/global-status/AnimationHelper.js.map +0 -1
- package/es/extensions/forms/Form/hooks/useData.d.ts +0 -10
- package/es/extensions/forms/Form/hooks/useData.js +0 -32
- package/es/extensions/forms/Form/hooks/useData.js.map +0 -1
- package/es/extensions/forms/utils/numbers.d.ts +0 -17
- package/es/extensions/forms/utils/numbers.js +0 -35
- package/es/extensions/forms/utils/numbers.js.map +0 -1
- package/extensions/forms/Form/hooks/useData.d.ts +0 -10
- package/extensions/forms/Form/hooks/useData.js +0 -33
- package/extensions/forms/Form/hooks/useData.js.map +0 -1
- package/extensions/forms/utils/numbers.d.ts +0 -17
- package/extensions/forms/utils/numbers.js +0 -35
- package/extensions/forms/utils/numbers.js.map +0 -1
|
@@ -482,29 +482,49 @@ html[data-visual-test] .dnb-hr--light {
|
|
|
482
482
|
margin-left: 2rem;
|
|
483
483
|
}
|
|
484
484
|
@media screen and (min-width: 40em) {
|
|
485
|
-
.dnb-
|
|
485
|
+
.dnb-dl__layout--horizontal {
|
|
486
486
|
display: flex;
|
|
487
487
|
flex-wrap: wrap;
|
|
488
488
|
}
|
|
489
|
-
.dnb-
|
|
489
|
+
.dnb-dl__layout--horizontal dt {
|
|
490
490
|
margin-right: 1rem;
|
|
491
491
|
max-width: 40%;
|
|
492
492
|
}
|
|
493
|
-
.dnb-
|
|
493
|
+
.dnb-dl__layout--horizontal dd {
|
|
494
494
|
width: calc(60% - 1rem);
|
|
495
495
|
}
|
|
496
|
-
.dnb-
|
|
496
|
+
.dnb-dl__layout--horizontal dt, .dnb-dl__layout--horizontal dd, .dnb-dl__layout--horizontal dd ~ dt {
|
|
497
497
|
margin-top: 0.5rem;
|
|
498
498
|
margin-bottom: 0;
|
|
499
499
|
}
|
|
500
|
-
.dnb-
|
|
500
|
+
.dnb-dl__layout--horizontal dt:first-of-type, .dnb-dl__layout--horizontal dd:first-of-type, .dnb-dl__layout--horizontal dd ~ dt:first-of-type {
|
|
501
501
|
margin-top: 0;
|
|
502
502
|
}
|
|
503
503
|
.dnb-dl dd.dnb-dl__item {
|
|
504
|
+
display: none;
|
|
504
505
|
flex-basis: 100%;
|
|
505
506
|
height: 0;
|
|
506
507
|
margin: 0;
|
|
507
508
|
}
|
|
509
|
+
.dnb-dl__layout--grid {
|
|
510
|
+
display: grid;
|
|
511
|
+
grid-template-columns: 1fr 2fr;
|
|
512
|
+
-moz-column-gap: 2rem;
|
|
513
|
+
column-gap: 2rem;
|
|
514
|
+
row-gap: 1rem;
|
|
515
|
+
/* stylelint-disable */
|
|
516
|
+
/* stylelint-enable */
|
|
517
|
+
}
|
|
518
|
+
.dnb-dl__layout--grid dt {
|
|
519
|
+
max-width: 15ch;
|
|
520
|
+
}
|
|
521
|
+
.dnb-dl__layout--grid dd {
|
|
522
|
+
max-width: 30ch;
|
|
523
|
+
align-self: end;
|
|
524
|
+
}
|
|
525
|
+
.dnb-dl__layout--grid dt, .dnb-dl__layout--grid dd, .dnb-dl__layout--grid dd ~ dt {
|
|
526
|
+
margin: 0;
|
|
527
|
+
}
|
|
508
528
|
}
|
|
509
529
|
|
|
510
530
|
.dnb-spacing .dnb-ul:not([class*=dnb-space__top]),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.dnb-blockquote{--blockquote-padding-top:2rem;--blockquote-padding-left:1.5rem;--blockquote-padding-bottom:3rem;--blockquote-quote-size:3rem;--blockquote-quote-padding:6rem;--blockquote-cite-style:italic;border-radius:1rem;display:inline-block;font-size:var(--font-size-small);line-height:var(--line-height-small);padding:1.5rem;position:relative;width:auto}.dnb-blockquote:not([class*=dnb-space]){margin:0}.dnb-blockquote:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0E1RTFEMiIgc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMzcuNSAyNy41YTkgOSAwIDEgMCAwLTE4IDkgOSAwIDAgMCAwIDE4Ii8+PHBhdGggc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNNDYuNSAxOC41YTIxIDIxIDAgMCAxLTIxIDIxIi8+PHBhdGggZmlsbD0iI0E1RTFEMiIgc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMTMuNSAyNy41YTkgOSAwIDEgMCAwLTE4IDkgOSAwIDAgMCAwIDE4Ii8+PHBhdGggc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMjIuNSAxOC41YTIxIDIxIDAgMCAxLTIxIDIxIi8+PC9zdmc+");background-size:cover;content:"";height:var(--blockquote-quote-size);left:var(--blockquote-padding-left);position:absolute;top:var(--blockquote-padding-top);width:var(--blockquote-quote-size)}.dnb-blockquote,.dnb-blockquote.dnb-blockquote--left{padding-bottom:var(--blockquote-padding-bottom);padding-left:var(--blockquote-quote-padding);padding-top:var(--blockquote-padding-top)}.dnb-blockquote.dnb-blockquote--top{padding-bottom:var(--blockquote-padding-bottom);padding-left:var(--blockquote-padding-left);padding-top:var(--blockquote-quote-padding)}.dnb-blockquote.dnb-blockquote--no-background{background-color:transparent}.dnb-blockquote .dnb-cite,.dnb-blockquote .dnb-figcaption,.dnb-blockquote cite,.dnb-blockquote figcaption,.dnb-blockquote footer{display:block;font-style:var(--blockquote-cite-style);font-weight:var(--font-weight-medium);line-height:var(--line-height-basis);margin-top:1rem}.dnb-blockquote .dnb-cite:before,.dnb-blockquote .dnb-figcaption:before,.dnb-blockquote cite:before,.dnb-blockquote figcaption:before,.dnb-blockquote footer:before{content:"—";display:inline-block;padding-right:.5rem}.dnb-spacing .dnb-blockquote .dnb-h--large,.dnb-spacing .dnb-blockquote .dnb-h--medium,.dnb-spacing .dnb-blockquote .dnb-h--xx-large,.dnb-spacing .dnb-blockquote .dnb-lead,.dnb-spacing .dnb-blockquote h1,.dnb-spacing .dnb-blockquote h2,.dnb-spacing .dnb-blockquote h3{margin:0}.dnb-blockquote .dnb-anchor{font-size:inherit}.dnb-spacing .dnb-blockquote:not([class*=dnb-space__top]){margin-top:0}.dnb-spacing .dnb-blockquote:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-spacing .dnb-blockquote p:last-child{margin-bottom:0}.dnb-code{border-radius:.1875em;color:inherit;display:inline-block;font-size:inherit;line-height:var(--line-height-xx-small--em);padding:.25em;text-decoration:inherit}del .dnb-code{-webkit-text-decoration:line-through;text-decoration:line-through}.dnb-code:not([class*=dnb-space]){margin:-.25em 0}.dnb-pre{word-wrap:normal;border-radius:.5rem;display:block;font-family:var(--font-family-monospace);font-size:inherit;-webkit-hyphens:none;hyphens:none;outline:none;overflow:auto;padding:1rem;-moz-tab-size:2;tab-size:2;text-align:left;text-shadow:none;vertical-align:baseline;white-space:pre;word-break:normal;word-spacing:normal}.dnb-pre:not([class*=dnb-space]){margin:0}.dnb-pre pre{padding:1rem}.dnb-pre .dnb-spacing pre:not([class*=dnb-space__top]){margin-top:0}.dnb-pre .dnb-spacing pre:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-spacing .dnb-pre:not([class*=dnb-space__top]){margin-top:0}.dnb-spacing .dnb-pre:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-skeleton>.dnb-code{background-color:transparent}.dnb-hr{--thickness:calc(var(--hr-thickness, 1px) + var(--modifier, 0px));border:0;display:flow-root;height:0;padding:0;position:relative;width:100%}.dnb-hr:not([class*=dnb-space]){margin:0}.dnb-hr:after{background-color:currentcolor;border-radius:calc(var(--thickness)/2);color:inherit;content:"";height:var(--thickness);inset:0;position:absolute;z-index:1}.dnb-hr--fullscreen:after{border-radius:0;box-shadow:100vw 0 0 0 currentcolor;left:-100vw}.dnb-hr--light{--hr-thickness:0.4px}html[data-visual-test] .dnb-hr--light{--modifier:0.7px}.dnb-hr--medium{--hr-thickness:1.5px}.dnb-spacing .dnb-hr:not([class*=dnb-space__top]){margin-top:0}.dnb-spacing .dnb-hr:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-img{align-items:center;display:inline-flex;flex-direction:column;padding:0;text-align:center}.dnb-img:not([class*=dnb-space]){margin:0}.dnb-img figcaption,.dnb-img img{font-size:var(--font-size-basis)}.dnb-img img{border-radius:inherit;border-style:none;box-sizing:content-box;max-width:100%;position:relative;z-index:2}.dnb-img img[alt]:after{align-items:center;border-radius:inherit;content:attr(alt);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:3}.dnb-img figcaption{margin-top:.5rem}.dnb-label{cursor:pointer;overflow-wrap:break-word}.dnb-label[disabled]{cursor:not-allowed}.dnb-ul{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-ul:not([class*=dnb-space]){margin:0}.dnb-ul:not([class*=dnb-space__left]){padding-left:2rem}.dnb-ul ol,.dnb-ul ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.dnb-ul li,.dnb-ul--outside li{position:relative}.dnb-ul li:before,.dnb-ul--outside li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.dnb-ul--inside li:before{left:0;padding-right:0;position:relative;text-align:initial;width:auto}.dnb-ul .dnb-anchor{font-size:inherit}.dnb-ul li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.dnb-ol{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-ol:not([class*=dnb-space]){margin:0}.dnb-ol:not([class*=dnb-space__left]){padding-left:2rem}.dnb-ol li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.dnb-ol ol,.dnb-ol ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.dnb-ol li,.dnb-ol--outside li{position:relative}.dnb-ol li:before,.dnb-ol--outside li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.dnb-ol--inside li:before{left:0;padding-right:0;position:relative;text-align:initial;width:auto}.dnb-ol .dnb-anchor{font-size:inherit}.dnb-ol li{list-style-type:decimal}.dnb-ol--nested,.dnb-ol--nested ol{counter-reset:item}.dnb-ol--nested li{display:block}.dnb-ol--nested li:before{content:counters(item,".") ". ";counter-increment:item}.dnb-ol--nested li li:before{content:counters(item,".") " ";counter-increment:item}.dnb-ol[type] li{display:list-item;list-style-type:inherit}.dnb-ol[type] li li:before,.dnb-ol[type] li:before{content:none}.dnb-dl{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-dl:not([class*=dnb-space__top]){margin-top:0}.dnb-dl:not([class*=dnb-space__bottom]){margin-bottom:0}.dnb-dl dt{font-weight:var(--font-weight-medium);margin-top:1rem;padding:0}.dnb-dl dd~dt{margin-top:1.5rem}.dnb-dl dd{margin:.5rem 0 1rem;padding:0}.dnb-dl:not([class*=dnb-space])>dd>dl,.dnb-dl>dd>dl{margin-left:2rem;margin-top:1.5rem}@media screen and (min-width:40em){.dnb-dl__direction--horizontal{display:flex;flex-wrap:wrap}.dnb-dl__direction--horizontal dt{margin-right:1rem;max-width:40%}.dnb-dl__direction--horizontal dd{width:calc(60% - 1rem)}.dnb-dl__direction--horizontal dd,.dnb-dl__direction--horizontal dd~dt,.dnb-dl__direction--horizontal dt{margin-bottom:0;margin-top:.5rem}.dnb-dl__direction--horizontal dd:first-of-type,.dnb-dl__direction--horizontal dd~dt:first-of-type,.dnb-dl__direction--horizontal dt:first-of-type{margin-top:0}.dnb-dl dd.dnb-dl__item{flex-basis:100%;height:0;margin:0}}.dnb-spacing .dnb-ol:not([class*=dnb-space__top]),.dnb-spacing .dnb-ul:not([class*=dnb-space__top]){margin-top:0}.dnb-spacing .dnb-ol:not([class*=dnb-space__bottom]),.dnb-spacing .dnb-ul:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-spacing .dnb-ol>li,.dnb-spacing .dnb-ul>li{margin-bottom:1rem;margin-top:1rem}.dnb-spacing .dnb-ol>li>p,.dnb-spacing .dnb-ul>li>p{margin-top:1rem}.dnb-spacing .dnb-ol li>ol,.dnb-spacing .dnb-ol li>ul,.dnb-spacing .dnb-ol:not([class*=dnb-space]) li>ol,.dnb-spacing .dnb-ol:not([class*=dnb-space]) li>ul,.dnb-spacing .dnb-ul li>ol,.dnb-spacing .dnb-ul li>ul,.dnb-spacing .dnb-ul:not([class*=dnb-space]) li>ol,.dnb-spacing .dnb-ul:not([class*=dnb-space]) li>ul{margin-top:-.5rem}.dnb-spacing .dnb-dl:not([class*=dnb-space__top]){margin-top:0}.dnb-spacing .dnb-dl:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-unstyled-list{list-style-type:none}.dnb-unstyled-list:not([class*=dnb-space]){margin:0}.dnb-unstyled-list:not([class*=dnb-space__left]){padding-left:0}.dnb-unstyled-list>li{list-style-type:none}.dnb-unstyled-list>li:before{content:none}.dnb-unstyled-list>dd,.dnb-unstyled-list>dl{margin-left:0}.dnb-core-style .dnb-h--basis,.dnb-core-style .dnb-h--large,.dnb-core-style .dnb-h--medium,.dnb-core-style .dnb-h--small,.dnb-core-style .dnb-h--x-large,.dnb-core-style .dnb-h--x-small,.dnb-core-style .dnb-h--xx-large,.dnb-core-style .dnb-lead,.dnb-h--basis,.dnb-h--large,.dnb-h--medium,.dnb-h--small,.dnb-h--x-large,.dnb-h--x-small,.dnb-h--xx-large,.dnb-lead,.dnb-p,.dnb-small,.dnb-table,b,h1,h2,h3,h4,h5,h6,p,small,strong,sub,sup{--typography-h-default-font-family:var(--font-family-default);--typography-h-default-font-weight:var(--font-weight-medium);--typography-h-xx-large-font-size:var(--font-size-xx-large);--typography-h-xx-large-line-height:var(--line-height-xx-large);--typography-h-xx-large-small-font-size:var(--font-size-x-large);--typography-h-xx-large-small-line-height:var(--line-height-x-large);--typography-h-xx-large-weight:var(--font-weight-medium);--typography-h-x-large-font-size:var(--font-size-x-large);--typography-h-x-large-line-height:var(--line-height-x-large);--typography-h-x-large-small-font-size:var(--font-size-large);--typography-h-x-large-small-line-height:var(--line-height-large);--typography-h-x-large-weight:var(--font-weight-medium);--typography-h-large-font-size:var(--font-size-large);--typography-h-large-line-height:var(--line-height-large);--typography-h-large-small-font-size:var(--font-size-medium);--typography-h-large-small-line-height:var(--line-height-medium);--typography-h-large-weight:var(--font-weight-medium);--typography-lead-font-size:var(--font-size-lead);--typography-lead-line-height:var(--line-height-lead);--typography-lead-small-font-size:var(--font-size-lead);--typography-lead-small-line-height:var(--line-height-lead);--typography-lead-weight:var(--font-weight-medium);--typography-h-medium-font-size:var(--font-size-medium);--typography-h-medium-line-height:var(--line-height-medium);--typography-h-medium-small-font-size:var(--font-size-basis);--typography-h-medium-small-line-height:var(--line-height-basis);--typography-h-medium-weight:var(--font-weight-medium);--typography-h-basis-font-size:var(--font-size-basis);--typography-h-basis-line-height:var(--line-height-basis);--typography-h-basis-small-font-size:var(--font-size-small);--typography-h-basis-small-line-height:var(--line-height-small);--typography-h-basis-weight:var(--font-weight-medium);--typography-h-basis-font-family:var(--font-family-default);--typography-h-small-font-size:var(--font-size-small);--typography-h-small-line-height:var(--line-height-small);--typography-h-small-small-font-size:var(--font-size-x-small);--typography-h-small-small-line-height:var(--line-height-x-small);--typography-h-small-weight:var(--font-weight-medium);--typography-h-small-font-family:var(--font-family-default);--typography-h-x-small-font-size:var(--font-size-x-small);--typography-h-x-small-line-height:var(--line-height-x-small);--typography-h-x-small-weight:var(--font-weight-medium);--typography-h-x-small-font-family:var(--font-family-default)}.dnb-core-style .dnb-h--basis,.dnb-core-style .dnb-h--large,.dnb-core-style .dnb-h--medium,.dnb-core-style .dnb-h--small,.dnb-core-style .dnb-h--x-large,.dnb-core-style .dnb-h--x-small,.dnb-core-style .dnb-h--xx-large,.dnb-core-style .dnb-lead,.dnb-h--basis,.dnb-h--large,.dnb-h--medium,.dnb-h--small,.dnb-h--x-large,.dnb-h--x-small,.dnb-h--xx-large,.dnb-lead{font-family:var(--typography-h-default-font-family);padding:0}.dnb-core-style .dnb-h--basis:not([class*=dnb-space]),.dnb-core-style .dnb-h--large:not([class*=dnb-space]),.dnb-core-style .dnb-h--medium:not([class*=dnb-space]),.dnb-core-style .dnb-h--small:not([class*=dnb-space]),.dnb-core-style .dnb-h--x-large:not([class*=dnb-space]),.dnb-core-style .dnb-h--x-small:not([class*=dnb-space]),.dnb-core-style .dnb-h--xx-large:not([class*=dnb-space]),.dnb-core-style .dnb-lead:not([class*=dnb-space]),.dnb-h--basis:not([class*=dnb-space]),.dnb-h--large:not([class*=dnb-space]),.dnb-h--medium:not([class*=dnb-space]),.dnb-h--small:not([class*=dnb-space]),.dnb-h--x-large:not([class*=dnb-space]),.dnb-h--x-small:not([class*=dnb-space]),.dnb-h--xx-large:not([class*=dnb-space]),.dnb-lead:not([class*=dnb-space]){margin:0}.dnb-core-style .dnb-h--basis .dnb-icon--default,.dnb-core-style .dnb-h--large .dnb-icon--default,.dnb-core-style .dnb-h--medium .dnb-icon--default,.dnb-core-style .dnb-h--small .dnb-icon--default,.dnb-core-style .dnb-h--x-large .dnb-icon--default,.dnb-core-style .dnb-h--x-small .dnb-icon--default,.dnb-core-style .dnb-h--xx-large .dnb-icon--default,.dnb-core-style .dnb-lead .dnb-icon--default,.dnb-h--basis .dnb-icon--default,.dnb-h--large .dnb-icon--default,.dnb-h--medium .dnb-icon--default,.dnb-h--small .dnb-icon--default,.dnb-h--x-large .dnb-icon--default,.dnb-h--x-small .dnb-icon--default,.dnb-h--xx-large .dnb-icon--default,.dnb-lead .dnb-icon--default{font-size:1em}.dnb-core-style .dnb-h--basis .dnb-icon--medium,.dnb-core-style .dnb-h--large .dnb-icon--medium,.dnb-core-style .dnb-h--medium .dnb-icon--medium,.dnb-core-style .dnb-h--small .dnb-icon--medium,.dnb-core-style .dnb-h--x-large .dnb-icon--medium,.dnb-core-style .dnb-h--x-small .dnb-icon--medium,.dnb-core-style .dnb-h--xx-large .dnb-icon--medium,.dnb-core-style .dnb-lead .dnb-icon--medium,.dnb-h--basis .dnb-icon--medium,.dnb-h--large .dnb-icon--medium,.dnb-h--medium .dnb-icon--medium,.dnb-h--small .dnb-icon--medium,.dnb-h--x-large .dnb-icon--medium,.dnb-h--x-small .dnb-icon--medium,.dnb-h--xx-large .dnb-icon--medium,.dnb-lead .dnb-icon--medium{font-size:1.5em}.dnb-core-style .dnb-h--basis .dnb-anchor,.dnb-core-style .dnb-h--basis a,.dnb-core-style .dnb-h--large .dnb-anchor,.dnb-core-style .dnb-h--large a,.dnb-core-style .dnb-h--medium .dnb-anchor,.dnb-core-style .dnb-h--medium a,.dnb-core-style .dnb-h--small .dnb-anchor,.dnb-core-style .dnb-h--small a,.dnb-core-style .dnb-h--x-large .dnb-anchor,.dnb-core-style .dnb-h--x-large a,.dnb-core-style .dnb-h--x-small .dnb-anchor,.dnb-core-style .dnb-h--x-small a,.dnb-core-style .dnb-h--xx-large .dnb-anchor,.dnb-core-style .dnb-h--xx-large a,.dnb-core-style .dnb-lead .dnb-anchor,.dnb-core-style .dnb-lead a,.dnb-h--basis .dnb-anchor,.dnb-h--basis a,.dnb-h--large .dnb-anchor,.dnb-h--large a,.dnb-h--medium .dnb-anchor,.dnb-h--medium a,.dnb-h--small .dnb-anchor,.dnb-h--small a,.dnb-h--x-large .dnb-anchor,.dnb-h--x-large a,.dnb-h--x-small .dnb-anchor,.dnb-h--x-small a,.dnb-h--xx-large .dnb-anchor,.dnb-h--xx-large a,.dnb-lead .dnb-anchor,.dnb-lead a{padding-bottom:.03125rem;padding-top:0}.dnb-small{font-size:var(--font-size-small)}sub,sup{font-size:.777777em;line-height:.5em}.dnb-p{font-size:var(--font-size-basis);padding:0}.dnb-p:not([class*=space__top]){margin-top:0}.dnb-p:not([class*=space__bottom]){margin-bottom:0}.dnb-p--lead{font-size:var(--typography-lead-font-size);font-weight:var(--typography-lead-weight);line-height:var(--typography-lead-line-height)}.dnb-p--lead>small{font-size:var(--typography-lead-small-font-size);line-height:var(--typography-lead-small-line-height)}.dnb-p b,.dnb-p strong,.dnb-p--medium{font-weight:var(--font-weight-medium)}.dnb-p--bold{font-weight:var(--font-weight-bold)}.dnb-p__size--xx-large{font-size:var(--font-size-xx-large);line-height:var(--line-height-xx-large)}.dnb-p__size--x-large{font-size:var(--font-size-x-large);line-height:var(--line-height-x-large)}.dnb-p__size--large{font-size:var(--font-size-large);line-height:var(--line-height-large)}.dnb-p__size--basis{font-size:var(--font-size-basis);line-height:var(--line-height-basis)}.dnb-p__size--medium{font-size:var(--font-size-medium);line-height:var(--line-height-medium)}.dnb-p--small,.dnb-p>small,.dnb-p__size--small{font-size:var(--font-size-small);line-height:var(--line-height-small)}.dnb-p--x-small,.dnb-p__size--x-small{font-size:var(--font-size-x-small);line-height:var(--line-height-x-small)}.dnb-p>cite{font-style:italic;line-height:var(--line-height-basis)}.dnb-p>cite,.dnb-table b,.dnb-table strong{font-weight:var(--font-weight-medium)}.dnb-h--xx-large{font-size:var(--typography-h-xx-large-font-size);font-weight:var(--typography-h-xx-large-weight);line-height:var(--typography-h-xx-large-line-height)}.dnb-h--xx-large>small{display:block;font-size:var(--typography-h-xx-large-small-font-size);line-height:var(--typography-h-xx-large-small-line-height)}.dnb-h--x-large{font-size:var(--typography-h-x-large-font-size);font-weight:var(--typography-h-x-large-weight);line-height:var(--typography-h-x-large-line-height)}.dnb-h--x-large>small{display:block;font-size:var(--typography-h-x-large-small-font-size);line-height:var(--typography-h-x-large-small-line-height)}.dnb-h--large{font-size:var(--typography-h-large-font-size);font-weight:var(--typography-h-large-weight);line-height:var(--typography-h-large-line-height)}.dnb-h--large>small{font-size:var(--typography-h-large-small-font-size);line-height:var(--typography-h-large-small-line-height)}.dnb-lead{font-size:var(--typography-lead-font-size);font-weight:var(--typography-lead-weight);line-height:var(--typography-lead-line-height)}.dnb-lead>small{font-size:var(--typography-lead-small-font-size);line-height:var(--typography-lead-small-line-height)}.dnb-h--medium{font-size:var(--typography-h-medium-font-size);font-weight:var(--typography-h-medium-weight);line-height:var(--typography-h-medium-line-height)}.dnb-h--medium>small{font-size:var(--typography-h-medium-small-font-size);line-height:var(--typography-h-medium-small-line-height)}.dnb-h--basis{font-family:var(--typography-h-basis-font-family);font-size:var(--typography-h-basis-font-size);font-weight:var(--typography-h-basis-weight);line-height:var(--typography-h-basis-line-height)}.dnb-h--basis>small{font-size:var(--typography-h-basis-small-font-size);line-height:var(--typography-h-basis-small-line-height)}.dnb-h--small{font-family:var(--typography-h-small-font-family);font-size:var(--typography-h-small-font-size);font-weight:var(--typography-h-small-weight);line-height:var(--typography-h-small-line-height)}.dnb-h--small>small{font-size:var(--typography-h-small-small-font-size);line-height:var(--typography-h-small-small-line-height)}.dnb-h--x-small{font-family:var(--typography-h-x-small-font-family);font-size:var(--typography-h-x-small-font-size);font-weight:var(--typography-h-x-small-weight);line-height:var(--typography-h-x-small-line-height)}.dnb-core-style .dnb-spacing .dnb-h--xx-large:not([class*=space__top]),.dnb-spacing .dnb-h--xx-large:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-spacing .dnb-h--xx-large:not([class*=space__bottom]),.dnb-spacing .dnb-h--xx-large:not([class*=space__bottom]){margin-bottom:2.5rem}.dnb-core-style .dnb-spacing .dnb-h--x-large:not([class*=space__top]),.dnb-spacing .dnb-h--x-large:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-spacing .dnb-h--x-large:not([class*=space__bottom]),.dnb-spacing .dnb-h--x-large:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-spacing .dnb-h--large:not([class*=space__top]),.dnb-spacing .dnb-h--large:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-spacing .dnb-h--large:not([class*=space__bottom]),.dnb-spacing .dnb-h--large:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-spacing .dnb-h--basis:not([class*=space__top]),.dnb-core-style .dnb-spacing .dnb-h--medium:not([class*=space__top]),.dnb-core-style .dnb-spacing .dnb-h--small:not([class*=space__top]),.dnb-core-style .dnb-spacing .dnb-h--x-small:not([class*=space__top]),.dnb-core-style .dnb-spacing .dnb-lead:not([class*=space__top]),.dnb-spacing .dnb-h--basis:not([class*=space__top]),.dnb-spacing .dnb-h--medium:not([class*=space__top]),.dnb-spacing .dnb-h--small:not([class*=space__top]),.dnb-spacing .dnb-h--x-small:not([class*=space__top]),.dnb-spacing .dnb-lead:not([class*=space__top]){margin-top:2rem}.dnb-core-style .dnb-spacing .dnb-h--basis:not([class*=space__bottom]),.dnb-core-style .dnb-spacing .dnb-h--medium:not([class*=space__bottom]),.dnb-core-style .dnb-spacing .dnb-h--small:not([class*=space__bottom]),.dnb-core-style .dnb-spacing .dnb-h--x-small:not([class*=space__bottom]),.dnb-core-style .dnb-spacing .dnb-lead:not([class*=space__bottom]),.dnb-spacing .dnb-h--basis:not([class*=space__bottom]),.dnb-spacing .dnb-h--medium:not([class*=space__bottom]),.dnb-spacing .dnb-h--small:not([class*=space__bottom]),.dnb-spacing .dnb-h--x-small:not([class*=space__bottom]),.dnb-spacing .dnb-lead:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-spacing .dnb-p:not([class*=dnb-space__top]),.dnb-spacing .dnb-p:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing .dnb-p:not([class*=dnb-space__bottom]),.dnb-spacing .dnb-p:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style .dnb-h--basis,.dnb-core-style .dnb-h--large,.dnb-core-style .dnb-h--medium,.dnb-core-style .dnb-h--small,.dnb-core-style .dnb-h--x-large,.dnb-core-style .dnb-h--x-small,.dnb-core-style .dnb-h--xx-large,.dnb-core-style .dnb-lead,.dnb-h--basis,.dnb-h--large,.dnb-h--medium,.dnb-h--small,.dnb-h--x-large,.dnb-h--x-small,.dnb-h--xx-large,.dnb-lead,h1,h2,h3,h4,h5,h6{color:var(--theme-color-black-80,currentColor)}.dnb-core-style .dnb-h--basis,.dnb-core-style .dnb-h--large,.dnb-core-style .dnb-h--medium,.dnb-core-style .dnb-h--small,.dnb-core-style .dnb-h--x-large,.dnb-core-style .dnb-h--x-small,.dnb-core-style .dnb-h--xx-large,.dnb-core-style .dnb-lead,.dnb-h--basis,.dnb-h--large,.dnb-h--medium,.dnb-h--small,.dnb-h--x-large,.dnb-h--x-small,.dnb-h--xx-large,.dnb-lead,.dnb-p,.dnb-small,.dnb-table,b,h1,h2,h3,h4,h5,h6,p,small,strong,sub,sup{--typography-h-xx-large-small-line-height:var(--line-height-large);--typography-h-x-large-line-height:var(--line-height-large);--typography-h-x-large-small-font-size:var(--font-size-x-large);--typography-h-large-line-height:var(--line-height-medium);--typography-h-large-small-line-height:calc(var(--line-height-medium) - 0.125rem);--typography-lead-small-font-size:var(--font-size-basis);--typography-lead-small-line-height:var(--line-height-basis);--typography-h-medium-line-height:var(--line-height-lead);--typography-h-small-small-line-height:var(--line-height-small)}.dnb-p{color:var(--theme-color-black-80,currentColor)}.dnb-core-style .dnb-h--basis,.dnb-core-style .dnb-h--large,.dnb-core-style .dnb-h--medium,.dnb-core-style .dnb-h--small,.dnb-core-style .dnb-h--x-large,.dnb-core-style .dnb-h--x-small,.dnb-core-style .dnb-h--xx-large,.dnb-core-style .dnb-lead,.dnb-h--basis,.dnb-h--large,.dnb-h--medium,.dnb-h--small,.dnb-h--x-large,.dnb-h--x-small,.dnb-h--xx-large,.dnb-lead,.dnb-p,.dnb-small,.dnb-table,b,h1,h2,h3,h4,h5,h6,p,small,strong,sub,sup{--typography-h-xx-large-weight:var(--font-weight-regular);--typography-h-x-large-weight:var(--font-weight-regular);--typography-h-large-weight:var(--font-weight-regular);--typography-h-medium-weight:var(--font-weight-regular);--typography-h-basis-weight:var(--font-weight-regular);--typography-h-small-weight:var(--font-weight-regular);--typography-h-x-small-weight:var(--font-weight-regular)}.dnb-blockquote{background-color:var(--color-ocean-green);color:var(--color-mint-green)}.dnb-blockquote.dnb-blockquote--no-background{color:var(--theme-color-black-80,currentColor)}.dnb-blockquote.dnb-blockquote--no-background:before{filter:grayscale(1) brightness(24%)}.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor,.dnb-blockquote:not(.dnb-blockquote--no-background) a{color:var(--color-white)}.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)),.dnb-blockquote:not(.dnb-blockquote--no-background) a:hover:where(:not(.dnb-anchor--no-hover)){--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--color-white),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--color-white),var(--anchor-background-gutter) 0 0 0 var(--color-white);color:var(--anchor-color--contrast)}@supports not (selector(*:where(*))){.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:hover:not(.dnb-anchor--no-hover),.dnb-blockquote:not(.dnb-blockquote--no-background) a:hover:not(.dnb-anchor--no-hover){--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--color-white),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--color-white),var(--anchor-background-gutter) 0 0 0 var(--color-white);color:var(--anchor-color--contrast)}}.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:active,.dnb-blockquote:not(.dnb-blockquote--no-background) a:active{--anchor-background-gutter:0.125em;background-color:transparent;box-shadow:inset 100vw 100vw 0 0 transparent,calc(var(--anchor-background-gutter)*-1) 0 0 0 transparent,var(--anchor-background-gutter) 0 0 0 transparent;color:var(--color-white)}.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:focus-visible,.dnb-blockquote:not(.dnb-blockquote--no-background) a:focus-visible{--border-color:var(--color-white);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-white);outline:none}.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-h--large,.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-h--medium,.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-h--xx-large,.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-lead,.dnb-blockquote:not(.dnb-blockquote--no-background) h1,.dnb-blockquote:not(.dnb-blockquote--no-background) h2,.dnb-blockquote:not(.dnb-blockquote--no-background) h3{color:var(--color-mint-green)}.dnb-code{background-color:var(--color-mint-green-25)}.dnb-pre{background-color:#222;color:var(--color-mint-green-12)}.dnb-pre.dnb-pre--focus{--border-color:var(--color-sea-green);--border-width:0.25rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-hr{color:var(--color-black-80)}.dnb-img[alt]:after,.dnb-img__img--error{background-color:var(--color-black-8);color:var(--color-black-80)}.dnb-label{color:var(--color-black-80)}.dnb-dl,.dnb-ol,.dnb-ul{color:var(--theme-color-black-80,currentColor)}
|
|
1
|
+
@charset "UTF-8";.dnb-blockquote{--blockquote-padding-top:2rem;--blockquote-padding-left:1.5rem;--blockquote-padding-bottom:3rem;--blockquote-quote-size:3rem;--blockquote-quote-padding:6rem;--blockquote-cite-style:italic;border-radius:1rem;display:inline-block;font-size:var(--font-size-small);line-height:var(--line-height-small);padding:1.5rem;position:relative;width:auto}.dnb-blockquote:not([class*=dnb-space]){margin:0}.dnb-blockquote:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0E1RTFEMiIgc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMzcuNSAyNy41YTkgOSAwIDEgMCAwLTE4IDkgOSAwIDAgMCAwIDE4Ii8+PHBhdGggc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNNDYuNSAxOC41YTIxIDIxIDAgMCAxLTIxIDIxIi8+PHBhdGggZmlsbD0iI0E1RTFEMiIgc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMTMuNSAyNy41YTkgOSAwIDEgMCAwLTE4IDkgOSAwIDAgMCAwIDE4Ii8+PHBhdGggc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMjIuNSAxOC41YTIxIDIxIDAgMCAxLTIxIDIxIi8+PC9zdmc+");background-size:cover;content:"";height:var(--blockquote-quote-size);left:var(--blockquote-padding-left);position:absolute;top:var(--blockquote-padding-top);width:var(--blockquote-quote-size)}.dnb-blockquote,.dnb-blockquote.dnb-blockquote--left{padding-bottom:var(--blockquote-padding-bottom);padding-left:var(--blockquote-quote-padding);padding-top:var(--blockquote-padding-top)}.dnb-blockquote.dnb-blockquote--top{padding-bottom:var(--blockquote-padding-bottom);padding-left:var(--blockquote-padding-left);padding-top:var(--blockquote-quote-padding)}.dnb-blockquote.dnb-blockquote--no-background{background-color:transparent}.dnb-blockquote .dnb-cite,.dnb-blockquote .dnb-figcaption,.dnb-blockquote cite,.dnb-blockquote figcaption,.dnb-blockquote footer{display:block;font-style:var(--blockquote-cite-style);font-weight:var(--font-weight-medium);line-height:var(--line-height-basis);margin-top:1rem}.dnb-blockquote .dnb-cite:before,.dnb-blockquote .dnb-figcaption:before,.dnb-blockquote cite:before,.dnb-blockquote figcaption:before,.dnb-blockquote footer:before{content:"—";display:inline-block;padding-right:.5rem}.dnb-spacing .dnb-blockquote .dnb-h--large,.dnb-spacing .dnb-blockquote .dnb-h--medium,.dnb-spacing .dnb-blockquote .dnb-h--xx-large,.dnb-spacing .dnb-blockquote .dnb-lead,.dnb-spacing .dnb-blockquote h1,.dnb-spacing .dnb-blockquote h2,.dnb-spacing .dnb-blockquote h3{margin:0}.dnb-blockquote .dnb-anchor{font-size:inherit}.dnb-spacing .dnb-blockquote:not([class*=dnb-space__top]){margin-top:0}.dnb-spacing .dnb-blockquote:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-spacing .dnb-blockquote p:last-child{margin-bottom:0}.dnb-code{border-radius:.1875em;color:inherit;display:inline-block;font-size:inherit;line-height:var(--line-height-xx-small--em);padding:.25em;text-decoration:inherit}del .dnb-code{-webkit-text-decoration:line-through;text-decoration:line-through}.dnb-code:not([class*=dnb-space]){margin:-.25em 0}.dnb-pre{word-wrap:normal;border-radius:.5rem;display:block;font-family:var(--font-family-monospace);font-size:inherit;-webkit-hyphens:none;hyphens:none;outline:none;overflow:auto;padding:1rem;-moz-tab-size:2;tab-size:2;text-align:left;text-shadow:none;vertical-align:baseline;white-space:pre;word-break:normal;word-spacing:normal}.dnb-pre:not([class*=dnb-space]){margin:0}.dnb-pre pre{padding:1rem}.dnb-pre .dnb-spacing pre:not([class*=dnb-space__top]){margin-top:0}.dnb-pre .dnb-spacing pre:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-spacing .dnb-pre:not([class*=dnb-space__top]){margin-top:0}.dnb-spacing .dnb-pre:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-skeleton>.dnb-code{background-color:transparent}.dnb-hr{--thickness:calc(var(--hr-thickness, 1px) + var(--modifier, 0px));border:0;display:flow-root;height:0;padding:0;position:relative;width:100%}.dnb-hr:not([class*=dnb-space]){margin:0}.dnb-hr:after{background-color:currentcolor;border-radius:calc(var(--thickness)/2);color:inherit;content:"";height:var(--thickness);inset:0;position:absolute;z-index:1}.dnb-hr--fullscreen:after{border-radius:0;box-shadow:100vw 0 0 0 currentcolor;left:-100vw}.dnb-hr--light{--hr-thickness:0.4px}html[data-visual-test] .dnb-hr--light{--modifier:0.7px}.dnb-hr--medium{--hr-thickness:1.5px}.dnb-spacing .dnb-hr:not([class*=dnb-space__top]){margin-top:0}.dnb-spacing .dnb-hr:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-img{align-items:center;display:inline-flex;flex-direction:column;padding:0;text-align:center}.dnb-img:not([class*=dnb-space]){margin:0}.dnb-img figcaption,.dnb-img img{font-size:var(--font-size-basis)}.dnb-img img{border-radius:inherit;border-style:none;box-sizing:content-box;max-width:100%;position:relative;z-index:2}.dnb-img img[alt]:after{align-items:center;border-radius:inherit;content:attr(alt);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:3}.dnb-img figcaption{margin-top:.5rem}.dnb-label{cursor:pointer;overflow-wrap:break-word}.dnb-label[disabled]{cursor:not-allowed}.dnb-ul{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-ul:not([class*=dnb-space]){margin:0}.dnb-ul:not([class*=dnb-space__left]){padding-left:2rem}.dnb-ul ol,.dnb-ul ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.dnb-ul li,.dnb-ul--outside li{position:relative}.dnb-ul li:before,.dnb-ul--outside li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.dnb-ul--inside li:before{left:0;padding-right:0;position:relative;text-align:initial;width:auto}.dnb-ul .dnb-anchor{font-size:inherit}.dnb-ul li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.dnb-ol{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-ol:not([class*=dnb-space]){margin:0}.dnb-ol:not([class*=dnb-space__left]){padding-left:2rem}.dnb-ol li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.dnb-ol ol,.dnb-ol ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.dnb-ol li,.dnb-ol--outside li{position:relative}.dnb-ol li:before,.dnb-ol--outside li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.dnb-ol--inside li:before{left:0;padding-right:0;position:relative;text-align:initial;width:auto}.dnb-ol .dnb-anchor{font-size:inherit}.dnb-ol li{list-style-type:decimal}.dnb-ol--nested,.dnb-ol--nested ol{counter-reset:item}.dnb-ol--nested li{display:block}.dnb-ol--nested li:before{content:counters(item,".") ". ";counter-increment:item}.dnb-ol--nested li li:before{content:counters(item,".") " ";counter-increment:item}.dnb-ol[type] li{display:list-item;list-style-type:inherit}.dnb-ol[type] li li:before,.dnb-ol[type] li:before{content:none}.dnb-dl{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-dl:not([class*=dnb-space__top]){margin-top:0}.dnb-dl:not([class*=dnb-space__bottom]){margin-bottom:0}.dnb-dl dt{font-weight:var(--font-weight-medium);margin-top:1rem;padding:0}.dnb-dl dd~dt{margin-top:1.5rem}.dnb-dl dd{margin:.5rem 0 1rem;padding:0}.dnb-dl:not([class*=dnb-space])>dd>dl,.dnb-dl>dd>dl{margin-left:2rem;margin-top:1.5rem}@media screen and (min-width:40em){.dnb-dl__layout--horizontal{display:flex;flex-wrap:wrap}.dnb-dl__layout--horizontal dt{margin-right:1rem;max-width:40%}.dnb-dl__layout--horizontal dd{width:calc(60% - 1rem)}.dnb-dl__layout--horizontal dd,.dnb-dl__layout--horizontal dd~dt,.dnb-dl__layout--horizontal dt{margin-bottom:0;margin-top:.5rem}.dnb-dl__layout--horizontal dd:first-of-type,.dnb-dl__layout--horizontal dd~dt:first-of-type,.dnb-dl__layout--horizontal dt:first-of-type{margin-top:0}.dnb-dl dd.dnb-dl__item{display:none;flex-basis:100%;height:0;margin:0}.dnb-dl__layout--grid{-moz-column-gap:2rem;column-gap:2rem;display:grid;grid-template-columns:1fr 2fr;row-gap:1rem}.dnb-dl__layout--grid dt{max-width:15ch}.dnb-dl__layout--grid dd{align-self:end;max-width:30ch}.dnb-dl__layout--grid dd,.dnb-dl__layout--grid dd~dt,.dnb-dl__layout--grid dt{margin:0}}.dnb-spacing .dnb-ol:not([class*=dnb-space__top]),.dnb-spacing .dnb-ul:not([class*=dnb-space__top]){margin-top:0}.dnb-spacing .dnb-ol:not([class*=dnb-space__bottom]),.dnb-spacing .dnb-ul:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-spacing .dnb-ol>li,.dnb-spacing .dnb-ul>li{margin-bottom:1rem;margin-top:1rem}.dnb-spacing .dnb-ol>li>p,.dnb-spacing .dnb-ul>li>p{margin-top:1rem}.dnb-spacing .dnb-ol li>ol,.dnb-spacing .dnb-ol li>ul,.dnb-spacing .dnb-ol:not([class*=dnb-space]) li>ol,.dnb-spacing .dnb-ol:not([class*=dnb-space]) li>ul,.dnb-spacing .dnb-ul li>ol,.dnb-spacing .dnb-ul li>ul,.dnb-spacing .dnb-ul:not([class*=dnb-space]) li>ol,.dnb-spacing .dnb-ul:not([class*=dnb-space]) li>ul{margin-top:-.5rem}.dnb-spacing .dnb-dl:not([class*=dnb-space__top]){margin-top:0}.dnb-spacing .dnb-dl:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-unstyled-list{list-style-type:none}.dnb-unstyled-list:not([class*=dnb-space]){margin:0}.dnb-unstyled-list:not([class*=dnb-space__left]){padding-left:0}.dnb-unstyled-list>li{list-style-type:none}.dnb-unstyled-list>li:before{content:none}.dnb-unstyled-list>dd,.dnb-unstyled-list>dl{margin-left:0}.dnb-core-style .dnb-h--basis,.dnb-core-style .dnb-h--large,.dnb-core-style .dnb-h--medium,.dnb-core-style .dnb-h--small,.dnb-core-style .dnb-h--x-large,.dnb-core-style .dnb-h--x-small,.dnb-core-style .dnb-h--xx-large,.dnb-core-style .dnb-lead,.dnb-h--basis,.dnb-h--large,.dnb-h--medium,.dnb-h--small,.dnb-h--x-large,.dnb-h--x-small,.dnb-h--xx-large,.dnb-lead,.dnb-p,.dnb-small,.dnb-table,b,h1,h2,h3,h4,h5,h6,p,small,strong,sub,sup{--typography-h-default-font-family:var(--font-family-default);--typography-h-default-font-weight:var(--font-weight-medium);--typography-h-xx-large-font-size:var(--font-size-xx-large);--typography-h-xx-large-line-height:var(--line-height-xx-large);--typography-h-xx-large-small-font-size:var(--font-size-x-large);--typography-h-xx-large-small-line-height:var(--line-height-x-large);--typography-h-xx-large-weight:var(--font-weight-medium);--typography-h-x-large-font-size:var(--font-size-x-large);--typography-h-x-large-line-height:var(--line-height-x-large);--typography-h-x-large-small-font-size:var(--font-size-large);--typography-h-x-large-small-line-height:var(--line-height-large);--typography-h-x-large-weight:var(--font-weight-medium);--typography-h-large-font-size:var(--font-size-large);--typography-h-large-line-height:var(--line-height-large);--typography-h-large-small-font-size:var(--font-size-medium);--typography-h-large-small-line-height:var(--line-height-medium);--typography-h-large-weight:var(--font-weight-medium);--typography-lead-font-size:var(--font-size-lead);--typography-lead-line-height:var(--line-height-lead);--typography-lead-small-font-size:var(--font-size-lead);--typography-lead-small-line-height:var(--line-height-lead);--typography-lead-weight:var(--font-weight-medium);--typography-h-medium-font-size:var(--font-size-medium);--typography-h-medium-line-height:var(--line-height-medium);--typography-h-medium-small-font-size:var(--font-size-basis);--typography-h-medium-small-line-height:var(--line-height-basis);--typography-h-medium-weight:var(--font-weight-medium);--typography-h-basis-font-size:var(--font-size-basis);--typography-h-basis-line-height:var(--line-height-basis);--typography-h-basis-small-font-size:var(--font-size-small);--typography-h-basis-small-line-height:var(--line-height-small);--typography-h-basis-weight:var(--font-weight-medium);--typography-h-basis-font-family:var(--font-family-default);--typography-h-small-font-size:var(--font-size-small);--typography-h-small-line-height:var(--line-height-small);--typography-h-small-small-font-size:var(--font-size-x-small);--typography-h-small-small-line-height:var(--line-height-x-small);--typography-h-small-weight:var(--font-weight-medium);--typography-h-small-font-family:var(--font-family-default);--typography-h-x-small-font-size:var(--font-size-x-small);--typography-h-x-small-line-height:var(--line-height-x-small);--typography-h-x-small-weight:var(--font-weight-medium);--typography-h-x-small-font-family:var(--font-family-default)}.dnb-core-style .dnb-h--basis,.dnb-core-style .dnb-h--large,.dnb-core-style .dnb-h--medium,.dnb-core-style .dnb-h--small,.dnb-core-style .dnb-h--x-large,.dnb-core-style .dnb-h--x-small,.dnb-core-style .dnb-h--xx-large,.dnb-core-style .dnb-lead,.dnb-h--basis,.dnb-h--large,.dnb-h--medium,.dnb-h--small,.dnb-h--x-large,.dnb-h--x-small,.dnb-h--xx-large,.dnb-lead{font-family:var(--typography-h-default-font-family);padding:0}.dnb-core-style .dnb-h--basis:not([class*=dnb-space]),.dnb-core-style .dnb-h--large:not([class*=dnb-space]),.dnb-core-style .dnb-h--medium:not([class*=dnb-space]),.dnb-core-style .dnb-h--small:not([class*=dnb-space]),.dnb-core-style .dnb-h--x-large:not([class*=dnb-space]),.dnb-core-style .dnb-h--x-small:not([class*=dnb-space]),.dnb-core-style .dnb-h--xx-large:not([class*=dnb-space]),.dnb-core-style .dnb-lead:not([class*=dnb-space]),.dnb-h--basis:not([class*=dnb-space]),.dnb-h--large:not([class*=dnb-space]),.dnb-h--medium:not([class*=dnb-space]),.dnb-h--small:not([class*=dnb-space]),.dnb-h--x-large:not([class*=dnb-space]),.dnb-h--x-small:not([class*=dnb-space]),.dnb-h--xx-large:not([class*=dnb-space]),.dnb-lead:not([class*=dnb-space]){margin:0}.dnb-core-style .dnb-h--basis .dnb-icon--default,.dnb-core-style .dnb-h--large .dnb-icon--default,.dnb-core-style .dnb-h--medium .dnb-icon--default,.dnb-core-style .dnb-h--small .dnb-icon--default,.dnb-core-style .dnb-h--x-large .dnb-icon--default,.dnb-core-style .dnb-h--x-small .dnb-icon--default,.dnb-core-style .dnb-h--xx-large .dnb-icon--default,.dnb-core-style .dnb-lead .dnb-icon--default,.dnb-h--basis .dnb-icon--default,.dnb-h--large .dnb-icon--default,.dnb-h--medium .dnb-icon--default,.dnb-h--small .dnb-icon--default,.dnb-h--x-large .dnb-icon--default,.dnb-h--x-small .dnb-icon--default,.dnb-h--xx-large .dnb-icon--default,.dnb-lead .dnb-icon--default{font-size:1em}.dnb-core-style .dnb-h--basis .dnb-icon--medium,.dnb-core-style .dnb-h--large .dnb-icon--medium,.dnb-core-style .dnb-h--medium .dnb-icon--medium,.dnb-core-style .dnb-h--small .dnb-icon--medium,.dnb-core-style .dnb-h--x-large .dnb-icon--medium,.dnb-core-style .dnb-h--x-small .dnb-icon--medium,.dnb-core-style .dnb-h--xx-large .dnb-icon--medium,.dnb-core-style .dnb-lead .dnb-icon--medium,.dnb-h--basis .dnb-icon--medium,.dnb-h--large .dnb-icon--medium,.dnb-h--medium .dnb-icon--medium,.dnb-h--small .dnb-icon--medium,.dnb-h--x-large .dnb-icon--medium,.dnb-h--x-small .dnb-icon--medium,.dnb-h--xx-large .dnb-icon--medium,.dnb-lead .dnb-icon--medium{font-size:1.5em}.dnb-core-style .dnb-h--basis .dnb-anchor,.dnb-core-style .dnb-h--basis a,.dnb-core-style .dnb-h--large .dnb-anchor,.dnb-core-style .dnb-h--large a,.dnb-core-style .dnb-h--medium .dnb-anchor,.dnb-core-style .dnb-h--medium a,.dnb-core-style .dnb-h--small .dnb-anchor,.dnb-core-style .dnb-h--small a,.dnb-core-style .dnb-h--x-large .dnb-anchor,.dnb-core-style .dnb-h--x-large a,.dnb-core-style .dnb-h--x-small .dnb-anchor,.dnb-core-style .dnb-h--x-small a,.dnb-core-style .dnb-h--xx-large .dnb-anchor,.dnb-core-style .dnb-h--xx-large a,.dnb-core-style .dnb-lead .dnb-anchor,.dnb-core-style .dnb-lead a,.dnb-h--basis .dnb-anchor,.dnb-h--basis a,.dnb-h--large .dnb-anchor,.dnb-h--large a,.dnb-h--medium .dnb-anchor,.dnb-h--medium a,.dnb-h--small .dnb-anchor,.dnb-h--small a,.dnb-h--x-large .dnb-anchor,.dnb-h--x-large a,.dnb-h--x-small .dnb-anchor,.dnb-h--x-small a,.dnb-h--xx-large .dnb-anchor,.dnb-h--xx-large a,.dnb-lead .dnb-anchor,.dnb-lead a{padding-bottom:.03125rem;padding-top:0}.dnb-small{font-size:var(--font-size-small)}sub,sup{font-size:.777777em;line-height:.5em}.dnb-p{font-size:var(--font-size-basis);padding:0}.dnb-p:not([class*=space__top]){margin-top:0}.dnb-p:not([class*=space__bottom]){margin-bottom:0}.dnb-p--lead{font-size:var(--typography-lead-font-size);font-weight:var(--typography-lead-weight);line-height:var(--typography-lead-line-height)}.dnb-p--lead>small{font-size:var(--typography-lead-small-font-size);line-height:var(--typography-lead-small-line-height)}.dnb-p b,.dnb-p strong,.dnb-p--medium{font-weight:var(--font-weight-medium)}.dnb-p--bold{font-weight:var(--font-weight-bold)}.dnb-p__size--xx-large{font-size:var(--font-size-xx-large);line-height:var(--line-height-xx-large)}.dnb-p__size--x-large{font-size:var(--font-size-x-large);line-height:var(--line-height-x-large)}.dnb-p__size--large{font-size:var(--font-size-large);line-height:var(--line-height-large)}.dnb-p__size--basis{font-size:var(--font-size-basis);line-height:var(--line-height-basis)}.dnb-p__size--medium{font-size:var(--font-size-medium);line-height:var(--line-height-medium)}.dnb-p--small,.dnb-p>small,.dnb-p__size--small{font-size:var(--font-size-small);line-height:var(--line-height-small)}.dnb-p--x-small,.dnb-p__size--x-small{font-size:var(--font-size-x-small);line-height:var(--line-height-x-small)}.dnb-p>cite{font-style:italic;line-height:var(--line-height-basis)}.dnb-p>cite,.dnb-table b,.dnb-table strong{font-weight:var(--font-weight-medium)}.dnb-h--xx-large{font-size:var(--typography-h-xx-large-font-size);font-weight:var(--typography-h-xx-large-weight);line-height:var(--typography-h-xx-large-line-height)}.dnb-h--xx-large>small{display:block;font-size:var(--typography-h-xx-large-small-font-size);line-height:var(--typography-h-xx-large-small-line-height)}.dnb-h--x-large{font-size:var(--typography-h-x-large-font-size);font-weight:var(--typography-h-x-large-weight);line-height:var(--typography-h-x-large-line-height)}.dnb-h--x-large>small{display:block;font-size:var(--typography-h-x-large-small-font-size);line-height:var(--typography-h-x-large-small-line-height)}.dnb-h--large{font-size:var(--typography-h-large-font-size);font-weight:var(--typography-h-large-weight);line-height:var(--typography-h-large-line-height)}.dnb-h--large>small{font-size:var(--typography-h-large-small-font-size);line-height:var(--typography-h-large-small-line-height)}.dnb-lead{font-size:var(--typography-lead-font-size);font-weight:var(--typography-lead-weight);line-height:var(--typography-lead-line-height)}.dnb-lead>small{font-size:var(--typography-lead-small-font-size);line-height:var(--typography-lead-small-line-height)}.dnb-h--medium{font-size:var(--typography-h-medium-font-size);font-weight:var(--typography-h-medium-weight);line-height:var(--typography-h-medium-line-height)}.dnb-h--medium>small{font-size:var(--typography-h-medium-small-font-size);line-height:var(--typography-h-medium-small-line-height)}.dnb-h--basis{font-family:var(--typography-h-basis-font-family);font-size:var(--typography-h-basis-font-size);font-weight:var(--typography-h-basis-weight);line-height:var(--typography-h-basis-line-height)}.dnb-h--basis>small{font-size:var(--typography-h-basis-small-font-size);line-height:var(--typography-h-basis-small-line-height)}.dnb-h--small{font-family:var(--typography-h-small-font-family);font-size:var(--typography-h-small-font-size);font-weight:var(--typography-h-small-weight);line-height:var(--typography-h-small-line-height)}.dnb-h--small>small{font-size:var(--typography-h-small-small-font-size);line-height:var(--typography-h-small-small-line-height)}.dnb-h--x-small{font-family:var(--typography-h-x-small-font-family);font-size:var(--typography-h-x-small-font-size);font-weight:var(--typography-h-x-small-weight);line-height:var(--typography-h-x-small-line-height)}.dnb-core-style .dnb-spacing .dnb-h--xx-large:not([class*=space__top]),.dnb-spacing .dnb-h--xx-large:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-spacing .dnb-h--xx-large:not([class*=space__bottom]),.dnb-spacing .dnb-h--xx-large:not([class*=space__bottom]){margin-bottom:2.5rem}.dnb-core-style .dnb-spacing .dnb-h--x-large:not([class*=space__top]),.dnb-spacing .dnb-h--x-large:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-spacing .dnb-h--x-large:not([class*=space__bottom]),.dnb-spacing .dnb-h--x-large:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-spacing .dnb-h--large:not([class*=space__top]),.dnb-spacing .dnb-h--large:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-spacing .dnb-h--large:not([class*=space__bottom]),.dnb-spacing .dnb-h--large:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-spacing .dnb-h--basis:not([class*=space__top]),.dnb-core-style .dnb-spacing .dnb-h--medium:not([class*=space__top]),.dnb-core-style .dnb-spacing .dnb-h--small:not([class*=space__top]),.dnb-core-style .dnb-spacing .dnb-h--x-small:not([class*=space__top]),.dnb-core-style .dnb-spacing .dnb-lead:not([class*=space__top]),.dnb-spacing .dnb-h--basis:not([class*=space__top]),.dnb-spacing .dnb-h--medium:not([class*=space__top]),.dnb-spacing .dnb-h--small:not([class*=space__top]),.dnb-spacing .dnb-h--x-small:not([class*=space__top]),.dnb-spacing .dnb-lead:not([class*=space__top]){margin-top:2rem}.dnb-core-style .dnb-spacing .dnb-h--basis:not([class*=space__bottom]),.dnb-core-style .dnb-spacing .dnb-h--medium:not([class*=space__bottom]),.dnb-core-style .dnb-spacing .dnb-h--small:not([class*=space__bottom]),.dnb-core-style .dnb-spacing .dnb-h--x-small:not([class*=space__bottom]),.dnb-core-style .dnb-spacing .dnb-lead:not([class*=space__bottom]),.dnb-spacing .dnb-h--basis:not([class*=space__bottom]),.dnb-spacing .dnb-h--medium:not([class*=space__bottom]),.dnb-spacing .dnb-h--small:not([class*=space__bottom]),.dnb-spacing .dnb-h--x-small:not([class*=space__bottom]),.dnb-spacing .dnb-lead:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-spacing .dnb-p:not([class*=dnb-space__top]),.dnb-spacing .dnb-p:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing .dnb-p:not([class*=dnb-space__bottom]),.dnb-spacing .dnb-p:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style .dnb-h--basis,.dnb-core-style .dnb-h--large,.dnb-core-style .dnb-h--medium,.dnb-core-style .dnb-h--small,.dnb-core-style .dnb-h--x-large,.dnb-core-style .dnb-h--x-small,.dnb-core-style .dnb-h--xx-large,.dnb-core-style .dnb-lead,.dnb-h--basis,.dnb-h--large,.dnb-h--medium,.dnb-h--small,.dnb-h--x-large,.dnb-h--x-small,.dnb-h--xx-large,.dnb-lead,h1,h2,h3,h4,h5,h6{color:var(--theme-color-black-80,currentColor)}.dnb-core-style .dnb-h--basis,.dnb-core-style .dnb-h--large,.dnb-core-style .dnb-h--medium,.dnb-core-style .dnb-h--small,.dnb-core-style .dnb-h--x-large,.dnb-core-style .dnb-h--x-small,.dnb-core-style .dnb-h--xx-large,.dnb-core-style .dnb-lead,.dnb-h--basis,.dnb-h--large,.dnb-h--medium,.dnb-h--small,.dnb-h--x-large,.dnb-h--x-small,.dnb-h--xx-large,.dnb-lead,.dnb-p,.dnb-small,.dnb-table,b,h1,h2,h3,h4,h5,h6,p,small,strong,sub,sup{--typography-h-xx-large-small-line-height:var(--line-height-large);--typography-h-x-large-line-height:var(--line-height-large);--typography-h-x-large-small-font-size:var(--font-size-x-large);--typography-h-large-line-height:var(--line-height-medium);--typography-h-large-small-line-height:calc(var(--line-height-medium) - 0.125rem);--typography-lead-small-font-size:var(--font-size-basis);--typography-lead-small-line-height:var(--line-height-basis);--typography-h-medium-line-height:var(--line-height-lead);--typography-h-small-small-line-height:var(--line-height-small)}.dnb-p{color:var(--theme-color-black-80,currentColor)}.dnb-core-style .dnb-h--basis,.dnb-core-style .dnb-h--large,.dnb-core-style .dnb-h--medium,.dnb-core-style .dnb-h--small,.dnb-core-style .dnb-h--x-large,.dnb-core-style .dnb-h--x-small,.dnb-core-style .dnb-h--xx-large,.dnb-core-style .dnb-lead,.dnb-h--basis,.dnb-h--large,.dnb-h--medium,.dnb-h--small,.dnb-h--x-large,.dnb-h--x-small,.dnb-h--xx-large,.dnb-lead,.dnb-p,.dnb-small,.dnb-table,b,h1,h2,h3,h4,h5,h6,p,small,strong,sub,sup{--typography-h-xx-large-weight:var(--font-weight-regular);--typography-h-x-large-weight:var(--font-weight-regular);--typography-h-large-weight:var(--font-weight-regular);--typography-h-medium-weight:var(--font-weight-regular);--typography-h-basis-weight:var(--font-weight-regular);--typography-h-small-weight:var(--font-weight-regular);--typography-h-x-small-weight:var(--font-weight-regular)}.dnb-blockquote{background-color:var(--color-ocean-green);color:var(--color-mint-green)}.dnb-blockquote.dnb-blockquote--no-background{color:var(--theme-color-black-80,currentColor)}.dnb-blockquote.dnb-blockquote--no-background:before{filter:grayscale(1) brightness(24%)}.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor,.dnb-blockquote:not(.dnb-blockquote--no-background) a{color:var(--color-white)}.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)),.dnb-blockquote:not(.dnb-blockquote--no-background) a:hover:where(:not(.dnb-anchor--no-hover)){--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--color-white),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--color-white),var(--anchor-background-gutter) 0 0 0 var(--color-white);color:var(--anchor-color--contrast)}@supports not (selector(*:where(*))){.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:hover:not(.dnb-anchor--no-hover),.dnb-blockquote:not(.dnb-blockquote--no-background) a:hover:not(.dnb-anchor--no-hover){--anchor-background-gutter:0.125em;box-shadow:inset 100vw 100vw 0 0 var(--color-white),calc(var(--anchor-background-gutter)*-1) 0 0 0 var(--color-white),var(--anchor-background-gutter) 0 0 0 var(--color-white);color:var(--anchor-color--contrast)}}.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:active,.dnb-blockquote:not(.dnb-blockquote--no-background) a:active{--anchor-background-gutter:0.125em;background-color:transparent;box-shadow:inset 100vw 100vw 0 0 transparent,calc(var(--anchor-background-gutter)*-1) 0 0 0 transparent,var(--anchor-background-gutter) 0 0 0 transparent;color:var(--color-white)}.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:focus-visible,.dnb-blockquote:not(.dnb-blockquote--no-background) a:focus-visible{--border-color:var(--color-white);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-white);outline:none}.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-h--large,.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-h--medium,.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-h--xx-large,.dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-lead,.dnb-blockquote:not(.dnb-blockquote--no-background) h1,.dnb-blockquote:not(.dnb-blockquote--no-background) h2,.dnb-blockquote:not(.dnb-blockquote--no-background) h3{color:var(--color-mint-green)}.dnb-code{background-color:var(--color-mint-green-25)}.dnb-pre{background-color:#222;color:var(--color-mint-green-12)}.dnb-pre.dnb-pre--focus{--border-color:var(--color-sea-green);--border-width:0.25rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-hr{color:var(--color-black-80)}.dnb-img[alt]:after,.dnb-img__img--error{background-color:var(--color-black-8);color:var(--color-black-80)}.dnb-label{color:var(--color-black-80)}.dnb-dl,.dnb-ol,.dnb-ul{color:var(--theme-color-black-80,currentColor)}
|
|
@@ -76,7 +76,6 @@
|
|
|
76
76
|
}
|
|
77
77
|
.dnb-forms-field-number__contents {
|
|
78
78
|
display: flex;
|
|
79
|
-
align-items: center;
|
|
80
79
|
}
|
|
81
80
|
.dnb-forms-field-number__contents--has-controls {
|
|
82
81
|
border-radius: 0.25rem;
|
|
@@ -100,6 +99,9 @@ html[data-whatinput=keyboard] .dnb-forms-field-number__contents--has-controls:fo
|
|
|
100
99
|
box-shadow: 0 0 0 var(--border-width) var(--border-color);
|
|
101
100
|
border-color: transparent;
|
|
102
101
|
}
|
|
102
|
+
.dnb-forms-field-number__contents--has-controls .dnb-input__input {
|
|
103
|
+
align-items: center;
|
|
104
|
+
}
|
|
103
105
|
.dnb-forms-field-number__contents--has-controls .dnb-input__shell {
|
|
104
106
|
border-radius: 0;
|
|
105
107
|
box-shadow: none;
|
|
@@ -234,6 +236,13 @@ html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-control
|
|
|
234
236
|
width: var(--number-control-button-width--large);
|
|
235
237
|
}
|
|
236
238
|
|
|
239
|
+
.dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button {
|
|
240
|
+
color: var(--color-fire-red);
|
|
241
|
+
}
|
|
242
|
+
.dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button:hover {
|
|
243
|
+
color: var(--color-white);
|
|
244
|
+
}
|
|
245
|
+
|
|
237
246
|
.dnb-forms-field-phone-number__country-code {
|
|
238
247
|
width: calc(var(--forms-field-width--medium) - 2rem);
|
|
239
248
|
}
|
|
@@ -247,12 +256,9 @@ html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-control
|
|
|
247
256
|
max-width: 14ch;
|
|
248
257
|
}
|
|
249
258
|
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
-moz-column-gap: var(--spacing-small);
|
|
254
|
-
column-gap: var(--spacing-small);
|
|
255
|
-
}
|
|
259
|
+
/*
|
|
260
|
+
* Utilities
|
|
261
|
+
*/
|
|
256
262
|
.dnb-forms-field-postal-code-and-city__postal-code {
|
|
257
263
|
flex: 0 5rem;
|
|
258
264
|
}
|
|
@@ -270,15 +276,22 @@ html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-control
|
|
|
270
276
|
line-height: 2.5rem;
|
|
271
277
|
}
|
|
272
278
|
|
|
279
|
+
/*
|
|
280
|
+
* Utilities
|
|
281
|
+
*/
|
|
273
282
|
:root {
|
|
274
283
|
--forms-field-width--small: 5rem;
|
|
275
284
|
--forms-field-width--medium: 11rem;
|
|
276
285
|
--forms-field-width--large: 21rem;
|
|
277
286
|
}
|
|
278
287
|
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
288
|
+
@media screen and (max-width: 15em) {
|
|
289
|
+
.dnb-forms-field-string .dnb-input__shell,
|
|
290
|
+
.dnb-forms-field-number .dnb-input__shell {
|
|
291
|
+
width: 90%;
|
|
292
|
+
}
|
|
293
|
+
}
|
|
294
|
+
|
|
282
295
|
fieldset.dnb-forms-field-block {
|
|
283
296
|
padding: 0;
|
|
284
297
|
border: none;
|
|
@@ -296,6 +309,9 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
|
|
|
296
309
|
margin-left: 0;
|
|
297
310
|
}
|
|
298
311
|
|
|
312
|
+
.dnb-forms-field-block {
|
|
313
|
+
width: 100%;
|
|
314
|
+
}
|
|
299
315
|
.dnb-forms-field-block__grid {
|
|
300
316
|
display: grid;
|
|
301
317
|
}
|
|
@@ -319,7 +335,7 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
|
|
|
319
335
|
.dnb-forms-field-block--width-stretch {
|
|
320
336
|
flex-grow: 1;
|
|
321
337
|
}
|
|
322
|
-
@media screen and (min-width:
|
|
338
|
+
@media screen and (min-width: 25em) {
|
|
323
339
|
.dnb-forms-field-block--width-small {
|
|
324
340
|
width: var(--forms-field-width--small);
|
|
325
341
|
}
|
|
@@ -343,13 +359,22 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
|
|
|
343
359
|
.dnb-forms-field-block__status {
|
|
344
360
|
grid-area: status;
|
|
345
361
|
}
|
|
362
|
+
.dnb-forms-field-block__status .dnb-form-status__shell {
|
|
363
|
+
margin-top: 0.5rem;
|
|
364
|
+
}
|
|
365
|
+
@media screen and (max-width: 15em) {
|
|
366
|
+
.dnb-forms-field-block__status {
|
|
367
|
+
width: 90%;
|
|
368
|
+
}
|
|
369
|
+
}
|
|
346
370
|
.dnb-forms-field-block__contents {
|
|
347
371
|
grid-area: contents;
|
|
372
|
+
width: 100%;
|
|
348
373
|
}
|
|
349
374
|
.dnb-forms-field-block__contents--width-stretch {
|
|
350
375
|
width: 100%;
|
|
351
376
|
}
|
|
352
|
-
@media screen and (min-width:
|
|
377
|
+
@media screen and (min-width: 25em) {
|
|
353
378
|
.dnb-forms-field-block__contents--width-small {
|
|
354
379
|
width: var(--forms-field-width--small);
|
|
355
380
|
}
|
|
@@ -360,6 +385,28 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
|
|
|
360
385
|
width: var(--forms-field-width--large);
|
|
361
386
|
}
|
|
362
387
|
}
|
|
388
|
+
.dnb-forms-field-block__contents__composition--vertical {
|
|
389
|
+
display: flex;
|
|
390
|
+
flex-flow: column;
|
|
391
|
+
row-gap: var(--spacing-small);
|
|
392
|
+
}
|
|
393
|
+
.dnb-forms-field-block__contents__composition--horizontal {
|
|
394
|
+
display: flex;
|
|
395
|
+
flex-flow: row;
|
|
396
|
+
-moz-column-gap: var(--spacing-small);
|
|
397
|
+
column-gap: var(--spacing-small);
|
|
398
|
+
}
|
|
399
|
+
@media screen and (min-width: 25em) {
|
|
400
|
+
.dnb-forms-field-block__contents__composition--horizontal {
|
|
401
|
+
align-items: flex-end;
|
|
402
|
+
}
|
|
403
|
+
}
|
|
404
|
+
@media screen and (max-width: 25em) {
|
|
405
|
+
.dnb-forms-field-block__contents__composition--horizontal {
|
|
406
|
+
row-gap: var(--spacing-x-small);
|
|
407
|
+
flex-flow: column;
|
|
408
|
+
}
|
|
409
|
+
}
|
|
363
410
|
|
|
364
411
|
/*
|
|
365
412
|
* Utilities
|
|
@@ -410,8 +457,14 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
|
|
|
410
457
|
-moz-column-gap: var(--spacing-medium);
|
|
411
458
|
column-gap: var(--spacing-medium);
|
|
412
459
|
}
|
|
460
|
+
.dnb-forms-steps-layout--drawer {
|
|
461
|
+
flex-direction: column;
|
|
462
|
+
justify-content: stretch;
|
|
463
|
+
align-items: stretch;
|
|
464
|
+
}
|
|
413
465
|
.dnb-forms-steps-layout__sidebar {
|
|
414
466
|
flex: 0;
|
|
467
|
+
margin-bottom: 2rem;
|
|
415
468
|
}
|
|
416
469
|
.dnb-forms-steps-layout__contents {
|
|
417
470
|
flex: 1 0 25rem;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.dnb-forms-field-array-selection--layout-vertical .dnb-forms-field-array-selection__options{display:flex;flex-flow:column;row-gap:var(--spacing-x-small)}.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-array-selection__options{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row wrap;row-gap:var(--spacing-x-small)}@media screen and (min-width:40em){.dnb-forms-field-array-selection .dnb-forms-field-block--layout-horizontal .dnb-form-label{line-height:2.5rem;margin-bottom:0}}.dnb-forms-field-expiry .dnb-multi-input-mask{width:var(--forms-field-width--small)}.dnb-forms-field-expiry .dnb-multi-input-mask .dnb-input__shell{justify-content:center}.dnb-forms-field-number{--number-control-button-border-color:#000;--number-control-button-border-color--hover:#a9a9a9;--number-control-button-border-color--focus:#a9a9a9;--number-control-button-border-width--focus:0.125rem;--number-control-button-background-color--hover:grey;--number-control-button-color--hover:#000;--number-control-button-background-color--active:#000;--number-control-button-color--active:#d3d3d3;--number-control-button--error:red;--number-control-button--error-contrast:#fff;--number-control-button-width--small:2rem;--number-control-button-width--medium:2.5rem;--number-control-button-width--large:3rem;--forms-field-block--number-control-buttons-width--small:calc(var(--number-control-button-width--small)*2);--forms-field-block--number-control-buttons-width--medium:calc(var(--number-control-button-width--medium)*2);--forms-field-block--number-control-buttons-width--large:calc(var(--number-control-button-width--large)*2)}.dnb-forms-field-number__contents{align-items:center;display:flex}.dnb-forms-field-number__contents--has-controls{--border-color:var(--number-control-button-border-color);--border-width:0.0625rem;border-color:transparent;border-radius:.25rem;box-shadow:0 0 0 var(--border-width) var(--border-color)}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls:hover:not([disabled]){--border-color:var(--number-control-button-border-color);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}html[data-whatinput=keyboard] .dnb-forms-field-number__contents--has-controls:focus-within{--border-color:var(--number-control-button-border-color--focus);--border-width:var(--number-control-button-border-width--focus);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-forms-field-number__contents--has-controls .dnb-input__shell{border-radius:0;box-shadow:none}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-input__shell:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-input__shell:hover:not([disabled]){box-shadow:none}.dnb-forms-field-number__contents--has-controls .dnb-input:not([data-input-state=disabled]):not(:active)[data-input-state=focus] .dnb-input__shell{box-shadow:none;outline:initial}html[data-whatinput=""] .dnb-forms-field-number__contents--has-controls .dnb-input:not([data-input-state=disabled]):not(:active)[data-input-state=focus] .dnb-input__shell{box-shadow:none}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:hover:not([disabled]){background-color:var(--number-control-button-background-color--hover);color:var(--number-control-button-color--hover)}.dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active[disabled],.dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active[disabled]{cursor:not-allowed}.dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active:not([disabled]),.dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active:not([disabled]){background-color:var(--number-control-button-background-color--active);color:var(--number-control-button-color--active)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error{--border-color:var(--number-control-button--error);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error:hover:not([disabled]){--border-color:var(--number-control-button--error);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-input__status--error:not([data-input-state=disabled]):not(:hover):not(:active) .dnb-input__shell{box-shadow:none}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-before{color:var(--number-control-button--error)}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-before:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-before:hover:not([disabled]){background-color:var(--number-control-button--error-contrast);color:var(--number-control-button--error)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-after:active[disabled],.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-before:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-after:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-before:active[disabled]{cursor:not-allowed}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-after:active:not([disabled]),.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-before:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-after:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-before:active:not([disabled]){background-color:var(--number-control-button--error);color:var(--number-control-button--error-contrast)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-before[disabled]{color:var(--number-control-button--error-contrast)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--is-disabled{--border-color:var(--color-black-55);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--is-disabled:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--is-disabled:hover:not([disabled]){--border-color:var(--color-black-55);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--is-disabled .dnb-input[data-input-state=disabled] .dnb-input__shell{box-shadow:none}.dnb-input[data-input-state=disabled] .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--is-disabled{--border-color:var(--color-black-55);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--is-disabled .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--is-disabled .dnb-button--control-before[disabled]{background-color:var(--color-black-3);color:var(--color-black-20)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small{width:calc(var(--forms-field-width--small) + var(--forms-field-block--number-control-buttons-width--small))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small .dnb-button--control-before{width:var(--number-control-button-width--small)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium{width:calc(var(--forms-field-width--medium) + var(--forms-field-block--number-control-buttons-width--medium))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium .dnb-button--control-before{width:var(--number-control-button-width--medium)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large{width:calc(var(--forms-field-width--large) + var(--forms-field-block--number-control-buttons-width--large))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-before{width:var(--number-control-button-width--large)}.dnb-forms-field-phone-number__country-code,.dnb-forms-field-phone-number__country-code .dnb-autocomplete__shell{width:calc(var(--forms-field-width--medium) - 2rem)}.dnb-forms-field-phone-number__number{flex:1}.dnb-forms-field-phone-number .dnb-form-label{max-width:14ch}.dnb-forms-field-postal-code-and-city__fields{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}.dnb-forms-field-postal-code-and-city__postal-code{flex:0 5rem}.dnb-forms-field-postal-code-and-city__city{flex:1}.dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label{align-self:center}.dnb-forms-field-selection__options-layout--horizontal .dnb-forms-field-block--layout-horizontal .dnb-form-label,.dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label{margin-bottom:0}.dnb-forms-field-selection__variant--button .dnb-forms-field-block--layout-horizontal .dnb-form-label{line-height:2.5rem}:root{--forms-field-width--small:5rem;--forms-field-width--medium:11rem;--forms-field-width--large:21rem}fieldset.dnb-forms-field-block{border:none;padding:0}fieldset.dnb-forms-field-block:not([class*=space__top]){margin-top:0}fieldset.dnb-forms-field-block:not([class*=space__right]){margin-right:0}fieldset.dnb-forms-field-block:not([class*=space__bottom]){margin-bottom:0}fieldset.dnb-forms-field-block:not([class*=space__left]){margin-left:0}.dnb-forms-field-block__grid{display:grid}@media screen and (max-width:40em){.dnb-forms-field-block__grid{flex-wrap:wrap}.dnb-forms-field-block__grid>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-forms-field-block--layout-vertical{grid-template-areas:"label" "contents" "status";grid-template-columns:auto}.dnb-forms-field-block--layout-horizontal{grid-template-areas:"label contents" "status status";grid-template-columns:fit-content(100%) auto}.dnb-forms-field-block--width-stretch{flex-grow:1}@media screen and (min-width:30em){.dnb-forms-field-block--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block--width-large{width:var(--forms-field-width--large)}}.dnb-forms-field-block__label{align-items:center;display:flex;flex-flow:row;grid-area:label;justify-content:space-between}.dnb-forms-field-block__label-description{margin-left:.3em}.dnb-forms-field-block__status{grid-area:status}.dnb-forms-field-block__contents{grid-area:contents}.dnb-forms-field-block__contents--width-stretch{width:100%}@media screen and (min-width:30em){.dnb-forms-field-block__contents--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block__contents--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block__contents--width-large{width:var(--forms-field-width--large)}}.dnb-forms-button-row{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}@media screen and (min-width:40em){.dnb-card+.dnb-forms-button-row:not([class*=space__left]){margin-left:var(--spacing-medium)}}.dnb-spacing .dnb-form-main-heading.dnb-h--large:not([class*=space__]){margin:0}@media screen and (min-width:40em){.dnb-form-main-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__left]){margin-left:var(--spacing-medium)}}.dnb-form-main-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-spacing .dnb-form-sub-heading.dnb-h--medium:not([class*=space__]){margin:0}.dnb-form-sub-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-forms-steps-layout{-moz-column-gap:var(--spacing-medium);column-gap:var(--spacing-medium);display:flex;flex-flow:row wrap}.dnb-forms-steps-layout__sidebar{flex:0}.dnb-forms-steps-layout__contents{flex:1 0 25rem}.dnb-forms-steps-layout__contents .dnb-card{--border-color:var(--color-pistachio)}@media screen and (max-width:60em){.dnb-forms-steps-layout{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-steps-layout__contents{flex-basis:auto}}.dnb-forms-steps-layout .dnb-step-indicator__sidebar{margin-right:0}.dnb-forms-value-block{display:block;font-size:var(--font-size-basis)}.dnb-forms-value-block--inline{display:inline-block;font-size:inherit;margin-left:var(--spacing-xx-small);margin-right:var(--spacing-xx-small)}.dnb-forms-value-block__label{font-weight:var(--font-weight-medium)}.dnb-forms-value-block__placeholder{color:rgba(0,0,0,.5)}.dnb-forms-test-element{border:1px dashed grey;border-radius:.5rem;color:#909090;padding:.5rem 1rem}.dnb-payment-card{--color-dark-cyan:#003b47;--dnb-payment-bg-default:linear-gradient(187.2deg,#008484 6.31%,var(--color-sea-green) 82.66%);--dnb-payment-bg-pluss:linear-gradient(187.2deg,var(--color-dark-cyan) 6.31%,var(--color-ocean-green) 82.66%),var(--color-emerald-green);--dnb-payment-bg-white:linear-gradient(184.55deg,var(--color-black-background) 4.63%,var(--color-white) 92.04%);--dnb-payment-bg-gold:linear-gradient(184.55deg,#bfa970 4.63%,#d3bd83 84.57%);--dnb-payment-bg-saga:linear-gradient(187.2deg,#1c1c1c 6.31%,#000 82.66%);--dnb-payment-bg-private:linear-gradient(187.2deg,#1c1c1c 6.31%,#000 82.66%);--dnb-payment-bg-business-no-visa:linear-gradient(187.2deg,var(--color-dark-cyan) 6.31%,var(--color-ocean-green) 82.66%),var(--color-emerald-green);--dnb-payment-bg-business-with-visa:linear-gradient(187.2deg,var(--color-dark-cyan) 6.31%,var(--color-ocean-green) 82.66%),var(--color-emerald-green);margin:0}.dnb-payment-card__card{border-color:currentcolor;border-color:hsla(0,0%,100%,.1) transparent rgba(0,0,0,.2);border-radius:12px;border-style:solid;border-width:1px;box-shadow:var(--shadow-default);color:var(--color-white);height:216px;padding:16px;position:relative;transition:all 225ms cubic-bezier(0,0,.2,1) 0ms;width:343px}.dnb-payment-card__card--design-default{background:var(--dnb-payment-bg-default);color:var(--color-white)}.dnb-payment-card__card--design-pluss{background:var(--dnb-payment-bg-pluss);color:var(--color-white)}.dnb-payment-card__card--design-my-first,.dnb-payment-card__card--design-ung,.dnb-payment-card__card--design-youth{color:var(--color-black-80)}.dnb-payment-card__card--design-gold{background:var(--dnb-payment-bg-gold);color:var(--color-white)}.dnb-payment-card__card--design-saga{background:var(--dnb-payment-bg-saga);color:var(--color-white)}.dnb-payment-card__card--design-private{background:var(--dnb-payment-bg-private);color:var(--color-white)}.dnb-payment-card__card--design-black{background:var(--color-black);color:var(--color-white)}.dnb-payment-card__card--design-business-no-visa{background:var(--dnb-payment-bg-business-no-visa);color:var(--color-white)}.dnb-payment-card__card--design-business-with-visa{background:var(--dnb-payment-bg-business-with-visa);color:var(--color-white)}.dnb-payment-card__card:after{background:radial-gradient(52.39% 52.39% at 50% 50%,hsla(56,52%,94%,.122) 0,rgba(6,6,6,0) 100%);border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.dnb-payment-card__card__content{display:flex;height:100%;position:relative;width:100%}.dnb-payment-card__card__wrapper{bottom:0;left:0;position:absolute}.dnb-spacing .dnb-payment-card__card .dnb-p{margin-bottom:0!important}.dnb-payment-card__card__holder{font-weight:var(--font-weight-medium);text-align:left;text-transform:uppercase}.dnb-payment-card__card__holder.dnb-p{font-size:.625rem}.dnb-payment-card__card__numbers{font-size:1.5rem!important;font-weight:var(--font-weight-medium)}.dnb-payment-card__card__credit-type{bottom:0;position:absolute;right:0}.dnb-payment-card__card__bank-logo{left:0;position:absolute;top:0}.dnb-payment-card__card__product-type{height:38px;left:70px;position:absolute;top:0}.dnb-payment-card__card__bank-axept{height:45px;position:absolute;right:0;top:0}.dnb-payment-card__blocking__overlay{align-items:center;background:linear-gradient(184.55deg,hsla(0,0%,80%,.5) 4.63%,hsla(0,0%,91%,.5) 84.83%);border-radius:inherit;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.dnb-payment-card__blocking__overlay svg path{stroke:currentcolor}.dnb-payment-card__blocking__center{align-items:center;background:var(--color-black-80);border-radius:4px;color:var(--color-sand-yellow);display:flex;flex-direction:column;justify-content:center;padding:1rem}.dnb-payment-card__blocking svg{shape-rendering:geometricprecision}.dnb-payment-card.dnb-skeleton .dnb-payment-card__card__holder{opacity:1}.dnb-payment-card--compact .dnb-payment-card__card{border-radius:12px 12px 0 0;box-shadow:var(--shadow-default);height:32.8mm;padding:0}.dnb-payment-card--compact .dnb-payment-card__card__top{left:6mm;position:absolute;right:6mm;top:4mm}.dnb-payment-card--compact .dnb-payment-card__card__bottom{background-color:var(--color-white);bottom:0;height:14mm;left:0;position:absolute;right:0}.dnb-payment-card--compact .dnb-payment-card__card__wrapper{color:var(--color-black-80);padding:6px 22px}.dnb-payment-card--compact .dnb-payment-card__card__numbers{font-size:var(--font-size-basis)}.dnb-payment-card--compact .dnb-payment-card__card__credit-type{bottom:auto;right:4px;top:10px}.dnb-payment-card--compact .dnb-payment-card__blocking__center{align-items:center;background:rgba(0,0,0,.739);border-radius:inherit;display:flex;flex-direction:row;gap:var(--spacing-x-small);height:100%;justify-content:center;width:100%}.dnb-forms-field-number{--number-control-button-border-color:var(--color-sea-green);--number-control-button-border-color--hover:var(--color-emerald-green);--number-control-button-border-color--focus:var(--color-emerald-green);--number-control-button-background-color--hover:var(
|
|
1
|
+
.dnb-forms-field-array-selection--layout-vertical .dnb-forms-field-array-selection__options{display:flex;flex-flow:column;row-gap:var(--spacing-x-small)}.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-array-selection__options{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row wrap;row-gap:var(--spacing-x-small)}@media screen and (min-width:40em){.dnb-forms-field-array-selection .dnb-forms-field-block--layout-horizontal .dnb-form-label{line-height:2.5rem;margin-bottom:0}}.dnb-forms-field-expiry .dnb-multi-input-mask{width:var(--forms-field-width--small)}.dnb-forms-field-expiry .dnb-multi-input-mask .dnb-input__shell{justify-content:center}.dnb-forms-field-number{--number-control-button-border-color:#000;--number-control-button-border-color--hover:#a9a9a9;--number-control-button-border-color--focus:#a9a9a9;--number-control-button-border-width--focus:0.125rem;--number-control-button-background-color--hover:grey;--number-control-button-color--hover:#000;--number-control-button-background-color--active:#000;--number-control-button-color--active:#d3d3d3;--number-control-button--error:red;--number-control-button--error-contrast:#fff;--number-control-button-width--small:2rem;--number-control-button-width--medium:2.5rem;--number-control-button-width--large:3rem;--forms-field-block--number-control-buttons-width--small:calc(var(--number-control-button-width--small)*2);--forms-field-block--number-control-buttons-width--medium:calc(var(--number-control-button-width--medium)*2);--forms-field-block--number-control-buttons-width--large:calc(var(--number-control-button-width--large)*2)}.dnb-forms-field-number__contents{display:flex}.dnb-forms-field-number__contents--has-controls{--border-color:var(--number-control-button-border-color);--border-width:0.0625rem;border-color:transparent;border-radius:.25rem;box-shadow:0 0 0 var(--border-width) var(--border-color)}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls:hover:not([disabled]){--border-color:var(--number-control-button-border-color);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}html[data-whatinput=keyboard] .dnb-forms-field-number__contents--has-controls:focus-within{--border-color:var(--number-control-button-border-color--focus);--border-width:var(--number-control-button-border-width--focus);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-forms-field-number__contents--has-controls .dnb-input__input{align-items:center}.dnb-forms-field-number__contents--has-controls .dnb-input__shell{border-radius:0;box-shadow:none}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-input__shell:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-input__shell:hover:not([disabled]){box-shadow:none}.dnb-forms-field-number__contents--has-controls .dnb-input:not([data-input-state=disabled]):not(:active)[data-input-state=focus] .dnb-input__shell{box-shadow:none;outline:initial}html[data-whatinput=""] .dnb-forms-field-number__contents--has-controls .dnb-input:not([data-input-state=disabled]):not(:active)[data-input-state=focus] .dnb-input__shell{box-shadow:none}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:hover:not([disabled]){background-color:var(--number-control-button-background-color--hover);color:var(--number-control-button-color--hover)}.dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active[disabled],.dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active[disabled]{cursor:not-allowed}.dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active:not([disabled]),.dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active:not([disabled]){background-color:var(--number-control-button-background-color--active);color:var(--number-control-button-color--active)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error{--border-color:var(--number-control-button--error);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error:hover:not([disabled]){--border-color:var(--number-control-button--error);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-input__status--error:not([data-input-state=disabled]):not(:hover):not(:active) .dnb-input__shell{box-shadow:none}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-before{color:var(--number-control-button--error)}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-before:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-before:hover:not([disabled]){background-color:var(--number-control-button--error-contrast);color:var(--number-control-button--error)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-after:active[disabled],.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-before:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-after:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-before:active[disabled]{cursor:not-allowed}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-after:active:not([disabled]),.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-before:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-after:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-before:active:not([disabled]){background-color:var(--number-control-button--error);color:var(--number-control-button--error-contrast)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-before[disabled]{color:var(--number-control-button--error-contrast)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--is-disabled{--border-color:var(--color-black-55);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--is-disabled:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--is-disabled:hover:not([disabled]){--border-color:var(--color-black-55);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--is-disabled .dnb-input[data-input-state=disabled] .dnb-input__shell{box-shadow:none}.dnb-input[data-input-state=disabled] .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--is-disabled{--border-color:var(--color-black-55);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--is-disabled .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--is-disabled .dnb-button--control-before[disabled]{background-color:var(--color-black-3);color:var(--color-black-20)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small{width:calc(var(--forms-field-width--small) + var(--forms-field-block--number-control-buttons-width--small))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small .dnb-button--control-before{width:var(--number-control-button-width--small)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium{width:calc(var(--forms-field-width--medium) + var(--forms-field-block--number-control-buttons-width--medium))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium .dnb-button--control-before{width:var(--number-control-button-width--medium)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large{width:calc(var(--forms-field-width--large) + var(--forms-field-block--number-control-buttons-width--large))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-before{width:var(--number-control-button-width--large)}.dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button{color:var(--color-fire-red)}.dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button:hover{color:var(--color-white)}.dnb-forms-field-phone-number__country-code,.dnb-forms-field-phone-number__country-code .dnb-autocomplete__shell{width:calc(var(--forms-field-width--medium) - 2rem)}.dnb-forms-field-phone-number__number{flex:1}.dnb-forms-field-phone-number .dnb-form-label{max-width:14ch}.dnb-forms-field-postal-code-and-city__postal-code{flex:0 5rem}.dnb-forms-field-postal-code-and-city__city{flex:1}.dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label{align-self:center}.dnb-forms-field-selection__options-layout--horizontal .dnb-forms-field-block--layout-horizontal .dnb-form-label,.dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label{margin-bottom:0}.dnb-forms-field-selection__variant--button .dnb-forms-field-block--layout-horizontal .dnb-form-label{line-height:2.5rem}:root{--forms-field-width--small:5rem;--forms-field-width--medium:11rem;--forms-field-width--large:21rem}@media screen and (max-width:15em){.dnb-forms-field-number .dnb-input__shell,.dnb-forms-field-string .dnb-input__shell{width:90%}}fieldset.dnb-forms-field-block{border:none;padding:0}fieldset.dnb-forms-field-block:not([class*=space__top]){margin-top:0}fieldset.dnb-forms-field-block:not([class*=space__right]){margin-right:0}fieldset.dnb-forms-field-block:not([class*=space__bottom]){margin-bottom:0}fieldset.dnb-forms-field-block:not([class*=space__left]){margin-left:0}.dnb-forms-field-block{width:100%}.dnb-forms-field-block__grid{display:grid}@media screen and (max-width:40em){.dnb-forms-field-block__grid{flex-wrap:wrap}.dnb-forms-field-block__grid>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-forms-field-block--layout-vertical{grid-template-areas:"label" "contents" "status";grid-template-columns:auto}.dnb-forms-field-block--layout-horizontal{grid-template-areas:"label contents" "status status";grid-template-columns:fit-content(100%) auto}.dnb-forms-field-block--width-stretch{flex-grow:1}@media screen and (min-width:25em){.dnb-forms-field-block--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block--width-large{width:var(--forms-field-width--large)}}.dnb-forms-field-block__label{align-items:center;display:flex;flex-flow:row;grid-area:label;justify-content:space-between}.dnb-forms-field-block__label-description{margin-left:.3em}.dnb-forms-field-block__status{grid-area:status}.dnb-forms-field-block__status .dnb-form-status__shell{margin-top:.5rem}@media screen and (max-width:15em){.dnb-forms-field-block__status{width:90%}}.dnb-forms-field-block__contents{grid-area:contents;width:100%}.dnb-forms-field-block__contents--width-stretch{width:100%}@media screen and (min-width:25em){.dnb-forms-field-block__contents--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block__contents--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block__contents--width-large{width:var(--forms-field-width--large)}}.dnb-forms-field-block__contents__composition--vertical{display:flex;flex-flow:column;row-gap:var(--spacing-small)}.dnb-forms-field-block__contents__composition--horizontal{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}@media screen and (min-width:25em){.dnb-forms-field-block__contents__composition--horizontal{align-items:flex-end}}@media screen and (max-width:25em){.dnb-forms-field-block__contents__composition--horizontal{flex-flow:column;row-gap:var(--spacing-x-small)}}.dnb-forms-button-row{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}@media screen and (min-width:40em){.dnb-card+.dnb-forms-button-row:not([class*=space__left]){margin-left:var(--spacing-medium)}}.dnb-spacing .dnb-form-main-heading.dnb-h--large:not([class*=space__]){margin:0}@media screen and (min-width:40em){.dnb-form-main-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__left]){margin-left:var(--spacing-medium)}}.dnb-form-main-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-spacing .dnb-form-sub-heading.dnb-h--medium:not([class*=space__]){margin:0}.dnb-form-sub-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-forms-steps-layout{-moz-column-gap:var(--spacing-medium);column-gap:var(--spacing-medium);display:flex;flex-flow:row wrap}.dnb-forms-steps-layout--drawer{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-steps-layout__sidebar{flex:0;margin-bottom:2rem}.dnb-forms-steps-layout__contents{flex:1 0 25rem}.dnb-forms-steps-layout__contents .dnb-card{--border-color:var(--color-pistachio)}@media screen and (max-width:60em){.dnb-forms-steps-layout{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-steps-layout__contents{flex-basis:auto}}.dnb-forms-steps-layout .dnb-step-indicator__sidebar{margin-right:0}.dnb-forms-value-block{display:block;font-size:var(--font-size-basis)}.dnb-forms-value-block--inline{display:inline-block;font-size:inherit;margin-left:var(--spacing-xx-small);margin-right:var(--spacing-xx-small)}.dnb-forms-value-block__label{font-weight:var(--font-weight-medium)}.dnb-forms-value-block__placeholder{color:rgba(0,0,0,.5)}.dnb-forms-test-element{border:1px dashed grey;border-radius:.5rem;color:#909090;padding:.5rem 1rem}.dnb-payment-card{--color-dark-cyan:#003b47;--dnb-payment-bg-default:linear-gradient(187.2deg,#008484 6.31%,var(--color-sea-green) 82.66%);--dnb-payment-bg-pluss:linear-gradient(187.2deg,var(--color-dark-cyan) 6.31%,var(--color-ocean-green) 82.66%),var(--color-emerald-green);--dnb-payment-bg-white:linear-gradient(184.55deg,var(--color-black-background) 4.63%,var(--color-white) 92.04%);--dnb-payment-bg-gold:linear-gradient(184.55deg,#bfa970 4.63%,#d3bd83 84.57%);--dnb-payment-bg-saga:linear-gradient(187.2deg,#1c1c1c 6.31%,#000 82.66%);--dnb-payment-bg-private:linear-gradient(187.2deg,#1c1c1c 6.31%,#000 82.66%);--dnb-payment-bg-business-no-visa:linear-gradient(187.2deg,var(--color-dark-cyan) 6.31%,var(--color-ocean-green) 82.66%),var(--color-emerald-green);--dnb-payment-bg-business-with-visa:linear-gradient(187.2deg,var(--color-dark-cyan) 6.31%,var(--color-ocean-green) 82.66%),var(--color-emerald-green);margin:0}.dnb-payment-card__card{border-color:currentcolor;border-color:hsla(0,0%,100%,.1) transparent rgba(0,0,0,.2);border-radius:12px;border-style:solid;border-width:1px;box-shadow:var(--shadow-default);color:var(--color-white);height:216px;padding:16px;position:relative;transition:all 225ms cubic-bezier(0,0,.2,1) 0ms;width:343px}.dnb-payment-card__card--design-default{background:var(--dnb-payment-bg-default);color:var(--color-white)}.dnb-payment-card__card--design-pluss{background:var(--dnb-payment-bg-pluss);color:var(--color-white)}.dnb-payment-card__card--design-my-first,.dnb-payment-card__card--design-ung,.dnb-payment-card__card--design-youth{color:var(--color-black-80)}.dnb-payment-card__card--design-gold{background:var(--dnb-payment-bg-gold);color:var(--color-white)}.dnb-payment-card__card--design-saga{background:var(--dnb-payment-bg-saga);color:var(--color-white)}.dnb-payment-card__card--design-private{background:var(--dnb-payment-bg-private);color:var(--color-white)}.dnb-payment-card__card--design-black{background:var(--color-black);color:var(--color-white)}.dnb-payment-card__card--design-business-no-visa{background:var(--dnb-payment-bg-business-no-visa);color:var(--color-white)}.dnb-payment-card__card--design-business-with-visa{background:var(--dnb-payment-bg-business-with-visa);color:var(--color-white)}.dnb-payment-card__card:after{background:radial-gradient(52.39% 52.39% at 50% 50%,hsla(56,52%,94%,.122) 0,rgba(6,6,6,0) 100%);border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.dnb-payment-card__card__content{display:flex;height:100%;position:relative;width:100%}.dnb-payment-card__card__wrapper{bottom:0;left:0;position:absolute}.dnb-spacing .dnb-payment-card__card .dnb-p{margin-bottom:0!important}.dnb-payment-card__card__holder{font-weight:var(--font-weight-medium);text-align:left;text-transform:uppercase}.dnb-payment-card__card__holder.dnb-p{font-size:.625rem}.dnb-payment-card__card__numbers{font-size:1.5rem!important;font-weight:var(--font-weight-medium)}.dnb-payment-card__card__credit-type{bottom:0;position:absolute;right:0}.dnb-payment-card__card__bank-logo{left:0;position:absolute;top:0}.dnb-payment-card__card__product-type{height:38px;left:70px;position:absolute;top:0}.dnb-payment-card__card__bank-axept{height:45px;position:absolute;right:0;top:0}.dnb-payment-card__blocking__overlay{align-items:center;background:linear-gradient(184.55deg,hsla(0,0%,80%,.5) 4.63%,hsla(0,0%,91%,.5) 84.83%);border-radius:inherit;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.dnb-payment-card__blocking__overlay svg path{stroke:currentcolor}.dnb-payment-card__blocking__center{align-items:center;background:var(--color-black-80);border-radius:4px;color:var(--color-sand-yellow);display:flex;flex-direction:column;justify-content:center;padding:1rem}.dnb-payment-card__blocking svg{shape-rendering:geometricprecision}.dnb-payment-card.dnb-skeleton .dnb-payment-card__card__holder{opacity:1}.dnb-payment-card--compact .dnb-payment-card__card{border-radius:12px 12px 0 0;box-shadow:var(--shadow-default);height:32.8mm;padding:0}.dnb-payment-card--compact .dnb-payment-card__card__top{left:6mm;position:absolute;right:6mm;top:4mm}.dnb-payment-card--compact .dnb-payment-card__card__bottom{background-color:var(--color-white);bottom:0;height:14mm;left:0;position:absolute;right:0}.dnb-payment-card--compact .dnb-payment-card__card__wrapper{color:var(--color-black-80);padding:6px 22px}.dnb-payment-card--compact .dnb-payment-card__card__numbers{font-size:var(--font-size-basis)}.dnb-payment-card--compact .dnb-payment-card__card__credit-type{bottom:auto;right:4px;top:10px}.dnb-payment-card--compact .dnb-payment-card__blocking__center{align-items:center;background:rgba(0,0,0,.739);border-radius:inherit;display:flex;flex-direction:row;gap:var(--spacing-x-small);height:100%;justify-content:center;width:100%}.dnb-forms-field-number{--number-control-button-border-color:var(--color-sea-green);--number-control-button-border-color--hover:var(--color-emerald-green);--number-control-button-border-color--focus:var(--color-emerald-green);--number-control-button-background-color--hover:var(
|
|
2
2
|
--color-mint-green-12
|
|
3
3
|
);--number-control-button-color--hover:var(--color-emerald-green);--number-control-button-background-color--active:var(
|
|
4
4
|
--color-mint-green-50
|
|
@@ -68,7 +68,6 @@
|
|
|
68
68
|
}
|
|
69
69
|
.dnb-forms-field-number__contents {
|
|
70
70
|
display: flex;
|
|
71
|
-
align-items: center;
|
|
72
71
|
}
|
|
73
72
|
.dnb-forms-field-number__contents--has-controls {
|
|
74
73
|
border-radius: 0.25rem;
|
|
@@ -92,6 +91,9 @@ html[data-whatinput=keyboard] .dnb-forms-field-number__contents--has-controls:fo
|
|
|
92
91
|
box-shadow: 0 0 0 var(--border-width) var(--border-color);
|
|
93
92
|
border-color: transparent;
|
|
94
93
|
}
|
|
94
|
+
.dnb-forms-field-number__contents--has-controls .dnb-input__input {
|
|
95
|
+
align-items: center;
|
|
96
|
+
}
|
|
95
97
|
.dnb-forms-field-number__contents--has-controls .dnb-input__shell {
|
|
96
98
|
border-radius: 0;
|
|
97
99
|
box-shadow: none;
|
|
@@ -226,6 +228,13 @@ html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-control
|
|
|
226
228
|
width: var(--number-control-button-width--large);
|
|
227
229
|
}
|
|
228
230
|
|
|
231
|
+
.dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button {
|
|
232
|
+
color: var(--color-fire-red);
|
|
233
|
+
}
|
|
234
|
+
.dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button:hover {
|
|
235
|
+
color: var(--color-white);
|
|
236
|
+
}
|
|
237
|
+
|
|
229
238
|
.dnb-forms-field-phone-number__country-code {
|
|
230
239
|
width: calc(var(--forms-field-width--medium) - 2rem);
|
|
231
240
|
}
|
|
@@ -239,12 +248,9 @@ html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-control
|
|
|
239
248
|
max-width: 14ch;
|
|
240
249
|
}
|
|
241
250
|
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
-moz-column-gap: var(--spacing-small);
|
|
246
|
-
column-gap: var(--spacing-small);
|
|
247
|
-
}
|
|
251
|
+
/*
|
|
252
|
+
* Utilities
|
|
253
|
+
*/
|
|
248
254
|
.dnb-forms-field-postal-code-and-city__postal-code {
|
|
249
255
|
flex: 0 5rem;
|
|
250
256
|
}
|
|
@@ -262,15 +268,22 @@ html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-control
|
|
|
262
268
|
line-height: 2.5rem;
|
|
263
269
|
}
|
|
264
270
|
|
|
271
|
+
/*
|
|
272
|
+
* Utilities
|
|
273
|
+
*/
|
|
265
274
|
:root {
|
|
266
275
|
--forms-field-width--small: 5rem;
|
|
267
276
|
--forms-field-width--medium: 11rem;
|
|
268
277
|
--forms-field-width--large: 21rem;
|
|
269
278
|
}
|
|
270
279
|
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
280
|
+
@media screen and (max-width: 15em) {
|
|
281
|
+
.dnb-forms-field-string .dnb-input__shell,
|
|
282
|
+
.dnb-forms-field-number .dnb-input__shell {
|
|
283
|
+
width: 90%;
|
|
284
|
+
}
|
|
285
|
+
}
|
|
286
|
+
|
|
274
287
|
fieldset.dnb-forms-field-block {
|
|
275
288
|
padding: 0;
|
|
276
289
|
border: none;
|
|
@@ -288,6 +301,9 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
|
|
|
288
301
|
margin-left: 0;
|
|
289
302
|
}
|
|
290
303
|
|
|
304
|
+
.dnb-forms-field-block {
|
|
305
|
+
width: 100%;
|
|
306
|
+
}
|
|
291
307
|
.dnb-forms-field-block__grid {
|
|
292
308
|
display: grid;
|
|
293
309
|
}
|
|
@@ -311,7 +327,7 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
|
|
|
311
327
|
.dnb-forms-field-block--width-stretch {
|
|
312
328
|
flex-grow: 1;
|
|
313
329
|
}
|
|
314
|
-
@media screen and (min-width:
|
|
330
|
+
@media screen and (min-width: 25em) {
|
|
315
331
|
.dnb-forms-field-block--width-small {
|
|
316
332
|
width: var(--forms-field-width--small);
|
|
317
333
|
}
|
|
@@ -335,13 +351,22 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
|
|
|
335
351
|
.dnb-forms-field-block__status {
|
|
336
352
|
grid-area: status;
|
|
337
353
|
}
|
|
354
|
+
.dnb-forms-field-block__status .dnb-form-status__shell {
|
|
355
|
+
margin-top: 0.5rem;
|
|
356
|
+
}
|
|
357
|
+
@media screen and (max-width: 15em) {
|
|
358
|
+
.dnb-forms-field-block__status {
|
|
359
|
+
width: 90%;
|
|
360
|
+
}
|
|
361
|
+
}
|
|
338
362
|
.dnb-forms-field-block__contents {
|
|
339
363
|
grid-area: contents;
|
|
364
|
+
width: 100%;
|
|
340
365
|
}
|
|
341
366
|
.dnb-forms-field-block__contents--width-stretch {
|
|
342
367
|
width: 100%;
|
|
343
368
|
}
|
|
344
|
-
@media screen and (min-width:
|
|
369
|
+
@media screen and (min-width: 25em) {
|
|
345
370
|
.dnb-forms-field-block__contents--width-small {
|
|
346
371
|
width: var(--forms-field-width--small);
|
|
347
372
|
}
|
|
@@ -352,6 +377,28 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
|
|
|
352
377
|
width: var(--forms-field-width--large);
|
|
353
378
|
}
|
|
354
379
|
}
|
|
380
|
+
.dnb-forms-field-block__contents__composition--vertical {
|
|
381
|
+
display: flex;
|
|
382
|
+
flex-flow: column;
|
|
383
|
+
row-gap: var(--spacing-small);
|
|
384
|
+
}
|
|
385
|
+
.dnb-forms-field-block__contents__composition--horizontal {
|
|
386
|
+
display: flex;
|
|
387
|
+
flex-flow: row;
|
|
388
|
+
-moz-column-gap: var(--spacing-small);
|
|
389
|
+
column-gap: var(--spacing-small);
|
|
390
|
+
}
|
|
391
|
+
@media screen and (min-width: 25em) {
|
|
392
|
+
.dnb-forms-field-block__contents__composition--horizontal {
|
|
393
|
+
align-items: flex-end;
|
|
394
|
+
}
|
|
395
|
+
}
|
|
396
|
+
@media screen and (max-width: 25em) {
|
|
397
|
+
.dnb-forms-field-block__contents__composition--horizontal {
|
|
398
|
+
row-gap: var(--spacing-x-small);
|
|
399
|
+
flex-flow: column;
|
|
400
|
+
}
|
|
401
|
+
}
|
|
355
402
|
|
|
356
403
|
/*
|
|
357
404
|
* Utilities
|
|
@@ -402,8 +449,14 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
|
|
|
402
449
|
-moz-column-gap: var(--spacing-medium);
|
|
403
450
|
column-gap: var(--spacing-medium);
|
|
404
451
|
}
|
|
452
|
+
.dnb-forms-steps-layout--drawer {
|
|
453
|
+
flex-direction: column;
|
|
454
|
+
justify-content: stretch;
|
|
455
|
+
align-items: stretch;
|
|
456
|
+
}
|
|
405
457
|
.dnb-forms-steps-layout__sidebar {
|
|
406
458
|
flex: 0;
|
|
459
|
+
margin-bottom: 2rem;
|
|
407
460
|
}
|
|
408
461
|
.dnb-forms-steps-layout__contents {
|
|
409
462
|
flex: 1 0 25rem;
|