@dnb/eufemia 10.6.0 → 10.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +55 -0
- package/cjs/components/accordion/Accordion.d.ts +1 -1
- package/cjs/components/accordion/AccordionHeader.d.ts +4 -4
- package/cjs/components/accordion/AccordionHeader.js +18 -5
- package/cjs/components/accordion/AccordionHeader.js.map +1 -1
- package/cjs/components/accordion/style/dnb-accordion.css +22 -17
- package/cjs/components/accordion/style/dnb-accordion.min.css +1 -1
- package/cjs/components/accordion/style/dnb-accordion.scss +40 -18
- package/cjs/components/accordion/style/themes/dnb-accordion-theme-sbanken.css +124 -0
- package/cjs/components/accordion/style/themes/dnb-accordion-theme-sbanken.min.css +1 -0
- package/cjs/components/accordion/style/themes/dnb-accordion-theme-sbanken.scss +125 -0
- package/cjs/components/anchor/Anchor.js +1 -1
- package/cjs/components/anchor/Anchor.js.map +1 -1
- package/cjs/components/anchor/style/anchor-mixins.scss +9 -3
- package/cjs/components/anchor/style/themes/dnb-anchor-theme-sbanken.scss +3 -1
- package/cjs/components/autocomplete/Autocomplete.d.ts +1 -1
- package/cjs/components/autocomplete/Autocomplete.js +4 -2
- package/cjs/components/autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/avatar/style/index.d.ts +1 -1
- package/cjs/components/avatar/style/themes/dnb-avatar-theme-sbanken.scss +2 -1
- package/cjs/components/breadcrumb/Breadcrumb.js +2 -2
- package/cjs/components/breadcrumb/Breadcrumb.js.map +1 -1
- package/cjs/components/breadcrumb/BreadcrumbItem.js +23 -1
- package/cjs/components/breadcrumb/BreadcrumbItem.js.map +1 -1
- package/cjs/components/breadcrumb/style/themes/dnb-breadcrumb-theme-sbanken.css +23 -0
- package/cjs/components/breadcrumb/style/themes/dnb-breadcrumb-theme-sbanken.min.css +1 -0
- package/cjs/components/breadcrumb/style/themes/dnb-breadcrumb-theme-sbanken.scss +33 -0
- package/cjs/components/button/style/dnb-button--tertiary.css +53 -37
- package/cjs/components/button/style/dnb-button--tertiary.min.css +5 -1
- package/cjs/components/button/style/dnb-button--tertiary.scss +28 -34
- package/cjs/components/button/style/themes/button-mixins.scss +5 -3
- package/cjs/components/button/style/themes/dnb-button-theme-eiendom.css +53 -37
- package/cjs/components/button/style/themes/dnb-button-theme-eiendom.min.css +5 -1
- package/cjs/components/button/style/themes/dnb-button-theme-sbanken.css +155 -136
- package/cjs/components/button/style/themes/dnb-button-theme-sbanken.min.css +12 -2
- package/cjs/components/button/style/themes/dnb-button-theme-sbanken.scss +81 -115
- package/cjs/components/button/style/themes/dnb-button-theme-ui.css +53 -37
- package/cjs/components/button/style/themes/dnb-button-theme-ui.min.css +5 -1
- package/cjs/components/button/style/themes/dnb-button-theme-ui.scss +3 -1
- package/cjs/components/checkbox/Checkbox.d.ts +4 -0
- package/cjs/components/checkbox/Checkbox.js +6 -4
- package/cjs/components/checkbox/Checkbox.js.map +1 -1
- package/cjs/components/checkbox/style/themes/dnb-checkbox-theme-ui.scss +3 -1
- package/cjs/components/date-picker/style/themes/dnb-date-picker-theme-ui.scss +6 -2
- package/cjs/components/drawer/Drawer.d.ts +1 -1
- package/cjs/components/drawer/Drawer.js +3 -1
- package/cjs/components/drawer/Drawer.js.map +1 -1
- package/cjs/components/form-label/style/dnb-form-label.css +0 -1
- package/cjs/components/form-label/style/dnb-form-label.min.css +1 -1
- package/cjs/components/form-label/style/dnb-form-label.scss +0 -1
- package/cjs/components/form-label/style/themes/dnb-form-label-theme-sbanken.css +10 -0
- package/cjs/components/form-label/style/themes/dnb-form-label-theme-sbanken.min.css +1 -0
- package/cjs/components/form-label/style/themes/dnb-form-label-theme-sbanken.scss +16 -0
- package/cjs/components/form-label/style/themes/dnb-form-label-theme-ui.css +3 -0
- package/cjs/components/form-label/style/themes/dnb-form-label-theme-ui.min.css +1 -1
- package/cjs/components/form-label/style/themes/dnb-form-label-theme-ui.scss +6 -2
- package/cjs/components/form-row/style/themes/dnb-form-row-theme-sbanken.css +4 -0
- package/cjs/components/form-row/style/themes/dnb-form-row-theme-sbanken.min.css +0 -0
- package/cjs/components/form-row/style/themes/dnb-form-row-theme-sbanken.scss +4 -0
- package/cjs/components/form-status/FormStatus.d.ts +2 -0
- package/cjs/components/form-status/FormStatus.js +70 -53
- package/cjs/components/form-status/FormStatus.js.map +1 -1
- package/cjs/components/form-status/style/dnb-form-status.scss +4 -2
- package/cjs/components/form-status/style/themes/dnb-form-status-theme-sbanken.css +37 -0
- package/cjs/components/form-status/style/themes/dnb-form-status-theme-sbanken.min.css +1 -0
- package/cjs/components/form-status/style/themes/dnb-form-status-theme-sbanken.scss +35 -0
- package/cjs/components/global-status/GlobalStatus.d.ts +1 -1
- package/cjs/components/global-status/GlobalStatus.js +17 -7
- package/cjs/components/global-status/GlobalStatus.js.map +1 -1
- package/cjs/components/global-status/style/dnb-global-status.scss +2 -1
- package/cjs/components/global-status/style/themes/dnb-global-status-theme-sbanken.css +22 -0
- package/cjs/components/global-status/style/themes/dnb-global-status-theme-sbanken.min.css +1 -0
- package/cjs/components/global-status/style/themes/dnb-global-status-theme-sbanken.scss +28 -0
- package/cjs/components/global-status/style/themes/dnb-global-status-theme-ui.css +6 -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 +13 -6
- package/cjs/components/heading/Heading.d.ts +8 -8
- package/cjs/components/heading/Heading.js +8 -16
- package/cjs/components/heading/Heading.js.map +1 -1
- package/cjs/components/heading/HeadingHelpers.d.ts +5 -1
- package/cjs/components/heading/HeadingHelpers.js +42 -1
- package/cjs/components/heading/HeadingHelpers.js.map +1 -1
- package/cjs/components/info-card/index.js.map +1 -1
- package/cjs/components/info-card/style.js.map +1 -1
- package/cjs/components/input/style/themes/dnb-input-theme-sbanken.css +20 -20
- package/cjs/components/input/style/themes/dnb-input-theme-sbanken.min.css +1 -1
- package/cjs/components/input/style/themes/dnb-input-theme-sbanken.scss +15 -23
- package/cjs/components/input/style/themes/dnb-input-theme-ui.css +1 -1
- package/cjs/components/input/style/themes/dnb-input-theme-ui.min.css +1 -1
- package/cjs/components/input/style/themes/dnb-input-theme-ui.scss +9 -3
- package/cjs/components/input-masked/InputMaskedUtils.js +1 -1
- package/cjs/components/input-masked/InputMaskedUtils.js.map +1 -1
- package/cjs/components/modal/Modal.js.map +1 -1
- package/cjs/components/modal/parts/ModalHeaderBar.js +0 -4
- package/cjs/components/modal/parts/ModalHeaderBar.js.map +1 -1
- package/cjs/components/pagination/Pagination.js.map +1 -1
- package/cjs/components/pagination/style/dnb-pagination.css +20 -0
- package/cjs/components/pagination/style/dnb-pagination.min.css +1 -1
- package/cjs/components/pagination/style/dnb-pagination.scss +24 -0
- package/cjs/components/pagination/style/themes/dnb-pagination-theme-sbanken.css +26 -0
- package/cjs/components/pagination/style/themes/dnb-pagination-theme-sbanken.min.css +1 -0
- package/cjs/components/pagination/style/themes/dnb-pagination-theme-sbanken.scss +35 -0
- package/cjs/components/pagination/style/themes/dnb-pagination-theme-ui.css +0 -24
- package/cjs/components/pagination/style/themes/dnb-pagination-theme-ui.min.css +1 -1
- package/cjs/components/pagination/style/themes/dnb-pagination-theme-ui.scss +0 -30
- package/cjs/components/radio/Radio.d.ts +4 -0
- package/cjs/components/radio/Radio.js +6 -4
- package/cjs/components/radio/Radio.js.map +1 -1
- package/cjs/components/radio/style/themes/dnb-radio-theme-ui.scss +15 -5
- package/cjs/components/section/Section.d.ts +26 -1
- package/cjs/components/section/Section.js +3 -2
- package/cjs/components/section/Section.js.map +1 -1
- package/cjs/components/section/style/dnb-section.css +1 -1
- package/cjs/components/section/style/dnb-section.scss +8 -3
- package/cjs/components/section/style/themes/dnb-section-theme-sbanken.css +39 -0
- package/cjs/components/section/style/themes/dnb-section-theme-sbanken.min.css +1 -0
- package/cjs/components/section/style/themes/dnb-section-theme-sbanken.scss +56 -0
- package/cjs/components/section/style/themes/dnb-section-theme-ui.css +28 -13
- package/cjs/components/section/style/themes/dnb-section-theme-ui.min.css +1 -1
- package/cjs/components/section/style/themes/dnb-section-theme-ui.scss +37 -14
- package/cjs/components/skeleton/style/dnb-skeleton.scss +8 -5
- package/cjs/components/slider/style/dnb-slider.scss +4 -2
- package/cjs/components/space/SpacingUtils.js.map +1 -1
- package/cjs/components/step-indicator/StepIndicator.d.ts +89 -75
- package/cjs/components/step-indicator/StepIndicator.js +31 -26
- package/cjs/components/step-indicator/StepIndicator.js.map +1 -1
- package/cjs/components/step-indicator/StepIndicatorContext.d.ts +45 -15
- package/cjs/components/step-indicator/StepIndicatorContext.js +102 -121
- package/cjs/components/step-indicator/StepIndicatorContext.js.map +1 -1
- package/cjs/components/step-indicator/StepIndicatorItem.d.ts +59 -61
- package/cjs/components/step-indicator/StepIndicatorItem.js +183 -231
- package/cjs/components/step-indicator/StepIndicatorItem.js.map +1 -1
- package/cjs/components/step-indicator/StepIndicatorList.d.ts +6 -8
- package/cjs/components/step-indicator/StepIndicatorList.js +45 -50
- package/cjs/components/step-indicator/StepIndicatorList.js.map +1 -1
- package/cjs/components/step-indicator/StepIndicatorModal.d.ts +6 -14
- package/cjs/components/step-indicator/StepIndicatorModal.js +41 -53
- package/cjs/components/step-indicator/StepIndicatorModal.js.map +1 -1
- package/cjs/components/step-indicator/StepIndicatorProps.d.ts +2 -55
- package/cjs/components/step-indicator/StepIndicatorProps.js +4 -50
- package/cjs/components/step-indicator/StepIndicatorProps.js.map +1 -1
- package/cjs/components/step-indicator/StepIndicatorSidebar.d.ts +27 -21
- package/cjs/components/step-indicator/StepIndicatorSidebar.js +41 -51
- package/cjs/components/step-indicator/StepIndicatorSidebar.js.map +1 -1
- package/cjs/components/step-indicator/StepIndicatorTriggerButton.d.ts +16 -17
- package/cjs/components/step-indicator/StepIndicatorTriggerButton.js +65 -78
- package/cjs/components/step-indicator/StepIndicatorTriggerButton.js.map +1 -1
- package/cjs/components/switch/Switch.d.ts +4 -0
- package/cjs/components/switch/Switch.js +6 -4
- package/cjs/components/switch/Switch.js.map +1 -1
- package/cjs/components/switch/style/themes/dnb-switch-theme-ui.scss +3 -1
- package/cjs/components/table/TableContainer.js.map +1 -1
- package/cjs/components/table/style/table-accordion.scss +18 -6
- package/cjs/components/table/style/table-header-buttons.scss +3 -1
- package/cjs/components/table/style/table-tr.scss +6 -2
- package/cjs/components/table/style/themes/dnb-table-theme-sbanken.css +56 -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 +21 -5
- package/cjs/components/table/style/themes/dnb-table-theme-ui.scss +3 -1
- package/cjs/components/timeline/TimelineItem.d.ts +3 -2
- package/cjs/components/timeline/TimelineItem.js +96 -62
- package/cjs/components/timeline/TimelineItem.js.map +1 -1
- package/cjs/components/timeline/style/themes/dnb-timeline-theme-ui.css +3 -2
- package/cjs/components/timeline/style/themes/dnb-timeline-theme-ui.min.css +3 -1
- package/cjs/components/timeline/style/themes/dnb-timeline-theme-ui.scss +3 -2
- package/cjs/components/toggle-button/style/themes/dnb-toggle-button-theme-ui.scss +3 -1
- package/cjs/elements/lib.d.ts +1 -1
- package/cjs/elements/typography/H.d.ts +5 -3
- package/cjs/elements/typography/H.js +7 -3
- package/cjs/elements/typography/H.js.map +1 -1
- package/cjs/elements/typography/H1.js +2 -2
- package/cjs/elements/typography/H1.js.map +1 -1
- package/cjs/elements/typography/H2.js +2 -2
- package/cjs/elements/typography/H2.js.map +1 -1
- package/cjs/elements/typography/H3.js +2 -2
- package/cjs/elements/typography/H3.js.map +1 -1
- package/cjs/elements/typography/H4.js +2 -2
- package/cjs/elements/typography/H4.js.map +1 -1
- package/cjs/elements/typography/H5.js +2 -2
- package/cjs/elements/typography/H5.js.map +1 -1
- package/cjs/elements/typography/H6.js +2 -2
- package/cjs/elements/typography/H6.js.map +1 -1
- package/cjs/elements/typography/style/dnb-typography.scss +3 -0
- package/cjs/elements/typography/style/themes/dnb-typography-theme-sbanken.scss +12 -2
- package/cjs/elements/typography/style/typography-mixins.scss +5 -0
- package/cjs/extensions/forms/DataContext/Provider.js +9 -9
- package/cjs/extensions/forms/DataContext/Provider.js.map +1 -1
- package/cjs/extensions/forms/DataContext/index.js.map +1 -1
- package/cjs/extensions/forms/Field/ArraySelection.d.ts +2 -1
- package/cjs/extensions/forms/Field/ArraySelection.js +52 -32
- package/cjs/extensions/forms/Field/ArraySelection.js.map +1 -1
- package/cjs/extensions/forms/Field/CountryCode.d.ts +10 -0
- package/cjs/extensions/forms/Field/CountryCode.js +78 -0
- package/cjs/extensions/forms/Field/CountryCode.js.map +1 -0
- package/cjs/extensions/forms/Field/Currency.d.ts +2 -2
- package/cjs/extensions/forms/Field/Currency.js +6 -38
- package/cjs/extensions/forms/Field/Currency.js.map +1 -1
- package/cjs/extensions/forms/Field/Date.d.ts +2 -2
- package/cjs/extensions/forms/Field/Date.js +10 -6
- package/cjs/extensions/forms/Field/Date.js.map +1 -1
- package/cjs/extensions/forms/Field/Number.d.ts +7 -3
- package/cjs/extensions/forms/Field/Number.js +48 -22
- package/cjs/extensions/forms/Field/Number.js.map +1 -1
- package/cjs/extensions/forms/Field/PhoneNumber.d.ts +7 -2
- package/cjs/extensions/forms/Field/PhoneNumber.js +43 -42
- package/cjs/extensions/forms/Field/PhoneNumber.js.map +1 -1
- package/cjs/extensions/forms/Field/PostalCodeAndCity.d.ts +1 -1
- package/cjs/extensions/forms/Field/PostalCodeAndCity.js +1 -1
- package/cjs/extensions/forms/Field/PostalCodeAndCity.js.map +1 -1
- package/cjs/extensions/forms/Field/Selection.d.ts +6 -4
- package/cjs/extensions/forms/Field/Selection.js +88 -37
- package/cjs/extensions/forms/Field/Selection.js.map +1 -1
- package/cjs/extensions/forms/Field/String.d.ts +3 -3
- package/cjs/extensions/forms/Field/String.js +32 -17
- package/cjs/extensions/forms/Field/String.js.map +1 -1
- package/cjs/extensions/forms/Field/Toggle.js +11 -9
- package/cjs/extensions/forms/Field/Toggle.js.map +1 -1
- package/cjs/extensions/forms/Field/fields.scss +2 -2
- package/cjs/extensions/forms/Field/hooks/useField.d.ts +6 -8
- package/cjs/extensions/forms/Field/hooks/useField.js +34 -33
- package/cjs/extensions/forms/Field/hooks/useField.js.map +1 -1
- package/cjs/extensions/forms/Field/index.d.ts +2 -0
- package/cjs/extensions/forms/Field/index.js +3 -1
- package/cjs/extensions/forms/Field/index.js.map +1 -1
- package/cjs/extensions/forms/Field/style/dnb-array-selection.css +13 -0
- package/cjs/extensions/forms/Field/style/dnb-array-selection.min.css +1 -0
- package/cjs/extensions/forms/Field/style/dnb-array-selection.scss +15 -0
- package/cjs/extensions/forms/Field/style/dnb-country-code.css +12 -0
- package/cjs/extensions/forms/Field/style/dnb-country-code.min.css +1 -0
- package/cjs/extensions/forms/Field/style/dnb-country-code.scss +19 -0
- package/cjs/extensions/forms/Field/style/dnb-phone-number.css +6 -7
- package/cjs/extensions/forms/Field/style/dnb-phone-number.min.css +1 -1
- package/cjs/extensions/forms/Field/style/dnb-phone-number.scss +7 -8
- package/cjs/extensions/forms/Field/style/dnb-postal-code-and-city.css +5 -2
- package/cjs/extensions/forms/Field/style/dnb-postal-code-and-city.min.css +1 -1
- package/cjs/extensions/forms/Field/style/dnb-postal-code-and-city.scss +5 -1
- package/cjs/extensions/forms/Field/style/dnb-selection.css +5 -2
- package/cjs/extensions/forms/Field/style/dnb-selection.min.css +1 -1
- package/cjs/extensions/forms/Field/style/dnb-selection.scss +7 -1
- package/cjs/extensions/forms/Field/style/index.d.ts +2 -1
- package/cjs/extensions/forms/Field/style/index.js +2 -1
- package/cjs/extensions/forms/Field/style/index.js.map +1 -1
- package/cjs/extensions/forms/Field/style/index.scss +2 -2
- package/cjs/extensions/forms/FieldBlock/FieldBlock.d.ts +5 -0
- package/cjs/extensions/forms/FieldBlock/FieldBlock.js +19 -9
- package/cjs/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
- package/cjs/extensions/forms/FieldBlock/index.js.map +1 -1
- package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.css +39 -1
- package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
- package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.scss +60 -1
- package/cjs/extensions/forms/FieldGroup/index.js.map +1 -1
- package/cjs/extensions/forms/Layout/Card.js +2 -2
- package/cjs/extensions/forms/Layout/Card.js.map +1 -1
- package/cjs/extensions/forms/Layout/FlexContainer.d.ts +1 -0
- package/cjs/extensions/forms/Layout/FlexContainer.js +5 -3
- package/cjs/extensions/forms/Layout/FlexContainer.js.map +1 -1
- package/cjs/extensions/forms/Layout/FlexItem.d.ts +1 -0
- package/cjs/extensions/forms/Layout/FlexItem.js +2 -1
- package/cjs/extensions/forms/Layout/FlexItem.js.map +1 -1
- package/cjs/extensions/forms/Layout/SubHeading.js +2 -1
- package/cjs/extensions/forms/Layout/SubHeading.js.map +1 -1
- package/cjs/extensions/forms/Layout/style/dnb-card.css +3 -3
- package/cjs/extensions/forms/Layout/style/dnb-card.min.css +1 -1
- package/cjs/extensions/forms/Layout/style/dnb-card.scss +6 -4
- package/cjs/extensions/forms/Layout/style/dnb-flex-container.css +9 -0
- package/cjs/extensions/forms/Layout/style/dnb-flex-container.min.css +1 -1
- package/cjs/extensions/forms/Layout/style/dnb-flex-container.scss +14 -0
- package/cjs/extensions/forms/Layout/style/dnb-flex-item.css +9 -0
- package/cjs/extensions/forms/Layout/style/dnb-flex-item.min.css +1 -1
- package/cjs/extensions/forms/Layout/style/dnb-flex-item.scss +14 -0
- package/cjs/extensions/forms/StepsLayout/StepsLayout.js +1 -1
- package/cjs/extensions/forms/StepsLayout/StepsLayout.js.map +1 -1
- package/cjs/extensions/forms/StepsLayout/style/dnb-steps-layout.css +11 -5
- package/cjs/extensions/forms/StepsLayout/style/dnb-steps-layout.min.css +1 -1
- package/cjs/extensions/forms/StepsLayout/style/dnb-steps-layout.scss +10 -3
- package/cjs/extensions/forms/ValueBlock/index.js.map +1 -1
- package/cjs/extensions/forms/field-types.d.ts +7 -1
- package/cjs/extensions/forms/field-types.js.map +1 -1
- package/cjs/extensions/forms/style/dnb-forms.css +112 -42
- package/cjs/extensions/forms/style/dnb-forms.min.css +1 -1
- package/cjs/extensions/forms/style/index.d.ts +1 -0
- package/cjs/extensions/forms/style/index.js +4 -0
- package/cjs/extensions/forms/style/index.js.map +1 -0
- package/cjs/extensions/forms/utils/TestElement/style/dnb-test-element.css +2 -2
- package/cjs/extensions/forms/utils/TestElement/style/dnb-test-element.min.css +1 -1
- package/cjs/extensions/forms/utils/TestElement/style/dnb-test-element.scss +2 -2
- package/cjs/extensions/forms/utils/useWasChanged.d.ts +5 -0
- package/cjs/extensions/forms/utils/useWasChanged.js +62 -0
- package/cjs/extensions/forms/utils/useWasChanged.js.map +1 -0
- package/cjs/extensions/forms/variables.scss +3 -0
- package/cjs/extensions/lib.d.ts +1 -0
- package/cjs/extensions/payment-card/PaymentCard.d.ts +6 -2
- package/cjs/extensions/payment-card/PaymentCard.js +13 -2
- package/cjs/extensions/payment-card/PaymentCard.js.map +1 -1
- package/cjs/extensions/payment-card/icons/CardIn.d.ts +2 -0
- package/cjs/extensions/payment-card/icons/CardIn.js +26 -0
- package/cjs/extensions/payment-card/icons/CardIn.js.map +1 -0
- package/cjs/extensions/payment-card/icons/index.js +4 -1
- package/cjs/extensions/payment-card/icons/index.js.map +1 -1
- package/cjs/extensions/payment-card/style/dnb-payment-card.css +3 -2
- package/cjs/extensions/payment-card/style/dnb-payment-card.min.css +1 -1
- package/cjs/extensions/payment-card/style/dnb-payment-card.scss +2 -2
- package/cjs/extensions/payment-card/utils/backgrounds/ung.js +1 -1
- package/cjs/extensions/payment-card/utils/backgrounds/ung.js.map +1 -1
- package/cjs/extensions/payment-card/utils/backgrounds/youth.js +1 -1
- package/cjs/extensions/payment-card/utils/backgrounds/youth.js.map +1 -1
- package/cjs/fragments/drawer-list/DrawerList.js +1 -1
- package/cjs/fragments/drawer-list/DrawerList.js.map +1 -1
- package/cjs/fragments/drawer-list/DrawerListPortal.js +2 -2
- package/cjs/fragments/drawer-list/DrawerListPortal.js.map +1 -1
- package/cjs/fragments/drawer-list/style/dnb-drawer-list.scss +3 -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/helpers/withCamelCaseProps.js.map +1 -1
- package/cjs/shared/helpers/withSnakeCaseProps.js.map +1 -1
- package/cjs/shared/libs/Shortcuts.js.map +1 -1
- package/cjs/shared/locales/en-GB.d.ts +2 -0
- package/cjs/shared/locales/en-GB.js +3 -1
- package/cjs/shared/locales/en-GB.js.map +1 -1
- package/cjs/shared/locales/en-US.d.ts +2 -0
- package/cjs/shared/locales/index.d.ts +4 -0
- package/cjs/shared/locales/nb-NO.d.ts +2 -0
- package/cjs/shared/locales/nb-NO.js +3 -1
- package/cjs/shared/locales/nb-NO.js.map +1 -1
- package/cjs/style/core/reset.scss +13 -3
- package/cjs/style/core/utilities.scss +3 -1
- package/cjs/style/dnb-ui-components.css +42 -19
- package/cjs/style/dnb-ui-components.min.css +1 -1
- package/cjs/style/dnb-ui-elements.css +6 -0
- package/cjs/style/dnb-ui-elements.min.css +1 -1
- package/cjs/style/dnb-ui-extensions.css +115 -44
- package/cjs/style/dnb-ui-extensions.min.css +1 -1
- package/cjs/style/themes/theme-eiendom/eiendom-theme-basis.css +6 -0
- package/cjs/style/themes/theme-eiendom/eiendom-theme-basis.min.css +1 -1
- package/cjs/style/themes/theme-eiendom/eiendom-theme-components.css +189 -135
- package/cjs/style/themes/theme-eiendom/eiendom-theme-components.min.css +7 -1
- package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.css +115 -44
- package/cjs/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
- package/cjs/style/themes/theme-sbanken/customisations.scss +0 -8
- package/cjs/style/themes/theme-sbanken/properties.js +6 -6
- package/cjs/style/themes/theme-sbanken/properties.js.map +1 -1
- package/cjs/style/themes/theme-sbanken/properties.scss +6 -6
- package/cjs/style/themes/theme-sbanken/sbanken-theme-basis.css +27 -26
- package/cjs/style/themes/theme-sbanken/sbanken-theme-basis.min.css +1 -1
- package/cjs/style/themes/theme-sbanken/sbanken-theme-components.css +574 -615
- package/cjs/style/themes/theme-sbanken/sbanken-theme-components.min.css +14 -2
- package/cjs/style/themes/theme-sbanken/sbanken-theme-components.scss +8 -7
- package/cjs/style/themes/theme-sbanken/sbanken-theme-elements.css +21 -2
- package/cjs/style/themes/theme-sbanken/sbanken-theme-elements.min.css +1 -1
- package/cjs/style/themes/theme-sbanken/sbanken-theme-extensions.css +115 -44
- package/cjs/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
- package/cjs/style/themes/theme-ui/fonts.scss +8 -4
- package/cjs/style/themes/theme-ui/ui-theme-basis.css +6 -0
- package/cjs/style/themes/theme-ui/ui-theme-basis.min.css +1 -1
- package/cjs/style/themes/theme-ui/ui-theme-components.css +136 -98
- package/cjs/style/themes/theme-ui/ui-theme-components.min.css +7 -1
- package/cjs/style/themes/theme-ui/ui-theme-elements.css +6 -0
- package/cjs/style/themes/theme-ui/ui-theme-elements.min.css +1 -1
- package/cjs/style/themes/theme-ui/ui-theme-extensions.css +115 -44
- package/cjs/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
- package/cjs/style/themes/theme-ui/ui-theme-tags.css +3 -0
- package/cjs/style/themes/theme-ui/ui-theme-tags.min.css +1 -1
- package/cjs/style/themes/theme-ui/ui-theme-tags.scss +9 -4
- package/components/accordion/Accordion.d.ts +1 -1
- package/components/accordion/AccordionHeader.d.ts +4 -4
- package/components/accordion/AccordionHeader.js +18 -5
- package/components/accordion/AccordionHeader.js.map +1 -1
- package/components/accordion/style/dnb-accordion.css +22 -17
- package/components/accordion/style/dnb-accordion.min.css +1 -1
- package/components/accordion/style/dnb-accordion.scss +40 -18
- package/components/accordion/style/themes/dnb-accordion-theme-sbanken.css +124 -0
- package/components/accordion/style/themes/dnb-accordion-theme-sbanken.min.css +1 -0
- package/components/accordion/style/themes/dnb-accordion-theme-sbanken.scss +125 -0
- package/components/anchor/Anchor.js +1 -1
- package/components/anchor/Anchor.js.map +1 -1
- package/components/anchor/style/anchor-mixins.scss +9 -3
- package/components/anchor/style/themes/dnb-anchor-theme-sbanken.scss +3 -1
- package/components/autocomplete/Autocomplete.d.ts +1 -1
- package/components/autocomplete/Autocomplete.js +4 -2
- package/components/autocomplete/Autocomplete.js.map +1 -1
- package/components/avatar/style/index.d.ts +1 -1
- package/components/avatar/style/themes/dnb-avatar-theme-sbanken.scss +2 -1
- package/components/breadcrumb/Breadcrumb.js +2 -2
- package/components/breadcrumb/Breadcrumb.js.map +1 -1
- package/components/breadcrumb/BreadcrumbItem.js +23 -1
- package/components/breadcrumb/BreadcrumbItem.js.map +1 -1
- package/components/breadcrumb/style/themes/dnb-breadcrumb-theme-sbanken.css +23 -0
- package/components/breadcrumb/style/themes/dnb-breadcrumb-theme-sbanken.min.css +1 -0
- package/components/breadcrumb/style/themes/dnb-breadcrumb-theme-sbanken.scss +33 -0
- package/components/button/style/dnb-button--tertiary.css +53 -37
- package/components/button/style/dnb-button--tertiary.min.css +5 -1
- package/components/button/style/dnb-button--tertiary.scss +28 -34
- package/components/button/style/themes/button-mixins.scss +5 -3
- package/components/button/style/themes/dnb-button-theme-eiendom.css +53 -37
- package/components/button/style/themes/dnb-button-theme-eiendom.min.css +5 -1
- package/components/button/style/themes/dnb-button-theme-sbanken.css +155 -136
- package/components/button/style/themes/dnb-button-theme-sbanken.min.css +12 -2
- package/components/button/style/themes/dnb-button-theme-sbanken.scss +81 -115
- package/components/button/style/themes/dnb-button-theme-ui.css +53 -37
- package/components/button/style/themes/dnb-button-theme-ui.min.css +5 -1
- package/components/button/style/themes/dnb-button-theme-ui.scss +3 -1
- package/components/checkbox/Checkbox.d.ts +4 -0
- package/components/checkbox/Checkbox.js +6 -4
- package/components/checkbox/Checkbox.js.map +1 -1
- package/components/checkbox/style/themes/dnb-checkbox-theme-ui.scss +3 -1
- package/components/date-picker/style/themes/dnb-date-picker-theme-ui.scss +6 -2
- package/components/drawer/Drawer.d.ts +1 -1
- package/components/drawer/Drawer.js +3 -1
- package/components/drawer/Drawer.js.map +1 -1
- package/components/form-label/style/dnb-form-label.css +0 -1
- package/components/form-label/style/dnb-form-label.min.css +1 -1
- package/components/form-label/style/dnb-form-label.scss +0 -1
- package/components/form-label/style/themes/dnb-form-label-theme-sbanken.css +10 -0
- package/components/form-label/style/themes/dnb-form-label-theme-sbanken.min.css +1 -0
- package/components/form-label/style/themes/dnb-form-label-theme-sbanken.scss +16 -0
- package/components/form-label/style/themes/dnb-form-label-theme-ui.css +3 -0
- package/components/form-label/style/themes/dnb-form-label-theme-ui.min.css +1 -1
- package/components/form-label/style/themes/dnb-form-label-theme-ui.scss +6 -2
- package/components/form-row/style/themes/dnb-form-row-theme-sbanken.css +4 -0
- package/components/form-row/style/themes/dnb-form-row-theme-sbanken.min.css +0 -0
- package/components/form-row/style/themes/dnb-form-row-theme-sbanken.scss +4 -0
- package/components/form-status/FormStatus.d.ts +2 -0
- package/components/form-status/FormStatus.js +70 -53
- package/components/form-status/FormStatus.js.map +1 -1
- package/components/form-status/style/dnb-form-status.scss +4 -2
- package/components/form-status/style/themes/dnb-form-status-theme-sbanken.css +37 -0
- package/components/form-status/style/themes/dnb-form-status-theme-sbanken.min.css +1 -0
- package/components/form-status/style/themes/dnb-form-status-theme-sbanken.scss +35 -0
- package/components/global-status/GlobalStatus.d.ts +1 -1
- package/components/global-status/GlobalStatus.js +18 -8
- package/components/global-status/GlobalStatus.js.map +1 -1
- package/components/global-status/style/dnb-global-status.scss +2 -1
- package/components/global-status/style/themes/dnb-global-status-theme-sbanken.css +22 -0
- package/components/global-status/style/themes/dnb-global-status-theme-sbanken.min.css +1 -0
- package/components/global-status/style/themes/dnb-global-status-theme-sbanken.scss +28 -0
- package/components/global-status/style/themes/dnb-global-status-theme-ui.css +6 -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 +13 -6
- package/components/heading/Heading.d.ts +8 -8
- package/components/heading/Heading.js +9 -15
- package/components/heading/Heading.js.map +1 -1
- package/components/heading/HeadingHelpers.d.ts +5 -1
- package/components/heading/HeadingHelpers.js +39 -0
- package/components/heading/HeadingHelpers.js.map +1 -1
- package/components/info-card/index.js.map +1 -1
- package/components/info-card/style.js.map +1 -1
- package/components/input/style/themes/dnb-input-theme-sbanken.css +20 -20
- package/components/input/style/themes/dnb-input-theme-sbanken.min.css +1 -1
- package/components/input/style/themes/dnb-input-theme-sbanken.scss +15 -23
- package/components/input/style/themes/dnb-input-theme-ui.css +1 -1
- package/components/input/style/themes/dnb-input-theme-ui.min.css +1 -1
- package/components/input/style/themes/dnb-input-theme-ui.scss +9 -3
- package/components/input-masked/InputMaskedUtils.js +1 -1
- package/components/input-masked/InputMaskedUtils.js.map +1 -1
- package/components/modal/Modal.js.map +1 -1
- package/components/modal/parts/ModalHeaderBar.js +0 -4
- package/components/modal/parts/ModalHeaderBar.js.map +1 -1
- package/components/pagination/Pagination.js.map +1 -1
- package/components/pagination/style/dnb-pagination.css +20 -0
- package/components/pagination/style/dnb-pagination.min.css +1 -1
- package/components/pagination/style/dnb-pagination.scss +24 -0
- package/components/pagination/style/themes/dnb-pagination-theme-sbanken.css +26 -0
- package/components/pagination/style/themes/dnb-pagination-theme-sbanken.min.css +1 -0
- package/components/pagination/style/themes/dnb-pagination-theme-sbanken.scss +35 -0
- package/components/pagination/style/themes/dnb-pagination-theme-ui.css +0 -24
- package/components/pagination/style/themes/dnb-pagination-theme-ui.min.css +1 -1
- package/components/pagination/style/themes/dnb-pagination-theme-ui.scss +0 -30
- package/components/radio/Radio.d.ts +4 -0
- package/components/radio/Radio.js +6 -4
- package/components/radio/Radio.js.map +1 -1
- package/components/radio/style/themes/dnb-radio-theme-ui.scss +15 -5
- package/components/section/Section.d.ts +26 -1
- package/components/section/Section.js +3 -2
- package/components/section/Section.js.map +1 -1
- package/components/section/style/dnb-section.css +1 -1
- package/components/section/style/dnb-section.scss +8 -3
- package/components/section/style/themes/dnb-section-theme-sbanken.css +39 -0
- package/components/section/style/themes/dnb-section-theme-sbanken.min.css +1 -0
- package/components/section/style/themes/dnb-section-theme-sbanken.scss +56 -0
- package/components/section/style/themes/dnb-section-theme-ui.css +28 -13
- package/components/section/style/themes/dnb-section-theme-ui.min.css +1 -1
- package/components/section/style/themes/dnb-section-theme-ui.scss +37 -14
- package/components/skeleton/style/dnb-skeleton.scss +8 -5
- package/components/slider/style/dnb-slider.scss +4 -2
- package/components/space/SpacingUtils.js.map +1 -1
- package/components/step-indicator/StepIndicator.d.ts +89 -75
- package/components/step-indicator/StepIndicator.js +29 -25
- package/components/step-indicator/StepIndicator.js.map +1 -1
- package/components/step-indicator/StepIndicatorContext.d.ts +45 -15
- package/components/step-indicator/StepIndicatorContext.js +98 -120
- package/components/step-indicator/StepIndicatorContext.js.map +1 -1
- package/components/step-indicator/StepIndicatorItem.d.ts +59 -61
- package/components/step-indicator/StepIndicatorItem.js +177 -227
- package/components/step-indicator/StepIndicatorItem.js.map +1 -1
- package/components/step-indicator/StepIndicatorList.d.ts +6 -8
- package/components/step-indicator/StepIndicatorList.js +43 -48
- package/components/step-indicator/StepIndicatorList.js.map +1 -1
- package/components/step-indicator/StepIndicatorModal.d.ts +6 -14
- package/components/step-indicator/StepIndicatorModal.js +38 -50
- package/components/step-indicator/StepIndicatorModal.js.map +1 -1
- package/components/step-indicator/StepIndicatorProps.d.ts +2 -55
- package/components/step-indicator/StepIndicatorProps.js +3 -45
- package/components/step-indicator/StepIndicatorProps.js.map +1 -1
- package/components/step-indicator/StepIndicatorSidebar.d.ts +27 -21
- package/components/step-indicator/StepIndicatorSidebar.js +39 -52
- package/components/step-indicator/StepIndicatorSidebar.js.map +1 -1
- package/components/step-indicator/StepIndicatorTriggerButton.d.ts +16 -17
- package/components/step-indicator/StepIndicatorTriggerButton.js +62 -78
- package/components/step-indicator/StepIndicatorTriggerButton.js.map +1 -1
- package/components/switch/Switch.d.ts +4 -0
- package/components/switch/Switch.js +6 -4
- package/components/switch/Switch.js.map +1 -1
- package/components/switch/style/themes/dnb-switch-theme-ui.scss +3 -1
- package/components/table/TableContainer.js.map +1 -1
- package/components/table/style/table-accordion.scss +18 -6
- package/components/table/style/table-header-buttons.scss +3 -1
- package/components/table/style/table-tr.scss +6 -2
- package/components/table/style/themes/dnb-table-theme-sbanken.css +56 -7
- package/components/table/style/themes/dnb-table-theme-sbanken.min.css +1 -1
- package/components/table/style/themes/dnb-table-theme-sbanken.scss +21 -5
- package/components/table/style/themes/dnb-table-theme-ui.scss +3 -1
- package/components/timeline/TimelineItem.d.ts +3 -2
- package/components/timeline/TimelineItem.js +95 -61
- package/components/timeline/TimelineItem.js.map +1 -1
- package/components/timeline/style/themes/dnb-timeline-theme-ui.css +3 -2
- package/components/timeline/style/themes/dnb-timeline-theme-ui.min.css +3 -1
- package/components/timeline/style/themes/dnb-timeline-theme-ui.scss +3 -2
- package/components/toggle-button/style/themes/dnb-toggle-button-theme-ui.scss +3 -1
- package/elements/lib.d.ts +1 -1
- package/elements/typography/H.d.ts +5 -3
- package/elements/typography/H.js +8 -4
- package/elements/typography/H.js.map +1 -1
- package/elements/typography/H1.js +2 -2
- package/elements/typography/H1.js.map +1 -1
- package/elements/typography/H2.js +2 -2
- package/elements/typography/H2.js.map +1 -1
- package/elements/typography/H3.js +2 -2
- package/elements/typography/H3.js.map +1 -1
- package/elements/typography/H4.js +2 -2
- package/elements/typography/H4.js.map +1 -1
- package/elements/typography/H5.js +2 -2
- package/elements/typography/H5.js.map +1 -1
- package/elements/typography/H6.js +2 -2
- package/elements/typography/H6.js.map +1 -1
- package/elements/typography/style/dnb-typography.scss +3 -0
- package/elements/typography/style/themes/dnb-typography-theme-sbanken.scss +12 -2
- package/elements/typography/style/typography-mixins.scss +5 -0
- package/es/components/accordion/Accordion.d.ts +1 -1
- package/es/components/accordion/AccordionHeader.d.ts +4 -4
- package/es/components/accordion/AccordionHeader.js +18 -5
- package/es/components/accordion/AccordionHeader.js.map +1 -1
- package/es/components/accordion/style/dnb-accordion.css +22 -17
- package/es/components/accordion/style/dnb-accordion.min.css +1 -1
- package/es/components/accordion/style/dnb-accordion.scss +40 -18
- package/es/components/accordion/style/themes/dnb-accordion-theme-sbanken.css +124 -0
- package/es/components/accordion/style/themes/dnb-accordion-theme-sbanken.min.css +1 -0
- package/es/components/accordion/style/themes/dnb-accordion-theme-sbanken.scss +125 -0
- package/es/components/anchor/Anchor.js +1 -1
- package/es/components/anchor/Anchor.js.map +1 -1
- package/es/components/anchor/style/anchor-mixins.scss +9 -3
- package/es/components/anchor/style/themes/dnb-anchor-theme-sbanken.scss +3 -1
- package/es/components/autocomplete/Autocomplete.d.ts +1 -1
- package/es/components/autocomplete/Autocomplete.js +4 -2
- package/es/components/autocomplete/Autocomplete.js.map +1 -1
- package/es/components/avatar/style/index.d.ts +1 -1
- package/es/components/avatar/style/themes/dnb-avatar-theme-sbanken.scss +2 -1
- package/es/components/breadcrumb/Breadcrumb.js +2 -2
- package/es/components/breadcrumb/Breadcrumb.js.map +1 -1
- package/es/components/breadcrumb/BreadcrumbItem.js +23 -1
- package/es/components/breadcrumb/BreadcrumbItem.js.map +1 -1
- package/es/components/breadcrumb/style/themes/dnb-breadcrumb-theme-sbanken.css +23 -0
- package/es/components/breadcrumb/style/themes/dnb-breadcrumb-theme-sbanken.min.css +1 -0
- package/es/components/breadcrumb/style/themes/dnb-breadcrumb-theme-sbanken.scss +33 -0
- package/es/components/button/style/dnb-button--tertiary.css +53 -37
- package/es/components/button/style/dnb-button--tertiary.min.css +5 -1
- package/es/components/button/style/dnb-button--tertiary.scss +28 -34
- package/es/components/button/style/themes/button-mixins.scss +5 -3
- package/es/components/button/style/themes/dnb-button-theme-eiendom.css +53 -37
- package/es/components/button/style/themes/dnb-button-theme-eiendom.min.css +5 -1
- package/es/components/button/style/themes/dnb-button-theme-sbanken.css +155 -136
- package/es/components/button/style/themes/dnb-button-theme-sbanken.min.css +12 -2
- package/es/components/button/style/themes/dnb-button-theme-sbanken.scss +81 -115
- package/es/components/button/style/themes/dnb-button-theme-ui.css +53 -37
- package/es/components/button/style/themes/dnb-button-theme-ui.min.css +5 -1
- package/es/components/button/style/themes/dnb-button-theme-ui.scss +3 -1
- package/es/components/checkbox/Checkbox.d.ts +4 -0
- package/es/components/checkbox/Checkbox.js +6 -4
- package/es/components/checkbox/Checkbox.js.map +1 -1
- package/es/components/checkbox/style/themes/dnb-checkbox-theme-ui.scss +3 -1
- package/es/components/date-picker/style/themes/dnb-date-picker-theme-ui.scss +6 -2
- package/es/components/drawer/Drawer.d.ts +1 -1
- package/es/components/drawer/Drawer.js +3 -1
- package/es/components/drawer/Drawer.js.map +1 -1
- package/es/components/form-label/style/dnb-form-label.css +0 -1
- package/es/components/form-label/style/dnb-form-label.min.css +1 -1
- package/es/components/form-label/style/dnb-form-label.scss +0 -1
- package/es/components/form-label/style/themes/dnb-form-label-theme-sbanken.css +10 -0
- package/es/components/form-label/style/themes/dnb-form-label-theme-sbanken.min.css +1 -0
- package/es/components/form-label/style/themes/dnb-form-label-theme-sbanken.scss +16 -0
- package/es/components/form-label/style/themes/dnb-form-label-theme-ui.css +3 -0
- package/es/components/form-label/style/themes/dnb-form-label-theme-ui.min.css +1 -1
- package/es/components/form-label/style/themes/dnb-form-label-theme-ui.scss +6 -2
- package/es/components/form-row/style/themes/dnb-form-row-theme-sbanken.css +4 -0
- package/es/components/form-row/style/themes/dnb-form-row-theme-sbanken.min.css +0 -0
- package/es/components/form-row/style/themes/dnb-form-row-theme-sbanken.scss +4 -0
- package/es/components/form-status/FormStatus.d.ts +2 -0
- package/es/components/form-status/FormStatus.js +70 -53
- package/es/components/form-status/FormStatus.js.map +1 -1
- package/es/components/form-status/style/dnb-form-status.scss +4 -2
- package/es/components/form-status/style/themes/dnb-form-status-theme-sbanken.css +37 -0
- package/es/components/form-status/style/themes/dnb-form-status-theme-sbanken.min.css +1 -0
- package/es/components/form-status/style/themes/dnb-form-status-theme-sbanken.scss +35 -0
- package/es/components/global-status/GlobalStatus.d.ts +1 -1
- package/es/components/global-status/GlobalStatus.js +18 -8
- package/es/components/global-status/GlobalStatus.js.map +1 -1
- package/es/components/global-status/style/dnb-global-status.scss +2 -1
- package/es/components/global-status/style/themes/dnb-global-status-theme-sbanken.css +22 -0
- package/es/components/global-status/style/themes/dnb-global-status-theme-sbanken.min.css +1 -0
- package/es/components/global-status/style/themes/dnb-global-status-theme-sbanken.scss +28 -0
- package/es/components/global-status/style/themes/dnb-global-status-theme-ui.css +6 -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 +13 -6
- package/es/components/heading/Heading.d.ts +8 -8
- package/es/components/heading/Heading.js +9 -15
- package/es/components/heading/Heading.js.map +1 -1
- package/es/components/heading/HeadingHelpers.d.ts +5 -1
- package/es/components/heading/HeadingHelpers.js +39 -0
- package/es/components/heading/HeadingHelpers.js.map +1 -1
- package/es/components/info-card/index.js.map +1 -1
- package/es/components/info-card/style.js.map +1 -1
- package/es/components/input/style/themes/dnb-input-theme-sbanken.css +20 -20
- package/es/components/input/style/themes/dnb-input-theme-sbanken.min.css +1 -1
- package/es/components/input/style/themes/dnb-input-theme-sbanken.scss +15 -23
- package/es/components/input/style/themes/dnb-input-theme-ui.css +1 -1
- package/es/components/input/style/themes/dnb-input-theme-ui.min.css +1 -1
- package/es/components/input/style/themes/dnb-input-theme-ui.scss +9 -3
- package/es/components/input-masked/InputMaskedUtils.js +1 -1
- package/es/components/input-masked/InputMaskedUtils.js.map +1 -1
- package/es/components/modal/Modal.js.map +1 -1
- package/es/components/modal/parts/ModalHeaderBar.js +0 -4
- package/es/components/modal/parts/ModalHeaderBar.js.map +1 -1
- package/es/components/pagination/Pagination.js.map +1 -1
- package/es/components/pagination/style/dnb-pagination.css +20 -0
- package/es/components/pagination/style/dnb-pagination.min.css +1 -1
- package/es/components/pagination/style/dnb-pagination.scss +24 -0
- package/es/components/pagination/style/themes/dnb-pagination-theme-sbanken.css +26 -0
- package/es/components/pagination/style/themes/dnb-pagination-theme-sbanken.min.css +1 -0
- package/es/components/pagination/style/themes/dnb-pagination-theme-sbanken.scss +35 -0
- package/es/components/pagination/style/themes/dnb-pagination-theme-ui.css +0 -24
- package/es/components/pagination/style/themes/dnb-pagination-theme-ui.min.css +1 -1
- package/es/components/pagination/style/themes/dnb-pagination-theme-ui.scss +0 -30
- package/es/components/radio/Radio.d.ts +4 -0
- package/es/components/radio/Radio.js +6 -4
- package/es/components/radio/Radio.js.map +1 -1
- package/es/components/radio/style/themes/dnb-radio-theme-ui.scss +15 -5
- package/es/components/section/Section.d.ts +26 -1
- package/es/components/section/Section.js +3 -2
- package/es/components/section/Section.js.map +1 -1
- package/es/components/section/style/dnb-section.css +1 -1
- package/es/components/section/style/dnb-section.scss +8 -3
- package/es/components/section/style/themes/dnb-section-theme-sbanken.css +39 -0
- package/es/components/section/style/themes/dnb-section-theme-sbanken.min.css +1 -0
- package/es/components/section/style/themes/dnb-section-theme-sbanken.scss +56 -0
- package/es/components/section/style/themes/dnb-section-theme-ui.css +28 -13
- package/es/components/section/style/themes/dnb-section-theme-ui.min.css +1 -1
- package/es/components/section/style/themes/dnb-section-theme-ui.scss +37 -14
- package/es/components/skeleton/style/dnb-skeleton.scss +8 -5
- package/es/components/slider/style/dnb-slider.scss +4 -2
- package/es/components/space/SpacingUtils.js.map +1 -1
- package/es/components/step-indicator/StepIndicator.d.ts +89 -75
- package/es/components/step-indicator/StepIndicator.js +29 -25
- package/es/components/step-indicator/StepIndicator.js.map +1 -1
- package/es/components/step-indicator/StepIndicatorContext.d.ts +45 -15
- package/es/components/step-indicator/StepIndicatorContext.js +94 -114
- package/es/components/step-indicator/StepIndicatorContext.js.map +1 -1
- package/es/components/step-indicator/StepIndicatorItem.d.ts +59 -61
- package/es/components/step-indicator/StepIndicatorItem.js +173 -223
- package/es/components/step-indicator/StepIndicatorItem.js.map +1 -1
- package/es/components/step-indicator/StepIndicatorList.d.ts +6 -8
- package/es/components/step-indicator/StepIndicatorList.js +43 -48
- package/es/components/step-indicator/StepIndicatorList.js.map +1 -1
- package/es/components/step-indicator/StepIndicatorModal.d.ts +6 -14
- package/es/components/step-indicator/StepIndicatorModal.js +38 -48
- package/es/components/step-indicator/StepIndicatorModal.js.map +1 -1
- package/es/components/step-indicator/StepIndicatorProps.d.ts +2 -55
- package/es/components/step-indicator/StepIndicatorProps.js +3 -45
- package/es/components/step-indicator/StepIndicatorProps.js.map +1 -1
- package/es/components/step-indicator/StepIndicatorSidebar.d.ts +27 -21
- package/es/components/step-indicator/StepIndicatorSidebar.js +39 -52
- package/es/components/step-indicator/StepIndicatorSidebar.js.map +1 -1
- package/es/components/step-indicator/StepIndicatorTriggerButton.d.ts +16 -17
- package/es/components/step-indicator/StepIndicatorTriggerButton.js +62 -78
- package/es/components/step-indicator/StepIndicatorTriggerButton.js.map +1 -1
- package/es/components/switch/Switch.d.ts +4 -0
- package/es/components/switch/Switch.js +6 -4
- package/es/components/switch/Switch.js.map +1 -1
- package/es/components/switch/style/themes/dnb-switch-theme-ui.scss +3 -1
- package/es/components/table/TableContainer.js.map +1 -1
- package/es/components/table/style/table-accordion.scss +18 -6
- package/es/components/table/style/table-header-buttons.scss +3 -1
- package/es/components/table/style/table-tr.scss +6 -2
- package/es/components/table/style/themes/dnb-table-theme-sbanken.css +56 -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 +21 -5
- package/es/components/table/style/themes/dnb-table-theme-ui.scss +3 -1
- package/es/components/timeline/TimelineItem.d.ts +3 -2
- package/es/components/timeline/TimelineItem.js +89 -58
- package/es/components/timeline/TimelineItem.js.map +1 -1
- package/es/components/timeline/style/themes/dnb-timeline-theme-ui.css +3 -2
- package/es/components/timeline/style/themes/dnb-timeline-theme-ui.min.css +3 -1
- package/es/components/timeline/style/themes/dnb-timeline-theme-ui.scss +3 -2
- package/es/components/toggle-button/style/themes/dnb-toggle-button-theme-ui.scss +3 -1
- package/es/elements/lib.d.ts +1 -1
- package/es/elements/typography/H.d.ts +5 -3
- package/es/elements/typography/H.js +8 -4
- package/es/elements/typography/H.js.map +1 -1
- package/es/elements/typography/H1.js +2 -2
- package/es/elements/typography/H1.js.map +1 -1
- package/es/elements/typography/H2.js +2 -2
- package/es/elements/typography/H2.js.map +1 -1
- package/es/elements/typography/H3.js +2 -2
- package/es/elements/typography/H3.js.map +1 -1
- package/es/elements/typography/H4.js +2 -2
- package/es/elements/typography/H4.js.map +1 -1
- package/es/elements/typography/H5.js +2 -2
- package/es/elements/typography/H5.js.map +1 -1
- package/es/elements/typography/H6.js +2 -2
- package/es/elements/typography/H6.js.map +1 -1
- package/es/elements/typography/style/dnb-typography.scss +3 -0
- package/es/elements/typography/style/themes/dnb-typography-theme-sbanken.scss +12 -2
- package/es/elements/typography/style/typography-mixins.scss +5 -0
- package/es/extensions/forms/DataContext/Provider.js +9 -9
- package/es/extensions/forms/DataContext/Provider.js.map +1 -1
- package/es/extensions/forms/DataContext/index.js.map +1 -1
- package/es/extensions/forms/Field/ArraySelection.d.ts +2 -1
- package/es/extensions/forms/Field/ArraySelection.js +49 -33
- package/es/extensions/forms/Field/ArraySelection.js.map +1 -1
- package/es/extensions/forms/Field/CountryCode.d.ts +10 -0
- package/es/extensions/forms/Field/CountryCode.js +67 -0
- package/es/extensions/forms/Field/CountryCode.js.map +1 -0
- package/es/extensions/forms/Field/Currency.d.ts +2 -2
- package/es/extensions/forms/Field/Currency.js +6 -37
- package/es/extensions/forms/Field/Currency.js.map +1 -1
- package/es/extensions/forms/Field/Date.d.ts +2 -2
- package/es/extensions/forms/Field/Date.js +11 -7
- package/es/extensions/forms/Field/Date.js.map +1 -1
- package/es/extensions/forms/Field/Number.d.ts +7 -3
- package/es/extensions/forms/Field/Number.js +47 -23
- package/es/extensions/forms/Field/Number.js.map +1 -1
- package/es/extensions/forms/Field/PhoneNumber.d.ts +7 -2
- package/es/extensions/forms/Field/PhoneNumber.js +44 -41
- package/es/extensions/forms/Field/PhoneNumber.js.map +1 -1
- package/es/extensions/forms/Field/PostalCodeAndCity.d.ts +1 -1
- package/es/extensions/forms/Field/PostalCodeAndCity.js +1 -1
- package/es/extensions/forms/Field/PostalCodeAndCity.js.map +1 -1
- package/es/extensions/forms/Field/Selection.d.ts +6 -4
- package/es/extensions/forms/Field/Selection.js +86 -38
- package/es/extensions/forms/Field/Selection.js.map +1 -1
- package/es/extensions/forms/Field/String.d.ts +3 -3
- package/es/extensions/forms/Field/String.js +33 -18
- package/es/extensions/forms/Field/String.js.map +1 -1
- package/es/extensions/forms/Field/Toggle.js +11 -9
- package/es/extensions/forms/Field/Toggle.js.map +1 -1
- package/es/extensions/forms/Field/fields.scss +2 -2
- package/es/extensions/forms/Field/hooks/useField.d.ts +6 -8
- package/es/extensions/forms/Field/hooks/useField.js +34 -31
- package/es/extensions/forms/Field/hooks/useField.js.map +1 -1
- package/es/extensions/forms/Field/index.d.ts +2 -0
- package/es/extensions/forms/Field/index.js +3 -1
- package/es/extensions/forms/Field/index.js.map +1 -1
- package/es/extensions/forms/Field/style/dnb-array-selection.css +13 -0
- package/es/extensions/forms/Field/style/dnb-array-selection.min.css +1 -0
- package/es/extensions/forms/Field/style/dnb-array-selection.scss +15 -0
- package/es/extensions/forms/Field/style/dnb-country-code.css +12 -0
- package/es/extensions/forms/Field/style/dnb-country-code.min.css +1 -0
- package/es/extensions/forms/Field/style/dnb-country-code.scss +19 -0
- package/es/extensions/forms/Field/style/dnb-phone-number.css +6 -7
- package/es/extensions/forms/Field/style/dnb-phone-number.min.css +1 -1
- package/es/extensions/forms/Field/style/dnb-phone-number.scss +7 -8
- package/es/extensions/forms/Field/style/dnb-postal-code-and-city.css +5 -2
- package/es/extensions/forms/Field/style/dnb-postal-code-and-city.min.css +1 -1
- package/es/extensions/forms/Field/style/dnb-postal-code-and-city.scss +5 -1
- package/es/extensions/forms/Field/style/dnb-selection.css +5 -2
- package/es/extensions/forms/Field/style/dnb-selection.min.css +1 -1
- package/es/extensions/forms/Field/style/dnb-selection.scss +7 -1
- package/es/extensions/forms/Field/style/index.d.ts +2 -1
- package/es/extensions/forms/Field/style/index.js +2 -1
- package/es/extensions/forms/Field/style/index.js.map +1 -1
- package/es/extensions/forms/Field/style/index.scss +2 -2
- package/es/extensions/forms/FieldBlock/FieldBlock.d.ts +5 -0
- package/es/extensions/forms/FieldBlock/FieldBlock.js +19 -9
- package/es/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
- package/es/extensions/forms/FieldBlock/index.js.map +1 -1
- package/es/extensions/forms/FieldBlock/style/dnb-field-block.css +39 -1
- package/es/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
- package/es/extensions/forms/FieldBlock/style/dnb-field-block.scss +60 -1
- package/es/extensions/forms/FieldGroup/index.js.map +1 -1
- package/es/extensions/forms/Layout/Card.js +2 -2
- package/es/extensions/forms/Layout/Card.js.map +1 -1
- package/es/extensions/forms/Layout/FlexContainer.d.ts +1 -0
- package/es/extensions/forms/Layout/FlexContainer.js +5 -3
- package/es/extensions/forms/Layout/FlexContainer.js.map +1 -1
- package/es/extensions/forms/Layout/FlexItem.d.ts +1 -0
- package/es/extensions/forms/Layout/FlexItem.js +2 -1
- package/es/extensions/forms/Layout/FlexItem.js.map +1 -1
- package/es/extensions/forms/Layout/SubHeading.js +2 -1
- package/es/extensions/forms/Layout/SubHeading.js.map +1 -1
- package/es/extensions/forms/Layout/style/dnb-card.css +3 -3
- package/es/extensions/forms/Layout/style/dnb-card.min.css +1 -1
- package/es/extensions/forms/Layout/style/dnb-card.scss +6 -4
- package/es/extensions/forms/Layout/style/dnb-flex-container.css +9 -0
- package/es/extensions/forms/Layout/style/dnb-flex-container.min.css +1 -1
- package/es/extensions/forms/Layout/style/dnb-flex-container.scss +14 -0
- package/es/extensions/forms/Layout/style/dnb-flex-item.css +9 -0
- package/es/extensions/forms/Layout/style/dnb-flex-item.min.css +1 -1
- package/es/extensions/forms/Layout/style/dnb-flex-item.scss +14 -0
- package/es/extensions/forms/StepsLayout/StepsLayout.js +1 -1
- package/es/extensions/forms/StepsLayout/StepsLayout.js.map +1 -1
- package/es/extensions/forms/StepsLayout/style/dnb-steps-layout.css +11 -5
- package/es/extensions/forms/StepsLayout/style/dnb-steps-layout.min.css +1 -1
- package/es/extensions/forms/StepsLayout/style/dnb-steps-layout.scss +10 -3
- package/es/extensions/forms/ValueBlock/index.js.map +1 -1
- package/es/extensions/forms/field-types.d.ts +7 -1
- package/es/extensions/forms/field-types.js.map +1 -1
- package/es/extensions/forms/style/dnb-forms.css +112 -42
- package/es/extensions/forms/style/dnb-forms.min.css +1 -1
- package/es/extensions/forms/style/index.d.ts +1 -0
- package/es/extensions/forms/style/index.js +1 -0
- package/es/extensions/forms/style/index.js.map +1 -0
- package/es/extensions/forms/utils/TestElement/style/dnb-test-element.css +2 -2
- package/es/extensions/forms/utils/TestElement/style/dnb-test-element.min.css +1 -1
- package/es/extensions/forms/utils/TestElement/style/dnb-test-element.scss +2 -2
- package/es/extensions/forms/utils/useWasChanged.d.ts +5 -0
- package/es/extensions/forms/utils/useWasChanged.js +51 -0
- package/es/extensions/forms/utils/useWasChanged.js.map +1 -0
- package/es/extensions/forms/variables.scss +3 -0
- package/es/extensions/lib.d.ts +1 -0
- package/es/extensions/payment-card/PaymentCard.d.ts +6 -2
- package/es/extensions/payment-card/PaymentCard.js +13 -2
- package/es/extensions/payment-card/PaymentCard.js.map +1 -1
- package/es/extensions/payment-card/icons/CardIn.d.ts +2 -0
- package/es/extensions/payment-card/icons/CardIn.js +18 -0
- package/es/extensions/payment-card/icons/CardIn.js.map +1 -0
- package/es/extensions/payment-card/icons/index.js +4 -1
- package/es/extensions/payment-card/icons/index.js.map +1 -1
- package/es/extensions/payment-card/style/dnb-payment-card.css +3 -2
- package/es/extensions/payment-card/style/dnb-payment-card.min.css +1 -1
- package/es/extensions/payment-card/style/dnb-payment-card.scss +2 -2
- package/es/extensions/payment-card/utils/backgrounds/ung.js +1 -1
- package/es/extensions/payment-card/utils/backgrounds/ung.js.map +1 -1
- package/es/extensions/payment-card/utils/backgrounds/youth.js +1 -1
- package/es/extensions/payment-card/utils/backgrounds/youth.js.map +1 -1
- package/es/fragments/drawer-list/DrawerList.js +1 -1
- package/es/fragments/drawer-list/DrawerList.js.map +1 -1
- package/es/fragments/drawer-list/DrawerListPortal.js +2 -2
- package/es/fragments/drawer-list/DrawerListPortal.js.map +1 -1
- package/es/fragments/drawer-list/style/dnb-drawer-list.scss +3 -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/helpers/withCamelCaseProps.js.map +1 -1
- package/es/shared/helpers/withSnakeCaseProps.js.map +1 -1
- package/es/shared/libs/Shortcuts.js.map +1 -1
- package/es/shared/locales/en-GB.d.ts +2 -0
- package/es/shared/locales/en-GB.js +3 -1
- package/es/shared/locales/en-GB.js.map +1 -1
- package/es/shared/locales/en-US.d.ts +2 -0
- package/es/shared/locales/index.d.ts +4 -0
- package/es/shared/locales/nb-NO.d.ts +2 -0
- package/es/shared/locales/nb-NO.js +3 -1
- package/es/shared/locales/nb-NO.js.map +1 -1
- package/es/style/core/reset.scss +13 -3
- package/es/style/core/utilities.scss +3 -1
- package/es/style/dnb-ui-components.css +42 -19
- package/es/style/dnb-ui-components.min.css +1 -1
- package/es/style/dnb-ui-elements.css +6 -0
- package/es/style/dnb-ui-elements.min.css +1 -1
- package/es/style/dnb-ui-extensions.css +115 -44
- package/es/style/dnb-ui-extensions.min.css +1 -1
- package/es/style/themes/theme-eiendom/eiendom-theme-basis.css +6 -0
- package/es/style/themes/theme-eiendom/eiendom-theme-basis.min.css +1 -1
- package/es/style/themes/theme-eiendom/eiendom-theme-components.css +189 -135
- package/es/style/themes/theme-eiendom/eiendom-theme-components.min.css +7 -1
- package/es/style/themes/theme-eiendom/eiendom-theme-extensions.css +115 -44
- package/es/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
- package/es/style/themes/theme-sbanken/customisations.scss +0 -8
- package/es/style/themes/theme-sbanken/properties.js +6 -6
- package/es/style/themes/theme-sbanken/properties.js.map +1 -1
- package/es/style/themes/theme-sbanken/properties.scss +6 -6
- package/es/style/themes/theme-sbanken/sbanken-theme-basis.css +27 -26
- package/es/style/themes/theme-sbanken/sbanken-theme-basis.min.css +1 -1
- package/es/style/themes/theme-sbanken/sbanken-theme-components.css +574 -615
- package/es/style/themes/theme-sbanken/sbanken-theme-components.min.css +14 -2
- package/es/style/themes/theme-sbanken/sbanken-theme-components.scss +8 -7
- package/es/style/themes/theme-sbanken/sbanken-theme-elements.css +21 -2
- package/es/style/themes/theme-sbanken/sbanken-theme-elements.min.css +1 -1
- package/es/style/themes/theme-sbanken/sbanken-theme-extensions.css +115 -44
- package/es/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
- package/es/style/themes/theme-ui/fonts.scss +8 -4
- package/es/style/themes/theme-ui/ui-theme-basis.css +6 -0
- package/es/style/themes/theme-ui/ui-theme-basis.min.css +1 -1
- package/es/style/themes/theme-ui/ui-theme-components.css +136 -98
- package/es/style/themes/theme-ui/ui-theme-components.min.css +7 -1
- package/es/style/themes/theme-ui/ui-theme-elements.css +6 -0
- package/es/style/themes/theme-ui/ui-theme-elements.min.css +1 -1
- package/es/style/themes/theme-ui/ui-theme-extensions.css +115 -44
- package/es/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
- package/es/style/themes/theme-ui/ui-theme-tags.css +3 -0
- package/es/style/themes/theme-ui/ui-theme-tags.min.css +1 -1
- package/es/style/themes/theme-ui/ui-theme-tags.scss +9 -4
- 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 +6 -6
- package/esm/dnb-ui-lib.min.mjs +1 -1
- package/extensions/forms/DataContext/Provider.js +9 -9
- package/extensions/forms/DataContext/Provider.js.map +1 -1
- package/extensions/forms/DataContext/index.js.map +1 -1
- package/extensions/forms/Field/ArraySelection.d.ts +2 -1
- package/extensions/forms/Field/ArraySelection.js +49 -33
- package/extensions/forms/Field/ArraySelection.js.map +1 -1
- package/extensions/forms/Field/CountryCode.d.ts +10 -0
- package/extensions/forms/Field/CountryCode.js +68 -0
- package/extensions/forms/Field/CountryCode.js.map +1 -0
- package/extensions/forms/Field/Currency.d.ts +2 -2
- package/extensions/forms/Field/Currency.js +6 -38
- package/extensions/forms/Field/Currency.js.map +1 -1
- package/extensions/forms/Field/Date.d.ts +2 -2
- package/extensions/forms/Field/Date.js +11 -7
- package/extensions/forms/Field/Date.js.map +1 -1
- package/extensions/forms/Field/Number.d.ts +7 -3
- package/extensions/forms/Field/Number.js +47 -23
- package/extensions/forms/Field/Number.js.map +1 -1
- package/extensions/forms/Field/PhoneNumber.d.ts +7 -2
- package/extensions/forms/Field/PhoneNumber.js +44 -43
- package/extensions/forms/Field/PhoneNumber.js.map +1 -1
- package/extensions/forms/Field/PostalCodeAndCity.d.ts +1 -1
- package/extensions/forms/Field/PostalCodeAndCity.js +1 -1
- package/extensions/forms/Field/PostalCodeAndCity.js.map +1 -1
- package/extensions/forms/Field/Selection.d.ts +6 -4
- package/extensions/forms/Field/Selection.js +88 -39
- package/extensions/forms/Field/Selection.js.map +1 -1
- package/extensions/forms/Field/String.d.ts +3 -3
- package/extensions/forms/Field/String.js +33 -18
- package/extensions/forms/Field/String.js.map +1 -1
- package/extensions/forms/Field/Toggle.js +11 -9
- package/extensions/forms/Field/Toggle.js.map +1 -1
- package/extensions/forms/Field/fields.scss +2 -2
- package/extensions/forms/Field/hooks/useField.d.ts +6 -8
- package/extensions/forms/Field/hooks/useField.js +34 -33
- package/extensions/forms/Field/hooks/useField.js.map +1 -1
- package/extensions/forms/Field/index.d.ts +2 -0
- package/extensions/forms/Field/index.js +3 -1
- package/extensions/forms/Field/index.js.map +1 -1
- package/extensions/forms/Field/style/dnb-array-selection.css +13 -0
- package/extensions/forms/Field/style/dnb-array-selection.min.css +1 -0
- package/extensions/forms/Field/style/dnb-array-selection.scss +15 -0
- package/extensions/forms/Field/style/dnb-country-code.css +12 -0
- package/extensions/forms/Field/style/dnb-country-code.min.css +1 -0
- package/extensions/forms/Field/style/dnb-country-code.scss +19 -0
- package/extensions/forms/Field/style/dnb-phone-number.css +6 -7
- package/extensions/forms/Field/style/dnb-phone-number.min.css +1 -1
- package/extensions/forms/Field/style/dnb-phone-number.scss +7 -8
- package/extensions/forms/Field/style/dnb-postal-code-and-city.css +5 -2
- package/extensions/forms/Field/style/dnb-postal-code-and-city.min.css +1 -1
- package/extensions/forms/Field/style/dnb-postal-code-and-city.scss +5 -1
- package/extensions/forms/Field/style/dnb-selection.css +5 -2
- package/extensions/forms/Field/style/dnb-selection.min.css +1 -1
- package/extensions/forms/Field/style/dnb-selection.scss +7 -1
- package/extensions/forms/Field/style/index.d.ts +2 -1
- package/extensions/forms/Field/style/index.js +2 -1
- package/extensions/forms/Field/style/index.js.map +1 -1
- package/extensions/forms/Field/style/index.scss +2 -2
- package/extensions/forms/FieldBlock/FieldBlock.d.ts +5 -0
- package/extensions/forms/FieldBlock/FieldBlock.js +19 -9
- package/extensions/forms/FieldBlock/FieldBlock.js.map +1 -1
- package/extensions/forms/FieldBlock/index.js.map +1 -1
- package/extensions/forms/FieldBlock/style/dnb-field-block.css +39 -1
- package/extensions/forms/FieldBlock/style/dnb-field-block.min.css +1 -1
- package/extensions/forms/FieldBlock/style/dnb-field-block.scss +60 -1
- package/extensions/forms/FieldGroup/index.js.map +1 -1
- package/extensions/forms/Layout/Card.js +2 -2
- package/extensions/forms/Layout/Card.js.map +1 -1
- package/extensions/forms/Layout/FlexContainer.d.ts +1 -0
- package/extensions/forms/Layout/FlexContainer.js +5 -3
- package/extensions/forms/Layout/FlexContainer.js.map +1 -1
- package/extensions/forms/Layout/FlexItem.d.ts +1 -0
- package/extensions/forms/Layout/FlexItem.js +2 -1
- package/extensions/forms/Layout/FlexItem.js.map +1 -1
- package/extensions/forms/Layout/SubHeading.js +2 -1
- package/extensions/forms/Layout/SubHeading.js.map +1 -1
- package/extensions/forms/Layout/style/dnb-card.css +3 -3
- package/extensions/forms/Layout/style/dnb-card.min.css +1 -1
- package/extensions/forms/Layout/style/dnb-card.scss +6 -4
- package/extensions/forms/Layout/style/dnb-flex-container.css +9 -0
- package/extensions/forms/Layout/style/dnb-flex-container.min.css +1 -1
- package/extensions/forms/Layout/style/dnb-flex-container.scss +14 -0
- package/extensions/forms/Layout/style/dnb-flex-item.css +9 -0
- package/extensions/forms/Layout/style/dnb-flex-item.min.css +1 -1
- package/extensions/forms/Layout/style/dnb-flex-item.scss +14 -0
- package/extensions/forms/StepsLayout/StepsLayout.js +1 -1
- package/extensions/forms/StepsLayout/StepsLayout.js.map +1 -1
- package/extensions/forms/StepsLayout/style/dnb-steps-layout.css +11 -5
- package/extensions/forms/StepsLayout/style/dnb-steps-layout.min.css +1 -1
- package/extensions/forms/StepsLayout/style/dnb-steps-layout.scss +10 -3
- package/extensions/forms/ValueBlock/index.js.map +1 -1
- package/extensions/forms/field-types.d.ts +7 -1
- package/extensions/forms/field-types.js.map +1 -1
- package/extensions/forms/style/dnb-forms.css +112 -42
- package/extensions/forms/style/dnb-forms.min.css +1 -1
- package/extensions/forms/style/index.d.ts +1 -0
- package/extensions/forms/style/index.js +1 -0
- package/extensions/forms/style/index.js.map +1 -0
- package/extensions/forms/utils/TestElement/style/dnb-test-element.css +2 -2
- package/extensions/forms/utils/TestElement/style/dnb-test-element.min.css +1 -1
- package/extensions/forms/utils/TestElement/style/dnb-test-element.scss +2 -2
- package/extensions/forms/utils/useWasChanged.d.ts +5 -0
- package/extensions/forms/utils/useWasChanged.js +56 -0
- package/extensions/forms/utils/useWasChanged.js.map +1 -0
- package/extensions/forms/variables.scss +3 -0
- package/extensions/lib.d.ts +1 -0
- package/extensions/payment-card/PaymentCard.d.ts +6 -2
- package/extensions/payment-card/PaymentCard.js +13 -2
- package/extensions/payment-card/PaymentCard.js.map +1 -1
- package/extensions/payment-card/icons/CardIn.d.ts +2 -0
- package/extensions/payment-card/icons/CardIn.js +18 -0
- package/extensions/payment-card/icons/CardIn.js.map +1 -0
- package/extensions/payment-card/icons/index.js +4 -1
- package/extensions/payment-card/icons/index.js.map +1 -1
- package/extensions/payment-card/style/dnb-payment-card.css +3 -2
- package/extensions/payment-card/style/dnb-payment-card.min.css +1 -1
- package/extensions/payment-card/style/dnb-payment-card.scss +2 -2
- package/extensions/payment-card/utils/backgrounds/ung.js +1 -1
- package/extensions/payment-card/utils/backgrounds/ung.js.map +1 -1
- package/extensions/payment-card/utils/backgrounds/youth.js +1 -1
- package/extensions/payment-card/utils/backgrounds/youth.js.map +1 -1
- package/fragments/drawer-list/DrawerList.js +1 -1
- package/fragments/drawer-list/DrawerList.js.map +1 -1
- package/fragments/drawer-list/DrawerListPortal.js +2 -2
- package/fragments/drawer-list/DrawerListPortal.js.map +1 -1
- package/fragments/drawer-list/style/dnb-drawer-list.scss +3 -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/helpers/withCamelCaseProps.js.map +1 -1
- package/shared/helpers/withSnakeCaseProps.js.map +1 -1
- package/shared/libs/Shortcuts.js.map +1 -1
- package/shared/locales/en-GB.d.ts +2 -0
- package/shared/locales/en-GB.js +3 -1
- package/shared/locales/en-GB.js.map +1 -1
- package/shared/locales/en-US.d.ts +2 -0
- package/shared/locales/index.d.ts +4 -0
- package/shared/locales/nb-NO.d.ts +2 -0
- package/shared/locales/nb-NO.js +3 -1
- package/shared/locales/nb-NO.js.map +1 -1
- package/style/core/reset.scss +13 -3
- package/style/core/utilities.scss +3 -1
- package/style/dnb-ui-components.css +42 -19
- package/style/dnb-ui-components.min.css +1 -1
- package/style/dnb-ui-elements.css +6 -0
- package/style/dnb-ui-elements.min.css +1 -1
- package/style/dnb-ui-extensions.css +115 -44
- package/style/dnb-ui-extensions.min.css +1 -1
- package/style/themes/theme-eiendom/eiendom-theme-basis.css +6 -0
- package/style/themes/theme-eiendom/eiendom-theme-basis.min.css +1 -1
- package/style/themes/theme-eiendom/eiendom-theme-components.css +189 -135
- package/style/themes/theme-eiendom/eiendom-theme-components.min.css +7 -1
- package/style/themes/theme-eiendom/eiendom-theme-extensions.css +115 -44
- package/style/themes/theme-eiendom/eiendom-theme-extensions.min.css +1 -1
- package/style/themes/theme-sbanken/customisations.scss +0 -8
- package/style/themes/theme-sbanken/properties.js +6 -6
- package/style/themes/theme-sbanken/properties.js.map +1 -1
- package/style/themes/theme-sbanken/properties.scss +6 -6
- package/style/themes/theme-sbanken/sbanken-theme-basis.css +27 -26
- package/style/themes/theme-sbanken/sbanken-theme-basis.min.css +1 -1
- package/style/themes/theme-sbanken/sbanken-theme-components.css +574 -615
- package/style/themes/theme-sbanken/sbanken-theme-components.min.css +14 -2
- package/style/themes/theme-sbanken/sbanken-theme-components.scss +8 -7
- package/style/themes/theme-sbanken/sbanken-theme-elements.css +21 -2
- package/style/themes/theme-sbanken/sbanken-theme-elements.min.css +1 -1
- package/style/themes/theme-sbanken/sbanken-theme-extensions.css +115 -44
- package/style/themes/theme-sbanken/sbanken-theme-extensions.min.css +1 -1
- package/style/themes/theme-ui/fonts.scss +8 -4
- package/style/themes/theme-ui/ui-theme-basis.css +6 -0
- package/style/themes/theme-ui/ui-theme-basis.min.css +1 -1
- package/style/themes/theme-ui/ui-theme-components.css +136 -98
- package/style/themes/theme-ui/ui-theme-components.min.css +7 -1
- package/style/themes/theme-ui/ui-theme-elements.css +6 -0
- package/style/themes/theme-ui/ui-theme-elements.min.css +1 -1
- package/style/themes/theme-ui/ui-theme-extensions.css +115 -44
- package/style/themes/theme-ui/ui-theme-extensions.min.css +1 -1
- package/style/themes/theme-ui/ui-theme-tags.css +3 -0
- package/style/themes/theme-ui/ui-theme-tags.min.css +1 -1
- package/style/themes/theme-ui/ui-theme-tags.scss +9 -4
- 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 +6 -6
- package/umd/dnb-ui-lib.min.js +1 -1
- package/cjs/extensions/forms/Field/style/dnb-number.css +0 -11
- package/cjs/extensions/forms/Field/style/dnb-number.min.css +0 -1
- package/cjs/extensions/forms/Field/style/dnb-number.scss +0 -19
- package/cjs/extensions/forms/Field/style/dnb-string.css +0 -11
- package/cjs/extensions/forms/Field/style/dnb-string.min.css +0 -1
- package/cjs/extensions/forms/Field/style/dnb-string.scss +0 -19
- package/es/extensions/forms/Field/style/dnb-number.css +0 -11
- package/es/extensions/forms/Field/style/dnb-number.min.css +0 -1
- package/es/extensions/forms/Field/style/dnb-number.scss +0 -19
- package/es/extensions/forms/Field/style/dnb-string.css +0 -11
- package/es/extensions/forms/Field/style/dnb-string.min.css +0 -1
- package/es/extensions/forms/Field/style/dnb-string.scss +0 -19
- package/extensions/forms/Field/style/dnb-number.css +0 -11
- package/extensions/forms/Field/style/dnb-number.min.css +0 -1
- package/extensions/forms/Field/style/dnb-number.scss +0 -19
- package/extensions/forms/Field/style/dnb-string.css +0 -11
- package/extensions/forms/Field/style/dnb-string.min.css +0 -1
- package/extensions/forms/Field/style/dnb-string.scss +0 -19
|
@@ -20,7 +20,7 @@ var _Context = _interopRequireDefault(require("../../shared/Context"));
|
|
|
20
20
|
var _Suffix = _interopRequireDefault(require("../../shared/helpers/Suffix"));
|
|
21
21
|
var _FormRowHelpers = require("../form-row/FormRowHelpers");
|
|
22
22
|
var _AlignmentHelper, _span, _span2;
|
|
23
|
-
const _excluded = ["status", "status_state", "status_props", "status_no_animation", "globalStatus", "suffix", "element", "label", "label_sr_only", "label_position", "size", "readOnly", "skeleton", "className", "class", "id", "group", "value", "checked", "disabled", "children", "on_change", "on_state_update"];
|
|
23
|
+
const _excluded = ["status", "status_state", "status_props", "status_no_animation", "globalStatus", "suffix", "element", "label", "label_sr_only", "label_position", "size", "readOnly", "skeleton", "className", "class", "id", "group", "value", "checked", "disabled", "children", "on_change", "on_state_update", "innerRef"];
|
|
24
24
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
25
25
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
26
26
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
@@ -165,7 +165,7 @@ class Radio extends _react.default.PureComponent {
|
|
|
165
165
|
this._refInput.current.focus();
|
|
166
166
|
}
|
|
167
167
|
});
|
|
168
|
-
this._refInput = _react.default.createRef();
|
|
168
|
+
this._refInput = props.innerRef || _react.default.createRef();
|
|
169
169
|
this._id = props.id || (0, _componentHelper.makeUniqueId)();
|
|
170
170
|
this.state = {
|
|
171
171
|
_listenForPropChanges: true
|
|
@@ -200,7 +200,8 @@ class Radio extends _react.default.PureComponent {
|
|
|
200
200
|
disabled: _disabled,
|
|
201
201
|
children,
|
|
202
202
|
on_change,
|
|
203
|
-
on_state_update
|
|
203
|
+
on_state_update,
|
|
204
|
+
innerRef
|
|
204
205
|
} = props,
|
|
205
206
|
rest = _objectWithoutProperties(props, _excluded);
|
|
206
207
|
let {
|
|
@@ -356,7 +357,8 @@ process.env.NODE_ENV !== "production" ? Radio.propTypes = _objectSpread(_objectS
|
|
|
356
357
|
value: _propTypes.default.string,
|
|
357
358
|
attributes: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),
|
|
358
359
|
skeleton: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
|
|
359
|
-
readOnly: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool])
|
|
360
|
+
readOnly: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
|
|
361
|
+
innerRef: _propTypes.default.object
|
|
360
362
|
}, _SpacingHelper.spacingPropTypes), {}, {
|
|
361
363
|
class: _propTypes.default.string,
|
|
362
364
|
className: _propTypes.default.string,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_keycode","_componentHelper","_AlignmentHelper2","_SpacingHelper","_SkeletonHelper","_FormLabel","_FormStatus","_RadioGroup","_RadioGroupContext","_Context","_Suffix","_FormRowHelpers","_AlignmentHelper","_span","_span2","_excluded","obj","__esModule","default","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_extends","assign","bind","prototype","hasOwnProperty","call","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","Radio","React","PureComponent","getDerivedStateFromProps","props","state","_listenForPropChanges","checked","_checked","parseChecked","__checked","dispatchCustomElementEvent","constructor","event","keycode","isInNoGroup","onChangeHandler","isContextGroupOrSingle","context","preventDefault","setState","_event","isTrue","readOnly","isPlainGroup","setTimeout","callOnChange","group","_ref","onChange","_refInput","current","focus","createRef","_id","id","makeUniqueId","render","createElement","Consumer","contextProps","extendPropsWithContextInClassComponent","defaultProps","skeleton","includeValidProps","FormRow","status","status_state","status_props","status_no_animation","globalStatus","suffix","element","label","label_sr_only","label_position","size","className","class","_className","_group","_value","disabled","_disabled","children","on_change","on_state_update","rest","hasContext","name","showStatus","getStatusState","mainParams","classnames","createSpacingClasses","inputParams","role","type","combineDescribedBy","skeletonDOMAttributes","validateDOMAttributes","labelComp","for_id","text","sr_only","Element","show","text_id","width_selector","no_animation","ref","onClick","onClickHandler","onKeyDown","onKeyDownHandler","createSkeletonClass","exports","RadioGroupContext","attributes","RadioGroup","test","process","env","NODE_ENV","propTypes","PropTypes","oneOfType","string","func","node","bool","oneOf","shape","message","spacingPropTypes"],"sources":["../../../../src/components/radio/Radio.js"],"sourcesContent":["/**\n * Web Radio Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport keycode from 'keycode'\nimport {\n isTrue,\n makeUniqueId,\n extendPropsWithContextInClassComponent,\n validateDOMAttributes,\n getStatusState,\n combineDescribedBy,\n dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport AlignmentHelper from '../../shared/AlignmentHelper'\nimport {\n spacingPropTypes,\n createSpacingClasses,\n} from '../space/SpacingHelper'\nimport {\n skeletonDOMAttributes,\n createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\n\nimport FormLabel from '../form-label/FormLabel'\nimport FormStatus from '../form-status/FormStatus'\nimport RadioGroup from './RadioGroup'\nimport RadioGroupContext from './RadioGroupContext'\nimport Context from '../../shared/Context'\nimport Suffix from '../../shared/helpers/Suffix'\nimport { includeValidProps } from '../form-row/FormRowHelpers'\n\n/**\n * The radio component is our enhancement of the classic radio button.\n */\nexport default class Radio extends React.PureComponent {\n static contextType = RadioGroupContext\n\n static propTypes = {\n label: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.func,\n PropTypes.node,\n ]),\n label_sr_only: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n label_position: PropTypes.oneOf(['left', 'right']),\n checked: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n id: PropTypes.string,\n element: PropTypes.node,\n group: PropTypes.string,\n size: PropTypes.oneOf(['default', 'medium', 'large']),\n status: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.bool,\n PropTypes.func,\n PropTypes.node,\n ]),\n status_state: PropTypes.string,\n status_props: PropTypes.object,\n status_no_animation: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.bool,\n ]),\n globalStatus: PropTypes.shape({\n id: PropTypes.string,\n message: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n }),\n suffix: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.func,\n PropTypes.node,\n ]),\n value: PropTypes.string,\n attributes: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n readOnly: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n\n ...spacingPropTypes,\n\n class: PropTypes.string,\n className: PropTypes.string,\n children: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),\n\n on_change: PropTypes.func,\n on_state_update: PropTypes.func,\n }\n\n static defaultProps = {\n label: null,\n label_sr_only: null,\n label_position: null,\n checked: null,\n disabled: null,\n id: null,\n size: null,\n element: 'input',\n group: null,\n status: null,\n status_state: 'error',\n status_props: null,\n status_no_animation: null,\n globalStatus: null,\n suffix: null,\n value: '',\n attributes: null,\n readOnly: false,\n skeleton: null,\n class: null,\n\n className: null,\n children: null,\n\n on_change: null,\n on_state_update: null,\n }\n\n static Group = RadioGroup\n\n static parseChecked = (state) => /true|on/.test(String(state))\n\n static getDerivedStateFromProps(props, state) {\n if (state._listenForPropChanges) {\n if (props.checked !== state._checked) {\n state.checked = Radio.parseChecked(props.checked)\n }\n }\n state._listenForPropChanges = true\n\n if (state.checked !== state.__checked) {\n dispatchCustomElementEvent({ props }, 'on_state_update', {\n checked: state.checked,\n })\n }\n\n state._checked = props.checked\n state.__checked = state.checked\n\n return state\n }\n\n constructor(props) {\n super(props)\n this._refInput = React.createRef()\n this._id = props.id || makeUniqueId() // cause we need an id anyway\n this.state = {\n _listenForPropChanges: true,\n }\n }\n\n onKeyDownHandler = (event) => {\n const key = keycode(event)\n // only have key support if there is only a single radio\n if (this.isInNoGroup()) {\n switch (key) {\n case 'enter':\n this.onChangeHandler(event)\n break\n }\n } else if (this.isContextGroupOrSingle()) {\n switch (key) {\n case 'space':\n case 'enter': {\n const { value } = this.context\n if (value !== null && typeof value !== 'undefined') {\n event.preventDefault()\n }\n if (key === 'enter') {\n const checked = !this.state.checked\n this.setState({ checked, _listenForPropChanges: false })\n }\n break\n }\n }\n } else {\n // else we only use the native support, and don't want space support\n // because only arrow keys has to be used\n switch (key) {\n case 'space': {\n event.preventDefault()\n break\n }\n }\n }\n dispatchCustomElementEvent(this, 'on_key_down', { event })\n }\n\n onChangeHandler = (_event) => {\n const event = _event\n if (isTrue(this.props.readOnly)) {\n return event.preventDefault()\n }\n const value = event.target.value\n const checked = !this.state.checked\n\n // delay in case we have a props group only\n if (this.isPlainGroup()) {\n // in case we have a false \"hasContext\" but a \"group\"\n // then we have to use a delay, to overwrite the uncontrolled state\n setTimeout(() => {\n this.setState({ checked, _listenForPropChanges: false }, () =>\n this.callOnChange({ value, checked, event })\n )\n }, 1)\n } else {\n this.setState({ checked, _listenForPropChanges: false })\n this.callOnChange({ value, checked, event })\n }\n }\n\n // only support on change if there is either:\n // 1. context group usage\n // 2. or a single, no group usage\n isContextGroupOrSingle = () =>\n typeof this.context.value !== 'undefined' && !this.props.group\n isPlainGroup = () =>\n typeof this.context.value === 'undefined' && this.props.group\n isInNoGroup = () =>\n typeof this.context.value === 'undefined' && !this.props.group\n\n onClickHandler = (event) => {\n if (isTrue(this.props.readOnly)) {\n return event.preventDefault()\n }\n // only have click support if there are more plain radio\n if (!this.isPlainGroup()) {\n return\n }\n const value = event.target.value\n const checked = event.target.checked\n this.callOnChange({ value, checked, event })\n }\n\n callOnChange = ({ value, checked, event }) => {\n const { group } = this.props\n if (this.context.onChange) {\n this.context.onChange({\n value,\n })\n }\n dispatchCustomElementEvent(this, 'on_change', {\n group,\n checked,\n value,\n event,\n })\n\n // help firefox and safari to have an correct state after a click\n if (this._refInput.current) {\n this._refInput.current.focus()\n }\n }\n\n render() {\n return (\n <Context.Consumer>\n {(context) => {\n // from internal context\n const contextProps = extendPropsWithContextInClassComponent(\n this.props,\n Radio.defaultProps,\n this.context\n )\n\n // use only the props from context, who are available here anyway\n const props = extendPropsWithContextInClassComponent(\n this.props,\n Radio.defaultProps,\n contextProps,\n { skeleton: context?.skeleton },\n includeValidProps(context.FormRow),\n context.Radio\n )\n\n const {\n status,\n status_state,\n status_props,\n status_no_animation,\n globalStatus,\n suffix,\n element,\n label,\n label_sr_only,\n label_position,\n size,\n readOnly,\n skeleton,\n className,\n class: _className,\n id: _id, // eslint-disable-line\n group: _group, // eslint-disable-line\n value: _value, // eslint-disable-line\n checked: _checked, // eslint-disable-line\n disabled: _disabled, // eslint-disable-line\n children, // eslint-disable-line\n on_change, // eslint-disable-line\n on_state_update, // eslint-disable-line\n\n ...rest\n } = props\n\n let { checked } = this.state\n let { value, group, disabled } = props // get it from context also\n\n const hasContext = typeof this.context.name !== 'undefined'\n\n if (hasContext) {\n if (typeof this.context.value !== 'undefined') {\n checked = this.context.value === value\n }\n group = this.context.name\n if (isTrue(this.context.disabled) && disabled !== false) {\n disabled = true\n }\n } else if (typeof rest.name !== 'undefined') {\n group = rest.name\n }\n\n const id = this._id\n const showStatus = getStatusState(status)\n\n const mainParams = {\n className: classnames(\n 'dnb-radio',\n status && `dnb-radio__status--${status_state}`,\n size && `dnb-radio--${size}`,\n label &&\n `dnb-radio--label-position-${label_position || 'right'}`,\n createSpacingClasses(props),\n className,\n _className\n ),\n }\n\n let inputParams = {\n role: hasContext || group ? 'radio' : null,\n type: hasContext || group ? 'radio' : 'checkbox', // overwriting the type\n }\n\n if (!group) {\n inputParams.type = 'checkbox'\n inputParams.role = 'radio' // breaks axe test\n }\n\n if (showStatus || suffix) {\n inputParams['aria-describedby'] = combineDescribedBy(\n inputParams,\n showStatus ? id + '-status' : null,\n suffix ? id + '-suffix' : null\n )\n }\n if (readOnly) {\n inputParams['aria-readonly'] = inputParams.readOnly = true\n }\n\n inputParams = Object.assign(inputParams, rest)\n\n skeletonDOMAttributes(inputParams, skeleton, this.context)\n\n // also used for code markup simulation\n validateDOMAttributes(this.props, inputParams)\n\n const labelComp = label && (\n <FormLabel\n id={id + '-label'}\n for_id={id}\n text={label}\n disabled={disabled}\n skeleton={skeleton}\n sr_only={label_sr_only}\n />\n )\n\n const Element = element || 'input'\n\n return (\n <span {...mainParams}>\n <span className=\"dnb-radio__order\">\n {label_position === 'left' && labelComp}\n\n <span className=\"dnb-radio__inner\">\n <AlignmentHelper />\n\n <FormStatus\n show={showStatus}\n id={id + '-form-status'}\n globalStatus={globalStatus}\n label={label}\n text_id={id + '-status'} // used for \"aria-describedby\"\n width_selector={id + ', ' + id + '-label'}\n text={status}\n state={status_state}\n no_animation={status_no_animation}\n skeleton={skeleton}\n {...status_props}\n />\n\n <span className=\"dnb-radio__row\">\n <span className=\"dnb-radio__shell\">\n <Element\n type=\"radio\"\n value={value}\n id={id}\n name={group}\n className=\"dnb-radio__input\"\n checked={checked}\n aria-checked={\n this.isPlainGroup() ? undefined : checked\n }\n disabled={isTrue(disabled)}\n ref={this._refInput}\n {...inputParams}\n onChange={this.onChangeHandler}\n onClick={this.onClickHandler}\n onKeyDown={this.onKeyDownHandler}\n />\n\n <span\n className={classnames(\n 'dnb-radio__button',\n createSkeletonClass(\n 'shape',\n skeleton,\n this.context\n )\n )}\n aria-hidden\n />\n <span className=\"dnb-radio__focus\" aria-hidden />\n <span className=\"dnb-radio__dot\" aria-hidden />\n </span>\n\n {label_position !== 'left' && labelComp}\n\n {suffix && (\n <Suffix\n className=\"dnb-radio__suffix\"\n id={id + '-suffix'} // used for \"aria-describedby\"\n context={props}\n >\n {suffix}\n </Suffix>\n )}\n </span>\n </span>\n </span>\n </span>\n )\n }}\n </Context.Consumer>\n )\n }\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Radio.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_keycode","_componentHelper","_AlignmentHelper2","_SpacingHelper","_SkeletonHelper","_FormLabel","_FormStatus","_RadioGroup","_RadioGroupContext","_Context","_Suffix","_FormRowHelpers","_AlignmentHelper","_span","_span2","_excluded","obj","__esModule","default","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_extends","assign","bind","prototype","hasOwnProperty","call","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","Radio","React","PureComponent","getDerivedStateFromProps","props","state","_listenForPropChanges","checked","_checked","parseChecked","__checked","dispatchCustomElementEvent","constructor","event","keycode","isInNoGroup","onChangeHandler","isContextGroupOrSingle","context","preventDefault","setState","_event","isTrue","readOnly","isPlainGroup","setTimeout","callOnChange","group","_ref","onChange","_refInput","current","focus","innerRef","createRef","_id","id","makeUniqueId","render","createElement","Consumer","contextProps","extendPropsWithContextInClassComponent","defaultProps","skeleton","includeValidProps","FormRow","status","status_state","status_props","status_no_animation","globalStatus","suffix","element","label","label_sr_only","label_position","size","className","class","_className","_group","_value","disabled","_disabled","children","on_change","on_state_update","rest","hasContext","name","showStatus","getStatusState","mainParams","classnames","createSpacingClasses","inputParams","role","type","combineDescribedBy","skeletonDOMAttributes","validateDOMAttributes","labelComp","for_id","text","sr_only","Element","show","text_id","width_selector","no_animation","ref","onClick","onClickHandler","onKeyDown","onKeyDownHandler","createSkeletonClass","exports","RadioGroupContext","attributes","RadioGroup","test","process","env","NODE_ENV","propTypes","PropTypes","oneOfType","string","func","node","bool","oneOf","shape","message","spacingPropTypes"],"sources":["../../../../src/components/radio/Radio.js"],"sourcesContent":["/**\n * Web Radio Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport keycode from 'keycode'\nimport {\n isTrue,\n makeUniqueId,\n extendPropsWithContextInClassComponent,\n validateDOMAttributes,\n getStatusState,\n combineDescribedBy,\n dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport AlignmentHelper from '../../shared/AlignmentHelper'\nimport {\n spacingPropTypes,\n createSpacingClasses,\n} from '../space/SpacingHelper'\nimport {\n skeletonDOMAttributes,\n createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\n\nimport FormLabel from '../form-label/FormLabel'\nimport FormStatus from '../form-status/FormStatus'\nimport RadioGroup from './RadioGroup'\nimport RadioGroupContext from './RadioGroupContext'\nimport Context from '../../shared/Context'\nimport Suffix from '../../shared/helpers/Suffix'\nimport { includeValidProps } from '../form-row/FormRowHelpers'\n\n/**\n * The radio component is our enhancement of the classic radio button.\n */\nexport default class Radio extends React.PureComponent {\n static contextType = RadioGroupContext\n\n static propTypes = {\n label: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.func,\n PropTypes.node,\n ]),\n label_sr_only: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n label_position: PropTypes.oneOf(['left', 'right']),\n checked: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n id: PropTypes.string,\n element: PropTypes.node,\n group: PropTypes.string,\n size: PropTypes.oneOf(['default', 'medium', 'large']),\n status: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.bool,\n PropTypes.func,\n PropTypes.node,\n ]),\n status_state: PropTypes.string,\n status_props: PropTypes.object,\n status_no_animation: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.bool,\n ]),\n globalStatus: PropTypes.shape({\n id: PropTypes.string,\n message: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n }),\n suffix: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.func,\n PropTypes.node,\n ]),\n value: PropTypes.string,\n attributes: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n readOnly: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n innerRef: PropTypes.object,\n\n ...spacingPropTypes,\n\n class: PropTypes.string,\n className: PropTypes.string,\n children: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),\n\n on_change: PropTypes.func,\n on_state_update: PropTypes.func,\n }\n\n static defaultProps = {\n label: null,\n label_sr_only: null,\n label_position: null,\n checked: null,\n disabled: null,\n id: null,\n size: null,\n element: 'input',\n group: null,\n status: null,\n status_state: 'error',\n status_props: null,\n status_no_animation: null,\n globalStatus: null,\n suffix: null,\n value: '',\n attributes: null,\n readOnly: false,\n skeleton: null,\n class: null,\n\n className: null,\n children: null,\n\n on_change: null,\n on_state_update: null,\n }\n\n static Group = RadioGroup\n\n static parseChecked = (state) => /true|on/.test(String(state))\n\n static getDerivedStateFromProps(props, state) {\n if (state._listenForPropChanges) {\n if (props.checked !== state._checked) {\n state.checked = Radio.parseChecked(props.checked)\n }\n }\n state._listenForPropChanges = true\n\n if (state.checked !== state.__checked) {\n dispatchCustomElementEvent({ props }, 'on_state_update', {\n checked: state.checked,\n })\n }\n\n state._checked = props.checked\n state.__checked = state.checked\n\n return state\n }\n\n constructor(props) {\n super(props)\n this._refInput = props.innerRef || React.createRef()\n this._id = props.id || makeUniqueId() // cause we need an id anyway\n this.state = {\n _listenForPropChanges: true,\n }\n }\n\n onKeyDownHandler = (event) => {\n const key = keycode(event)\n // only have key support if there is only a single radio\n if (this.isInNoGroup()) {\n switch (key) {\n case 'enter':\n this.onChangeHandler(event)\n break\n }\n } else if (this.isContextGroupOrSingle()) {\n switch (key) {\n case 'space':\n case 'enter': {\n const { value } = this.context\n if (value !== null && typeof value !== 'undefined') {\n event.preventDefault()\n }\n if (key === 'enter') {\n const checked = !this.state.checked\n this.setState({ checked, _listenForPropChanges: false })\n }\n break\n }\n }\n } else {\n // else we only use the native support, and don't want space support\n // because only arrow keys has to be used\n switch (key) {\n case 'space': {\n event.preventDefault()\n break\n }\n }\n }\n dispatchCustomElementEvent(this, 'on_key_down', { event })\n }\n\n onChangeHandler = (_event) => {\n const event = _event\n if (isTrue(this.props.readOnly)) {\n return event.preventDefault()\n }\n const value = event.target.value\n const checked = !this.state.checked\n\n // delay in case we have a props group only\n if (this.isPlainGroup()) {\n // in case we have a false \"hasContext\" but a \"group\"\n // then we have to use a delay, to overwrite the uncontrolled state\n setTimeout(() => {\n this.setState({ checked, _listenForPropChanges: false }, () =>\n this.callOnChange({ value, checked, event })\n )\n }, 1)\n } else {\n this.setState({ checked, _listenForPropChanges: false })\n this.callOnChange({ value, checked, event })\n }\n }\n\n // only support on change if there is either:\n // 1. context group usage\n // 2. or a single, no group usage\n isContextGroupOrSingle = () =>\n typeof this.context.value !== 'undefined' && !this.props.group\n isPlainGroup = () =>\n typeof this.context.value === 'undefined' && this.props.group\n isInNoGroup = () =>\n typeof this.context.value === 'undefined' && !this.props.group\n\n onClickHandler = (event) => {\n if (isTrue(this.props.readOnly)) {\n return event.preventDefault()\n }\n // only have click support if there are more plain radio\n if (!this.isPlainGroup()) {\n return\n }\n const value = event.target.value\n const checked = event.target.checked\n this.callOnChange({ value, checked, event })\n }\n\n callOnChange = ({ value, checked, event }) => {\n const { group } = this.props\n if (this.context.onChange) {\n this.context.onChange({\n value,\n })\n }\n dispatchCustomElementEvent(this, 'on_change', {\n group,\n checked,\n value,\n event,\n })\n\n // help firefox and safari to have an correct state after a click\n if (this._refInput.current) {\n this._refInput.current.focus()\n }\n }\n\n render() {\n return (\n <Context.Consumer>\n {(context) => {\n // from internal context\n const contextProps = extendPropsWithContextInClassComponent(\n this.props,\n Radio.defaultProps,\n this.context\n )\n\n // use only the props from context, who are available here anyway\n const props = extendPropsWithContextInClassComponent(\n this.props,\n Radio.defaultProps,\n contextProps,\n { skeleton: context?.skeleton },\n includeValidProps(context.FormRow),\n context.Radio\n )\n\n const {\n status,\n status_state,\n status_props,\n status_no_animation,\n globalStatus,\n suffix,\n element,\n label,\n label_sr_only,\n label_position,\n size,\n readOnly,\n skeleton,\n className,\n class: _className,\n id: _id, // eslint-disable-line\n group: _group, // eslint-disable-line\n value: _value, // eslint-disable-line\n checked: _checked, // eslint-disable-line\n disabled: _disabled, // eslint-disable-line\n children, // eslint-disable-line\n on_change, // eslint-disable-line\n on_state_update, // eslint-disable-line\n innerRef, // eslint-disable-line\n\n ...rest\n } = props\n\n let { checked } = this.state\n let { value, group, disabled } = props // get it from context also\n\n const hasContext = typeof this.context.name !== 'undefined'\n\n if (hasContext) {\n if (typeof this.context.value !== 'undefined') {\n checked = this.context.value === value\n }\n group = this.context.name\n if (isTrue(this.context.disabled) && disabled !== false) {\n disabled = true\n }\n } else if (typeof rest.name !== 'undefined') {\n group = rest.name\n }\n\n const id = this._id\n const showStatus = getStatusState(status)\n\n const mainParams = {\n className: classnames(\n 'dnb-radio',\n status && `dnb-radio__status--${status_state}`,\n size && `dnb-radio--${size}`,\n label &&\n `dnb-radio--label-position-${label_position || 'right'}`,\n createSpacingClasses(props),\n className,\n _className\n ),\n }\n\n let inputParams = {\n role: hasContext || group ? 'radio' : null,\n type: hasContext || group ? 'radio' : 'checkbox', // overwriting the type\n }\n\n if (!group) {\n inputParams.type = 'checkbox'\n inputParams.role = 'radio' // breaks axe test\n }\n\n if (showStatus || suffix) {\n inputParams['aria-describedby'] = combineDescribedBy(\n inputParams,\n showStatus ? id + '-status' : null,\n suffix ? id + '-suffix' : null\n )\n }\n if (readOnly) {\n inputParams['aria-readonly'] = inputParams.readOnly = true\n }\n\n inputParams = Object.assign(inputParams, rest)\n\n skeletonDOMAttributes(inputParams, skeleton, this.context)\n\n // also used for code markup simulation\n validateDOMAttributes(this.props, inputParams)\n\n const labelComp = label && (\n <FormLabel\n id={id + '-label'}\n for_id={id}\n text={label}\n disabled={disabled}\n skeleton={skeleton}\n sr_only={label_sr_only}\n />\n )\n\n const Element = element || 'input'\n\n return (\n <span {...mainParams}>\n <span className=\"dnb-radio__order\">\n {label_position === 'left' && labelComp}\n\n <span className=\"dnb-radio__inner\">\n <AlignmentHelper />\n\n <FormStatus\n show={showStatus}\n id={id + '-form-status'}\n globalStatus={globalStatus}\n label={label}\n text_id={id + '-status'} // used for \"aria-describedby\"\n width_selector={id + ', ' + id + '-label'}\n text={status}\n state={status_state}\n no_animation={status_no_animation}\n skeleton={skeleton}\n {...status_props}\n />\n\n <span className=\"dnb-radio__row\">\n <span className=\"dnb-radio__shell\">\n <Element\n type=\"radio\"\n value={value}\n id={id}\n name={group}\n className=\"dnb-radio__input\"\n checked={checked}\n aria-checked={\n this.isPlainGroup() ? undefined : checked\n }\n disabled={isTrue(disabled)}\n ref={this._refInput}\n {...inputParams}\n onChange={this.onChangeHandler}\n onClick={this.onClickHandler}\n onKeyDown={this.onKeyDownHandler}\n />\n\n <span\n className={classnames(\n 'dnb-radio__button',\n createSkeletonClass(\n 'shape',\n skeleton,\n this.context\n )\n )}\n aria-hidden\n />\n <span className=\"dnb-radio__focus\" aria-hidden />\n <span className=\"dnb-radio__dot\" aria-hidden />\n </span>\n\n {label_position !== 'left' && labelComp}\n\n {suffix && (\n <Suffix\n className=\"dnb-radio__suffix\"\n id={id + '-suffix'} // used for \"aria-describedby\"\n context={props}\n >\n {suffix}\n </Suffix>\n )}\n </span>\n </span>\n </span>\n </span>\n )\n }}\n </Context.Consumer>\n )\n }\n}\n"],"mappings":"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"}
|
|
@@ -8,7 +8,9 @@
|
|
|
8
8
|
.dnb-radio {
|
|
9
9
|
&__dot {
|
|
10
10
|
background-color: var(--color-sea-green);
|
|
11
|
-
transition:
|
|
11
|
+
transition:
|
|
12
|
+
opacity 200ms ease-out,
|
|
13
|
+
transform 200ms ease-out;
|
|
12
14
|
}
|
|
13
15
|
|
|
14
16
|
// When radio is ON
|
|
@@ -62,7 +64,9 @@
|
|
|
62
64
|
}
|
|
63
65
|
|
|
64
66
|
// On hover
|
|
65
|
-
&__input:not([disabled]):not(:focus):not(:checked):not(
|
|
67
|
+
&__input:not([disabled]):not(:focus):not(:checked):not(
|
|
68
|
+
[data-checked='true']
|
|
69
|
+
):hover
|
|
66
70
|
~ &__button {
|
|
67
71
|
background-color: var(--color-mint-green-50);
|
|
68
72
|
}
|
|
@@ -112,7 +116,9 @@
|
|
|
112
116
|
@include fakeBorder(var(--color-fire-red), var(--focus-ring-width));
|
|
113
117
|
}
|
|
114
118
|
&__status--error
|
|
115
|
-
&__input:not([disabled]):not(:focus):not(:checked):not(
|
|
119
|
+
&__input:not([disabled]):not(:focus):not(:checked):not(
|
|
120
|
+
[data-checked='true']
|
|
121
|
+
):hover
|
|
116
122
|
~ &__button {
|
|
117
123
|
background-color: var(--color-fire-red-8);
|
|
118
124
|
}
|
|
@@ -120,7 +126,9 @@
|
|
|
120
126
|
&__input:not([disabled]):not(:focus):not(:active):not(:hover):checked
|
|
121
127
|
~ &__dot,
|
|
122
128
|
&__status--error
|
|
123
|
-
&__input:not([disabled]):not(:focus):not(:active):not(
|
|
129
|
+
&__input:not([disabled]):not(:focus):not(:active):not(
|
|
130
|
+
:hover
|
|
131
|
+
)[data-checked='true']
|
|
124
132
|
~ &__dot {
|
|
125
133
|
background-color: var(--color-fire-red);
|
|
126
134
|
}
|
|
@@ -128,7 +136,9 @@
|
|
|
128
136
|
&__input:not([disabled]):not(:focus):not(:active):checked:hover
|
|
129
137
|
~ &__dot,
|
|
130
138
|
&__status--error
|
|
131
|
-
&__input:not([disabled]):not(:focus):not(
|
|
139
|
+
&__input:not([disabled]):not(:focus):not(
|
|
140
|
+
:active
|
|
141
|
+
)[data-checked='true']:hover
|
|
132
142
|
~ &__dot {
|
|
133
143
|
background-color: var(--color-fire-red-8);
|
|
134
144
|
}
|
|
@@ -4,9 +4,34 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import React from 'react';
|
|
6
6
|
import type { DynamicElement, SpacingProps } from '../../shared/types';
|
|
7
|
-
export type
|
|
7
|
+
export type SectionVariants = 'error' | 'info' | 'warning' | 'success';
|
|
8
|
+
export type SectionStyleTypes = 'divider' | 'white' | 'transparent'
|
|
9
|
+
/** @deprecated in v11 use "variant" prop instead */
|
|
10
|
+
| 'lavender'
|
|
11
|
+
/** @deprecated in v11 use "variant" prop instead */
|
|
12
|
+
| 'pistachio'
|
|
13
|
+
/** @deprecated in v11 use "variant" prop instead */
|
|
14
|
+
| 'emerald-green'
|
|
15
|
+
/** @deprecated in v11 use "variant" prop instead */
|
|
16
|
+
| 'sea-green'
|
|
17
|
+
/** @deprecated in v11 use "variant" prop instead */
|
|
18
|
+
| 'fire-red'
|
|
19
|
+
/** @deprecated in v11 use "variant" prop instead */
|
|
20
|
+
| 'fire-red-8'
|
|
21
|
+
/** @deprecated in v11 use "variant" prop instead */
|
|
22
|
+
| 'sand-yellow'
|
|
23
|
+
/** @deprecated in v11 use "variant" prop instead */
|
|
24
|
+
| 'black-3'
|
|
25
|
+
/** @deprecated in v11 use "variant" prop instead */
|
|
26
|
+
| 'mint-green'
|
|
27
|
+
/** @deprecated in v11 use "variant" prop instead */
|
|
28
|
+
| 'mint-green-12';
|
|
8
29
|
export type SectionSpacing = boolean | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
|
|
9
30
|
export type SectionProps = {
|
|
31
|
+
/**
|
|
32
|
+
* Defines the semantic purpose and subsequently the style of the visual helper. Will take precedence over the style_type prop
|
|
33
|
+
*/
|
|
34
|
+
variant?: SectionVariants | string;
|
|
10
35
|
/**
|
|
11
36
|
* To define the style of the visual helper. Use and `Style ID` from below. Defaults to `mint-green-12`.
|
|
12
37
|
*/
|
|
@@ -9,7 +9,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
9
9
|
var _Context = _interopRequireDefault(require("../../shared/Context"));
|
|
10
10
|
var _componentHelper = require("../../shared/component-helper");
|
|
11
11
|
var _SpacingHelper = require("../space/SpacingHelper");
|
|
12
|
-
const _excluded = ["element", "style_type", "spacing", "inner_ref", "className", "children"];
|
|
12
|
+
const _excluded = ["element", "variant", "style_type", "spacing", "inner_ref", "className", "children"];
|
|
13
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
14
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
15
15
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
@@ -26,6 +26,7 @@ function Section(localProps) {
|
|
|
26
26
|
const props = (0, _componentHelper.extendPropsWithContext)(localProps, defaultProps, context.Section);
|
|
27
27
|
const {
|
|
28
28
|
element,
|
|
29
|
+
variant,
|
|
29
30
|
style_type,
|
|
30
31
|
spacing,
|
|
31
32
|
inner_ref,
|
|
@@ -34,7 +35,7 @@ function Section(localProps) {
|
|
|
34
35
|
} = props,
|
|
35
36
|
attributes = _objectWithoutProperties(props, _excluded);
|
|
36
37
|
const params = _objectSpread({
|
|
37
|
-
className: (0, _classnames.default)(`dnb-section dnb-section--${style_type || '
|
|
38
|
+
className: (0, _classnames.default)(`dnb-section dnb-section--${variant ?? (style_type || 'default')}`, (0, _SpacingHelper.createSpacingClasses)(props), className, spacing && `dnb-section--spacing-${(0, _componentHelper.isTrue)(spacing) ? 'large' : spacing}`)
|
|
38
39
|
}, attributes);
|
|
39
40
|
const internalRef = _react.default.useRef();
|
|
40
41
|
const elementRef = inner_ref || internalRef;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Section.js","names":["_react","_interopRequireDefault","require","_classnames","_Context","_componentHelper","_SpacingHelper","_excluded","obj","__esModule","default","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","prototype","propertyIsEnumerable","sourceKeys","defaultProps","element","Section","localProps","context","React","useContext","Context","props","extendPropsWithContext","style_type","spacing","inner_ref","className","children","attributes","params","classnames","createSpacingClasses","isTrue","internalRef","useRef","elementRef","validateDOMAttributes","Element","createElement"],"sources":["../../../../src/components/section/Section.tsx"],"sourcesContent":["/**\n * Web Section Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport {\n isTrue,\n validateDOMAttributes,\n extendPropsWithContext,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport type { DynamicElement, SpacingProps } from '../../shared/types'\n\nexport type SectionStyleTypes =\n | 'divider'\n | 'white'\n | 'transparent'\n | 'lavender'\n | 'pistachio'\n | 'emerald-green'\n | 'sea-green'\n | 'fire-red'\n | 'fire-red-8'\n | 'sand-yellow'\n | 'black-3'\n | 'mint-green'\n | 'mint-green-12'\n\nexport type SectionSpacing =\n | boolean\n | 'x-small'\n | 'small'\n | 'medium'\n | 'large'\n | 'x-large'\n | 'xx-large'\n\nexport type SectionProps = {\n /**\n * To define the style of the visual helper. Use and `Style ID` from below. Defaults to `mint-green-12`.\n */\n style_type?: SectionStyleTypes | string\n\n /**\n * Will add spacing around the given content. If `true`, then `large` is used. See the [available sizes](/uilib/usage/layout/spacing#spacing-helpers). Defaults to `false`.\n */\n spacing?: SectionSpacing\n\n /**\n * Define what HTML element should be used. Defaults to `<section>`.\n */\n element?: DynamicElement\n\n inner_ref?: React.RefObject<HTMLElement>\n className?: string\n children?: React.ReactNode\n}\n\nexport type SectionAllProps = SectionProps &\n SpacingProps &\n Omit<React.HTMLProps<HTMLElement>, 'ref'>\n\nconst defaultProps = {\n element: 'section',\n}\n\nexport default function Section(localProps: SectionAllProps) {\n const context = React.useContext(Context)\n\n // use only the props from context, who are available here anyway\n const props = extendPropsWithContext(\n localProps,\n defaultProps,\n context.Section\n )\n\n const {\n element,\n style_type,\n spacing,\n inner_ref,\n\n className,\n children,\n\n ...attributes\n } = props\n\n const params = {\n className: classnames(\n 'dnb-section',\n `dnb-section--${style_type || '
|
|
1
|
+
{"version":3,"file":"Section.js","names":["_react","_interopRequireDefault","require","_classnames","_Context","_componentHelper","_SpacingHelper","_excluded","obj","__esModule","default","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","prototype","propertyIsEnumerable","sourceKeys","defaultProps","element","Section","localProps","context","React","useContext","Context","props","extendPropsWithContext","variant","style_type","spacing","inner_ref","className","children","attributes","params","classnames","createSpacingClasses","isTrue","internalRef","useRef","elementRef","validateDOMAttributes","Element","createElement"],"sources":["../../../../src/components/section/Section.tsx"],"sourcesContent":["/**\n * Web Section Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport {\n isTrue,\n validateDOMAttributes,\n extendPropsWithContext,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport type { DynamicElement, SpacingProps } from '../../shared/types'\n\nexport type SectionVariants = 'error' | 'info' | 'warning' | 'success'\n\nexport type SectionStyleTypes =\n | 'divider'\n | 'white'\n | 'transparent'\n\n /** @deprecated in v11 use \"variant\" prop instead */\n | 'lavender'\n /** @deprecated in v11 use \"variant\" prop instead */\n | 'pistachio'\n /** @deprecated in v11 use \"variant\" prop instead */\n | 'emerald-green'\n /** @deprecated in v11 use \"variant\" prop instead */\n | 'sea-green'\n /** @deprecated in v11 use \"variant\" prop instead */\n | 'fire-red'\n /** @deprecated in v11 use \"variant\" prop instead */\n | 'fire-red-8'\n /** @deprecated in v11 use \"variant\" prop instead */\n | 'sand-yellow'\n /** @deprecated in v11 use \"variant\" prop instead */\n | 'black-3'\n /** @deprecated in v11 use \"variant\" prop instead */\n | 'mint-green'\n /** @deprecated in v11 use \"variant\" prop instead */\n | 'mint-green-12'\n\nexport type SectionSpacing =\n | boolean\n | 'x-small'\n | 'small'\n | 'medium'\n | 'large'\n | 'x-large'\n | 'xx-large'\n\nexport type SectionProps = {\n /**\n * Defines the semantic purpose and subsequently the style of the visual helper. Will take precedence over the style_type prop\n */\n variant?: SectionVariants | string\n\n /**\n * To define the style of the visual helper. Use and `Style ID` from below. Defaults to `mint-green-12`.\n */\n style_type?: SectionStyleTypes | string\n\n /**\n * Will add spacing around the given content. If `true`, then `large` is used. See the [available sizes](/uilib/usage/layout/spacing#spacing-helpers). Defaults to `false`.\n */\n spacing?: SectionSpacing\n\n /**\n * Define what HTML element should be used. Defaults to `<section>`.\n */\n element?: DynamicElement\n\n inner_ref?: React.RefObject<HTMLElement>\n className?: string\n children?: React.ReactNode\n}\n\nexport type SectionAllProps = SectionProps &\n SpacingProps &\n Omit<React.HTMLProps<HTMLElement>, 'ref'>\n\nconst defaultProps = {\n element: 'section',\n}\n\nexport default function Section(localProps: SectionAllProps) {\n const context = React.useContext(Context)\n\n // use only the props from context, who are available here anyway\n const props = extendPropsWithContext(\n localProps,\n defaultProps,\n context.Section\n )\n\n const {\n element,\n variant,\n style_type,\n spacing,\n inner_ref,\n\n className,\n children,\n\n ...attributes\n } = props\n\n const params = {\n className: classnames(\n 'dnb-section',\n `dnb-section--${variant ?? (style_type || 'default')}`,\n spacing &&\n `dnb-section--spacing-${isTrue(spacing) ? 'large' : spacing}`,\n createSpacingClasses(props),\n className\n ),\n ...(attributes as Record<string, unknown>),\n }\n\n const internalRef = React.useRef<HTMLElement>()\n const elementRef = inner_ref || internalRef\n params['ref'] = elementRef\n\n validateDOMAttributes(props, params)\n\n const Element = element || 'section'\n\n return <Element {...params}>{children}</Element>\n}\n"],"mappings":"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"}
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
top: 0;
|
|
18
18
|
width: 100vw;
|
|
19
19
|
height: 100%;
|
|
20
|
-
color: var(--color-mint-green-12);
|
|
20
|
+
color: var(--color-mint-green-12); /** deprecated: should be white in v11 */
|
|
21
21
|
background-color: currentcolor;
|
|
22
22
|
box-shadow: 99vw 0 0 0 currentcolor, 198vw 0 0 0 currentcolor, 297vw 0 0 0 currentcolor, 396vw 0 0 0 currentcolor;
|
|
23
23
|
}
|
|
@@ -20,13 +20,18 @@
|
|
|
20
20
|
top: 0;
|
|
21
21
|
width: 100vw;
|
|
22
22
|
height: 100%;
|
|
23
|
-
color: var(
|
|
23
|
+
color: var(
|
|
24
|
+
--color-mint-green-12
|
|
25
|
+
); /** deprecated: should be white in v11 */
|
|
24
26
|
background-color: currentcolor;
|
|
25
27
|
|
|
26
28
|
// we use box-shadow to avoid a horizontal scrollbar
|
|
27
29
|
// We lower the left position, so we get an overlap
|
|
28
|
-
box-shadow:
|
|
29
|
-
|
|
30
|
+
box-shadow:
|
|
31
|
+
99vw 0 0 0 currentcolor,
|
|
32
|
+
198vw 0 0 0 currentcolor,
|
|
33
|
+
297vw 0 0 0 currentcolor,
|
|
34
|
+
396vw 0 0 0 currentcolor;
|
|
30
35
|
}
|
|
31
36
|
|
|
32
37
|
& &::after {
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
.dnb-section--transparent::after {
|
|
2
|
+
color: transparent;
|
|
3
|
+
}
|
|
4
|
+
.dnb-section--default, .dnb-section--divider {
|
|
5
|
+
color: var(--sb-color-text);
|
|
6
|
+
}
|
|
7
|
+
.dnb-section--default::after, .dnb-section--divider::after {
|
|
8
|
+
color: var(--sb-color-violet-light-4);
|
|
9
|
+
}
|
|
10
|
+
.dnb-section--white {
|
|
11
|
+
color: var(--sb-color-text);
|
|
12
|
+
}
|
|
13
|
+
.dnb-section--white::after {
|
|
14
|
+
color: var(--sb-color-white);
|
|
15
|
+
}
|
|
16
|
+
.dnb-section--error {
|
|
17
|
+
color: var(--sb-color-text);
|
|
18
|
+
}
|
|
19
|
+
.dnb-section--error::after {
|
|
20
|
+
color: var(--sb-color-magenta-light-2);
|
|
21
|
+
}
|
|
22
|
+
.dnb-section--info {
|
|
23
|
+
color: var(--sb-color-text);
|
|
24
|
+
}
|
|
25
|
+
.dnb-section--info::after {
|
|
26
|
+
color: var(--sb-color-gray-light-2);
|
|
27
|
+
}
|
|
28
|
+
.dnb-section--warning {
|
|
29
|
+
color: var(--sb-color-text);
|
|
30
|
+
}
|
|
31
|
+
.dnb-section--warning::after {
|
|
32
|
+
color: var(--sb-color-yellow-light-3);
|
|
33
|
+
}
|
|
34
|
+
.dnb-section--success {
|
|
35
|
+
color: var(--sb-color-text);
|
|
36
|
+
}
|
|
37
|
+
.dnb-section--success::after {
|
|
38
|
+
color: var(--sb-color-green-light-2);
|
|
39
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.dnb-section--transparent:after{color:transparent}.dnb-section--default,.dnb-section--divider{color:var(--sb-color-text)}.dnb-section--default:after,.dnb-section--divider:after{color:var(--sb-color-violet-light-4)}.dnb-section--white{color:var(--sb-color-text)}.dnb-section--white:after{color:var(--sb-color-white)}.dnb-section--error{color:var(--sb-color-text)}.dnb-section--error:after{color:var(--sb-color-magenta-light-2)}.dnb-section--info{color:var(--sb-color-text)}.dnb-section--info:after{color:var(--sb-color-gray-light-2)}.dnb-section--warning{color:var(--sb-color-text)}.dnb-section--warning:after{color:var(--sb-color-yellow-light-3)}.dnb-section--success{color:var(--sb-color-text)}.dnb-section--success:after{color:var(--sb-color-green-light-2)}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
.dnb-section {
|
|
2
|
+
&--transparent {
|
|
3
|
+
&::after {
|
|
4
|
+
color: transparent;
|
|
5
|
+
}
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
&--default,
|
|
9
|
+
&--divider {
|
|
10
|
+
color: var(--sb-color-text);
|
|
11
|
+
|
|
12
|
+
&::after {
|
|
13
|
+
color: var(--sb-color-violet-light-4);
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
&--white {
|
|
18
|
+
color: var(--sb-color-text);
|
|
19
|
+
|
|
20
|
+
&::after {
|
|
21
|
+
color: var(--sb-color-white);
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
&--error {
|
|
26
|
+
color: var(--sb-color-text);
|
|
27
|
+
|
|
28
|
+
&::after {
|
|
29
|
+
color: var(--sb-color-magenta-light-2);
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
&--info {
|
|
34
|
+
color: var(--sb-color-text);
|
|
35
|
+
|
|
36
|
+
&::after {
|
|
37
|
+
color: var(--sb-color-gray-light-2);
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
&--warning {
|
|
42
|
+
color: var(--sb-color-text);
|
|
43
|
+
|
|
44
|
+
&::after {
|
|
45
|
+
color: var(--sb-color-yellow-light-3);
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
&--success {
|
|
50
|
+
color: var(--sb-color-text);
|
|
51
|
+
|
|
52
|
+
&::after {
|
|
53
|
+
color: var(--sb-color-green-light-2);
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
}
|
|
@@ -9,6 +9,15 @@
|
|
|
9
9
|
/*
|
|
10
10
|
* Utilities
|
|
11
11
|
*/
|
|
12
|
+
.dnb-section {
|
|
13
|
+
/** deprecated: default should be white in v11 */
|
|
14
|
+
/** deprecated */
|
|
15
|
+
/** deprecated */
|
|
16
|
+
/** deprecated */
|
|
17
|
+
/** deprecated */
|
|
18
|
+
/** deprecated */
|
|
19
|
+
/** deprecated */
|
|
20
|
+
}
|
|
12
21
|
.dnb-section--divider {
|
|
13
22
|
color: var(--color-black-80);
|
|
14
23
|
}
|
|
@@ -19,10 +28,10 @@
|
|
|
19
28
|
.dnb-section--transparent::after {
|
|
20
29
|
color: transparent;
|
|
21
30
|
}
|
|
22
|
-
.dnb-section--mint-green-12 {
|
|
31
|
+
.dnb-section--mint-green-12, .dnb-section--default {
|
|
23
32
|
color: var(--color-black-80);
|
|
24
33
|
}
|
|
25
|
-
.dnb-section--mint-green-12::after {
|
|
34
|
+
.dnb-section--mint-green-12::after, .dnb-section--default::after {
|
|
26
35
|
color: var(--color-mint-green-12);
|
|
27
36
|
}
|
|
28
37
|
.dnb-section--white {
|
|
@@ -43,16 +52,16 @@
|
|
|
43
52
|
.dnb-section--lavender::after {
|
|
44
53
|
color: var(--color-lavender);
|
|
45
54
|
}
|
|
46
|
-
.dnb-section--sand-yellow {
|
|
55
|
+
.dnb-section--sand-yellow, .dnb-section--warning {
|
|
47
56
|
color: var(--color-black-80);
|
|
48
57
|
}
|
|
49
|
-
.dnb-section--sand-yellow::after {
|
|
58
|
+
.dnb-section--sand-yellow::after, .dnb-section--warning::after {
|
|
50
59
|
color: var(--color-sand-yellow);
|
|
51
60
|
}
|
|
52
|
-
.dnb-section--pistachio {
|
|
61
|
+
.dnb-section--pistachio, .dnb-section--info {
|
|
53
62
|
color: var(--color-black-80);
|
|
54
63
|
}
|
|
55
|
-
.dnb-section--pistachio::after {
|
|
64
|
+
.dnb-section--pistachio::after, .dnb-section--info::after {
|
|
56
65
|
color: var(--color-pistachio);
|
|
57
66
|
}
|
|
58
67
|
.dnb-section--black-3 {
|
|
@@ -79,25 +88,31 @@
|
|
|
79
88
|
.dnb-section--fire-red::after {
|
|
80
89
|
color: var(--color-fire-red);
|
|
81
90
|
}
|
|
82
|
-
.dnb-section--fire-red-8 {
|
|
91
|
+
.dnb-section--fire-red-8, .dnb-section--error {
|
|
83
92
|
color: var(--color-black-80);
|
|
84
93
|
}
|
|
85
|
-
.dnb-section--fire-red-8::after {
|
|
94
|
+
.dnb-section--fire-red-8::after, .dnb-section--error::after {
|
|
86
95
|
color: var(--color-fire-red-8);
|
|
87
96
|
}
|
|
88
|
-
.dnb-section--
|
|
97
|
+
.dnb-section--success {
|
|
98
|
+
color: var(--color-white);
|
|
99
|
+
}
|
|
100
|
+
.dnb-section--success::after {
|
|
101
|
+
color: var(--color-success-green);
|
|
102
|
+
}
|
|
103
|
+
.dnb-section--fire-red .dnb-anchor, .dnb-section--emerald-green .dnb-anchor, .dnb-section--sea-green .dnb-anchor, .dnb-section--success .dnb-anchor {
|
|
89
104
|
color: var(--color-white);
|
|
90
105
|
}
|
|
91
|
-
.dnb-section--fire-red .dnb-anchor:hover, .dnb-section--emerald-green .dnb-anchor:hover, .dnb-section--sea-green .dnb-anchor:hover {
|
|
106
|
+
.dnb-section--fire-red .dnb-anchor:hover, .dnb-section--emerald-green .dnb-anchor:hover, .dnb-section--sea-green .dnb-anchor:hover, .dnb-section--success .dnb-anchor:hover {
|
|
92
107
|
color: var(--color-emerald-green);
|
|
93
108
|
box-shadow: inset 100vw 100vw 0 0 var(--color-white), -0.125em 0 0 0 var(--color-white), 0.125em 0 0 0 var(--color-white);
|
|
94
109
|
}
|
|
95
|
-
.dnb-section--fire-red .dnb-anchor:active, .dnb-section--emerald-green .dnb-anchor:active, .dnb-section--sea-green .dnb-anchor:active {
|
|
110
|
+
.dnb-section--fire-red .dnb-anchor:active, .dnb-section--emerald-green .dnb-anchor:active, .dnb-section--sea-green .dnb-anchor:active, .dnb-section--success .dnb-anchor:active {
|
|
96
111
|
color: var(--color-white);
|
|
97
112
|
background-color: transparent;
|
|
98
113
|
box-shadow: inset 100vw 100vw 0 0 transparent, -0.125em 0 0 0 transparent, 0.125em 0 0 0 transparent;
|
|
99
114
|
}
|
|
100
|
-
.dnb-section--fire-red .dnb-anchor.focus-visible, .dnb-section--emerald-green .dnb-anchor.focus-visible, .dnb-section--sea-green .dnb-anchor.focus-visible {
|
|
115
|
+
.dnb-section--fire-red .dnb-anchor.focus-visible, .dnb-section--emerald-green .dnb-anchor.focus-visible, .dnb-section--sea-green .dnb-anchor.focus-visible, .dnb-section--success .dnb-anchor.focus-visible {
|
|
101
116
|
color: var(--color-white);
|
|
102
117
|
background-color: transparent;
|
|
103
118
|
outline: none;
|
|
@@ -106,7 +121,7 @@
|
|
|
106
121
|
box-shadow: 0 0 0 var(--border-width) var(--border-color);
|
|
107
122
|
border-color: transparent;
|
|
108
123
|
}
|
|
109
|
-
.dnb-section--fire-red .dnb-anchor:focus-visible, .dnb-section--emerald-green .dnb-anchor:focus-visible, .dnb-section--sea-green .dnb-anchor:focus-visible {
|
|
124
|
+
.dnb-section--fire-red .dnb-anchor:focus-visible, .dnb-section--emerald-green .dnb-anchor:focus-visible, .dnb-section--sea-green .dnb-anchor:focus-visible, .dnb-section--success .dnb-anchor:focus-visible {
|
|
110
125
|
color: var(--color-white);
|
|
111
126
|
background-color: transparent;
|
|
112
127
|
outline: none;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.dnb-section--divider{color:var(--color-black-80)}.dnb-section--divider:after{box-shadow:99vw 0 0 0 currentcolor,198vw 0 0 0 currentcolor,297vw 0 0 0 currentcolor,396vw 0 0 0 currentcolor,0 .0625rem 0 0 var(--color-mint-green-50),99vw .0625rem 0 0 var(--color-mint-green-50),0 -.0625rem 0 0 var(--color-mint-green-50),99vw -.0625rem 0 0 var(--color-mint-green-50),198vw .0625rem 0 0 var(--color-mint-green-50),198vw -.0625rem 0 0 var(--color-mint-green-50);color:var(--color-white)}.dnb-section--transparent:after{color:transparent}.dnb-section--mint-green-12{color:var(--color-black-80)}.dnb-section--mint-green-12:after{color:var(--color-mint-green-12)}.dnb-section--white{color:var(--color-black-80)}.dnb-section--white:after{color:var(--color-white)}.dnb-section--mint-green{color:var(--color-black-80)}.dnb-section--mint-green:after{color:var(--color-mint-green)}.dnb-section--lavender{color:var(--color-black-80)}.dnb-section--lavender:after{color:var(--color-lavender)}.dnb-section--sand-yellow{color:var(--color-black-80)}.dnb-section--sand-yellow:after{color:var(--color-sand-yellow)}.dnb-section--pistachio{color:var(--color-black-80)}.dnb-section--pistachio:after{color:var(--color-pistachio)}.dnb-section--black-3{color:var(--color-black-80)}.dnb-section--black-3:after{color:var(--color-black-3)}.dnb-section--emerald-green{color:var(--color-mint-green)}.dnb-section--emerald-green:after{color:var(--color-emerald-green)}.dnb-section--sea-green{color:var(--color-white)}.dnb-section--sea-green:after{color:var(--color-sea-green)}.dnb-section--fire-red{color:var(--color-white)}.dnb-section--fire-red:after{color:var(--color-fire-red)}.dnb-section--fire-red-8{color:var(--color-black-80)}.dnb-section--fire-red-8:after{color:var(--color-fire-red-8)}.dnb-section--emerald-green .dnb-anchor,.dnb-section--fire-red .dnb-anchor,.dnb-section--sea-green .dnb-anchor{color:var(--color-white)}.dnb-section--emerald-green .dnb-anchor:hover,.dnb-section--fire-red .dnb-anchor:hover,.dnb-section--sea-green .dnb-anchor:hover{box-shadow:inset 100vw 100vw 0 0 var(--color-white),-.125em 0 0 0 var(--color-white),.125em 0 0 0 var(--color-white);color:var(--color-emerald-green)}.dnb-section--emerald-green .dnb-anchor:active,.dnb-section--fire-red .dnb-anchor:active,.dnb-section--sea-green .dnb-anchor:active{background-color:transparent;box-shadow:inset 100vw 100vw 0 0 transparent,-.125em 0 0 0 transparent,.125em 0 0 0 transparent;color:var(--color-white)}.dnb-section--emerald-green .dnb-anchor.focus-visible,.dnb-section--fire-red .dnb-anchor.focus-visible,.dnb-section--sea-green .dnb-anchor.focus-visible{--border-color:var(--color-white);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-white);outline:none}.dnb-section--emerald-green .dnb-anchor:focus-visible,.dnb-section--fire-red .dnb-anchor:focus-visible,.dnb-section--sea-green .dnb-anchor:focus-visible{--border-color:var(--color-white);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-white);outline:none}.dnb-section--emerald-green .dnb-button--tertiary,.dnb-section--emerald-green .dnb-button--tertiary:hover,.dnb-section--fire-red .dnb-button--tertiary,.dnb-section--fire-red .dnb-button--tertiary:hover,.dnb-section--sea-green .dnb-button--tertiary,.dnb-section--sea-green .dnb-button--tertiary:hover{color:var(--color-white)}.dnb-section--emerald-green .dnb-button--tertiary:hover .dnb-button__text:after,.dnb-section--fire-red .dnb-button--tertiary:hover .dnb-button__text:after,.dnb-section--sea-green .dnb-button--tertiary:hover .dnb-button__text:after{color:var(--color-white)!important}.dnb-section--emerald-green .dnb-button--tertiary:focus,.dnb-section--fire-red .dnb-button--tertiary:focus,.dnb-section--sea-green .dnb-button--tertiary:focus{color:var(--color-white)}.dnb-section--emerald-green .dnb-button--tertiary:focus:before,.dnb-section--fire-red .dnb-button--tertiary:focus:before,.dnb-section--sea-green .dnb-button--tertiary:focus:before{outline:none}html[data-whatinput=keyboard] .dnb-section--emerald-green .dnb-button--tertiary:focus:before,html[data-whatinput=keyboard] .dnb-section--fire-red .dnb-button--tertiary:focus:before,html[data-whatinput=keyboard] .dnb-section--sea-green .dnb-button--tertiary:focus:before{--border-color:var(--color-white);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-section--fire-red ::selection,.dnb-section--mint-green ::selection{background-color:var(--color-white)}
|
|
1
|
+
.dnb-section--divider{color:var(--color-black-80)}.dnb-section--divider:after{box-shadow:99vw 0 0 0 currentcolor,198vw 0 0 0 currentcolor,297vw 0 0 0 currentcolor,396vw 0 0 0 currentcolor,0 .0625rem 0 0 var(--color-mint-green-50),99vw .0625rem 0 0 var(--color-mint-green-50),0 -.0625rem 0 0 var(--color-mint-green-50),99vw -.0625rem 0 0 var(--color-mint-green-50),198vw .0625rem 0 0 var(--color-mint-green-50),198vw -.0625rem 0 0 var(--color-mint-green-50);color:var(--color-white)}.dnb-section--transparent:after{color:transparent}.dnb-section--default,.dnb-section--mint-green-12{color:var(--color-black-80)}.dnb-section--default:after,.dnb-section--mint-green-12:after{color:var(--color-mint-green-12)}.dnb-section--white{color:var(--color-black-80)}.dnb-section--white:after{color:var(--color-white)}.dnb-section--mint-green{color:var(--color-black-80)}.dnb-section--mint-green:after{color:var(--color-mint-green)}.dnb-section--lavender{color:var(--color-black-80)}.dnb-section--lavender:after{color:var(--color-lavender)}.dnb-section--sand-yellow,.dnb-section--warning{color:var(--color-black-80)}.dnb-section--sand-yellow:after,.dnb-section--warning:after{color:var(--color-sand-yellow)}.dnb-section--info,.dnb-section--pistachio{color:var(--color-black-80)}.dnb-section--info:after,.dnb-section--pistachio:after{color:var(--color-pistachio)}.dnb-section--black-3{color:var(--color-black-80)}.dnb-section--black-3:after{color:var(--color-black-3)}.dnb-section--emerald-green{color:var(--color-mint-green)}.dnb-section--emerald-green:after{color:var(--color-emerald-green)}.dnb-section--sea-green{color:var(--color-white)}.dnb-section--sea-green:after{color:var(--color-sea-green)}.dnb-section--fire-red{color:var(--color-white)}.dnb-section--fire-red:after{color:var(--color-fire-red)}.dnb-section--error,.dnb-section--fire-red-8{color:var(--color-black-80)}.dnb-section--error:after,.dnb-section--fire-red-8:after{color:var(--color-fire-red-8)}.dnb-section--success{color:var(--color-white)}.dnb-section--success:after{color:var(--color-success-green)}.dnb-section--emerald-green .dnb-anchor,.dnb-section--fire-red .dnb-anchor,.dnb-section--sea-green .dnb-anchor,.dnb-section--success .dnb-anchor{color:var(--color-white)}.dnb-section--emerald-green .dnb-anchor:hover,.dnb-section--fire-red .dnb-anchor:hover,.dnb-section--sea-green .dnb-anchor:hover,.dnb-section--success .dnb-anchor:hover{box-shadow:inset 100vw 100vw 0 0 var(--color-white),-.125em 0 0 0 var(--color-white),.125em 0 0 0 var(--color-white);color:var(--color-emerald-green)}.dnb-section--emerald-green .dnb-anchor:active,.dnb-section--fire-red .dnb-anchor:active,.dnb-section--sea-green .dnb-anchor:active,.dnb-section--success .dnb-anchor:active{background-color:transparent;box-shadow:inset 100vw 100vw 0 0 transparent,-.125em 0 0 0 transparent,.125em 0 0 0 transparent;color:var(--color-white)}.dnb-section--emerald-green .dnb-anchor.focus-visible,.dnb-section--fire-red .dnb-anchor.focus-visible,.dnb-section--sea-green .dnb-anchor.focus-visible,.dnb-section--success .dnb-anchor.focus-visible{--border-color:var(--color-white);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-white);outline:none}.dnb-section--emerald-green .dnb-anchor:focus-visible,.dnb-section--fire-red .dnb-anchor:focus-visible,.dnb-section--sea-green .dnb-anchor:focus-visible,.dnb-section--success .dnb-anchor:focus-visible{--border-color:var(--color-white);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-white);outline:none}.dnb-section--emerald-green .dnb-button--tertiary,.dnb-section--emerald-green .dnb-button--tertiary:hover,.dnb-section--fire-red .dnb-button--tertiary,.dnb-section--fire-red .dnb-button--tertiary:hover,.dnb-section--sea-green .dnb-button--tertiary,.dnb-section--sea-green .dnb-button--tertiary:hover{color:var(--color-white)}.dnb-section--emerald-green .dnb-button--tertiary:hover .dnb-button__text:after,.dnb-section--fire-red .dnb-button--tertiary:hover .dnb-button__text:after,.dnb-section--sea-green .dnb-button--tertiary:hover .dnb-button__text:after{color:var(--color-white)!important}.dnb-section--emerald-green .dnb-button--tertiary:focus,.dnb-section--fire-red .dnb-button--tertiary:focus,.dnb-section--sea-green .dnb-button--tertiary:focus{color:var(--color-white)}.dnb-section--emerald-green .dnb-button--tertiary:focus:before,.dnb-section--fire-red .dnb-button--tertiary:focus:before,.dnb-section--sea-green .dnb-button--tertiary:focus:before{outline:none}html[data-whatinput=keyboard] .dnb-section--emerald-green .dnb-button--tertiary:focus:before,html[data-whatinput=keyboard] .dnb-section--fire-red .dnb-button--tertiary:focus:before,html[data-whatinput=keyboard] .dnb-section--sea-green .dnb-button--tertiary:focus:before{--border-color:var(--color-white);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-section--fire-red ::selection,.dnb-section--mint-green ::selection{background-color:var(--color-white)}
|