@dnb/eufemia 10.0.0-beta.1 → 10.0.0-beta.2
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 +59 -0
- package/assets/fonts/dnb/DNB-Bold.eot +0 -0
- package/assets/fonts/dnb/DNB-Bold.otf +0 -0
- package/assets/fonts/dnb/DNB-Light.eot +0 -0
- package/assets/fonts/dnb/DNB-Light.otf +0 -0
- package/assets/fonts/dnb/DNB-Medium.eot +0 -0
- package/assets/fonts/dnb/DNB-Medium.otf +0 -0
- package/assets/fonts/dnb/DNB-Regular.eot +0 -0
- package/assets/fonts/dnb/DNB-Regular.otf +0 -0
- package/assets/fonts/dnb/DNB.zip +0 -0
- package/assets/fonts/dnb/DNBMono-Bold.eot +0 -0
- package/assets/fonts/dnb/DNBMono-Bold.otf +0 -0
- package/assets/fonts/dnb/DNBMono-Light.eot +0 -0
- package/assets/fonts/dnb/DNBMono-Light.otf +0 -0
- package/assets/fonts/dnb/DNBMono-Medium.eot +0 -0
- package/assets/fonts/dnb/DNBMono-Medium.otf +0 -0
- package/assets/fonts/dnb/DNBMono-Regular.eot +0 -0
- package/assets/fonts/dnb/DNBMono-Regular.otf +0 -0
- package/assets/fonts/dnb/DNBMono.zip +0 -0
- package/cjs/components/accordion/Accordion.d.ts +30 -98
- package/cjs/components/accordion/AccordionContent.d.ts +4 -25
- package/cjs/components/accordion/AccordionHeader.d.ts +33 -119
- package/cjs/components/accordion/AccordionProvider.d.ts +26 -61
- package/cjs/components/autocomplete/Autocomplete.d.ts +69 -148
- package/cjs/components/avatar/Avatar.d.ts +3 -3
- package/cjs/components/avatar/AvatarGroup.d.ts +2 -2
- package/cjs/components/badge/Badge.d.ts +2 -2
- package/cjs/components/breadcrumb/Breadcrumb.d.ts +2 -2
- package/cjs/components/breadcrumb/BreadcrumbItem.d.ts +1 -1
- package/cjs/components/button/Button.d.ts +30 -86
- package/cjs/components/button/style/themes/dnb-button-theme-sbanken.css +583 -0
- package/cjs/components/button/style/themes/dnb-button-theme-sbanken.min.css +1 -0
- package/cjs/components/button/style/themes/dnb-button-theme-sbanken.scss +30 -0
- package/cjs/components/checkbox/Checkbox.d.ts +20 -86
- package/cjs/components/date-picker/DatePicker.d.ts +47 -132
- package/cjs/components/date-picker/DatePickerAddon.d.ts +0 -4
- package/cjs/components/date-picker/DatePickerCalendar.d.ts +0 -4
- package/cjs/components/date-picker/DatePickerFooter.d.ts +0 -4
- package/cjs/components/date-picker/DatePickerInput.d.ts +12 -18
- package/cjs/components/date-picker/DatePickerInput.js +14 -11
- package/cjs/components/date-picker/DatePickerProvider.d.ts +3 -8
- package/cjs/components/date-picker/DatePickerRange.d.ts +0 -4
- package/cjs/components/dialog/parts/DialogBody.d.ts +1 -1
- package/cjs/components/dialog/types.d.ts +5 -5
- package/cjs/components/drawer/parts/DrawerBody.d.ts +1 -1
- package/cjs/components/drawer/types.d.ts +5 -5
- package/cjs/components/dropdown/Dropdown.d.ts +67 -151
- package/cjs/components/form-label/FormLabel.d.ts +9 -67
- package/cjs/components/form-row/FormRow.d.ts +22 -89
- package/cjs/components/form-row/FormRowHelpers.d.ts +1 -1
- package/cjs/components/form-set/FormSet.d.ts +24 -93
- package/cjs/components/form-status/FormStatus.d.ts +12 -89
- package/cjs/components/global-error/GlobalError.d.ts +4 -24
- package/cjs/components/global-status/GlobalStatus.d.ts +110 -77
- package/cjs/components/global-status/GlobalStatusController.d.ts +3 -12
- package/cjs/components/heading/Heading.d.ts +30 -79
- package/cjs/components/heading/HeadingProvider.d.ts +10 -19
- package/cjs/components/height-animation/HeightAnimation.d.ts +1 -1
- package/cjs/components/icon/Icon.d.ts +8 -65
- package/cjs/components/icon-primary/IconPrimary.d.ts +7 -65
- package/cjs/components/info-card/InfoCard.d.ts +2 -2
- package/cjs/components/info-card/InfoCard.js +1 -1
- package/cjs/components/input/Input.d.ts +87 -109
- package/cjs/components/input/Input.js +2 -0
- package/cjs/components/input/InputPassword.d.ts +0 -4
- package/cjs/components/input-masked/InputMasked.d.ts +38 -117
- package/cjs/components/input-masked/InputMasked.js +2 -3
- package/cjs/components/input-masked/InputMaskedHooks.d.ts +0 -1
- package/cjs/components/input-masked/InputMaskedHooks.js +11 -21
- package/cjs/components/input-masked/TextMask.d.ts +0 -4
- package/cjs/components/logo/Logo.d.ts +4 -59
- package/cjs/components/modal/Modal.d.ts +1 -1
- package/cjs/components/modal/ModalContent.js +12 -5
- package/cjs/components/modal/ModalRoot.d.ts +1 -1
- package/cjs/components/modal/types.d.ts +13 -14
- package/cjs/components/number-format/NumberFormat.d.ts +19 -85
- package/cjs/components/number-format/NumberUtils.d.ts +3 -1
- package/cjs/components/pagination/Pagination.d.ts +35 -214
- package/cjs/components/pagination/PaginationBar.d.ts +1 -1
- package/cjs/components/pagination/PaginationBar.js +1 -1
- package/cjs/components/pagination/PaginationHelpers.d.ts +0 -4
- package/cjs/components/pagination/PaginationInfinity.d.ts +0 -8
- package/cjs/components/pagination/PaginationProvider.d.ts +0 -12
- package/cjs/components/pagination/style/themes/dnb-pagination-theme-ui.css +2 -8
- 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 +3 -4
- package/cjs/components/progress-indicator/ProgressIndicator.d.ts +13 -71
- package/cjs/components/progress-indicator/ProgressIndicatorCircular.d.ts +1 -5
- package/cjs/components/progress-indicator/ProgressIndicatorLinear.d.ts +1 -5
- package/cjs/components/radio/Radio.d.ts +18 -43
- package/cjs/components/radio/RadioGroup.d.ts +22 -51
- package/cjs/components/section/Section.d.ts +1 -1
- package/cjs/components/skeleton/Skeleton.d.ts +12 -63
- package/cjs/components/skeleton/SkeletonHelper.d.ts +2 -2
- package/cjs/components/skeleton/figures/Article.d.ts +0 -4
- package/cjs/components/skeleton/figures/Circle.d.ts +0 -4
- package/cjs/components/skeleton/figures/Product.d.ts +0 -4
- package/cjs/components/skeleton/figures/Table.d.ts +0 -4
- package/cjs/components/skeleton/style/dnb-skeleton.css +4 -4
- package/cjs/components/skeleton/style/dnb-skeleton.min.css +1 -1
- package/cjs/components/skeleton/style/dnb-skeleton.scss +1 -1
- package/cjs/components/slider/types.d.ts +3 -2
- package/cjs/components/space/Space.d.ts +8 -7
- package/cjs/components/space/SpacingUtils.d.ts +4 -19
- package/cjs/components/space/SpacingUtils.js +4 -2
- package/cjs/components/space/types.d.ts +14 -1
- package/cjs/components/step-indicator/StepIndicator.d.ts +14 -71
- package/cjs/components/step-indicator/StepIndicatorContext.d.ts +0 -4
- package/cjs/components/step-indicator/StepIndicatorItem.d.ts +7 -20
- package/cjs/components/step-indicator/StepIndicatorSidebar.d.ts +11 -9
- package/cjs/components/step-indicator/StepIndicatorTriggerButton.d.ts +0 -4
- package/cjs/components/switch/Switch.d.ts +13 -76
- package/cjs/components/tabs/Tabs.d.ts +17 -83
- package/cjs/components/tabs/TabsContentWrapper.d.ts +3 -7
- package/cjs/components/tabs/TabsCustomContent.d.ts +6 -63
- package/cjs/components/tabs/style/dnb-tabs.css +8 -8
- package/cjs/components/tabs/style/dnb-tabs.min.css +1 -1
- package/cjs/components/tag/Tag.d.ts +2 -2
- package/cjs/components/tag/TagGroup.d.ts +2 -2
- package/cjs/components/textarea/Textarea.d.ts +23 -88
- package/cjs/components/textarea/style/themes/dnb-textarea-theme-ui.css +8 -8
- package/cjs/components/textarea/style/themes/dnb-textarea-theme-ui.min.css +1 -1
- package/cjs/components/timeline/Timeline.d.ts +2 -2
- package/cjs/components/timeline/TimelineItem.d.ts +1 -1
- package/cjs/components/toggle-button/ToggleButton.d.ts +27 -94
- package/cjs/components/toggle-button/ToggleButtonGroup.d.ts +22 -88
- package/cjs/components/tooltip/types.d.ts +1 -1
- package/cjs/components/upload/types.d.ts +2 -2
- package/cjs/elements/Anchor.d.ts +4 -3
- package/cjs/elements/Anchor.js +2 -1
- package/cjs/elements/Blockquote.d.ts +4 -24
- package/cjs/elements/Code.d.ts +4 -24
- package/cjs/elements/Div.d.ts +4 -24
- package/cjs/elements/Dl.d.ts +1 -1
- package/cjs/elements/Element.d.ts +4 -3
- package/cjs/elements/Element.js +1 -3
- package/cjs/elements/H.d.ts +4 -24
- package/cjs/elements/H1.d.ts +4 -24
- package/cjs/elements/H2.d.ts +4 -24
- package/cjs/elements/H3.d.ts +4 -24
- package/cjs/elements/H4.d.ts +4 -24
- package/cjs/elements/H5.d.ts +4 -24
- package/cjs/elements/H6.d.ts +4 -24
- package/cjs/elements/Hr.d.ts +4 -24
- package/cjs/elements/Img.d.ts +6 -26
- package/cjs/elements/Link.d.ts +1 -1
- package/cjs/elements/P.d.ts +3 -24
- package/cjs/elements/Span.d.ts +4 -24
- package/cjs/elements/lib.d.ts +2 -2
- package/cjs/extensions/payment-card/PaymentCard.d.ts +7 -65
- package/cjs/extensions/payment-card/icons/BankAxept.d.ts +0 -4
- package/cjs/extensions/payment-card/icons/Clock.d.ts +0 -4
- package/cjs/extensions/payment-card/icons/DNB.d.ts +0 -4
- package/cjs/extensions/payment-card/icons/DNBMetalic.d.ts +0 -4
- package/cjs/extensions/payment-card/icons/MastercardDefault.d.ts +0 -4
- package/cjs/extensions/payment-card/icons/MastercardMetalic.d.ts +0 -4
- package/cjs/extensions/payment-card/icons/MastercardMetalicBlack.d.ts +0 -4
- package/cjs/extensions/payment-card/icons/PB.d.ts +0 -4
- package/cjs/extensions/payment-card/icons/PBPlatinum.d.ts +0 -4
- package/cjs/extensions/payment-card/icons/Padlock.d.ts +0 -4
- package/cjs/extensions/payment-card/icons/Pluss.d.ts +0 -4
- package/cjs/extensions/payment-card/icons/SagaGold.d.ts +0 -4
- package/cjs/extensions/payment-card/icons/SagaPlatinum.d.ts +0 -4
- package/cjs/extensions/payment-card/icons/SagaVisaPlatinum.d.ts +0 -4
- package/cjs/extensions/payment-card/icons/VisaDefault.d.ts +0 -4
- package/cjs/extensions/payment-card/icons/VisaMetalic.d.ts +0 -4
- package/cjs/extensions/payment-card/utils/CardDesigns.js +1 -1
- package/cjs/fragments/drawer-list/DrawerList.d.ts +33 -60
- package/cjs/fragments/drawer-list/DrawerListPortal.d.ts +0 -12
- package/cjs/fragments/drawer-list/DrawerListProvider.d.ts +19 -56
- package/cjs/fragments/scroll-view/ScrollView.d.ts +1 -1
- package/cjs/fragments/scroll-view/ScrollView.js +3 -3
- package/cjs/fragments/scroll-view/style/themes/dnb-scroll-view-theme-ui.scss +7 -5
- package/cjs/shared/AlignmentHelper.d.ts +0 -4
- package/cjs/shared/Context.d.ts +2 -2
- package/cjs/shared/Eufemia.js +1 -1
- package/cjs/shared/MediaQuery.d.ts +1 -1
- package/cjs/shared/MediaQuery.js +1 -1
- package/cjs/shared/helpers/Suffix.d.ts +2 -1
- package/cjs/style/core/scopes.scss +1 -1
- package/cjs/style/core/utilities.scss +15 -9
- package/cjs/style/dnb-ui-basis.css +9 -155
- package/cjs/style/dnb-ui-basis.min.css +1 -1
- package/cjs/style/dnb-ui-basis.scss +1 -2
- package/cjs/style/dnb-ui-body.css +1 -88
- package/cjs/style/dnb-ui-body.min.css +1 -1
- package/cjs/style/dnb-ui-body.scss +1 -1
- package/cjs/style/dnb-ui-components.css +28 -28
- package/cjs/style/dnb-ui-components.min.css +1 -1
- package/cjs/style/dnb-ui-core.css +9 -155
- package/cjs/style/dnb-ui-core.min.css +1 -1
- package/cjs/style/dnb-ui-core.scss +1 -2
- package/cjs/style/dnb-ui-elements.css +0 -87
- package/cjs/style/dnb-ui-elements.min.css +1 -1
- package/cjs/style/dnb-ui-elements.scss +0 -1
- package/cjs/style/dnb-ui-fragments.css +16 -16
- package/cjs/style/dnb-ui-fragments.min.css +1 -1
- package/cjs/style/dnb-ui-tags.css +0 -87
- package/cjs/style/dnb-ui-tags.min.css +1 -1
- package/cjs/style/dnb-ui-tags.scss +0 -1
- package/cjs/style/elements/anchor-mixins.scss +3 -3
- package/cjs/style/elements/anchor.scss +2 -2
- package/cjs/style/stylis.d.ts +20 -36
- package/cjs/style/stylis.js +1 -1
- package/cjs/style/themes/theme-eiendom/dnb-theme-eiendom.css +79 -19
- package/cjs/style/themes/theme-eiendom/dnb-theme-eiendom.min.css +1 -1
- package/cjs/style/themes/theme-eiendom/dnb-theme-eiendom.scss +1 -2
- package/cjs/style/themes/theme-sbanken/dnb-theme-sbanken.css +4978 -0
- package/cjs/style/themes/theme-sbanken/dnb-theme-sbanken.min.css +1 -0
- package/cjs/style/themes/theme-sbanken/dnb-theme-sbanken.scss +49 -0
- package/cjs/style/{core → themes/theme-sbanken}/fonts.scss +1 -1
- package/cjs/style/themes/theme-sbanken/properties.d.ts +89 -0
- package/cjs/style/themes/theme-sbanken/properties.js +95 -0
- package/cjs/style/themes/theme-sbanken/properties.scss +126 -0
- package/cjs/style/themes/theme-ui/dnb-theme-ui.css +78 -18
- package/cjs/style/themes/theme-ui/dnb-theme-ui.min.css +1 -1
- package/cjs/style/themes/theme-ui/dnb-theme-ui.scss +3 -2
- package/cjs/style/themes/theme-ui/dnb-ui-fonts.css +66 -0
- package/cjs/style/themes/theme-ui/dnb-ui-fonts.min.css +1 -0
- package/cjs/style/themes/theme-ui/dnb-ui-fonts.scss +7 -0
- package/cjs/style/themes/theme-ui/dnb-ui-properties.scss +8 -0
- package/{style/core → cjs/style/themes/theme-ui}/fonts.scss +1 -1
- package/components/accordion/Accordion.d.ts +30 -98
- package/components/accordion/AccordionContent.d.ts +4 -25
- package/components/accordion/AccordionHeader.d.ts +33 -119
- package/components/accordion/AccordionProvider.d.ts +26 -61
- package/components/autocomplete/Autocomplete.d.ts +69 -148
- package/components/avatar/Avatar.d.ts +3 -3
- package/components/avatar/AvatarGroup.d.ts +2 -2
- package/components/badge/Badge.d.ts +2 -2
- package/components/breadcrumb/Breadcrumb.d.ts +2 -2
- package/components/breadcrumb/BreadcrumbItem.d.ts +1 -1
- package/components/button/Button.d.ts +30 -86
- package/components/button/style/themes/dnb-button-theme-sbanken.css +583 -0
- package/components/button/style/themes/dnb-button-theme-sbanken.min.css +1 -0
- package/components/button/style/themes/dnb-button-theme-sbanken.scss +30 -0
- package/components/checkbox/Checkbox.d.ts +20 -86
- package/components/date-picker/DatePicker.d.ts +47 -132
- package/components/date-picker/DatePickerAddon.d.ts +0 -4
- package/components/date-picker/DatePickerCalendar.d.ts +0 -4
- package/components/date-picker/DatePickerFooter.d.ts +0 -4
- package/components/date-picker/DatePickerInput.d.ts +12 -18
- package/components/date-picker/DatePickerInput.js +14 -11
- package/components/date-picker/DatePickerProvider.d.ts +3 -8
- package/components/date-picker/DatePickerRange.d.ts +0 -4
- package/components/dialog/parts/DialogBody.d.ts +1 -1
- package/components/dialog/types.d.ts +5 -5
- package/components/drawer/parts/DrawerBody.d.ts +1 -1
- package/components/drawer/types.d.ts +5 -5
- package/components/dropdown/Dropdown.d.ts +67 -151
- package/components/form-label/FormLabel.d.ts +9 -67
- package/components/form-row/FormRow.d.ts +22 -89
- package/components/form-row/FormRowHelpers.d.ts +1 -1
- package/components/form-set/FormSet.d.ts +24 -93
- package/components/form-status/FormStatus.d.ts +12 -89
- package/components/global-error/GlobalError.d.ts +4 -24
- package/components/global-status/GlobalStatus.d.ts +110 -77
- package/components/global-status/GlobalStatusController.d.ts +3 -12
- package/components/heading/Heading.d.ts +30 -79
- package/components/heading/HeadingProvider.d.ts +10 -19
- package/components/height-animation/HeightAnimation.d.ts +1 -1
- package/components/icon/Icon.d.ts +8 -65
- package/components/icon-primary/IconPrimary.d.ts +7 -65
- package/components/info-card/InfoCard.d.ts +2 -2
- package/components/info-card/InfoCard.js +1 -1
- package/components/input/Input.d.ts +87 -109
- package/components/input/Input.js +2 -0
- package/components/input/InputPassword.d.ts +0 -4
- package/components/input-masked/InputMasked.d.ts +38 -117
- package/components/input-masked/InputMasked.js +4 -3
- package/components/input-masked/InputMaskedHooks.d.ts +0 -1
- package/components/input-masked/InputMaskedHooks.js +10 -15
- package/components/input-masked/TextMask.d.ts +0 -4
- package/components/logo/Logo.d.ts +4 -59
- package/components/modal/Modal.d.ts +1 -1
- package/components/modal/ModalContent.js +12 -5
- package/components/modal/ModalRoot.d.ts +1 -1
- package/components/modal/types.d.ts +13 -14
- package/components/number-format/NumberFormat.d.ts +19 -85
- package/components/number-format/NumberUtils.d.ts +3 -1
- package/components/pagination/Pagination.d.ts +35 -214
- package/components/pagination/PaginationBar.d.ts +1 -1
- package/components/pagination/PaginationBar.js +1 -1
- package/components/pagination/PaginationHelpers.d.ts +0 -4
- package/components/pagination/PaginationInfinity.d.ts +0 -8
- package/components/pagination/PaginationProvider.d.ts +0 -12
- package/components/pagination/style/themes/dnb-pagination-theme-ui.css +2 -8
- package/components/pagination/style/themes/dnb-pagination-theme-ui.min.css +1 -1
- package/components/pagination/style/themes/dnb-pagination-theme-ui.scss +3 -4
- package/components/progress-indicator/ProgressIndicator.d.ts +13 -71
- package/components/progress-indicator/ProgressIndicatorCircular.d.ts +1 -5
- package/components/progress-indicator/ProgressIndicatorLinear.d.ts +1 -5
- package/components/radio/Radio.d.ts +18 -43
- package/components/radio/RadioGroup.d.ts +22 -51
- package/components/section/Section.d.ts +1 -1
- package/components/skeleton/Skeleton.d.ts +12 -63
- package/components/skeleton/SkeletonHelper.d.ts +2 -2
- package/components/skeleton/figures/Article.d.ts +0 -4
- package/components/skeleton/figures/Circle.d.ts +0 -4
- package/components/skeleton/figures/Product.d.ts +0 -4
- package/components/skeleton/figures/Table.d.ts +0 -4
- package/components/skeleton/style/dnb-skeleton.css +4 -4
- package/components/skeleton/style/dnb-skeleton.min.css +1 -1
- package/components/skeleton/style/dnb-skeleton.scss +1 -1
- package/components/slider/types.d.ts +3 -2
- package/components/space/Space.d.ts +8 -7
- package/components/space/SpacingUtils.d.ts +4 -19
- package/components/space/SpacingUtils.js +4 -2
- package/components/space/types.d.ts +14 -1
- package/components/step-indicator/StepIndicator.d.ts +14 -71
- package/components/step-indicator/StepIndicatorContext.d.ts +0 -4
- package/components/step-indicator/StepIndicatorItem.d.ts +7 -20
- package/components/step-indicator/StepIndicatorSidebar.d.ts +11 -9
- package/components/step-indicator/StepIndicatorTriggerButton.d.ts +0 -4
- package/components/switch/Switch.d.ts +13 -76
- package/components/tabs/Tabs.d.ts +17 -83
- package/components/tabs/TabsContentWrapper.d.ts +3 -7
- package/components/tabs/TabsCustomContent.d.ts +6 -63
- package/components/tabs/style/dnb-tabs.css +8 -8
- package/components/tabs/style/dnb-tabs.min.css +1 -1
- package/components/tag/Tag.d.ts +2 -2
- package/components/tag/TagGroup.d.ts +2 -2
- package/components/textarea/Textarea.d.ts +23 -88
- package/components/textarea/style/themes/dnb-textarea-theme-ui.css +8 -8
- package/components/textarea/style/themes/dnb-textarea-theme-ui.min.css +1 -1
- package/components/timeline/Timeline.d.ts +2 -2
- package/components/timeline/TimelineItem.d.ts +1 -1
- package/components/toggle-button/ToggleButton.d.ts +27 -94
- package/components/toggle-button/ToggleButtonGroup.d.ts +22 -88
- package/components/tooltip/types.d.ts +1 -1
- package/components/upload/types.d.ts +2 -2
- package/elements/Anchor.d.ts +4 -3
- package/elements/Anchor.js +2 -1
- package/elements/Blockquote.d.ts +4 -24
- package/elements/Code.d.ts +4 -24
- package/elements/Div.d.ts +4 -24
- package/elements/Dl.d.ts +1 -1
- package/elements/Element.d.ts +4 -3
- package/elements/Element.js +1 -2
- package/elements/H.d.ts +4 -24
- package/elements/H1.d.ts +4 -24
- package/elements/H2.d.ts +4 -24
- package/elements/H3.d.ts +4 -24
- package/elements/H4.d.ts +4 -24
- package/elements/H5.d.ts +4 -24
- package/elements/H6.d.ts +4 -24
- package/elements/Hr.d.ts +4 -24
- package/elements/Img.d.ts +6 -26
- package/elements/Link.d.ts +1 -1
- package/elements/P.d.ts +3 -24
- package/elements/Span.d.ts +4 -24
- package/elements/lib.d.ts +2 -2
- package/es/components/accordion/Accordion.d.ts +30 -98
- package/es/components/accordion/AccordionContent.d.ts +4 -25
- package/es/components/accordion/AccordionHeader.d.ts +33 -119
- package/es/components/accordion/AccordionProvider.d.ts +26 -61
- package/es/components/autocomplete/Autocomplete.d.ts +69 -148
- package/es/components/avatar/Avatar.d.ts +3 -3
- package/es/components/avatar/AvatarGroup.d.ts +2 -2
- package/es/components/badge/Badge.d.ts +2 -2
- package/es/components/breadcrumb/Breadcrumb.d.ts +2 -2
- package/es/components/breadcrumb/BreadcrumbItem.d.ts +1 -1
- package/es/components/button/Button.d.ts +30 -86
- package/es/components/button/style/themes/dnb-button-theme-sbanken.css +583 -0
- package/es/components/button/style/themes/dnb-button-theme-sbanken.min.css +1 -0
- package/es/components/button/style/themes/dnb-button-theme-sbanken.scss +30 -0
- package/es/components/checkbox/Checkbox.d.ts +20 -86
- package/es/components/date-picker/DatePicker.d.ts +47 -132
- package/es/components/date-picker/DatePickerAddon.d.ts +0 -4
- package/es/components/date-picker/DatePickerCalendar.d.ts +0 -4
- package/es/components/date-picker/DatePickerFooter.d.ts +0 -4
- package/es/components/date-picker/DatePickerInput.d.ts +12 -18
- package/es/components/date-picker/DatePickerInput.js +14 -11
- package/es/components/date-picker/DatePickerProvider.d.ts +3 -8
- package/es/components/date-picker/DatePickerRange.d.ts +0 -4
- package/es/components/dialog/parts/DialogBody.d.ts +1 -1
- package/es/components/dialog/types.d.ts +5 -5
- package/es/components/drawer/parts/DrawerBody.d.ts +1 -1
- package/es/components/drawer/types.d.ts +5 -5
- package/es/components/dropdown/Dropdown.d.ts +67 -151
- package/es/components/form-label/FormLabel.d.ts +9 -67
- package/es/components/form-row/FormRow.d.ts +22 -89
- package/es/components/form-row/FormRowHelpers.d.ts +1 -1
- package/es/components/form-set/FormSet.d.ts +24 -93
- package/es/components/form-status/FormStatus.d.ts +12 -89
- package/es/components/global-error/GlobalError.d.ts +4 -24
- package/es/components/global-status/GlobalStatus.d.ts +110 -77
- package/es/components/global-status/GlobalStatusController.d.ts +3 -12
- package/es/components/heading/Heading.d.ts +30 -79
- package/es/components/heading/HeadingProvider.d.ts +10 -19
- package/es/components/height-animation/HeightAnimation.d.ts +1 -1
- package/es/components/icon/Icon.d.ts +8 -65
- package/es/components/icon-primary/IconPrimary.d.ts +7 -65
- package/es/components/info-card/InfoCard.d.ts +2 -2
- package/es/components/info-card/InfoCard.js +1 -1
- package/es/components/input/Input.d.ts +87 -109
- package/es/components/input/Input.js +2 -0
- package/es/components/input/InputPassword.d.ts +0 -4
- package/es/components/input-masked/InputMasked.d.ts +38 -117
- package/es/components/input-masked/InputMasked.js +4 -3
- package/es/components/input-masked/InputMaskedHooks.d.ts +0 -1
- package/es/components/input-masked/InputMaskedHooks.js +4 -9
- package/es/components/input-masked/TextMask.d.ts +0 -4
- package/es/components/logo/Logo.d.ts +4 -59
- package/es/components/modal/Modal.d.ts +1 -1
- package/es/components/modal/ModalContent.js +12 -5
- package/es/components/modal/ModalRoot.d.ts +1 -1
- package/es/components/modal/types.d.ts +13 -14
- package/es/components/number-format/NumberFormat.d.ts +19 -85
- package/es/components/number-format/NumberUtils.d.ts +3 -1
- package/es/components/pagination/Pagination.d.ts +35 -214
- package/es/components/pagination/PaginationBar.d.ts +1 -1
- package/es/components/pagination/PaginationBar.js +1 -1
- package/es/components/pagination/PaginationHelpers.d.ts +0 -4
- package/es/components/pagination/PaginationInfinity.d.ts +0 -8
- package/es/components/pagination/PaginationProvider.d.ts +0 -12
- package/es/components/pagination/style/themes/dnb-pagination-theme-ui.css +2 -8
- 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 +3 -4
- package/es/components/progress-indicator/ProgressIndicator.d.ts +13 -71
- package/es/components/progress-indicator/ProgressIndicatorCircular.d.ts +1 -5
- package/es/components/progress-indicator/ProgressIndicatorLinear.d.ts +1 -5
- package/es/components/radio/Radio.d.ts +18 -43
- package/es/components/radio/RadioGroup.d.ts +22 -51
- package/es/components/section/Section.d.ts +1 -1
- package/es/components/skeleton/Skeleton.d.ts +12 -63
- package/es/components/skeleton/SkeletonHelper.d.ts +2 -2
- package/es/components/skeleton/figures/Article.d.ts +0 -4
- package/es/components/skeleton/figures/Circle.d.ts +0 -4
- package/es/components/skeleton/figures/Product.d.ts +0 -4
- package/es/components/skeleton/figures/Table.d.ts +0 -4
- package/es/components/skeleton/style/dnb-skeleton.css +4 -4
- package/es/components/skeleton/style/dnb-skeleton.min.css +1 -1
- package/es/components/skeleton/style/dnb-skeleton.scss +1 -1
- package/es/components/slider/types.d.ts +3 -2
- package/es/components/space/Space.d.ts +8 -7
- package/es/components/space/SpacingUtils.d.ts +4 -19
- package/es/components/space/SpacingUtils.js +4 -2
- package/es/components/space/types.d.ts +14 -1
- package/es/components/step-indicator/StepIndicator.d.ts +14 -71
- package/es/components/step-indicator/StepIndicatorContext.d.ts +0 -4
- package/es/components/step-indicator/StepIndicatorItem.d.ts +7 -20
- package/es/components/step-indicator/StepIndicatorSidebar.d.ts +11 -9
- package/es/components/step-indicator/StepIndicatorTriggerButton.d.ts +0 -4
- package/es/components/switch/Switch.d.ts +13 -76
- package/es/components/tabs/Tabs.d.ts +17 -83
- package/es/components/tabs/TabsContentWrapper.d.ts +3 -7
- package/es/components/tabs/TabsCustomContent.d.ts +6 -63
- package/es/components/tabs/style/dnb-tabs.css +8 -8
- package/es/components/tabs/style/dnb-tabs.min.css +1 -1
- package/es/components/tag/Tag.d.ts +2 -2
- package/es/components/tag/TagGroup.d.ts +2 -2
- package/es/components/textarea/Textarea.d.ts +23 -88
- package/es/components/textarea/style/themes/dnb-textarea-theme-ui.css +8 -8
- package/es/components/textarea/style/themes/dnb-textarea-theme-ui.min.css +1 -1
- package/es/components/timeline/Timeline.d.ts +2 -2
- package/es/components/timeline/TimelineItem.d.ts +1 -1
- package/es/components/toggle-button/ToggleButton.d.ts +27 -94
- package/es/components/toggle-button/ToggleButtonGroup.d.ts +22 -88
- package/es/components/tooltip/types.d.ts +1 -1
- package/es/components/upload/types.d.ts +2 -2
- package/es/elements/Anchor.d.ts +4 -3
- package/es/elements/Anchor.js +2 -1
- package/es/elements/Blockquote.d.ts +4 -24
- package/es/elements/Code.d.ts +4 -24
- package/es/elements/Div.d.ts +4 -24
- package/es/elements/Dl.d.ts +1 -1
- package/es/elements/Element.d.ts +4 -3
- package/es/elements/Element.js +1 -2
- package/es/elements/H.d.ts +4 -24
- package/es/elements/H1.d.ts +4 -24
- package/es/elements/H2.d.ts +4 -24
- package/es/elements/H3.d.ts +4 -24
- package/es/elements/H4.d.ts +4 -24
- package/es/elements/H5.d.ts +4 -24
- package/es/elements/H6.d.ts +4 -24
- package/es/elements/Hr.d.ts +4 -24
- package/es/elements/Img.d.ts +6 -26
- package/es/elements/Link.d.ts +1 -1
- package/es/elements/P.d.ts +3 -24
- package/es/elements/Span.d.ts +4 -24
- package/es/elements/lib.d.ts +2 -2
- package/es/extensions/payment-card/PaymentCard.d.ts +7 -65
- package/es/extensions/payment-card/icons/BankAxept.d.ts +0 -4
- package/es/extensions/payment-card/icons/Clock.d.ts +0 -4
- package/es/extensions/payment-card/icons/DNB.d.ts +0 -4
- package/es/extensions/payment-card/icons/DNBMetalic.d.ts +0 -4
- package/es/extensions/payment-card/icons/MastercardDefault.d.ts +0 -4
- package/es/extensions/payment-card/icons/MastercardMetalic.d.ts +0 -4
- package/es/extensions/payment-card/icons/MastercardMetalicBlack.d.ts +0 -4
- package/es/extensions/payment-card/icons/PB.d.ts +0 -4
- package/es/extensions/payment-card/icons/PBPlatinum.d.ts +0 -4
- package/es/extensions/payment-card/icons/Padlock.d.ts +0 -4
- package/es/extensions/payment-card/icons/Pluss.d.ts +0 -4
- package/es/extensions/payment-card/icons/SagaGold.d.ts +0 -4
- package/es/extensions/payment-card/icons/SagaPlatinum.d.ts +0 -4
- package/es/extensions/payment-card/icons/SagaVisaPlatinum.d.ts +0 -4
- package/es/extensions/payment-card/icons/VisaDefault.d.ts +0 -4
- package/es/extensions/payment-card/icons/VisaMetalic.d.ts +0 -4
- package/es/extensions/payment-card/utils/CardDesigns.js +1 -1
- package/es/fragments/drawer-list/DrawerList.d.ts +33 -60
- package/es/fragments/drawer-list/DrawerListPortal.d.ts +0 -12
- package/es/fragments/drawer-list/DrawerListProvider.d.ts +19 -56
- package/es/fragments/scroll-view/ScrollView.d.ts +1 -1
- package/es/fragments/scroll-view/ScrollView.js +3 -2
- package/es/fragments/scroll-view/style/themes/dnb-scroll-view-theme-ui.scss +7 -5
- package/es/shared/AlignmentHelper.d.ts +0 -4
- package/es/shared/Context.d.ts +2 -2
- package/es/shared/Eufemia.js +1 -1
- package/es/shared/MediaQuery.d.ts +1 -1
- package/es/shared/MediaQuery.js +1 -1
- package/es/shared/helpers/Suffix.d.ts +2 -1
- package/es/style/core/scopes.scss +1 -1
- package/es/style/core/utilities.scss +15 -9
- package/es/style/dnb-ui-basis.css +9 -155
- package/es/style/dnb-ui-basis.min.css +1 -1
- package/es/style/dnb-ui-basis.scss +1 -2
- package/es/style/dnb-ui-body.css +1 -88
- package/es/style/dnb-ui-body.min.css +1 -1
- package/es/style/dnb-ui-body.scss +1 -1
- package/es/style/dnb-ui-components.css +28 -28
- package/es/style/dnb-ui-components.min.css +1 -1
- package/es/style/dnb-ui-core.css +9 -155
- package/es/style/dnb-ui-core.min.css +1 -1
- package/es/style/dnb-ui-core.scss +1 -2
- package/es/style/dnb-ui-elements.css +0 -87
- package/es/style/dnb-ui-elements.min.css +1 -1
- package/es/style/dnb-ui-elements.scss +0 -1
- package/es/style/dnb-ui-fragments.css +16 -16
- package/es/style/dnb-ui-fragments.min.css +1 -1
- package/es/style/dnb-ui-tags.css +0 -87
- package/es/style/dnb-ui-tags.min.css +1 -1
- package/es/style/dnb-ui-tags.scss +0 -1
- package/es/style/elements/anchor-mixins.scss +3 -3
- package/es/style/elements/anchor.scss +2 -2
- package/es/style/stylis.d.ts +20 -36
- package/es/style/stylis.js +1 -1
- package/es/style/themes/theme-eiendom/dnb-theme-eiendom.css +79 -19
- package/es/style/themes/theme-eiendom/dnb-theme-eiendom.min.css +1 -1
- package/es/style/themes/theme-eiendom/dnb-theme-eiendom.scss +1 -2
- package/es/style/themes/theme-sbanken/dnb-theme-sbanken.css +4978 -0
- package/es/style/themes/theme-sbanken/dnb-theme-sbanken.min.css +1 -0
- package/es/style/themes/theme-sbanken/dnb-theme-sbanken.scss +49 -0
- package/es/style/{core → themes/theme-sbanken}/fonts.scss +1 -1
- package/es/style/themes/theme-sbanken/properties.d.ts +89 -0
- package/es/style/themes/theme-sbanken/properties.js +88 -0
- package/es/style/themes/theme-sbanken/properties.scss +126 -0
- package/es/style/themes/theme-ui/dnb-theme-ui.css +78 -18
- package/es/style/themes/theme-ui/dnb-theme-ui.min.css +1 -1
- package/es/style/themes/theme-ui/dnb-theme-ui.scss +3 -2
- package/es/style/themes/theme-ui/dnb-ui-fonts.css +66 -0
- package/es/style/themes/theme-ui/dnb-ui-fonts.min.css +1 -0
- package/es/style/themes/theme-ui/dnb-ui-fonts.scss +7 -0
- package/es/style/themes/theme-ui/dnb-ui-properties.scss +8 -0
- package/es/style/themes/theme-ui/fonts.scss +78 -0
- 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 +1 -1
- package/esm/dnb-ui-lib.min.mjs +1 -1
- package/extensions/payment-card/PaymentCard.d.ts +7 -65
- package/extensions/payment-card/icons/BankAxept.d.ts +0 -4
- package/extensions/payment-card/icons/Clock.d.ts +0 -4
- package/extensions/payment-card/icons/DNB.d.ts +0 -4
- package/extensions/payment-card/icons/DNBMetalic.d.ts +0 -4
- package/extensions/payment-card/icons/MastercardDefault.d.ts +0 -4
- package/extensions/payment-card/icons/MastercardMetalic.d.ts +0 -4
- package/extensions/payment-card/icons/MastercardMetalicBlack.d.ts +0 -4
- package/extensions/payment-card/icons/PB.d.ts +0 -4
- package/extensions/payment-card/icons/PBPlatinum.d.ts +0 -4
- package/extensions/payment-card/icons/Padlock.d.ts +0 -4
- package/extensions/payment-card/icons/Pluss.d.ts +0 -4
- package/extensions/payment-card/icons/SagaGold.d.ts +0 -4
- package/extensions/payment-card/icons/SagaPlatinum.d.ts +0 -4
- package/extensions/payment-card/icons/SagaVisaPlatinum.d.ts +0 -4
- package/extensions/payment-card/icons/VisaDefault.d.ts +0 -4
- package/extensions/payment-card/icons/VisaMetalic.d.ts +0 -4
- package/extensions/payment-card/utils/CardDesigns.js +1 -1
- package/fragments/drawer-list/DrawerList.d.ts +33 -60
- package/fragments/drawer-list/DrawerListPortal.d.ts +0 -12
- package/fragments/drawer-list/DrawerListProvider.d.ts +19 -56
- package/fragments/scroll-view/ScrollView.d.ts +1 -1
- package/fragments/scroll-view/ScrollView.js +3 -2
- package/fragments/scroll-view/style/themes/dnb-scroll-view-theme-ui.scss +7 -5
- package/package.json +1 -1
- package/shared/AlignmentHelper.d.ts +0 -4
- package/shared/Context.d.ts +2 -2
- package/shared/Eufemia.js +1 -1
- package/shared/MediaQuery.d.ts +1 -1
- package/shared/MediaQuery.js +1 -1
- package/shared/helpers/Suffix.d.ts +2 -1
- package/style/core/scopes.scss +1 -1
- package/style/core/utilities.scss +15 -9
- package/style/dnb-ui-basis.css +9 -155
- package/style/dnb-ui-basis.min.css +1 -1
- package/style/dnb-ui-basis.scss +1 -2
- package/style/dnb-ui-body.css +1 -88
- package/style/dnb-ui-body.min.css +1 -1
- package/style/dnb-ui-body.scss +1 -1
- package/style/dnb-ui-components.css +28 -28
- package/style/dnb-ui-components.min.css +1 -1
- package/style/dnb-ui-core.css +9 -155
- package/style/dnb-ui-core.min.css +1 -1
- package/style/dnb-ui-core.scss +1 -2
- package/style/dnb-ui-elements.css +0 -87
- package/style/dnb-ui-elements.min.css +1 -1
- package/style/dnb-ui-elements.scss +0 -1
- package/style/dnb-ui-fragments.css +16 -16
- package/style/dnb-ui-fragments.min.css +1 -1
- package/style/dnb-ui-tags.css +0 -87
- package/style/dnb-ui-tags.min.css +1 -1
- package/style/dnb-ui-tags.scss +0 -1
- package/style/elements/anchor-mixins.scss +3 -3
- package/style/elements/anchor.scss +2 -2
- package/style/stylis.d.ts +20 -36
- package/style/stylis.js +1 -1
- package/style/themes/theme-eiendom/dnb-theme-eiendom.css +79 -19
- package/style/themes/theme-eiendom/dnb-theme-eiendom.min.css +1 -1
- package/style/themes/theme-eiendom/dnb-theme-eiendom.scss +1 -2
- package/style/themes/theme-sbanken/dnb-theme-sbanken.css +4978 -0
- package/style/themes/theme-sbanken/dnb-theme-sbanken.min.css +1 -0
- package/style/themes/theme-sbanken/dnb-theme-sbanken.scss +49 -0
- package/style/themes/theme-sbanken/fonts.scss +78 -0
- package/style/themes/theme-sbanken/properties.d.ts +89 -0
- package/style/themes/theme-sbanken/properties.js +88 -0
- package/style/themes/theme-sbanken/properties.scss +126 -0
- package/style/themes/theme-ui/dnb-theme-ui.css +78 -18
- package/style/themes/theme-ui/dnb-theme-ui.min.css +1 -1
- package/style/themes/theme-ui/dnb-theme-ui.scss +3 -2
- package/style/themes/theme-ui/dnb-ui-fonts.css +66 -0
- package/style/themes/theme-ui/dnb-ui-fonts.min.css +1 -0
- package/style/themes/theme-ui/dnb-ui-fonts.scss +7 -0
- package/style/themes/theme-ui/dnb-ui-properties.scss +8 -0
- package/style/themes/theme-ui/fonts.scss +78 -0
- 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 +1 -1
- package/umd/dnb-ui-lib.min.js +1 -1
- package/cjs/style/dnb-ui-fonts.css +0 -153
- package/cjs/style/dnb-ui-fonts.min.css +0 -1
- package/cjs/style/dnb-ui-fonts.scss +0 -9
- package/cjs/style/dnb-ui-properties.scss +0 -8
- package/es/style/dnb-ui-fonts.css +0 -153
- package/es/style/dnb-ui-fonts.min.css +0 -1
- package/es/style/dnb-ui-fonts.scss +0 -9
- package/es/style/dnb-ui-properties.scss +0 -8
- package/style/dnb-ui-fonts.css +0 -153
- package/style/dnb-ui-fonts.min.css +0 -1
- package/style/dnb-ui-fonts.scss +0 -9
- package/style/dnb-ui-properties.scss +0 -8
- /package/assets/fonts/{DNB-Bold.ttf → dnb/DNB-Bold.ttf} +0 -0
- /package/assets/fonts/{DNB-Bold.woff → dnb/DNB-Bold.woff} +0 -0
- /package/assets/fonts/{DNB-Bold.woff2 → dnb/DNB-Bold.woff2} +0 -0
- /package/assets/fonts/{DNB-Light.ttf → dnb/DNB-Light.ttf} +0 -0
- /package/assets/fonts/{DNB-Light.woff → dnb/DNB-Light.woff} +0 -0
- /package/assets/fonts/{DNB-Light.woff2 → dnb/DNB-Light.woff2} +0 -0
- /package/assets/fonts/{DNB-Medium.ttf → dnb/DNB-Medium.ttf} +0 -0
- /package/assets/fonts/{DNB-Medium.woff → dnb/DNB-Medium.woff} +0 -0
- /package/assets/fonts/{DNB-Medium.woff2 → dnb/DNB-Medium.woff2} +0 -0
- /package/assets/fonts/{DNB-Regular.ttf → dnb/DNB-Regular.ttf} +0 -0
- /package/assets/fonts/{DNB-Regular.woff → dnb/DNB-Regular.woff} +0 -0
- /package/assets/fonts/{DNB-Regular.woff2 → dnb/DNB-Regular.woff2} +0 -0
- /package/assets/fonts/{DNBMono-Bold.ttf → dnb/DNBMono-Bold.ttf} +0 -0
- /package/assets/fonts/{DNBMono-Bold.woff → dnb/DNBMono-Bold.woff} +0 -0
- /package/assets/fonts/{DNBMono-Bold.woff2 → dnb/DNBMono-Bold.woff2} +0 -0
- /package/assets/fonts/{DNBMono-Light.ttf → dnb/DNBMono-Light.ttf} +0 -0
- /package/assets/fonts/{DNBMono-Light.woff → dnb/DNBMono-Light.woff} +0 -0
- /package/assets/fonts/{DNBMono-Light.woff2 → dnb/DNBMono-Light.woff2} +0 -0
- /package/assets/fonts/{DNBMono-Medium.ttf → dnb/DNBMono-Medium.ttf} +0 -0
- /package/assets/fonts/{DNBMono-Medium.woff → dnb/DNBMono-Medium.woff} +0 -0
- /package/assets/fonts/{DNBMono-Medium.woff2 → dnb/DNBMono-Medium.woff2} +0 -0
- /package/assets/fonts/{DNBMono-Regular.ttf → dnb/DNBMono-Regular.ttf} +0 -0
- /package/assets/fonts/{DNBMono-Regular.woff → dnb/DNBMono-Regular.woff} +0 -0
- /package/assets/fonts/{DNBMono-Regular.woff2 → dnb/DNBMono-Regular.woff2} +0 -0
- /package/assets/fonts/{skeleton → dnb/skeleton}/DNB-Skeleton-Bold.otf +0 -0
- /package/assets/fonts/{skeleton → dnb/skeleton}/DNB-Skeleton-Bold.ttf +0 -0
- /package/assets/fonts/{skeleton → dnb/skeleton}/DNB-Skeleton-Bold.woff +0 -0
- /package/assets/fonts/{skeleton → dnb/skeleton}/DNB-Skeleton-Bold.woff2 +0 -0
- /package/assets/fonts/{skeleton → dnb/skeleton}/DNB-Skeleton-Light.otf +0 -0
- /package/assets/fonts/{skeleton → dnb/skeleton}/DNB-Skeleton-Light.ttf +0 -0
- /package/assets/fonts/{skeleton → dnb/skeleton}/DNB-Skeleton-Light.woff +0 -0
- /package/assets/fonts/{skeleton → dnb/skeleton}/DNB-Skeleton-Light.woff2 +0 -0
- /package/assets/fonts/{skeleton → dnb/skeleton}/DNB-Skeleton-Medium.otf +0 -0
- /package/assets/fonts/{skeleton → dnb/skeleton}/DNB-Skeleton-Medium.ttf +0 -0
- /package/assets/fonts/{skeleton → dnb/skeleton}/DNB-Skeleton-Medium.woff +0 -0
- /package/assets/fonts/{skeleton → dnb/skeleton}/DNB-Skeleton-Medium.woff2 +0 -0
- /package/assets/fonts/{skeleton → dnb/skeleton}/DNB-Skeleton-Regular.otf +0 -0
- /package/assets/fonts/{skeleton → dnb/skeleton}/DNB-Skeleton-Regular.ttf +0 -0
- /package/assets/fonts/{skeleton → dnb/skeleton}/DNB-Skeleton-Regular.woff +0 -0
- /package/assets/fonts/{skeleton → dnb/skeleton}/DNB-Skeleton-Regular.woff2 +0 -0
- /package/assets/fonts/{skeleton → dnb/skeleton}/DNBMono-Skeleton-Bold.otf +0 -0
- /package/assets/fonts/{skeleton → dnb/skeleton}/DNBMono-Skeleton-Bold.ttf +0 -0
- /package/assets/fonts/{skeleton → dnb/skeleton}/DNBMono-Skeleton-Bold.woff +0 -0
- /package/assets/fonts/{skeleton → dnb/skeleton}/DNBMono-Skeleton-Bold.woff2 +0 -0
- /package/assets/fonts/{skeleton → dnb/skeleton}/DNBMono-Skeleton-Light.otf +0 -0
- /package/assets/fonts/{skeleton → dnb/skeleton}/DNBMono-Skeleton-Light.ttf +0 -0
- /package/assets/fonts/{skeleton → dnb/skeleton}/DNBMono-Skeleton-Light.woff +0 -0
- /package/assets/fonts/{skeleton → dnb/skeleton}/DNBMono-Skeleton-Light.woff2 +0 -0
- /package/assets/fonts/{skeleton → dnb/skeleton}/DNBMono-Skeleton-Medium.otf +0 -0
- /package/assets/fonts/{skeleton → dnb/skeleton}/DNBMono-Skeleton-Medium.ttf +0 -0
- /package/assets/fonts/{skeleton → dnb/skeleton}/DNBMono-Skeleton-Medium.woff +0 -0
- /package/assets/fonts/{skeleton → dnb/skeleton}/DNBMono-Skeleton-Medium.woff2 +0 -0
- /package/assets/fonts/{skeleton → dnb/skeleton}/DNBMono-Skeleton-Regular.otf +0 -0
- /package/assets/fonts/{skeleton → dnb/skeleton}/DNBMono-Skeleton-Regular.ttf +0 -0
- /package/assets/fonts/{skeleton → dnb/skeleton}/DNBMono-Skeleton-Regular.woff +0 -0
- /package/assets/fonts/{skeleton → dnb/skeleton}/DNBMono-Skeleton-Regular.woff2 +0 -0
- /package/cjs/style/{dnb-ui-properties.css → themes/theme-ui/dnb-ui-properties.css} +0 -0
- /package/cjs/style/{dnb-ui-properties.min.css → themes/theme-ui/dnb-ui-properties.min.css} +0 -0
- /package/cjs/style/{properties.d.ts → themes/theme-ui/properties.d.ts} +0 -0
- /package/cjs/style/{properties.js → themes/theme-ui/properties.js} +0 -0
- /package/cjs/style/{core → themes/theme-ui}/properties.scss +0 -0
- /package/es/style/{dnb-ui-properties.css → themes/theme-ui/dnb-ui-properties.css} +0 -0
- /package/es/style/{dnb-ui-properties.min.css → themes/theme-ui/dnb-ui-properties.min.css} +0 -0
- /package/es/style/{properties.d.ts → themes/theme-ui/properties.d.ts} +0 -0
- /package/es/style/{properties.js → themes/theme-ui/properties.js} +0 -0
- /package/es/style/{core → themes/theme-ui}/properties.scss +0 -0
- /package/style/{dnb-ui-properties.css → themes/theme-ui/dnb-ui-properties.css} +0 -0
- /package/style/{dnb-ui-properties.min.css → themes/theme-ui/dnb-ui-properties.min.css} +0 -0
- /package/style/{properties.d.ts → themes/theme-ui/properties.d.ts} +0 -0
- /package/style/{properties.js → themes/theme-ui/properties.js} +0 -0
- /package/style/{core → themes/theme-ui}/properties.scss +0 -0
package/elements/lib.d.ts
CHANGED
|
@@ -40,7 +40,7 @@ export { Anchor, Blockquote, Code, Dd, Div, Dl, Dt, H, H1, H2, H3, H4, H5, H6, H
|
|
|
40
40
|
export declare const getElements: () => {
|
|
41
41
|
Anchor: import("react").ForwardRefExoticComponent<Pick<import("./Anchor").AnchorProps & import("react").HTMLProps<HTMLAnchorElement> & import("../shared/types").SpacingElementProps & {
|
|
42
42
|
space?: import("../shared/types").SpaceType | import("../shared/types").SpacingElementProps;
|
|
43
|
-
}, "aria-hidden" | "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "accessKey" | "key" | "value" | "
|
|
43
|
+
}, "aria-hidden" | "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "accessKey" | "key" | "value" | "space" | "top" | "right" | "bottom" | "left" | "width" | "height" | "shape" | "skeleton" | "innerRef" | "children" | "list" | "tooltip" | "as" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "className" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "to" | "element" | "targetBlankTitle" | "omitClass" | "inner_ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
|
|
44
44
|
Blockquote: import("react").FC<import("./Blockquote").BlockquoteProps>;
|
|
45
45
|
Code: import("react").FC<import("./Code").CodeProps>;
|
|
46
46
|
Dd: import("react").ForwardRefExoticComponent<import("./Dd").DdProps & import("../shared/types").SpacingElementProps & {
|
|
@@ -70,7 +70,7 @@ export declare const getElements: () => {
|
|
|
70
70
|
Li: ({ className, ...p }?: import("./Li").LiAllProps) => JSX.Element;
|
|
71
71
|
Link: import("react").ForwardRefExoticComponent<Pick<import("./Anchor").AnchorProps & import("react").HTMLProps<HTMLAnchorElement> & import("../shared/types").SpacingElementProps & {
|
|
72
72
|
space?: import("../shared/types").SpaceType | import("../shared/types").SpacingElementProps;
|
|
73
|
-
}, "aria-hidden" | "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "accessKey" | "key" | "value" | "
|
|
73
|
+
}, "aria-hidden" | "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "accessKey" | "key" | "value" | "space" | "top" | "right" | "bottom" | "left" | "width" | "height" | "shape" | "skeleton" | "innerRef" | "children" | "list" | "tooltip" | "as" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "className" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "to" | "element" | "targetBlankTitle" | "omitClass" | "inner_ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
|
|
74
74
|
Ol: ({ nested, inside, outside, ...p }?: import("./Ol").OlAllProps) => JSX.Element;
|
|
75
75
|
P: import("react").FC<import("./P").PProps>;
|
|
76
76
|
Paragraph: (p: any) => JSX.Element;
|
|
@@ -1,25 +1,16 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
import type { ButtonIconPosition } from '../button';
|
|
3
|
+
import type { HeadingLevel } from '../Heading';
|
|
4
|
+
import type { IconPrimaryIcon, IconPrimarySize } from '../IconPrimary';
|
|
5
|
+
import type { SkeletonShow } from '../Skeleton';
|
|
6
|
+
import type { SpacingProps } from '../space/types';
|
|
2
7
|
import AccordionContent from './AccordionContent';
|
|
3
8
|
import AccordionHeader from './AccordionHeader';
|
|
4
9
|
import AccordionProvider from './AccordionProvider';
|
|
5
|
-
export type AccordionExpanded = string | boolean;
|
|
6
|
-
export type AccordionNoAnimation = string | boolean;
|
|
7
|
-
export type AccordionExpandedSsr = string | boolean;
|
|
8
|
-
export type AccordionPrerender = string | boolean;
|
|
9
|
-
export type AccordionPreventRerender = string | boolean;
|
|
10
|
-
export type AccordionPreventRerenderConditional = string | boolean;
|
|
11
|
-
export type AccordionRememberState = string | boolean;
|
|
12
|
-
export type AccordionFlushRememberedState = string | boolean;
|
|
13
|
-
export type AccordionSingleContainer = string | boolean;
|
|
14
10
|
export type AccordionVariant = 'plain' | 'default' | 'outlined' | 'filled';
|
|
15
|
-
export type AccordionAllowCloseAll = string | boolean;
|
|
16
|
-
export type AccordionDisabled = string | boolean;
|
|
17
|
-
export type AccordionSkeleton = string | boolean;
|
|
18
11
|
export type AccordionHeading = boolean | React.ReactNode;
|
|
19
|
-
export type AccordionHeadingLevel = string | number;
|
|
20
12
|
export type AccordionIcon =
|
|
21
|
-
|
|
|
22
|
-
| ((...args: any[]) => any)
|
|
13
|
+
| IconPrimaryIcon
|
|
23
14
|
| {
|
|
24
15
|
closed?: React.ReactNode | ((...args: any[]) => any);
|
|
25
16
|
|
|
@@ -29,81 +20,50 @@ export type AccordionIcon =
|
|
|
29
20
|
expanded?: React.ReactNode | ((...args: any[]) => any);
|
|
30
21
|
};
|
|
31
22
|
export type AccordionClosed = React.ReactNode | ((...args: any[]) => any);
|
|
32
|
-
export type AccordionIconPosition = 'left' | 'right';
|
|
33
23
|
export type AccordionAttributes = string | Record<string, unknown>;
|
|
34
|
-
export
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
| boolean
|
|
38
|
-
| {
|
|
39
|
-
/**
|
|
40
|
-
* Use spacing values like: `small`, `1rem`, `1` or , `16px`. Will use `margin-top`.
|
|
41
|
-
*/
|
|
42
|
-
top?: string | number | boolean;
|
|
43
|
-
|
|
44
|
-
/**
|
|
45
|
-
* Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-right`.
|
|
46
|
-
*/
|
|
47
|
-
right?: string | number | boolean;
|
|
48
|
-
|
|
49
|
-
/**
|
|
50
|
-
* Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-bottom`.
|
|
51
|
-
*/
|
|
52
|
-
bottom?: string | number | boolean;
|
|
53
|
-
|
|
54
|
-
/**
|
|
55
|
-
* Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-left`.
|
|
56
|
-
*/
|
|
57
|
-
left?: string | number | boolean;
|
|
58
|
-
};
|
|
59
|
-
export type AccordionTop = string | number | boolean;
|
|
60
|
-
export type AccordionRight = string | number | boolean;
|
|
61
|
-
export type AccordionBottom = string | number | boolean;
|
|
62
|
-
export type AccordionLeft = string | number | boolean;
|
|
63
|
-
/**
|
|
64
|
-
* NB: Do not change the docs (comments) in here. The docs are updated during build time by "generateTypes.js" and "fetchPropertiesFromDocs.js".
|
|
65
|
-
*/
|
|
66
|
-
|
|
67
|
-
export interface AccordionProps extends React.HTMLProps<HTMLElement> {
|
|
24
|
+
export interface AccordionProps
|
|
25
|
+
extends React.HTMLProps<HTMLElement>,
|
|
26
|
+
SpacingProps {
|
|
68
27
|
/**
|
|
69
28
|
* A title as a string or React element. It will be used as the button text.
|
|
70
29
|
*/
|
|
71
30
|
title?: React.ReactNode;
|
|
31
|
+
description?: React.ReactNode;
|
|
72
32
|
|
|
73
33
|
/**
|
|
74
34
|
* If set to `true` the accordion will be expanded as its initial state.
|
|
75
35
|
*/
|
|
76
|
-
expanded?:
|
|
36
|
+
expanded?: boolean;
|
|
77
37
|
|
|
78
38
|
/**
|
|
79
39
|
* If set to `true`, the open and close animation will be omitted.
|
|
80
40
|
*/
|
|
81
|
-
no_animation?:
|
|
41
|
+
no_animation?: boolean;
|
|
82
42
|
|
|
83
43
|
/**
|
|
84
44
|
* If set to `true` the accordion will be expanded during SSR. Can be potentially useful for SEO, although it will disturb client hydration, where React expects the same state. But that's mainly a technical aspect to consider.
|
|
85
45
|
*/
|
|
86
|
-
expanded_ssr?:
|
|
46
|
+
expanded_ssr?: boolean;
|
|
87
47
|
|
|
88
48
|
/**
|
|
89
49
|
* If set to `true` the content will be present, even the accordion is not expanded. Can be useful for assistive technology or SEO.
|
|
90
50
|
*/
|
|
91
|
-
prerender?:
|
|
51
|
+
prerender?: boolean;
|
|
92
52
|
|
|
93
53
|
/**
|
|
94
54
|
* If set to `true` the accordion component will not re-render its content – can be useful for widgets you don't have control of storing the temporary state during an interaction.
|
|
95
55
|
*/
|
|
96
|
-
prevent_rerender?:
|
|
56
|
+
prevent_rerender?: boolean;
|
|
97
57
|
|
|
98
58
|
/**
|
|
99
59
|
* Use this prop together with `prevent_rerender` – and if it is to `true`, the accordion component will re-render if the children are a new React element and does not match anymore the previews one.
|
|
100
60
|
*/
|
|
101
|
-
prevent_rerender_conditional?:
|
|
61
|
+
prevent_rerender_conditional?: boolean;
|
|
102
62
|
|
|
103
63
|
/**
|
|
104
64
|
* If set to `true`, it will remember a changed state initiated by the user. It requires a unique `id`. It will store the sate in the local storage.
|
|
105
65
|
*/
|
|
106
|
-
remember_state?:
|
|
66
|
+
remember_state?: boolean;
|
|
107
67
|
|
|
108
68
|
/**
|
|
109
69
|
* Send along a custom React Ref for `.dnb-accordion__content`.
|
|
@@ -113,12 +73,12 @@ export interface AccordionProps extends React.HTMLProps<HTMLElement> {
|
|
|
113
73
|
/**
|
|
114
74
|
* If set to `true`, the saved (remembered) will be removed and the initial component state will be used and set.
|
|
115
75
|
*/
|
|
116
|
-
flush_remembered_state?:
|
|
76
|
+
flush_remembered_state?: boolean;
|
|
117
77
|
|
|
118
78
|
/**
|
|
119
79
|
* If set to `true`, a group of accordions will be wrapped to sidebar looking menu for medium and larger screens.
|
|
120
80
|
*/
|
|
121
|
-
single_container?:
|
|
81
|
+
single_container?: boolean;
|
|
122
82
|
|
|
123
83
|
/**
|
|
124
84
|
* Defines the used styling. As of now, only `outlined` is available. Use `plain` for no styles. It defaults to `outlined`.
|
|
@@ -129,17 +89,17 @@ export interface AccordionProps extends React.HTMLProps<HTMLElement> {
|
|
|
129
89
|
* Will add a React element on the left side of the `title`, inside `AccordionHeaderContainer`.
|
|
130
90
|
*/
|
|
131
91
|
left_component?: React.ReactNode;
|
|
132
|
-
allow_close_all?:
|
|
92
|
+
allow_close_all?: boolean;
|
|
133
93
|
|
|
134
94
|
/**
|
|
135
95
|
* If set to `true`, the accordion button will be disabled (dimmed).
|
|
136
96
|
*/
|
|
137
|
-
disabled?:
|
|
97
|
+
disabled?: boolean;
|
|
138
98
|
|
|
139
99
|
/**
|
|
140
100
|
* If set to `true`, an overlaying skeleton with animation will be shown.
|
|
141
101
|
*/
|
|
142
|
-
skeleton?:
|
|
102
|
+
skeleton?: SkeletonShow;
|
|
143
103
|
|
|
144
104
|
/**
|
|
145
105
|
* A unique `id` that will be used on the button element. If you use `remember_state`, an id is required.
|
|
@@ -160,7 +120,7 @@ export interface AccordionProps extends React.HTMLProps<HTMLElement> {
|
|
|
160
120
|
/**
|
|
161
121
|
* If `heading` is set to `true`, you can provide a numeric value to define a different heading level. Defaults to `2`.
|
|
162
122
|
*/
|
|
163
|
-
heading_level?:
|
|
123
|
+
heading_level?: HeadingLevel;
|
|
164
124
|
|
|
165
125
|
/**
|
|
166
126
|
* Will replace the `chevron` icon. The icon will still rotate (by CSS). You can use an object to use two different icons, one for the closed state and one for the expanded state `{ closed, expanded }`.
|
|
@@ -171,42 +131,17 @@ export interface AccordionProps extends React.HTMLProps<HTMLElement> {
|
|
|
171
131
|
/**
|
|
172
132
|
* Will set the placement of the icon. Defaults to `left`.
|
|
173
133
|
*/
|
|
174
|
-
icon_position?:
|
|
134
|
+
icon_position?: ButtonIconPosition;
|
|
175
135
|
|
|
176
136
|
/**
|
|
177
137
|
* Define a different icon size. Defaults to `medium` (1.5rem).
|
|
178
138
|
*/
|
|
179
|
-
icon_size?:
|
|
139
|
+
icon_size?: IconPrimarySize;
|
|
180
140
|
attributes?: AccordionAttributes;
|
|
181
141
|
class?: string;
|
|
182
142
|
className?: string;
|
|
183
143
|
children?: React.ReactNode;
|
|
184
144
|
|
|
185
|
-
/**
|
|
186
|
-
* Has to be an object with either: `top`, `right`, `bottom` or `left`. Use spacing values like: `small`, `1rem`, `1` or , `16px`.
|
|
187
|
-
*/
|
|
188
|
-
space?: AccordionSpace;
|
|
189
|
-
|
|
190
|
-
/**
|
|
191
|
-
* Use spacing values like: `small`, `1rem`, `1` or , `16px`. Will use `margin-top`.
|
|
192
|
-
*/
|
|
193
|
-
top?: AccordionTop;
|
|
194
|
-
|
|
195
|
-
/**
|
|
196
|
-
* Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-right`.
|
|
197
|
-
*/
|
|
198
|
-
right?: AccordionRight;
|
|
199
|
-
|
|
200
|
-
/**
|
|
201
|
-
* Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-bottom`.
|
|
202
|
-
*/
|
|
203
|
-
bottom?: AccordionBottom;
|
|
204
|
-
|
|
205
|
-
/**
|
|
206
|
-
* Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-left`.
|
|
207
|
-
*/
|
|
208
|
-
left?: AccordionLeft;
|
|
209
|
-
|
|
210
145
|
/**
|
|
211
146
|
* Will be called by user click interaction. Returns an object with a boolean state `expanded` inside `{ expanded, id, event, ...event }`.
|
|
212
147
|
*/
|
|
@@ -221,14 +156,10 @@ export default class Accordion extends React.Component<
|
|
|
221
156
|
static Content = AccordionContent;
|
|
222
157
|
static Header = AccordionHeader;
|
|
223
158
|
static Provider = AccordionProvider;
|
|
159
|
+
static Group: (props: GroupProps) => JSX.Element;
|
|
224
160
|
render(): JSX.Element;
|
|
225
161
|
}
|
|
226
|
-
export type
|
|
227
|
-
/**
|
|
228
|
-
* NB: Do not change the docs (comments) in here. The docs are updated during build time by "generateTypes.js" and "fetchPropertiesFromDocs.js".
|
|
229
|
-
*/
|
|
230
|
-
|
|
231
|
-
export interface GroupProps {
|
|
162
|
+
export type GroupProps = {
|
|
232
163
|
/**
|
|
233
164
|
* A unique `id` that will be used on the button element. If you use `remember_state`, an id is required.
|
|
234
165
|
*/
|
|
@@ -238,8 +169,9 @@ export interface GroupProps {
|
|
|
238
169
|
/**
|
|
239
170
|
* If set to `true`, it will remember a changed state initiated by the user. It requires a unique `id`. It will store the sate in the local storage.
|
|
240
171
|
*/
|
|
241
|
-
remember_state?:
|
|
242
|
-
|
|
172
|
+
remember_state?: boolean;
|
|
173
|
+
children: React.ReactNode;
|
|
174
|
+
} & AccordionProps;
|
|
243
175
|
|
|
244
176
|
declare class Group extends React.Component<GroupProps, any> {
|
|
245
177
|
static defaultProps: object;
|
|
@@ -1,33 +1,12 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
|
|
3
|
-
| string
|
|
4
|
-
| number
|
|
5
|
-
| boolean
|
|
6
|
-
| {
|
|
7
|
-
top?: string | number | boolean;
|
|
8
|
-
right?: string | number | boolean;
|
|
9
|
-
bottom?: string | number | boolean;
|
|
10
|
-
left?: string | number | boolean;
|
|
11
|
-
};
|
|
12
|
-
export type AccordionContentTop = string | number | boolean;
|
|
13
|
-
export type AccordionContentRight = string | number | boolean;
|
|
14
|
-
export type AccordionContentBottom = string | number | boolean;
|
|
15
|
-
export type AccordionContentLeft = string | number | boolean;
|
|
2
|
+
import type { SpacingProps } from '../space/types';
|
|
16
3
|
export type AccordionContentChildren =
|
|
17
4
|
| React.ReactNode
|
|
18
5
|
| ((...args: any[]) => any);
|
|
19
|
-
/**
|
|
20
|
-
* NB: Do not change the docs (comments) in here. The docs are updated during build time by "generateTypes.js" and "fetchPropertiesFromDocs.js".
|
|
21
|
-
*/
|
|
22
|
-
|
|
23
6
|
export interface AccordionContentProps
|
|
24
|
-
extends React.HTMLProps<HTMLElement
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
top?: AccordionContentTop;
|
|
28
|
-
right?: AccordionContentRight;
|
|
29
|
-
bottom?: AccordionContentBottom;
|
|
30
|
-
left?: AccordionContentLeft;
|
|
7
|
+
extends React.HTMLProps<HTMLElement>,
|
|
8
|
+
SpacingProps {
|
|
9
|
+
instance?: React.LegacyRef;
|
|
31
10
|
className?: string;
|
|
32
11
|
children?: AccordionContentChildren;
|
|
33
12
|
}
|
|
@@ -1,96 +1,22 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
bottom?: string | number | boolean;
|
|
10
|
-
left?: string | number | boolean;
|
|
11
|
-
};
|
|
12
|
-
export type AccordionHeaderTitleTop = string | number | boolean;
|
|
13
|
-
export type AccordionHeaderTitleRight = string | number | boolean;
|
|
14
|
-
export type AccordionHeaderTitleBottom = string | number | boolean;
|
|
15
|
-
export type AccordionHeaderTitleLeft = string | number | boolean;
|
|
16
|
-
/**
|
|
17
|
-
* NB: Do not change the docs (comments) in here. The docs are updated during build time by "generateTypes.js" and "fetchPropertiesFromDocs.js".
|
|
18
|
-
*/
|
|
19
|
-
|
|
20
|
-
export interface AccordionHeaderTitleProps {
|
|
21
|
-
space?: AccordionHeaderTitleSpace;
|
|
22
|
-
top?: AccordionHeaderTitleTop;
|
|
23
|
-
right?: AccordionHeaderTitleRight;
|
|
24
|
-
bottom?: AccordionHeaderTitleBottom;
|
|
25
|
-
left?: AccordionHeaderTitleLeft;
|
|
2
|
+
import type { ButtonIconPosition } from '../button';
|
|
3
|
+
import type { HeadingLevel } from '../Heading';
|
|
4
|
+
import type { IconPrimarySize } from '../IconPrimary';
|
|
5
|
+
import type { SkeletonShow } from '../Skeleton';
|
|
6
|
+
import type { SpacingProps } from '../space/types';
|
|
7
|
+
import type { AccordionIcon } from './Accordion';
|
|
8
|
+
export interface AccordionHeaderTitleProps extends SpacingProps {
|
|
26
9
|
children?: React.ReactNode;
|
|
27
10
|
}
|
|
28
11
|
declare const AccordionHeaderTitle: React.FC<AccordionHeaderTitleProps>;
|
|
29
|
-
export
|
|
30
|
-
| string
|
|
31
|
-
| number
|
|
32
|
-
| boolean
|
|
33
|
-
| {
|
|
34
|
-
top?: string | number | boolean;
|
|
35
|
-
right?: string | number | boolean;
|
|
36
|
-
bottom?: string | number | boolean;
|
|
37
|
-
left?: string | number | boolean;
|
|
38
|
-
};
|
|
39
|
-
export type AccordionHeaderDescriptionTop = string | number | boolean;
|
|
40
|
-
export type AccordionHeaderDescriptionRight = string | number | boolean;
|
|
41
|
-
export type AccordionHeaderDescriptionBottom = string | number | boolean;
|
|
42
|
-
export type AccordionHeaderDescriptionLeft = string | number | boolean;
|
|
43
|
-
/**
|
|
44
|
-
* NB: Do not change the docs (comments) in here. The docs are updated during build time by "generateTypes.js" and "fetchPropertiesFromDocs.js".
|
|
45
|
-
*/
|
|
46
|
-
|
|
47
|
-
export interface AccordionHeaderDescriptionProps {
|
|
48
|
-
space?: AccordionHeaderDescriptionSpace;
|
|
49
|
-
top?: AccordionHeaderDescriptionTop;
|
|
50
|
-
right?: AccordionHeaderDescriptionRight;
|
|
51
|
-
bottom?: AccordionHeaderDescriptionBottom;
|
|
52
|
-
left?: AccordionHeaderDescriptionLeft;
|
|
12
|
+
export interface AccordionHeaderDescriptionProps extends SpacingProps {
|
|
53
13
|
children?: React.ReactNode;
|
|
54
14
|
}
|
|
55
15
|
declare const AccordionHeaderDescription: React.FC<AccordionHeaderDescriptionProps>;
|
|
56
|
-
export
|
|
57
|
-
| string
|
|
58
|
-
| number
|
|
59
|
-
| boolean
|
|
60
|
-
| {
|
|
61
|
-
top?: string | number | boolean;
|
|
62
|
-
right?: string | number | boolean;
|
|
63
|
-
bottom?: string | number | boolean;
|
|
64
|
-
left?: string | number | boolean;
|
|
65
|
-
};
|
|
66
|
-
export type AccordionHeaderContainerTop = string | number | boolean;
|
|
67
|
-
export type AccordionHeaderContainerRight = string | number | boolean;
|
|
68
|
-
export type AccordionHeaderContainerBottom = string | number | boolean;
|
|
69
|
-
export type AccordionHeaderContainerLeft = string | number | boolean;
|
|
70
|
-
/**
|
|
71
|
-
* NB: Do not change the docs (comments) in here. The docs are updated during build time by "generateTypes.js" and "fetchPropertiesFromDocs.js".
|
|
72
|
-
*/
|
|
73
|
-
|
|
74
|
-
export interface AccordionHeaderContainerProps {
|
|
75
|
-
space?: AccordionHeaderContainerSpace;
|
|
76
|
-
top?: AccordionHeaderContainerTop;
|
|
77
|
-
right?: AccordionHeaderContainerRight;
|
|
78
|
-
bottom?: AccordionHeaderContainerBottom;
|
|
79
|
-
left?: AccordionHeaderContainerLeft;
|
|
16
|
+
export interface AccordionHeaderContainerProps extends SpacingProps {
|
|
80
17
|
children?: React.ReactNode;
|
|
81
18
|
}
|
|
82
19
|
declare const AccordionHeaderContainer: React.FC<AccordionHeaderContainerProps>;
|
|
83
|
-
export type AccordionHeaderIconIcon =
|
|
84
|
-
| React.ReactNode
|
|
85
|
-
| ((...args: any[]) => any)
|
|
86
|
-
| {
|
|
87
|
-
closed?: React.ReactNode | ((...args: any[]) => any);
|
|
88
|
-
expanded?: React.ReactNode | ((...args: any[]) => any);
|
|
89
|
-
};
|
|
90
|
-
/**
|
|
91
|
-
* NB: Do not change the docs (comments) in here. The docs are updated during build time by "generateTypes.js" and "fetchPropertiesFromDocs.js".
|
|
92
|
-
*/
|
|
93
|
-
|
|
94
20
|
export interface AccordionHeaderIconProps {
|
|
95
21
|
icon?: AccordionHeaderIconIcon;
|
|
96
22
|
size?: string;
|
|
@@ -118,7 +44,6 @@ export type AccordionHeaderHeading =
|
|
|
118
44
|
| string
|
|
119
45
|
| React.ReactNode
|
|
120
46
|
| ((...args: any[]) => any);
|
|
121
|
-
export type AccordionHeaderHeadingLevel = string | number;
|
|
122
47
|
export type AccordionHeaderIcon =
|
|
123
48
|
| React.ReactNode
|
|
124
49
|
| ((...args: any[]) => any)
|
|
@@ -126,51 +51,25 @@ export type AccordionHeaderIcon =
|
|
|
126
51
|
closed?: React.ReactNode | ((...args: any[]) => any);
|
|
127
52
|
expanded?: React.ReactNode | ((...args: any[]) => any);
|
|
128
53
|
};
|
|
129
|
-
export type AccordionHeaderIconPosition = 'left' | 'right';
|
|
130
|
-
export type AccordionHeaderDisabled = string | boolean;
|
|
131
|
-
export type AccordionHeaderSkeleton = string | boolean;
|
|
132
|
-
export type AccordionHeaderNoAnimation = string | boolean;
|
|
133
|
-
export type AccordionHeaderSpace =
|
|
134
|
-
| string
|
|
135
|
-
| number
|
|
136
|
-
| boolean
|
|
137
|
-
| {
|
|
138
|
-
top?: string | number | boolean;
|
|
139
|
-
right?: string | number | boolean;
|
|
140
|
-
bottom?: string | number | boolean;
|
|
141
|
-
left?: string | number | boolean;
|
|
142
|
-
};
|
|
143
|
-
export type AccordionHeaderTop = string | number | boolean;
|
|
144
|
-
export type AccordionHeaderRight = string | number | boolean;
|
|
145
|
-
export type AccordionHeaderBottom = string | number | boolean;
|
|
146
|
-
export type AccordionHeaderLeft = string | number | boolean;
|
|
147
54
|
export type AccordionHeaderChildren =
|
|
148
55
|
| string
|
|
149
56
|
| React.ReactNode
|
|
150
57
|
| ((...args: any[]) => any);
|
|
151
|
-
/**
|
|
152
|
-
* NB: Do not change the docs (comments) in here. The docs are updated during build time by "generateTypes.js" and "fetchPropertiesFromDocs.js".
|
|
153
|
-
*/
|
|
154
|
-
|
|
155
58
|
export interface AccordionHeaderProps
|
|
156
|
-
extends React.HTMLProps<HTMLElement
|
|
59
|
+
extends React.HTMLProps<HTMLElement>,
|
|
60
|
+
SpacingProps {
|
|
157
61
|
title?: AccordionHeaderTitle;
|
|
158
62
|
description?: AccordionHeaderDescription;
|
|
159
63
|
left_component?: AccordionHeaderLeftComponent;
|
|
160
64
|
element?: AccordionHeaderElement;
|
|
161
65
|
heading?: AccordionHeaderHeading;
|
|
162
|
-
heading_level?:
|
|
163
|
-
icon?:
|
|
164
|
-
icon_position?:
|
|
165
|
-
icon_size?:
|
|
166
|
-
disabled?:
|
|
167
|
-
skeleton?:
|
|
168
|
-
no_animation?:
|
|
169
|
-
space?: AccordionHeaderSpace;
|
|
170
|
-
top?: AccordionHeaderTop;
|
|
171
|
-
right?: AccordionHeaderRight;
|
|
172
|
-
bottom?: AccordionHeaderBottom;
|
|
173
|
-
left?: AccordionHeaderLeft;
|
|
66
|
+
heading_level?: HeadingLevel;
|
|
67
|
+
icon?: AccordionIcon;
|
|
68
|
+
icon_position?: ButtonIconPosition;
|
|
69
|
+
icon_size?: IconPrimarySize;
|
|
70
|
+
disabled?: boolean;
|
|
71
|
+
skeleton?: SkeletonShow;
|
|
72
|
+
no_animation?: boolean;
|
|
174
73
|
className?: string;
|
|
175
74
|
children?: AccordionHeaderChildren;
|
|
176
75
|
}
|
|
@@ -179,5 +78,20 @@ export default class AccordionHeader extends React.Component<
|
|
|
179
78
|
any
|
|
180
79
|
> {
|
|
181
80
|
static defaultProps: object;
|
|
81
|
+
static Container: ({
|
|
82
|
+
children
|
|
83
|
+
}: {
|
|
84
|
+
children: React.ReactNode;
|
|
85
|
+
}) => JSX.Element;
|
|
86
|
+
static Title: ({
|
|
87
|
+
children
|
|
88
|
+
}: {
|
|
89
|
+
children: React.ReactNode;
|
|
90
|
+
}) => JSX.Element;
|
|
91
|
+
static Description: ({
|
|
92
|
+
children
|
|
93
|
+
}: {
|
|
94
|
+
children: React.ReactNode;
|
|
95
|
+
}) => JSX.Element;
|
|
182
96
|
render(): JSX.Element;
|
|
183
97
|
}
|