@navikt/ds-react 7.40.0 → 8.0.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/cjs/accordion/Accordion.d.ts +15 -7
- package/cjs/accordion/Accordion.js +4 -4
- package/cjs/accordion/Accordion.js.map +1 -1
- package/cjs/accordion/AccordionContent.js +3 -2
- package/cjs/accordion/AccordionContent.js.map +1 -1
- package/cjs/accordion/AccordionContext.d.ts +1 -2
- package/cjs/accordion/AccordionContext.js +0 -1
- package/cjs/accordion/AccordionContext.js.map +1 -1
- package/cjs/accordion/AccordionHeader.js +2 -9
- package/cjs/accordion/AccordionHeader.js.map +1 -1
- package/cjs/accordion/AccordionItem.js +0 -1
- package/cjs/accordion/AccordionItem.js.map +1 -1
- package/cjs/alert/base-alert/root/BaseAlertRoot.d.ts +3 -1
- package/cjs/alert/base-alert/root/BaseAlertRoot.js.map +1 -1
- package/cjs/alert/global-alert/root/GlobalAlertRoot.d.ts +4 -0
- package/cjs/alert/global-alert/root/GlobalAlertRoot.js.map +1 -1
- package/cjs/alert/local-alert/root/LocalAlertRoot.d.ts +4 -0
- package/cjs/alert/local-alert/root/LocalAlertRoot.js.map +1 -1
- package/cjs/button/Button.d.ts +14 -1
- package/cjs/button/Button.js +1 -1
- package/cjs/button/Button.js.map +1 -1
- package/cjs/chat/Chat.d.ts +11 -3
- package/cjs/chat/Chat.js.map +1 -1
- package/cjs/chips/Chips.d.ts +17 -17
- package/cjs/chips/Chips.js +17 -17
- package/cjs/chips/Removable.d.ts +8 -2
- package/cjs/chips/Removable.js +1 -11
- package/cjs/chips/Removable.js.map +1 -1
- package/cjs/chips/Toggle.d.ts +8 -2
- package/cjs/chips/Toggle.js +2 -11
- package/cjs/chips/Toggle.js.map +1 -1
- package/cjs/collapsible/Collapsible.d.ts +1 -1
- package/cjs/collapsible/Collapsible.js +1 -1
- package/cjs/copybutton/CopyButton.d.ts +13 -2
- package/cjs/copybutton/CopyButton.js +12 -27
- package/cjs/copybutton/CopyButton.js.map +1 -1
- package/cjs/date/Date.Dialog.js +1 -1
- package/cjs/date/Date.Dialog.js.map +1 -1
- package/cjs/dropdown/Menu/index.js +1 -1
- package/cjs/dropdown/Menu/index.js.map +1 -1
- package/cjs/expansion-card/ExpansionCard.d.ts +7 -0
- package/cjs/expansion-card/ExpansionCard.js +0 -1
- package/cjs/expansion-card/ExpansionCard.js.map +1 -1
- package/cjs/expansion-card/ExpansionCardHeader.js +1 -1
- package/cjs/expansion-card/ExpansionCardHeader.js.map +1 -1
- package/cjs/form/checkbox/Checkbox.js +32 -73
- package/cjs/form/checkbox/Checkbox.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/FilteredOptions.js +2 -4
- package/cjs/form/combobox/FilteredOptions/FilteredOptions.js.map +1 -1
- package/cjs/form/combobox/SelectedOptions/SelectedOptions.js +1 -1
- package/cjs/form/combobox/SelectedOptions/SelectedOptions.js.map +1 -1
- package/cjs/form/file-upload/parts/dropzone/Dropzone.js +2 -2
- package/cjs/form/file-upload/parts/dropzone/Dropzone.js.map +1 -1
- package/cjs/form/file-upload/parts/item/Item.js +5 -20
- package/cjs/form/file-upload/parts/item/Item.js.map +1 -1
- package/cjs/form/file-upload/parts/item/ItemActionField.d.ts +13 -0
- package/cjs/form/file-upload/parts/item/ItemActionField.js +39 -0
- package/cjs/form/file-upload/parts/item/ItemActionField.js.map +1 -0
- package/cjs/form/file-upload/parts/item/{ItemName.d.ts → ItemHeader.d.ts} +2 -2
- package/cjs/form/file-upload/parts/item/ItemHeader.js +46 -0
- package/cjs/form/file-upload/parts/item/ItemHeader.js.map +1 -0
- package/cjs/form/file-upload/parts/item/ItemIcon.d.ts +1 -3
- package/cjs/form/file-upload/parts/item/ItemIcon.js +1 -10
- package/cjs/form/file-upload/parts/item/ItemIcon.js.map +1 -1
- package/cjs/form/form-summary/FormSummaryAnswer.js +2 -1
- package/cjs/form/form-summary/FormSummaryAnswer.js.map +1 -1
- package/cjs/form/form-summary/FormSummaryAnswers.js +5 -2
- package/cjs/form/form-summary/FormSummaryAnswers.js.map +1 -1
- package/cjs/form/form-summary/FormSummaryFooter.js +1 -1
- package/cjs/form/form-summary/FormSummaryFooter.js.map +1 -1
- package/cjs/form/radio/Radio.js +5 -18
- package/cjs/form/radio/Radio.js.map +1 -1
- package/cjs/form/search/Search.d.ts +6 -0
- package/cjs/form/search/Search.js +1 -4
- package/cjs/form/search/Search.js.map +1 -1
- package/cjs/guide-panel/GuidePanel.js +5 -10
- package/cjs/guide-panel/GuidePanel.js.map +1 -1
- package/cjs/guide-panel/Illustration.d.ts +1 -1
- package/cjs/guide-panel/Illustration.js +20 -15
- package/cjs/guide-panel/Illustration.js.map +1 -1
- package/cjs/help-text/HelpText.d.ts +10 -0
- package/cjs/help-text/HelpText.js +1 -2
- package/cjs/help-text/HelpText.js.map +1 -1
- package/cjs/help-text/HelpTextIcon.js +1 -3
- package/cjs/help-text/HelpTextIcon.js.map +1 -1
- package/cjs/inline-message/root/InlineMessage.d.ts +4 -0
- package/cjs/inline-message/root/InlineMessage.js.map +1 -1
- package/cjs/internal-header/InternalHeader.js +2 -6
- package/cjs/internal-header/InternalHeader.js.map +1 -1
- package/cjs/layout/base/BasePrimitive.d.ts +11 -11
- package/cjs/layout/base/BasePrimitive.js +1 -3
- package/cjs/layout/base/BasePrimitive.js.map +1 -1
- package/cjs/layout/bleed/Bleed.d.ts +7 -7
- package/cjs/layout/bleed/Bleed.js +3 -5
- package/cjs/layout/bleed/Bleed.js.map +1 -1
- package/cjs/layout/box/Box.d.ts +22 -12
- package/cjs/layout/box/Box.darkside.d.ts +16 -14
- package/cjs/layout/box/Box.darkside.js +11 -7
- package/cjs/layout/box/Box.darkside.js.map +1 -1
- package/cjs/layout/box/Box.js +14 -32
- package/cjs/layout/box/Box.js.map +1 -1
- package/cjs/layout/grid/HGrid.d.ts +4 -4
- package/cjs/layout/grid/HGrid.js +4 -6
- package/cjs/layout/grid/HGrid.js.map +1 -1
- package/cjs/layout/page/Page.d.ts +4 -8
- package/cjs/layout/page/Page.js +3 -9
- package/cjs/layout/page/Page.js.map +1 -1
- package/cjs/layout/stack/Stack.d.ts +1 -1
- package/cjs/layout/stack/Stack.js +1 -3
- package/cjs/layout/stack/Stack.js.map +1 -1
- package/cjs/layout/utilities/css.d.ts +2 -2
- package/cjs/layout/utilities/css.js +13 -53
- package/cjs/layout/utilities/css.js.map +1 -1
- package/cjs/layout/utilities/types.d.ts +3 -7
- package/cjs/link/Link.d.ts +11 -2
- package/cjs/link/Link.js +1 -14
- package/cjs/link/Link.js.map +1 -1
- package/cjs/link-card/LinkCard.d.ts +9 -0
- package/cjs/link-card/LinkCard.js.map +1 -1
- package/cjs/list/List.js +1 -21
- package/cjs/list/List.js.map +1 -1
- package/cjs/list/List.types.d.ts +2 -14
- package/cjs/loader/Loader.d.ts +4 -1
- package/cjs/loader/Loader.js.map +1 -1
- package/cjs/modal/Modal.js +0 -5
- package/cjs/modal/Modal.js.map +1 -1
- package/cjs/modal/ModalUtils.d.ts +1 -3
- package/cjs/modal/ModalUtils.js +1 -38
- package/cjs/modal/ModalUtils.js.map +1 -1
- package/cjs/overlays/action-menu/ActionMenu.js +14 -24
- package/cjs/overlays/action-menu/ActionMenu.js.map +1 -1
- package/cjs/overlays/floating/Floating.js +5 -5
- package/cjs/overlays/floating/Floating.js.map +1 -1
- package/cjs/pagination/Pagination.d.ts +12 -5
- package/cjs/pagination/Pagination.js +3 -10
- package/cjs/pagination/Pagination.js.map +1 -1
- package/cjs/pagination/PaginationItem.js +1 -2
- package/cjs/pagination/PaginationItem.js.map +1 -1
- package/cjs/panel/Panel.d.ts +2 -2
- package/cjs/panel/Panel.js +2 -2
- package/cjs/popover/Popover.d.ts +2 -3
- package/cjs/popover/Popover.js +6 -18
- package/cjs/popover/Popover.js.map +1 -1
- package/cjs/portal/Portal.js +2 -5
- package/cjs/portal/Portal.js.map +1 -1
- package/cjs/progress-bar/ProgressBar.d.ts +7 -0
- package/cjs/progress-bar/ProgressBar.js +2 -2
- package/cjs/progress-bar/ProgressBar.js.map +1 -1
- package/cjs/read-more/ReadMore.d.ts +11 -0
- package/cjs/read-more/ReadMore.js.map +1 -1
- package/cjs/stepper/Stepper.js +2 -7
- package/cjs/stepper/Stepper.js.map +1 -1
- package/cjs/tag/Tag.d.ts +12 -1
- package/cjs/tag/Tag.js +5 -2
- package/cjs/tag/Tag.js.map +1 -1
- package/cjs/theme/Theme.d.ts +9 -9
- package/cjs/theme/Theme.js +10 -10
- package/cjs/theme/Theme.js.map +1 -1
- package/cjs/timeline/period/index.d.ts +8 -0
- package/cjs/timeline/period/index.js.map +1 -1
- package/cjs/toggle-group/ToggleGroup.js +2 -10
- package/cjs/toggle-group/ToggleGroup.js.map +1 -1
- package/cjs/toggle-group/ToggleGroup.types.d.ts +11 -2
- package/cjs/typography/BodyLong.d.ts +9 -0
- package/cjs/typography/BodyLong.js.map +1 -1
- package/cjs/typography/BodyShort.d.ts +9 -0
- package/cjs/typography/BodyShort.js.map +1 -1
- package/cjs/typography/Detail.d.ts +9 -0
- package/cjs/typography/Detail.js.map +1 -1
- package/cjs/typography/Heading.d.ts +9 -0
- package/cjs/typography/Heading.js.map +1 -1
- package/cjs/typography/Label.d.ts +9 -0
- package/cjs/typography/Label.js.map +1 -1
- package/cjs/typography/types.d.ts +1 -1
- package/cjs/util/TextareaAutoSize.js +1 -3
- package/cjs/util/TextareaAutoSize.js.map +1 -1
- package/esm/accordion/Accordion.d.ts +15 -7
- package/esm/accordion/Accordion.js +4 -4
- package/esm/accordion/Accordion.js.map +1 -1
- package/esm/accordion/AccordionContent.js +3 -2
- package/esm/accordion/AccordionContent.js.map +1 -1
- package/esm/accordion/AccordionContext.d.ts +1 -2
- package/esm/accordion/AccordionContext.js +0 -1
- package/esm/accordion/AccordionContext.js.map +1 -1
- package/esm/accordion/AccordionHeader.js +3 -10
- package/esm/accordion/AccordionHeader.js.map +1 -1
- package/esm/accordion/AccordionItem.js +0 -1
- package/esm/accordion/AccordionItem.js.map +1 -1
- package/esm/alert/base-alert/root/BaseAlertRoot.d.ts +3 -1
- package/esm/alert/base-alert/root/BaseAlertRoot.js.map +1 -1
- package/esm/alert/global-alert/root/GlobalAlertRoot.d.ts +4 -0
- package/esm/alert/global-alert/root/GlobalAlertRoot.js.map +1 -1
- package/esm/alert/local-alert/root/LocalAlertRoot.d.ts +4 -0
- package/esm/alert/local-alert/root/LocalAlertRoot.js.map +1 -1
- package/esm/button/Button.d.ts +14 -1
- package/esm/button/Button.js +1 -1
- package/esm/button/Button.js.map +1 -1
- package/esm/chat/Chat.d.ts +11 -3
- package/esm/chat/Chat.js.map +1 -1
- package/esm/chips/Chips.d.ts +17 -17
- package/esm/chips/Chips.js +17 -17
- package/esm/chips/Removable.d.ts +8 -2
- package/esm/chips/Removable.js +2 -12
- package/esm/chips/Removable.js.map +1 -1
- package/esm/chips/Toggle.d.ts +8 -2
- package/esm/chips/Toggle.js +3 -12
- package/esm/chips/Toggle.js.map +1 -1
- package/esm/collapsible/Collapsible.d.ts +1 -1
- package/esm/collapsible/Collapsible.js +1 -1
- package/esm/copybutton/CopyButton.d.ts +13 -2
- package/esm/copybutton/CopyButton.js +13 -28
- package/esm/copybutton/CopyButton.js.map +1 -1
- package/esm/date/Date.Dialog.js +1 -1
- package/esm/date/Date.Dialog.js.map +1 -1
- package/esm/dropdown/Menu/index.js +1 -1
- package/esm/dropdown/Menu/index.js.map +1 -1
- package/esm/expansion-card/ExpansionCard.d.ts +7 -0
- package/esm/expansion-card/ExpansionCard.js +0 -1
- package/esm/expansion-card/ExpansionCard.js.map +1 -1
- package/esm/expansion-card/ExpansionCardHeader.js +1 -1
- package/esm/expansion-card/ExpansionCardHeader.js.map +1 -1
- package/esm/form/checkbox/Checkbox.js +33 -74
- package/esm/form/checkbox/Checkbox.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/FilteredOptions.js +3 -5
- package/esm/form/combobox/FilteredOptions/FilteredOptions.js.map +1 -1
- package/esm/form/combobox/SelectedOptions/SelectedOptions.js +1 -1
- package/esm/form/combobox/SelectedOptions/SelectedOptions.js.map +1 -1
- package/esm/form/file-upload/parts/dropzone/Dropzone.js +2 -2
- package/esm/form/file-upload/parts/dropzone/Dropzone.js.map +1 -1
- package/esm/form/file-upload/parts/item/Item.js +6 -18
- package/esm/form/file-upload/parts/item/Item.js.map +1 -1
- package/esm/form/file-upload/parts/item/ItemActionField.d.ts +13 -0
- package/esm/form/file-upload/parts/item/ItemActionField.js +34 -0
- package/esm/form/file-upload/parts/item/ItemActionField.js.map +1 -0
- package/esm/form/file-upload/parts/item/{ItemName.d.ts → ItemHeader.d.ts} +2 -2
- package/esm/form/file-upload/parts/item/ItemHeader.js +40 -0
- package/esm/form/file-upload/parts/item/ItemHeader.js.map +1 -0
- package/esm/form/file-upload/parts/item/ItemIcon.d.ts +1 -3
- package/esm/form/file-upload/parts/item/ItemIcon.js +2 -11
- package/esm/form/file-upload/parts/item/ItemIcon.js.map +1 -1
- package/esm/form/form-summary/FormSummaryAnswer.js +3 -2
- package/esm/form/form-summary/FormSummaryAnswer.js.map +1 -1
- package/esm/form/form-summary/FormSummaryAnswers.js +5 -2
- package/esm/form/form-summary/FormSummaryAnswers.js.map +1 -1
- package/esm/form/form-summary/FormSummaryFooter.js +1 -1
- package/esm/form/form-summary/FormSummaryFooter.js.map +1 -1
- package/esm/form/radio/Radio.js +6 -19
- package/esm/form/radio/Radio.js.map +1 -1
- package/esm/form/search/Search.d.ts +6 -0
- package/esm/form/search/Search.js +2 -5
- package/esm/form/search/Search.js.map +1 -1
- package/esm/guide-panel/GuidePanel.js +6 -11
- package/esm/guide-panel/GuidePanel.js.map +1 -1
- package/esm/guide-panel/Illustration.d.ts +1 -1
- package/esm/guide-panel/Illustration.js +18 -13
- package/esm/guide-panel/Illustration.js.map +1 -1
- package/esm/help-text/HelpText.d.ts +10 -0
- package/esm/help-text/HelpText.js +2 -3
- package/esm/help-text/HelpText.js.map +1 -1
- package/esm/help-text/HelpTextIcon.js +1 -3
- package/esm/help-text/HelpTextIcon.js.map +1 -1
- package/esm/inline-message/root/InlineMessage.d.ts +4 -0
- package/esm/inline-message/root/InlineMessage.js.map +1 -1
- package/esm/internal-header/InternalHeader.js +3 -7
- package/esm/internal-header/InternalHeader.js.map +1 -1
- package/esm/layout/base/BasePrimitive.d.ts +11 -11
- package/esm/layout/base/BasePrimitive.js +2 -4
- package/esm/layout/base/BasePrimitive.js.map +1 -1
- package/esm/layout/bleed/Bleed.d.ts +7 -7
- package/esm/layout/bleed/Bleed.js +4 -6
- package/esm/layout/bleed/Bleed.js.map +1 -1
- package/esm/layout/box/Box.d.ts +22 -12
- package/esm/layout/box/Box.darkside.d.ts +16 -14
- package/esm/layout/box/Box.darkside.js +11 -7
- package/esm/layout/box/Box.darkside.js.map +1 -1
- package/esm/layout/box/Box.js +15 -33
- package/esm/layout/box/Box.js.map +1 -1
- package/esm/layout/grid/HGrid.d.ts +4 -4
- package/esm/layout/grid/HGrid.js +5 -7
- package/esm/layout/grid/HGrid.js.map +1 -1
- package/esm/layout/page/Page.d.ts +4 -8
- package/esm/layout/page/Page.js +4 -10
- package/esm/layout/page/Page.js.map +1 -1
- package/esm/layout/stack/Stack.d.ts +1 -1
- package/esm/layout/stack/Stack.js +2 -4
- package/esm/layout/stack/Stack.js.map +1 -1
- package/esm/layout/utilities/css.d.ts +2 -2
- package/esm/layout/utilities/css.js +13 -53
- package/esm/layout/utilities/css.js.map +1 -1
- package/esm/layout/utilities/types.d.ts +3 -7
- package/esm/link/Link.d.ts +11 -2
- package/esm/link/Link.js +2 -15
- package/esm/link/Link.js.map +1 -1
- package/esm/link-card/LinkCard.d.ts +9 -0
- package/esm/link-card/LinkCard.js.map +1 -1
- package/esm/list/List.js +3 -23
- package/esm/list/List.js.map +1 -1
- package/esm/list/List.types.d.ts +2 -14
- package/esm/loader/Loader.d.ts +4 -1
- package/esm/loader/Loader.js.map +1 -1
- package/esm/modal/Modal.js +1 -6
- package/esm/modal/Modal.js.map +1 -1
- package/esm/modal/ModalUtils.d.ts +1 -3
- package/esm/modal/ModalUtils.js +1 -37
- package/esm/modal/ModalUtils.js.map +1 -1
- package/esm/overlays/action-menu/ActionMenu.js +15 -25
- package/esm/overlays/action-menu/ActionMenu.js.map +1 -1
- package/esm/overlays/floating/Floating.js +5 -5
- package/esm/overlays/floating/Floating.js.map +1 -1
- package/esm/pagination/Pagination.d.ts +12 -5
- package/esm/pagination/Pagination.js +3 -10
- package/esm/pagination/Pagination.js.map +1 -1
- package/esm/pagination/PaginationItem.js +2 -3
- package/esm/pagination/PaginationItem.js.map +1 -1
- package/esm/panel/Panel.d.ts +2 -2
- package/esm/panel/Panel.js +2 -2
- package/esm/popover/Popover.d.ts +2 -3
- package/esm/popover/Popover.js +9 -21
- package/esm/popover/Popover.js.map +1 -1
- package/esm/portal/Portal.js +2 -5
- package/esm/portal/Portal.js.map +1 -1
- package/esm/progress-bar/ProgressBar.d.ts +7 -0
- package/esm/progress-bar/ProgressBar.js +2 -2
- package/esm/progress-bar/ProgressBar.js.map +1 -1
- package/esm/read-more/ReadMore.d.ts +11 -0
- package/esm/read-more/ReadMore.js.map +1 -1
- package/esm/stepper/Stepper.js +2 -7
- package/esm/stepper/Stepper.js.map +1 -1
- package/esm/tag/Tag.d.ts +12 -1
- package/esm/tag/Tag.js +5 -2
- package/esm/tag/Tag.js.map +1 -1
- package/esm/theme/Theme.d.ts +9 -9
- package/esm/theme/Theme.js +9 -9
- package/esm/theme/Theme.js.map +1 -1
- package/esm/timeline/period/index.d.ts +8 -0
- package/esm/timeline/period/index.js.map +1 -1
- package/esm/toggle-group/ToggleGroup.js +3 -11
- package/esm/toggle-group/ToggleGroup.js.map +1 -1
- package/esm/toggle-group/ToggleGroup.types.d.ts +11 -2
- package/esm/types/theme.d.ts +1 -1
- package/esm/typography/BodyLong.d.ts +9 -0
- package/esm/typography/BodyLong.js.map +1 -1
- package/esm/typography/BodyShort.d.ts +9 -0
- package/esm/typography/BodyShort.js.map +1 -1
- package/esm/typography/Detail.d.ts +9 -0
- package/esm/typography/Detail.js.map +1 -1
- package/esm/typography/Heading.d.ts +9 -0
- package/esm/typography/Heading.js.map +1 -1
- package/esm/typography/Label.d.ts +9 -0
- package/esm/typography/Label.js.map +1 -1
- package/esm/typography/types.d.ts +1 -1
- package/esm/util/TextareaAutoSize.js +1 -3
- package/esm/util/TextareaAutoSize.js.map +1 -1
- package/package.json +3 -3
- package/src/accordion/Accordion.tsx +19 -18
- package/src/accordion/AccordionContent.tsx +3 -6
- package/src/accordion/AccordionContext.tsx +1 -3
- package/src/accordion/AccordionHeader.tsx +5 -11
- package/src/accordion/AccordionItem.tsx +0 -1
- package/src/alert/base-alert/root/BaseAlertRoot.tsx +3 -1
- package/src/alert/global-alert/root/GlobalAlertRoot.tsx +4 -0
- package/src/alert/local-alert/root/LocalAlertRoot.tsx +4 -0
- package/src/button/Button.tsx +23 -20
- package/src/chat/Chat.tsx +10 -3
- package/src/chips/Chips.tsx +17 -17
- package/src/chips/Removable.tsx +9 -16
- package/src/chips/Toggle.tsx +10 -14
- package/src/collapsible/Collapsible.tsx +1 -1
- package/src/copybutton/CopyButton.tsx +51 -88
- package/src/date/Date.Dialog.tsx +0 -1
- package/src/dropdown/Menu/index.tsx +0 -1
- package/src/expansion-card/ExpansionCard.tsx +7 -1
- package/src/expansion-card/ExpansionCardHeader.tsx +1 -3
- package/src/form/checkbox/Checkbox.tsx +66 -155
- package/src/form/combobox/FilteredOptions/FilteredOptions.tsx +3 -6
- package/src/form/combobox/SelectedOptions/SelectedOptions.tsx +1 -6
- package/src/form/file-upload/parts/dropzone/Dropzone.tsx +2 -0
- package/src/form/file-upload/parts/item/Item.tsx +11 -35
- package/src/form/file-upload/parts/item/ItemActionField.tsx +89 -0
- package/src/form/file-upload/parts/item/ItemHeader.tsx +81 -0
- package/src/form/file-upload/parts/item/ItemIcon.tsx +1 -22
- package/src/form/form-summary/FormSummaryAnswer.tsx +3 -1
- package/src/form/form-summary/FormSummaryAnswers.tsx +12 -16
- package/src/form/form-summary/FormSummaryFooter.tsx +0 -1
- package/src/form/radio/Radio.tsx +25 -64
- package/src/form/search/Search.tsx +8 -14
- package/src/guide-panel/GuidePanel.tsx +32 -45
- package/src/guide-panel/Illustration.tsx +75 -66
- package/src/help-text/HelpText.tsx +11 -4
- package/src/help-text/HelpTextIcon.tsx +1 -5
- package/src/inline-message/root/InlineMessage.tsx +4 -0
- package/src/internal-header/InternalHeader.tsx +8 -20
- package/src/layout/base/BasePrimitive.tsx +37 -39
- package/src/layout/bleed/Bleed.tsx +12 -22
- package/src/layout/box/Box.darkside.tsx +22 -22
- package/src/layout/box/Box.tsx +44 -60
- package/src/layout/grid/HGrid.tsx +8 -10
- package/src/layout/page/Page.tsx +7 -30
- package/src/layout/stack/Stack.tsx +6 -8
- package/src/layout/utilities/css.ts +14 -71
- package/src/layout/utilities/types.ts +2 -15
- package/src/link/Link.tsx +12 -19
- package/src/link-card/LinkCard.tsx +9 -0
- package/src/list/List.tsx +2 -57
- package/src/list/List.types.ts +2 -14
- package/src/loader/Loader.tsx +4 -1
- package/src/modal/Modal.tsx +0 -7
- package/src/modal/ModalUtils.ts +1 -47
- package/src/overlays/action-menu/ActionMenu.tsx +30 -71
- package/src/overlays/floating/Floating.tsx +5 -5
- package/src/pagination/Pagination.tsx +15 -11
- package/src/pagination/PaginationItem.tsx +3 -4
- package/src/panel/Panel.tsx +2 -2
- package/src/popover/Popover.tsx +10 -37
- package/src/portal/Portal.tsx +10 -14
- package/src/progress-bar/ProgressBar.tsx +9 -2
- package/src/react-css.d.ts +0 -3
- package/src/read-more/ReadMore.tsx +11 -0
- package/src/stepper/Stepper.tsx +3 -11
- package/src/tag/Tag.tsx +45 -41
- package/src/theme/Theme.tsx +19 -19
- package/src/timeline/period/index.tsx +8 -0
- package/src/toggle-group/ToggleGroup.tsx +2 -12
- package/src/toggle-group/ToggleGroup.types.ts +11 -2
- package/src/types/theme.d.ts +1 -1
- package/src/typography/BodyLong.tsx +9 -0
- package/src/typography/BodyShort.tsx +9 -0
- package/src/typography/Detail.tsx +9 -0
- package/src/typography/Heading.tsx +9 -0
- package/src/typography/Label.tsx +9 -0
- package/src/typography/types.ts +1 -1
- package/src/util/TextareaAutoSize.tsx +0 -3
- package/cjs/form/file-upload/parts/item/ItemName.js +0 -32
- package/cjs/form/file-upload/parts/item/ItemName.js.map +0 -1
- package/cjs/guide-panel/Illustration.darkside.d.ts +0 -2
- package/cjs/guide-panel/Illustration.darkside.js +0 -30
- package/cjs/guide-panel/Illustration.darkside.js.map +0 -1
- package/esm/form/file-upload/parts/item/ItemName.js +0 -27
- package/esm/form/file-upload/parts/item/ItemName.js.map +0 -1
- package/esm/guide-panel/Illustration.darkside.d.ts +0 -2
- package/esm/guide-panel/Illustration.darkside.js +0 -23
- package/esm/guide-panel/Illustration.darkside.js.map +0 -1
- package/src/form/file-upload/parts/item/ItemName.tsx +0 -58
- package/src/guide-panel/Illustration.darkside.tsx +0 -91
package/cjs/layout/grid/HGrid.js
CHANGED
|
@@ -58,19 +58,19 @@ const css_1 = require("../utilities/css");
|
|
|
58
58
|
* @see 🏷️ {@link HGridProps}
|
|
59
59
|
*
|
|
60
60
|
* @example
|
|
61
|
-
* <HGrid gap="
|
|
61
|
+
* <HGrid gap="space-24" columns={3}>
|
|
62
62
|
* <div />
|
|
63
63
|
* <div />
|
|
64
64
|
* <div />
|
|
65
65
|
* </HGrid>
|
|
66
66
|
* @example
|
|
67
|
-
* <HGrid gap={{xs: "
|
|
67
|
+
* <HGrid gap={{xs: "space-8", md: "space-24"}} columns={3}>
|
|
68
68
|
* <div />
|
|
69
69
|
* <div />
|
|
70
70
|
* <div />
|
|
71
71
|
* </HGrid>
|
|
72
72
|
* @example
|
|
73
|
-
* <HGrid gap="
|
|
73
|
+
* <HGrid gap="space-24" columns={{ sm: 1, md: 1, lg: "1fr auto", xl: "1fr auto"}}>
|
|
74
74
|
* <div />
|
|
75
75
|
* <div />
|
|
76
76
|
* <div />
|
|
@@ -78,10 +78,8 @@ const css_1 = require("../utilities/css");
|
|
|
78
78
|
*/
|
|
79
79
|
exports.HGrid = (0, react_1.forwardRef)((_a, ref) => {
|
|
80
80
|
var { children, className, as: Component = "div", columns, gap, style, align, asChild } = _a, rest = __rest(_a, ["children", "className", "as", "columns", "gap", "style", "align", "asChild"]);
|
|
81
|
-
const themeContext = (0, Theme_1.useThemeInternal)();
|
|
82
|
-
const prefix = (themeContext === null || themeContext === void 0 ? void 0 : themeContext.isDarkside) ? "ax" : "a";
|
|
83
81
|
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
84
|
-
const styles = Object.assign(Object.assign(Object.assign(Object.assign({}, style), {
|
|
82
|
+
const styles = Object.assign(Object.assign(Object.assign(Object.assign({}, style), { "--__axc-hgrid-align": align }), (0, css_1.getResponsiveProps)(`hgrid`, "gap", "space", gap)), (0, css_1.getResponsiveValue)(`hgrid`, "columns", formatGrid(columns)));
|
|
85
83
|
const Comp = asChild ? Slot_1.Slot : Component;
|
|
86
84
|
return (react_1.default.createElement(BasePrimitive_1.default, Object.assign({}, rest),
|
|
87
85
|
react_1.default.createElement(Comp, Object.assign({}, (0, util_1.omit)(rest, BasePrimitive_1.PRIMITIVE_PROPS), { ref: ref, className: cn("navds-hgrid", className, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HGrid.js","sourceRoot":"","sources":["../../../src/layout/grid/HGrid.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAAuC;AACvC,
|
|
1
|
+
{"version":3,"file":"HGrid.js","sourceRoot":"","sources":["../../../src/layout/grid/HGrid.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAAuC;AACvC,6CAAiD;AACjD,qCAAwD;AACxD,uEAG+B;AAE/B,0CAA0E;AA6B1E;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACU,QAAA,KAAK,GAChB,IAAA,kBAAU,EACR,CACE,EAUC,EACD,GAAG,EACH,EAAE;QAZF,EACE,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,OAAO,EACP,GAAG,EACH,KAAK,EACL,KAAK,EACL,OAAO,OAER,EADI,IAAI,cATT,8EAUC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,MAAM,MAAM,+DACP,KAAK,KACR,qBAAqB,EAAE,KAAK,KACzB,IAAA,wBAAkB,EAAC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC,GAChD,IAAA,wBAAkB,EAAC,OAAO,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,CAC/D,CAAC;IAEF,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,WAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAExC,OAAO,CACL,8BAAC,uBAAa,oBAAK,IAAI;QACrB,8BAAC,IAAI,oBACC,IAAA,WAAI,EAAC,IAAI,EAAE,+BAAe,CAAC,IAC/B,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE;gBACtC,iBAAiB,EAAE,GAAG;gBACtB,mBAAmB,EAAE,KAAK;aAC3B,CAAC,EACF,KAAK,EAAE,MAAM,KAEZ,QAAQ,CACJ,CACO,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,SAAS,UAAU,CACjB,KAAuC;IAEvC,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC3D,OAAO,cAAc,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC;IAED,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,eAAe,EAAE,WAAW,CAAC,EAAE,EAAE,CAAC;QAC5D,eAAe;QACf,cAAc,CAAC,WAAW,CAAC;KAC5B,CAAC,CACH,CAAC;AACJ,CAAC;AAED,MAAM,cAAc,GAAG,CAAC,IAAqB,EAAE,EAAE;IAC/C,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC7B,OAAO,UAAU,IAAI,mBAAmB,CAAC;IAC3C,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,kBAAe,aAAK,CAAC"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { OverridableComponent } from "../../util";
|
|
3
|
-
import { BackgroundColorToken } from "../utilities/types";
|
|
4
3
|
import { PageBlock } from "./parts/PageBlock";
|
|
5
4
|
export interface PageProps extends React.HTMLAttributes<HTMLElement> {
|
|
6
5
|
/**
|
|
@@ -8,13 +7,6 @@ export interface PageProps extends React.HTMLAttributes<HTMLElement> {
|
|
|
8
7
|
* @default "div"
|
|
9
8
|
*/
|
|
10
9
|
as?: "div" | "body";
|
|
11
|
-
/**
|
|
12
|
-
* Background color.
|
|
13
|
-
* Accepts a [background color token](https://aksel.nav.no/grunnleggende/styling/design-tokens#753d1cf4d1d6).
|
|
14
|
-
* @default "bg-default"
|
|
15
|
-
* @deprecated Use `<Box asChild background="...">` wrapped around `<Page>`.
|
|
16
|
-
*/
|
|
17
|
-
background?: BackgroundColorToken;
|
|
18
10
|
/**
|
|
19
11
|
* Allows better positioning of footer
|
|
20
12
|
*/
|
|
@@ -28,6 +20,10 @@ export interface PageProps extends React.HTMLAttributes<HTMLElement> {
|
|
|
28
20
|
* @default "end"
|
|
29
21
|
*/
|
|
30
22
|
contentBlockPadding?: "end" | "none";
|
|
23
|
+
/**
|
|
24
|
+
* @deprecated Deprecated in v8 and no longer has any effect. Use `<Box asChild background="...">` wrapped around `<Page>`.
|
|
25
|
+
*/
|
|
26
|
+
background?: string;
|
|
31
27
|
}
|
|
32
28
|
interface PageComponentType extends OverridableComponent<PageProps, HTMLElement> {
|
|
33
29
|
Block: typeof PageBlock;
|
package/cjs/layout/page/Page.js
CHANGED
|
@@ -47,19 +47,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
47
47
|
exports.PageComponent = void 0;
|
|
48
48
|
const react_1 = __importStar(require("react"));
|
|
49
49
|
const Theme_1 = require("../../theme/Theme");
|
|
50
|
+
const util_1 = require("../../util");
|
|
50
51
|
const PageBlock_1 = require("./parts/PageBlock");
|
|
51
52
|
exports.PageComponent = (0, react_1.forwardRef)((_a, ref) => {
|
|
52
|
-
var { as: Component = "div", className,
|
|
53
|
-
const themeContext = (0, Theme_1.useThemeInternal)();
|
|
53
|
+
var { as: Component = "div", className, footer, children, footerPosition, contentBlockPadding = "end" } = _a, rest = __rest(_a, ["as", "className", "footer", "children", "footerPosition", "contentBlockPadding"]);
|
|
54
54
|
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
55
|
-
if (process.env.NODE_ENV !== "production" &&
|
|
56
|
-
(themeContext === null || themeContext === void 0 ? void 0 : themeContext.isDarkside) &&
|
|
57
|
-
background) {
|
|
58
|
-
console.warn(`Prop \`background\` is deprecated and cannot be used with theme-support. Instead wrap component with \`<Box asChild background>\``);
|
|
59
|
-
}
|
|
60
|
-
const style = Object.assign(Object.assign({}, _style), { "--__ac-page-background": `var(--a-${background !== null && background !== void 0 ? background : "bg-default"})` });
|
|
61
55
|
const belowFold = footerPosition === "belowFold";
|
|
62
|
-
return (react_1.default.createElement(Component, Object.assign({}, rest, { className: cn("navds-page", className), ref: ref
|
|
56
|
+
return (react_1.default.createElement(Component, Object.assign({}, (0, util_1.omit)(rest, ["background"]), { className: cn("navds-page", className), ref: ref }),
|
|
63
57
|
react_1.default.createElement("div", { className: cn({
|
|
64
58
|
"navds-page__content--fullheight": belowFold,
|
|
65
59
|
"navds-page__content--grow": !belowFold,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../src/layout/page/Page.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,
|
|
1
|
+
{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../src/layout/page/Page.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,6CAAiD;AACjD,qCAAwD;AACxD,iDAA8C;AAgCjC,QAAA,aAAa,GACxB,IAAA,kBAAU,EACR,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,SAAS,EACT,MAAM,EACN,QAAQ,EACR,cAAc,EACd,mBAAmB,GAAG,KAAK,OAE5B,EADI,IAAI,cAPT,kFAQC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,MAAM,SAAS,GAAG,cAAc,KAAK,WAAW,CAAC;IAEjD,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAA,WAAI,EAAC,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC,IAC9B,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,EACtC,GAAG,EAAE,GAAG;QAER,uCACE,SAAS,EAAE,EAAE,CAAC;gBACZ,iCAAiC,EAAE,SAAS;gBAC5C,2BAA2B,EAAE,CAAC,SAAS;gBACvC,8BAA8B,EAAE,mBAAmB,KAAK,KAAK;aAC9D,CAAC,IAED,QAAQ,CACL;QACL,MAAM,CACG,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,IAAI,GAAG,qBAAkC,CAAC;AAEhD,IAAI,CAAC,KAAK,GAAG,qBAAS,CAAC;AAEvB,kBAAe,IAAI,CAAC"}
|
|
@@ -27,7 +27,7 @@ export type StackProps = HTMLAttributes<HTMLDivElement> & {
|
|
|
27
27
|
wrap?: boolean;
|
|
28
28
|
/**
|
|
29
29
|
* CSS `gap` property.
|
|
30
|
-
* Accepts a [spacing token](https://aksel.nav.no/grunnleggende/styling/design-tokens#
|
|
30
|
+
* Accepts a [spacing token](https://aksel.nav.no/grunnleggende/styling/design-tokens#space)
|
|
31
31
|
* or an object of spacing tokens for different breakpoints.
|
|
32
32
|
*
|
|
33
33
|
* @example
|
|
@@ -53,10 +53,8 @@ const BasePrimitive_1 = __importStar(require("../base/BasePrimitive"));
|
|
|
53
53
|
const css_1 = require("../utilities/css");
|
|
54
54
|
exports.Stack = (0, react_1.forwardRef)((_a, ref) => {
|
|
55
55
|
var { children, className, as: Component = "div", align, justify, wrap = true, gap, style: _style, direction = "row", asChild } = _a, rest = __rest(_a, ["children", "className", "as", "align", "justify", "wrap", "gap", "style", "direction", "asChild"]);
|
|
56
|
-
const themeContext = (0, Theme_1.useThemeInternal)();
|
|
57
|
-
const prefix = (themeContext === null || themeContext === void 0 ? void 0 : themeContext.isDarkside) ? "ax" : "a";
|
|
58
56
|
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
59
|
-
const style = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, _style), (0, css_1.getResponsiveProps)(
|
|
57
|
+
const style = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, _style), (0, css_1.getResponsiveProps)(`stack`, "gap", "space", gap)), (0, css_1.getResponsiveValue)(`stack`, "direction", direction)), (0, css_1.getResponsiveValue)(`stack`, "align", align)), (0, css_1.getResponsiveValue)(`stack`, "justify", justify));
|
|
60
58
|
const Comp = asChild ? Slot_1.Slot : Component;
|
|
61
59
|
return (react_1.default.createElement(BasePrimitive_1.default, Object.assign({}, rest),
|
|
62
60
|
react_1.default.createElement(Comp, Object.assign({}, (0, util_1.omit)(rest, BasePrimitive_1.PRIMITIVE_PROPS), { ref: ref, style: style, className: cn("navds-stack", className, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stack.js","sourceRoot":"","sources":["../../../src/layout/stack/Stack.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0D;AAC1D,0CAAuC;AACvC,
|
|
1
|
+
{"version":3,"file":"Stack.js","sourceRoot":"","sources":["../../../src/layout/stack/Stack.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0D;AAC1D,0CAAuC;AACvC,6CAAiD;AACjD,qCAAkC;AAElC,uEAG+B;AAE/B,0CAA0E;AAyD7D,QAAA,KAAK,GAChB,IAAA,kBAAU,EACR,CACE,EAYC,EACD,GAAG,EACH,EAAE;QAdF,EACE,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,KAAK,EACL,OAAO,EACP,IAAI,GAAG,IAAI,EACX,GAAG,EACH,KAAK,EAAE,MAAM,EACb,SAAS,GAAG,KAAK,EACjB,OAAO,OAER,EADI,IAAI,cAXT,mGAYC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,MAAM,KAAK,6EACN,MAAM,GACN,IAAA,wBAAkB,EAAC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC,GAChD,IAAA,wBAAkB,EAAC,OAAO,EAAE,WAAW,EAAE,SAAS,CAAC,GACnD,IAAA,wBAAkB,EAAC,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,GAC3C,IAAA,wBAAkB,EAAC,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,CACnD,CAAC;IAEF,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,WAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAExC,OAAO,CACL,8BAAC,uBAAa,oBAAK,IAAI;QACrB,8BAAC,IAAI,oBACC,IAAA,WAAI,EAAC,IAAI,EAAE,+BAAe,CAAC,IAC/B,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE;gBACtC,cAAc,EAAE,SAAS,KAAK,QAAQ;gBACtC,cAAc,EAAE,SAAS,KAAK,KAAK;gBACnC,iBAAiB,EAAE,GAAG;gBACtB,mBAAmB,EAAE,KAAK;gBAC1B,qBAAqB,EAAE,OAAO;gBAC9B,uBAAuB,EAAE,SAAS;gBAClC,kBAAkB,EAAE,IAAI;aACzB,CAAC,KAED,QAAQ,CACJ,CACO,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,kBAAe,aAAK,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ResponsiveProp } from "./types";
|
|
2
|
-
export declare function getResponsiveValue<T = string>(
|
|
2
|
+
export declare function getResponsiveValue<T = string>(componentName: string, componentProp: string, responsiveProp?: ResponsiveProp<T>): {
|
|
3
3
|
[k: string]: T;
|
|
4
4
|
};
|
|
5
|
-
export declare function getResponsiveProps<T extends string>(
|
|
5
|
+
export declare function getResponsiveProps<T extends string>(componentName: string, componentProp: string, tokenSubgroup: "space" | "radius", responsiveProp?: ResponsiveProp<T>, invert?: boolean, tokenExceptions?: string[]): {
|
|
6
6
|
[x: string]: string;
|
|
7
7
|
};
|
|
@@ -2,58 +2,25 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.getResponsiveValue = getResponsiveValue;
|
|
4
4
|
exports.getResponsiveProps = getResponsiveProps;
|
|
5
|
-
|
|
5
|
+
const TOKEN_PREFIX = "ax";
|
|
6
|
+
function getResponsiveValue(componentName, componentProp, responsiveProp) {
|
|
6
7
|
if (!responsiveProp) {
|
|
7
8
|
return {};
|
|
8
9
|
}
|
|
9
10
|
if (typeof responsiveProp === "string") {
|
|
10
11
|
return {
|
|
11
|
-
[`--__${
|
|
12
|
+
[`--__${TOKEN_PREFIX}c-${componentName}-${componentProp}-xs`]: responsiveProp,
|
|
12
13
|
};
|
|
13
14
|
}
|
|
14
15
|
return Object.fromEntries(Object.entries(responsiveProp).map(([breakpointAlias, responsiveValue]) => [
|
|
15
|
-
`--__${
|
|
16
|
+
`--__${TOKEN_PREFIX}c-${componentName}-${componentProp}-${breakpointAlias}`,
|
|
16
17
|
responsiveValue,
|
|
17
18
|
]));
|
|
18
19
|
}
|
|
19
|
-
|
|
20
|
-
* Temporary lookup for mapping legacy spacing tokens to new space tokens.
|
|
21
|
-
*/
|
|
22
|
-
const legacySpacingTokenLookup = {
|
|
23
|
-
"--ax-spacing-32": "--ax-space-128",
|
|
24
|
-
"--ax-spacing-24": "--ax-space-96",
|
|
25
|
-
"--ax-spacing-20": "--ax-space-80",
|
|
26
|
-
"--ax-spacing-18": "--ax-space-72",
|
|
27
|
-
"--ax-spacing-16": "--ax-space-64",
|
|
28
|
-
"--ax-spacing-14": "--ax-space-56",
|
|
29
|
-
"--ax-spacing-12": "--ax-space-48",
|
|
30
|
-
"--ax-spacing-11": "--ax-space-44",
|
|
31
|
-
"--ax-spacing-10": "--ax-space-40",
|
|
32
|
-
"--ax-spacing-9": "--ax-space-36",
|
|
33
|
-
"--ax-spacing-8": "--ax-space-32",
|
|
34
|
-
"--ax-spacing-7": "--ax-space-28",
|
|
35
|
-
"--ax-spacing-6": "--ax-space-24",
|
|
36
|
-
"--ax-spacing-5": "--ax-space-20",
|
|
37
|
-
"--ax-spacing-4": "--ax-space-16",
|
|
38
|
-
"--ax-spacing-3": "--ax-space-12",
|
|
39
|
-
"--ax-spacing-2": "--ax-space-8",
|
|
40
|
-
"--ax-spacing-1-alt": "--ax-space-6",
|
|
41
|
-
"--ax-spacing-1": "--ax-space-4",
|
|
42
|
-
"--ax-spacing-05": "--ax-space-2",
|
|
43
|
-
"--ax-spacing-0": "--ax-space-0",
|
|
44
|
-
};
|
|
45
|
-
const legacyBorderRadiusNameTokenLookup = {
|
|
46
|
-
full: "full",
|
|
47
|
-
xlarge: "12",
|
|
48
|
-
large: "8",
|
|
49
|
-
medium: "4",
|
|
50
|
-
small: "2",
|
|
51
|
-
};
|
|
52
|
-
const translateTokenStringToCSS = (specialLayout, tokenString, tokenSubgroup, tokenExceptions, invert, prefix) => {
|
|
20
|
+
const translateTokenStringToCSS = (specialLayout, tokenString, tokenSubgroup, tokenExceptions, invert) => {
|
|
53
21
|
return tokenString
|
|
54
22
|
.split(" ")
|
|
55
23
|
.map((propValue, _, arr) => {
|
|
56
|
-
var _a, _b;
|
|
57
24
|
// Handle special layout cases
|
|
58
25
|
if (specialLayout === "margin-inline" && propValue === "full") {
|
|
59
26
|
return `calc((100vw - ${100 / arr.length}%)/-2)`;
|
|
@@ -65,22 +32,15 @@ const translateTokenStringToCSS = (specialLayout, tokenString, tokenSubgroup, to
|
|
|
65
32
|
return "auto";
|
|
66
33
|
}
|
|
67
34
|
// Handle exceptions and space tokens
|
|
68
|
-
let output = `var(--${
|
|
35
|
+
let output = `var(--${TOKEN_PREFIX}-${tokenSubgroup}-${propValue})`;
|
|
69
36
|
if (tokenExceptions.includes(propValue)) {
|
|
70
|
-
output = propValue
|
|
71
|
-
}
|
|
72
|
-
else if (tokenSubgroup === "spacing" && propValue.startsWith("space")) {
|
|
73
|
-
/* Use new "space-x" tokens */
|
|
74
|
-
output = `var(--${prefix}-${propValue})`;
|
|
37
|
+
output = propValue;
|
|
75
38
|
}
|
|
76
|
-
else if (tokenSubgroup === "
|
|
77
|
-
|
|
78
|
-
const spacingTokenName = `--${prefix}-spacing-${propValue}`;
|
|
79
|
-
output = `var(${(_a = legacySpacingTokenLookup[spacingTokenName]) !== null && _a !== void 0 ? _a : spacingTokenName})`;
|
|
39
|
+
else if (tokenSubgroup === "space") {
|
|
40
|
+
output = `var(--${TOKEN_PREFIX}-${propValue})`;
|
|
80
41
|
}
|
|
81
42
|
else if (tokenSubgroup === "radius") {
|
|
82
|
-
|
|
83
|
-
output = `var(--${prefix}-radius-${name})`;
|
|
43
|
+
output = `var(--${TOKEN_PREFIX}-radius-${propValue})`;
|
|
84
44
|
}
|
|
85
45
|
// Handle inversion for negative values
|
|
86
46
|
if (invert) {
|
|
@@ -92,18 +52,18 @@ const translateTokenStringToCSS = (specialLayout, tokenString, tokenSubgroup, to
|
|
|
92
52
|
})
|
|
93
53
|
.join(" ");
|
|
94
54
|
};
|
|
95
|
-
function getResponsiveProps(
|
|
55
|
+
function getResponsiveProps(componentName, componentProp, tokenSubgroup, responsiveProp, invert = false, tokenExceptions = []) {
|
|
96
56
|
if (!responsiveProp) {
|
|
97
57
|
return {};
|
|
98
58
|
}
|
|
99
59
|
if (typeof responsiveProp === "string") {
|
|
100
60
|
return {
|
|
101
|
-
[`--__${
|
|
61
|
+
[`--__${TOKEN_PREFIX}c-${componentName}-${componentProp}-xs`]: translateTokenStringToCSS(componentProp, responsiveProp, tokenSubgroup, tokenExceptions, invert),
|
|
102
62
|
};
|
|
103
63
|
}
|
|
104
64
|
const styleProps = {};
|
|
105
65
|
Object.entries(responsiveProp).forEach(([breakpointAlias, aliasOrScale]) => {
|
|
106
|
-
styleProps[`--__${
|
|
66
|
+
styleProps[`--__${TOKEN_PREFIX}c-${componentName}-${componentProp}-${breakpointAlias}`] = translateTokenStringToCSS(componentProp, aliasOrScale, tokenSubgroup, tokenExceptions, invert);
|
|
107
67
|
});
|
|
108
68
|
return styleProps;
|
|
109
69
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"css.js","sourceRoot":"","sources":["../../../src/layout/utilities/css.ts"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"css.js","sourceRoot":"","sources":["../../../src/layout/utilities/css.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,7 @@
|
|
|
1
|
-
import type { AkselBorderRadiusToken, AkselBreakpointToken,
|
|
2
|
-
export type BackgroundColorToken = AkselLegacyBackgroundColorToken;
|
|
3
|
-
export type SurfaceColorToken = AkselLegacySurfaceColorToken;
|
|
4
|
-
export type BorderColorToken = AkselLegacyBorderColorToken;
|
|
5
|
-
export type ShadowToken = AkselLegacyShadowToken;
|
|
1
|
+
import type { AkselBorderRadiusToken, AkselBreakpointToken, AkselSpaceToken } from "@navikt/ds-tokens/types";
|
|
6
2
|
export type BreakpointsAlias = Extract<AkselBreakpointToken, "xs" | "sm" | "md" | "lg" | "xl" | "2xl">;
|
|
7
|
-
export type SpacingScale =
|
|
8
|
-
export type BorderRadiusScale =
|
|
3
|
+
export type SpacingScale = AkselSpaceToken;
|
|
4
|
+
export type BorderRadiusScale = AkselBorderRadiusToken;
|
|
9
5
|
export type SpaceDelimitedAttribute<T extends string> = T | `${T} ${T}` | `${T} ${T} ${T}` | `${T} ${T} ${T} ${T}`;
|
|
10
6
|
type FixedResponsiveT<T> = {
|
|
11
7
|
[Breakpoint in BreakpointsAlias]?: T;
|
package/cjs/link/Link.d.ts
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import type { AkselStatusColorRole } from "@navikt/ds-tokens/types";
|
|
3
|
+
import { AkselColor } from "../types";
|
|
2
4
|
import { OverridableComponent } from "../util/types";
|
|
3
5
|
export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
4
6
|
/**
|
|
@@ -15,14 +17,21 @@ export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>
|
|
|
15
17
|
*/
|
|
16
18
|
inlineText?: boolean;
|
|
17
19
|
/**
|
|
18
|
-
*
|
|
19
|
-
* @default "action"
|
|
20
|
+
* @deprecated Deprecated in v8. Use `data-color` prop instead.
|
|
20
21
|
*/
|
|
21
22
|
variant?: "action" | "neutral" | "subtle";
|
|
22
23
|
/**
|
|
23
24
|
* Link text
|
|
24
25
|
*/
|
|
25
26
|
children: React.ReactNode;
|
|
27
|
+
/**
|
|
28
|
+
* Overrides inherited color.
|
|
29
|
+
*
|
|
30
|
+
* We recommend only using `accent` and `neutral`. We have disallowed status-colors.
|
|
31
|
+
* @see 🏷️ {@link AkselColor}
|
|
32
|
+
* @see [📝 Documentation](https://aksel.nav.no/grunnleggende/styling/farger-tokens)
|
|
33
|
+
*/
|
|
34
|
+
"data-color"?: Exclude<AkselColor, AkselStatusColorRole>;
|
|
26
35
|
}
|
|
27
36
|
/**
|
|
28
37
|
* A component that displays a hyperlink.
|
package/cjs/link/Link.js
CHANGED
|
@@ -70,20 +70,8 @@ const Theme_1 = require("../theme/Theme");
|
|
|
70
70
|
*/
|
|
71
71
|
exports.Link = (0, react_1.forwardRef)((_a, ref) => {
|
|
72
72
|
var { as: Component = "a", className, underline = true, variant, inlineText = false, "data-color": color } = _a, rest = __rest(_a, ["as", "className", "underline", "variant", "inlineText", "data-color"]);
|
|
73
|
-
const themeContext = (0, Theme_1.useThemeInternal)();
|
|
74
73
|
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
75
|
-
|
|
76
|
-
* We avoid defaulting to "action" in darkside.
|
|
77
|
-
*/
|
|
78
|
-
let localVariant;
|
|
79
|
-
if (themeContext === null || themeContext === void 0 ? void 0 : themeContext.isDarkside) {
|
|
80
|
-
localVariant = variant;
|
|
81
|
-
}
|
|
82
|
-
else {
|
|
83
|
-
localVariant = variant !== null && variant !== void 0 ? variant : "action";
|
|
84
|
-
}
|
|
85
|
-
return (react_1.default.createElement(Component, Object.assign({ "data-color": color !== null && color !== void 0 ? color : variantToColor(localVariant), "data-variant": localVariant }, rest, { ref: ref, className: cn("navds-link", className, {
|
|
86
|
-
[`navds-link--${localVariant}`]: localVariant,
|
|
74
|
+
return (react_1.default.createElement(Component, Object.assign({ "data-color": color !== null && color !== void 0 ? color : variantToColor(variant) }, rest, { ref: ref, className: cn("navds-link", className, {
|
|
87
75
|
"navds-link--remove-underline": !underline,
|
|
88
76
|
"navds-link--inline-text": inlineText,
|
|
89
77
|
}) })));
|
|
@@ -93,7 +81,6 @@ function variantToColor(variant) {
|
|
|
93
81
|
case "action":
|
|
94
82
|
return "accent";
|
|
95
83
|
case "neutral":
|
|
96
|
-
return "neutral";
|
|
97
84
|
case "subtle":
|
|
98
85
|
return "neutral";
|
|
99
86
|
default:
|
package/cjs/link/Link.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../src/link/Link.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;
|
|
1
|
+
{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../src/link/Link.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,0CAA8C;AAqC9C;;;;;;;;;;;;;;;;;;;;GAoBG;AACU,QAAA,IAAI,GACf,IAAA,kBAAU,EACR,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,EAAE,EAAE,SAAS,GAAG,GAAG,EACnB,SAAS,EACT,SAAS,GAAG,IAAI,EAChB,OAAO,EACP,UAAU,GAAG,KAAK,EAClB,YAAY,EAAE,KAAK,OAEpB,EADI,IAAI,cAPT,uEAQC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,8BAAC,SAAS,gCACI,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,cAAc,CAAC,OAAO,CAAC,IACxC,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,EAAE;YACrC,8BAA8B,EAAE,CAAC,SAAS;YAC1C,yBAAyB,EAAE,UAAU;SACtC,CAAC,IACF,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,SAAS,cAAc,CACrB,OAA8B;IAE9B,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,QAAQ;YACX,OAAO,QAAQ,CAAC;QAClB,KAAK,SAAS,CAAC;QACf,KAAK,QAAQ;YACX,OAAO,SAAS,CAAC;QACnB;YACE,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC;AAED,kBAAe,YAAI,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { HTMLAttributes } from "react";
|
|
2
|
+
import type { AkselColor } from "../types";
|
|
2
3
|
import { LinkAnchorProps } from "../util/link-anchor";
|
|
3
4
|
interface LinkCardProps extends HTMLAttributes<HTMLDivElement> {
|
|
4
5
|
/**
|
|
@@ -15,6 +16,14 @@ interface LinkCardProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
15
16
|
* @default "medium"
|
|
16
17
|
*/
|
|
17
18
|
size?: "small" | "medium";
|
|
19
|
+
/**
|
|
20
|
+
* Overrides inherited color.
|
|
21
|
+
*
|
|
22
|
+
* We reccomend avoiding status-colors (`info`, `success`, `warning`, `danger`) in LinkCards.
|
|
23
|
+
* @see 🏷️ {@link AkselColor}
|
|
24
|
+
* @see [📝 Documentation](https://aksel.nav.no/grunnleggende/styling/farger-tokens)
|
|
25
|
+
*/
|
|
26
|
+
"data-color"?: AkselColor;
|
|
18
27
|
}
|
|
19
28
|
interface LinkCardComponent extends React.ForwardRefExoticComponent<LinkCardProps & React.RefAttributes<HTMLDivElement>> {
|
|
20
29
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkCard.js","sourceRoot":"","sources":["../../src/link-card/LinkCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0D;AAC1D,0CAA8C;
|
|
1
|
+
{"version":3,"file":"LinkCard.js","sourceRoot":"","sources":["../../src/link-card/LinkCard.tsx"],"names":[],"mappings":"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"}
|
package/cjs/list/List.js
CHANGED
|
@@ -50,11 +50,6 @@ const Theme_1 = require("../theme/Theme");
|
|
|
50
50
|
const typography_1 = require("../typography");
|
|
51
51
|
const List_Item_1 = require("./List.Item");
|
|
52
52
|
const List_context_1 = require("./List.context");
|
|
53
|
-
const headingSizeMap = {
|
|
54
|
-
small: "xsmall",
|
|
55
|
-
medium: "small",
|
|
56
|
-
large: "medium",
|
|
57
|
-
};
|
|
58
53
|
/**
|
|
59
54
|
* A list component
|
|
60
55
|
*
|
|
@@ -71,30 +66,15 @@ const headingSizeMap = {
|
|
|
71
66
|
* ```
|
|
72
67
|
*/
|
|
73
68
|
exports.List = (0, react_1.forwardRef)((_a, ref) => {
|
|
74
|
-
var { children, className, as: ListTag = "ul",
|
|
69
|
+
var { children, className, as: ListTag = "ul", size, "aria-label": _ariaLabel, "aria-labelledby": _ariaLabelledBy } = _a, rest = __rest(_a, ["children", "className", "as", "size", "aria-label", "aria-labelledby"]);
|
|
75
70
|
const { size: contextSize } = (0, react_1.useContext)(List_context_1.ListContext);
|
|
76
71
|
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
77
|
-
const themeContext = (0, Theme_1.useThemeInternal)();
|
|
78
72
|
const listSize = size !== null && size !== void 0 ? size : contextSize;
|
|
79
|
-
if (themeContext === null || themeContext === void 0 ? void 0 : themeContext.isDarkside) {
|
|
80
|
-
if (process.env.NODE_ENV !== "production" &&
|
|
81
|
-
(title || description || headingTag)) {
|
|
82
|
-
console.warn("List: title, description and headingTag are deprecated and will not work with updated theme for Aksel.");
|
|
83
|
-
}
|
|
84
|
-
return (react_1.default.createElement(List_context_1.ListContext.Provider, { value: {
|
|
85
|
-
listType: ListTag,
|
|
86
|
-
size: listSize,
|
|
87
|
-
} },
|
|
88
|
-
react_1.default.createElement(typography_1.BodyLong, Object.assign({ as: "div" }, rest, { size: listSize, ref: ref, className: cn("navds-list", `navds-list--${listSize}`, className) }),
|
|
89
|
-
react_1.default.createElement(ListTag, { role: "list", "aria-label": _ariaLabel, "aria-labelledby": _ariaLabelledBy }, children))));
|
|
90
|
-
}
|
|
91
73
|
return (react_1.default.createElement(List_context_1.ListContext.Provider, { value: {
|
|
92
74
|
listType: ListTag,
|
|
93
75
|
size: listSize,
|
|
94
76
|
} },
|
|
95
77
|
react_1.default.createElement(typography_1.BodyLong, Object.assign({ as: "div" }, rest, { size: listSize, ref: ref, className: cn("navds-list", `navds-list--${listSize}`, className) }),
|
|
96
|
-
title && (react_1.default.createElement(typography_1.Heading, { size: headingSizeMap[listSize], as: headingTag !== null && headingTag !== void 0 ? headingTag : "h3" }, title)),
|
|
97
|
-
description && react_1.default.createElement(typography_1.BodyShort, { size: listSize }, description),
|
|
98
78
|
react_1.default.createElement(ListTag, { role: "list", "aria-label": _ariaLabel, "aria-labelledby": _ariaLabelledBy }, children))));
|
|
99
79
|
});
|
|
100
80
|
exports.List.Item = List_Item_1.ListItem;
|
package/cjs/list/List.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/list/List.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsD;AACtD,
|
|
1
|
+
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/list/List.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsD;AACtD,0CAA8C;AAC9C,8CAAyC;AACzC,2CAAuC;AACvC,iDAA6C;AAc7C;;;;;;;;;;;;;;GAcG;AACU,QAAA,IAAI,GAAG,IAAA,kBAAU,EAC5B,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,OAAO,GAAG,IAAI,EAClB,IAAI,EACJ,YAAY,EAAE,UAAU,EACxB,iBAAiB,EAAE,eAAe,OAEnC,EADI,IAAI,cAPT,wEAQC,CADQ;IAIT,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,EAAC,0BAAW,CAAC,CAAC;IAEtD,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,MAAM,QAAQ,GAAG,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,WAAW,CAAC;IAErC,OAAO,CACL,8BAAC,0BAAW,CAAC,QAAQ,IACnB,KAAK,EAAE;YACL,QAAQ,EAAE,OAAO;YACjB,IAAI,EAAE,QAAQ;SACf;QAED,8BAAC,qBAAQ,kBACP,EAAE,EAAC,KAAK,IACJ,IAAI,IACR,IAAI,EAAE,QAAQ,EACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,eAAe,QAAQ,EAAE,EAAE,SAAS,CAAC;YAEjE,8BAAC,OAAO,IACN,IAAI,EAAC,MAAM,gBACC,UAAU,qBACL,eAAe,IAE/B,QAAQ,CACD,CACD,CACU,CACxB,CAAC;AACJ,CAAC,CACe,CAAC;AAEnB,YAAI,CAAC,IAAI,GAAG,oBAAQ,CAAC;AAErB,kBAAe,YAAI,CAAC"}
|
package/cjs/list/List.types.d.ts
CHANGED
|
@@ -6,21 +6,9 @@ export interface ListProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
6
6
|
*/
|
|
7
7
|
as?: "ul" | "ol";
|
|
8
8
|
/**
|
|
9
|
-
*
|
|
10
|
-
* @deprecated Use a "plain" <Heading> instead of `title`, Composition of smaller components preferred over smarter components.
|
|
9
|
+
* @deprecated Use <Heading> instead of `title`.
|
|
11
10
|
*/
|
|
12
|
-
title?:
|
|
13
|
-
/**
|
|
14
|
-
* List heading description.
|
|
15
|
-
* @deprecated Use a "plain" <BodyShort> instead of `description`, Composition of smaller components preferred over smarter components.
|
|
16
|
-
*/
|
|
17
|
-
description?: string;
|
|
18
|
-
/**
|
|
19
|
-
* Allows setting a different HTML h-tag.
|
|
20
|
-
* @default "h3"
|
|
21
|
-
* @deprecated The `title` prop gets deprecated, so this one follows suit, as it was a supplementary prop to the title.
|
|
22
|
-
*/
|
|
23
|
-
headingTag?: React.ElementType<any>;
|
|
11
|
+
title?: never;
|
|
24
12
|
/**
|
|
25
13
|
* Changes margin-block on list and font size on items.
|
|
26
14
|
* @default "medium"
|
package/cjs/loader/Loader.d.ts
CHANGED
|
@@ -23,7 +23,10 @@ export interface LoaderProps extends Omit<SVGProps<SVGSVGElement>, "ref"> {
|
|
|
23
23
|
*/
|
|
24
24
|
variant?: "neutral" | "interaction" | "inverted";
|
|
25
25
|
/**
|
|
26
|
-
* Overrides
|
|
26
|
+
* Overrides color.
|
|
27
|
+
*
|
|
28
|
+
* @see 🏷️ {@link AkselColor}
|
|
29
|
+
* @see [📝 Documentation](https://aksel.nav.no/grunnleggende/styling/farger-tokens)
|
|
27
30
|
*/
|
|
28
31
|
"data-color"?: AkselColor;
|
|
29
32
|
}
|
package/cjs/loader/Loader.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../src/loader/Loader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoD;AACpD,0CAA8C;AAE9C,kCAA+B;AAC/B,yCAAsC;AACtC,wDAAkD;
|
|
1
|
+
{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../src/loader/Loader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoD;AACpD,0CAA8C;AAE9C,kCAA+B;AAC/B,yCAAsC;AACtC,wDAAkD;AA6ClD;;;;;;;;;;GAUG;AACU,QAAA,MAAM,GAAe,IAAA,kBAAU,EAC1C,CACE,EASC,EACD,GAAG,EACH,EAAE;QAXF,EACE,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,KAAK,EACL,WAAW,GAAG,KAAK,EACnB,OAAO,GAAG,SAAS,EACnB,EAAE,EACF,YAAY,EAAE,KAAK,OAEpB,EADI,IAAI,cART,4EASC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,UAAU,GAAG,IAAA,aAAK,GAAE,CAAC;IAC3B,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,QAAQ,CAAC,CAAC;IAEpC,OAAO,CACL,wEACmB,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,UAAU,UAAU,EAAE,EAC7C,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,cAAc,EACd,SAAS,EACT,iBAAiB,IAAI,EAAE,EACvB,iBAAiB,OAAO,EAAE,EAC1B;YACE,2BAA2B,EAAE,WAAW;SACzC,CACF,EACD,SAAS,EAAC,OAAO,EACjB,OAAO,EAAC,WAAW,EACnB,mBAAmB,EAAC,UAAU,gBAClB,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,cAAc,CAAC,OAAO,CAAC,IACxC,IAAA,WAAI,EAAC,IAAI,EAAE,CAAC,UAAU,CAAC,CAAC,oBACd,OAAO;QAErB,yCAAO,EAAE,EAAE,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,UAAU,UAAU,EAAE,IACpC,KAAK,IAAI,SAAS,CAAC,OAAO,CAAC,CACtB;QACR,0CACE,SAAS,EAAE,EAAE,CAAC,0BAA0B,CAAC,EACzC,KAAK,EAAC,4BAA4B,EAClC,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,IAAI,EACN,IAAI,EAAC,MAAM,GACX;QACF,0CACE,SAAS,EAAE,EAAE,CAAC,0BAA0B,CAAC,EACzC,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,IAAI,EACN,IAAI,EAAC,MAAM,EACX,eAAe,EAAC,QAAQ,GACxB,CACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,cAAc,CACrB,OAA+B;IAE/B,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB,KAAK,UAAU;YACb,OAAO,SAAS,CAAC;QACnB,oEAAoE;QACpE,KAAK,aAAa;YAChB,OAAO,SAAS,CAAC;QACnB;YACE,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC;AAED,kBAAe,cAAM,CAAC"}
|
package/cjs/modal/Modal.js
CHANGED
|
@@ -162,11 +162,6 @@ exports.Modal = (0, react_2.forwardRef)((_a, ref) => {
|
|
|
162
162
|
open: isModalOpen,
|
|
163
163
|
referenceElement: modalRef.current,
|
|
164
164
|
});
|
|
165
|
-
/**
|
|
166
|
-
* TODO: Kept for legacy support.
|
|
167
|
-
* - Remove utility in v8 and deprecate body-classes in ModalUtils.ts
|
|
168
|
-
*/
|
|
169
|
-
(0, ModalUtils_1.useBodyScrollLock)(modalRef, portalNode, isNested);
|
|
170
165
|
const isWidthPreset = typeof width === "string" && ["small", "medium"].includes(width);
|
|
171
166
|
const mergedClassName = cn("navds-modal", className, {
|
|
172
167
|
[polyfillClassName.current]: dialog_polyfill_1.needPolyfill,
|
package/cjs/modal/Modal.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../src/modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,8CAA2D;AAC3D,+CAA6D;AAC7D,yCAAyC;AACzC,mDAAyD;AACzD,mDAAmD;AACnD,0CAA8C;AAC9C,8CAAgD;AAChD,uEAAoE;AACpE,yCAAsC;AACtC,6DAA0D;AAC1D,+DAA4D;AAC5D,mDAAwE;AACxE,4DAAoC;AACpC,gEAAwC;AACxC,gEAAwC;AACxC,
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../src/modal/Modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,6 +7,4 @@ export interface MouseCoordinates {
|
|
|
7
7
|
export declare const coordsAreInside: ({ clientX, clientY }: MouseCoordinates, { left, top, right, bottom }: DOMRect) => boolean;
|
|
8
8
|
export declare function getCloseHandler(modalRef: React.RefObject<HTMLDialogElement | null>, header: ModalProps["header"], onBeforeClose: ModalProps["onBeforeClose"]): (() => false | void | undefined) | undefined;
|
|
9
9
|
declare function useIsModalOpen(modalRef: HTMLDialogElement | null): boolean;
|
|
10
|
-
export
|
|
11
|
-
declare function useBodyScrollLock(modalRef: React.RefObject<HTMLDialogElement | null>, portalNode: HTMLElement | null, isNested: boolean): void;
|
|
12
|
-
export { useIsModalOpen, useBodyScrollLock };
|
|
10
|
+
export { useIsModalOpen };
|