@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
|
@@ -15,7 +15,7 @@ export type HGridProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
|
15
15
|
columns?: ResponsiveProp<number | string>;
|
|
16
16
|
/**
|
|
17
17
|
* Spacing between columns.
|
|
18
|
-
* Accepts a [spacing token](https://aksel.nav.no/grunnleggende/styling/design-tokens#
|
|
18
|
+
* Accepts a [spacing token](https://aksel.nav.no/grunnleggende/styling/design-tokens#space)
|
|
19
19
|
* or an object of spacing tokens for different breakpoints.
|
|
20
20
|
* @example
|
|
21
21
|
* gap="space-20"
|
|
@@ -35,19 +35,19 @@ export type HGridProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
|
35
35
|
* @see 🏷️ {@link HGridProps}
|
|
36
36
|
*
|
|
37
37
|
* @example
|
|
38
|
-
* <HGrid gap="
|
|
38
|
+
* <HGrid gap="space-24" columns={3}>
|
|
39
39
|
* <div />
|
|
40
40
|
* <div />
|
|
41
41
|
* <div />
|
|
42
42
|
* </HGrid>
|
|
43
43
|
* @example
|
|
44
|
-
* <HGrid gap={{xs: "
|
|
44
|
+
* <HGrid gap={{xs: "space-8", md: "space-24"}} columns={3}>
|
|
45
45
|
* <div />
|
|
46
46
|
* <div />
|
|
47
47
|
* <div />
|
|
48
48
|
* </HGrid>
|
|
49
49
|
* @example
|
|
50
|
-
* <HGrid gap="
|
|
50
|
+
* <HGrid gap="space-24" columns={{ sm: 1, md: 1, lg: "1fr auto", xl: "1fr auto"}}>
|
|
51
51
|
* <div />
|
|
52
52
|
* <div />
|
|
53
53
|
* <div />
|
package/esm/layout/grid/HGrid.js
CHANGED
|
@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import React, { forwardRef } from "react";
|
|
13
13
|
import { Slot } from "../../slot/Slot.js";
|
|
14
|
-
import { useRenameCSS
|
|
14
|
+
import { useRenameCSS } from "../../theme/Theme.js";
|
|
15
15
|
import { omit } from "../../util/index.js";
|
|
16
16
|
import BasePrimitive, { PRIMITIVE_PROPS, } from "../base/BasePrimitive.js";
|
|
17
17
|
import { getResponsiveProps, getResponsiveValue } from "../utilities/css.js";
|
|
@@ -22,19 +22,19 @@ import { getResponsiveProps, getResponsiveValue } from "../utilities/css.js";
|
|
|
22
22
|
* @see 🏷️ {@link HGridProps}
|
|
23
23
|
*
|
|
24
24
|
* @example
|
|
25
|
-
* <HGrid gap="
|
|
25
|
+
* <HGrid gap="space-24" columns={3}>
|
|
26
26
|
* <div />
|
|
27
27
|
* <div />
|
|
28
28
|
* <div />
|
|
29
29
|
* </HGrid>
|
|
30
30
|
* @example
|
|
31
|
-
* <HGrid gap={{xs: "
|
|
31
|
+
* <HGrid gap={{xs: "space-8", md: "space-24"}} columns={3}>
|
|
32
32
|
* <div />
|
|
33
33
|
* <div />
|
|
34
34
|
* <div />
|
|
35
35
|
* </HGrid>
|
|
36
36
|
* @example
|
|
37
|
-
* <HGrid gap="
|
|
37
|
+
* <HGrid gap="space-24" columns={{ sm: 1, md: 1, lg: "1fr auto", xl: "1fr auto"}}>
|
|
38
38
|
* <div />
|
|
39
39
|
* <div />
|
|
40
40
|
* <div />
|
|
@@ -42,10 +42,8 @@ import { getResponsiveProps, getResponsiveValue } from "../utilities/css.js";
|
|
|
42
42
|
*/
|
|
43
43
|
export const HGrid = forwardRef((_a, ref) => {
|
|
44
44
|
var { children, className, as: Component = "div", columns, gap, style, align, asChild } = _a, rest = __rest(_a, ["children", "className", "as", "columns", "gap", "style", "align", "asChild"]);
|
|
45
|
-
const themeContext = useThemeInternal();
|
|
46
|
-
const prefix = (themeContext === null || themeContext === void 0 ? void 0 : themeContext.isDarkside) ? "ax" : "a";
|
|
47
45
|
const { cn } = useRenameCSS();
|
|
48
|
-
const styles = Object.assign(Object.assign(Object.assign(Object.assign({}, style), {
|
|
46
|
+
const styles = Object.assign(Object.assign(Object.assign(Object.assign({}, style), { "--__axc-hgrid-align": align }), getResponsiveProps(`hgrid`, "gap", "space", gap)), getResponsiveValue(`hgrid`, "columns", formatGrid(columns)));
|
|
49
47
|
const Comp = asChild ? Slot : Component;
|
|
50
48
|
return (React.createElement(BasePrimitive, Object.assign({}, rest),
|
|
51
49
|
React.createElement(Comp, Object.assign({}, omit(rest, 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,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,
|
|
1
|
+
{"version":3,"file":"HGrid.js","sourceRoot":"","sources":["../../../src/layout/grid/HGrid.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAwB,IAAI,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,aAAa,EAAE,EACpB,eAAe,GAEhB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AA6B1E;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,CAAC,MAAM,KAAK,GAChB,UAAU,CACR,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,YAAY,EAAE,CAAC;IAE9B,MAAM,MAAM,+DACP,KAAK,KACR,qBAAqB,EAAE,KAAK,KACzB,kBAAkB,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC,GAChD,kBAAkB,CAAC,OAAO,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,CAC/D,CAAC;IAEF,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAExC,OAAO,CACL,oBAAC,aAAa,oBAAK,IAAI;QACrB,oBAAC,IAAI,oBACC,IAAI,CAAC,IAAI,EAAE,eAAe,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,eAAe,KAAK,CAAC"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { OverridableComponent } from "../../util/index.js";
|
|
3
|
-
import { BackgroundColorToken } from "../utilities/types.js";
|
|
4
3
|
import { PageBlock } from "./parts/PageBlock.js";
|
|
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/esm/layout/page/Page.js
CHANGED
|
@@ -10,20 +10,14 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import React, { forwardRef } from "react";
|
|
13
|
-
import { useRenameCSS
|
|
13
|
+
import { useRenameCSS } from "../../theme/Theme.js";
|
|
14
|
+
import { omit } from "../../util/index.js";
|
|
14
15
|
import { PageBlock } from "./parts/PageBlock.js";
|
|
15
16
|
export const PageComponent = forwardRef((_a, ref) => {
|
|
16
|
-
var { as: Component = "div", className,
|
|
17
|
-
const themeContext = useThemeInternal();
|
|
17
|
+
var { as: Component = "div", className, footer, children, footerPosition, contentBlockPadding = "end" } = _a, rest = __rest(_a, ["as", "className", "footer", "children", "footerPosition", "contentBlockPadding"]);
|
|
18
18
|
const { cn } = useRenameCSS();
|
|
19
|
-
if (process.env.NODE_ENV !== "production" &&
|
|
20
|
-
(themeContext === null || themeContext === void 0 ? void 0 : themeContext.isDarkside) &&
|
|
21
|
-
background) {
|
|
22
|
-
console.warn(`Prop \`background\` is deprecated and cannot be used with theme-support. Instead wrap component with \`<Box asChild background>\``);
|
|
23
|
-
}
|
|
24
|
-
const style = Object.assign(Object.assign({}, _style), { "--__ac-page-background": `var(--a-${background !== null && background !== void 0 ? background : "bg-default"})` });
|
|
25
19
|
const belowFold = footerPosition === "belowFold";
|
|
26
|
-
return (React.createElement(Component, Object.assign({}, rest, { className: cn("navds-page", className), ref: ref
|
|
20
|
+
return (React.createElement(Component, Object.assign({}, omit(rest, ["background"]), { className: cn("navds-page", className), ref: ref }),
|
|
27
21
|
React.createElement("div", { className: cn({
|
|
28
22
|
"navds-page__content--fullheight": belowFold,
|
|
29
23
|
"navds-page__content--grow": !belowFold,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../src/layout/page/Page.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,
|
|
1
|
+
{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../src/layout/page/Page.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAwB,IAAI,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAgC9C,MAAM,CAAC,MAAM,aAAa,GACxB,UAAU,CACR,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,YAAY,EAAE,CAAC;IAE9B,MAAM,SAAS,GAAG,cAAc,KAAK,WAAW,CAAC;IAEjD,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,CAAC,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC,IAC9B,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,EACtC,GAAG,EAAE,GAAG;QAER,6BACE,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,aAAkC,CAAC;AAEhD,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;AAEvB,eAAe,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
|
|
@@ -11,16 +11,14 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import React, { forwardRef } from "react";
|
|
13
13
|
import { Slot } from "../../slot/Slot.js";
|
|
14
|
-
import { useRenameCSS
|
|
14
|
+
import { useRenameCSS } from "../../theme/Theme.js";
|
|
15
15
|
import { omit } from "../../util/index.js";
|
|
16
16
|
import BasePrimitive, { PRIMITIVE_PROPS, } from "../base/BasePrimitive.js";
|
|
17
17
|
import { getResponsiveProps, getResponsiveValue } from "../utilities/css.js";
|
|
18
18
|
export const Stack = forwardRef((_a, ref) => {
|
|
19
19
|
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"]);
|
|
20
|
-
const themeContext = useThemeInternal();
|
|
21
|
-
const prefix = (themeContext === null || themeContext === void 0 ? void 0 : themeContext.isDarkside) ? "ax" : "a";
|
|
22
20
|
const { cn } = useRenameCSS();
|
|
23
|
-
const style = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, _style), getResponsiveProps(
|
|
21
|
+
const style = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, _style), getResponsiveProps(`stack`, "gap", "space", gap)), getResponsiveValue(`stack`, "direction", direction)), getResponsiveValue(`stack`, "align", align)), getResponsiveValue(`stack`, "justify", justify));
|
|
24
22
|
const Comp = asChild ? Slot : Component;
|
|
25
23
|
return (React.createElement(BasePrimitive, Object.assign({}, rest),
|
|
26
24
|
React.createElement(Comp, Object.assign({}, omit(rest, 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,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,
|
|
1
|
+
{"version":3,"file":"Stack.js","sourceRoot":"","sources":["../../../src/layout/stack/Stack.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAElC,OAAO,aAAa,EAAE,EACpB,eAAe,GAEhB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAyD1E,MAAM,CAAC,MAAM,KAAK,GAChB,UAAU,CACR,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,YAAY,EAAE,CAAC;IAE9B,MAAM,KAAK,6EACN,MAAM,GACN,kBAAkB,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC,GAChD,kBAAkB,CAAC,OAAO,EAAE,WAAW,EAAE,SAAS,CAAC,GACnD,kBAAkB,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,GAC3C,kBAAkB,CAAC,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,CACnD,CAAC;IAEF,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAExC,OAAO,CACL,oBAAC,aAAa,oBAAK,IAAI;QACrB,oBAAC,IAAI,oBACC,IAAI,CAAC,IAAI,EAAE,eAAe,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,eAAe,KAAK,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ResponsiveProp } from "./types.js";
|
|
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
|
};
|
|
@@ -1,55 +1,22 @@
|
|
|
1
|
-
|
|
1
|
+
const TOKEN_PREFIX = "ax";
|
|
2
|
+
export function getResponsiveValue(componentName, componentProp, responsiveProp) {
|
|
2
3
|
if (!responsiveProp) {
|
|
3
4
|
return {};
|
|
4
5
|
}
|
|
5
6
|
if (typeof responsiveProp === "string") {
|
|
6
7
|
return {
|
|
7
|
-
[`--__${
|
|
8
|
+
[`--__${TOKEN_PREFIX}c-${componentName}-${componentProp}-xs`]: responsiveProp,
|
|
8
9
|
};
|
|
9
10
|
}
|
|
10
11
|
return Object.fromEntries(Object.entries(responsiveProp).map(([breakpointAlias, responsiveValue]) => [
|
|
11
|
-
`--__${
|
|
12
|
+
`--__${TOKEN_PREFIX}c-${componentName}-${componentProp}-${breakpointAlias}`,
|
|
12
13
|
responsiveValue,
|
|
13
14
|
]));
|
|
14
15
|
}
|
|
15
|
-
|
|
16
|
-
* Temporary lookup for mapping legacy spacing tokens to new space tokens.
|
|
17
|
-
*/
|
|
18
|
-
const legacySpacingTokenLookup = {
|
|
19
|
-
"--ax-spacing-32": "--ax-space-128",
|
|
20
|
-
"--ax-spacing-24": "--ax-space-96",
|
|
21
|
-
"--ax-spacing-20": "--ax-space-80",
|
|
22
|
-
"--ax-spacing-18": "--ax-space-72",
|
|
23
|
-
"--ax-spacing-16": "--ax-space-64",
|
|
24
|
-
"--ax-spacing-14": "--ax-space-56",
|
|
25
|
-
"--ax-spacing-12": "--ax-space-48",
|
|
26
|
-
"--ax-spacing-11": "--ax-space-44",
|
|
27
|
-
"--ax-spacing-10": "--ax-space-40",
|
|
28
|
-
"--ax-spacing-9": "--ax-space-36",
|
|
29
|
-
"--ax-spacing-8": "--ax-space-32",
|
|
30
|
-
"--ax-spacing-7": "--ax-space-28",
|
|
31
|
-
"--ax-spacing-6": "--ax-space-24",
|
|
32
|
-
"--ax-spacing-5": "--ax-space-20",
|
|
33
|
-
"--ax-spacing-4": "--ax-space-16",
|
|
34
|
-
"--ax-spacing-3": "--ax-space-12",
|
|
35
|
-
"--ax-spacing-2": "--ax-space-8",
|
|
36
|
-
"--ax-spacing-1-alt": "--ax-space-6",
|
|
37
|
-
"--ax-spacing-1": "--ax-space-4",
|
|
38
|
-
"--ax-spacing-05": "--ax-space-2",
|
|
39
|
-
"--ax-spacing-0": "--ax-space-0",
|
|
40
|
-
};
|
|
41
|
-
const legacyBorderRadiusNameTokenLookup = {
|
|
42
|
-
full: "full",
|
|
43
|
-
xlarge: "12",
|
|
44
|
-
large: "8",
|
|
45
|
-
medium: "4",
|
|
46
|
-
small: "2",
|
|
47
|
-
};
|
|
48
|
-
const translateTokenStringToCSS = (specialLayout, tokenString, tokenSubgroup, tokenExceptions, invert, prefix) => {
|
|
16
|
+
const translateTokenStringToCSS = (specialLayout, tokenString, tokenSubgroup, tokenExceptions, invert) => {
|
|
49
17
|
return tokenString
|
|
50
18
|
.split(" ")
|
|
51
19
|
.map((propValue, _, arr) => {
|
|
52
|
-
var _a, _b;
|
|
53
20
|
// Handle special layout cases
|
|
54
21
|
if (specialLayout === "margin-inline" && propValue === "full") {
|
|
55
22
|
return `calc((100vw - ${100 / arr.length}%)/-2)`;
|
|
@@ -61,22 +28,15 @@ const translateTokenStringToCSS = (specialLayout, tokenString, tokenSubgroup, to
|
|
|
61
28
|
return "auto";
|
|
62
29
|
}
|
|
63
30
|
// Handle exceptions and space tokens
|
|
64
|
-
let output = `var(--${
|
|
31
|
+
let output = `var(--${TOKEN_PREFIX}-${tokenSubgroup}-${propValue})`;
|
|
65
32
|
if (tokenExceptions.includes(propValue)) {
|
|
66
|
-
output = propValue
|
|
67
|
-
}
|
|
68
|
-
else if (tokenSubgroup === "spacing" && propValue.startsWith("space")) {
|
|
69
|
-
/* Use new "space-x" tokens */
|
|
70
|
-
output = `var(--${prefix}-${propValue})`;
|
|
33
|
+
output = propValue;
|
|
71
34
|
}
|
|
72
|
-
else if (tokenSubgroup === "
|
|
73
|
-
|
|
74
|
-
const spacingTokenName = `--${prefix}-spacing-${propValue}`;
|
|
75
|
-
output = `var(${(_a = legacySpacingTokenLookup[spacingTokenName]) !== null && _a !== void 0 ? _a : spacingTokenName})`;
|
|
35
|
+
else if (tokenSubgroup === "space") {
|
|
36
|
+
output = `var(--${TOKEN_PREFIX}-${propValue})`;
|
|
76
37
|
}
|
|
77
38
|
else if (tokenSubgroup === "radius") {
|
|
78
|
-
|
|
79
|
-
output = `var(--${prefix}-radius-${name})`;
|
|
39
|
+
output = `var(--${TOKEN_PREFIX}-radius-${propValue})`;
|
|
80
40
|
}
|
|
81
41
|
// Handle inversion for negative values
|
|
82
42
|
if (invert) {
|
|
@@ -88,18 +48,18 @@ const translateTokenStringToCSS = (specialLayout, tokenString, tokenSubgroup, to
|
|
|
88
48
|
})
|
|
89
49
|
.join(" ");
|
|
90
50
|
};
|
|
91
|
-
export function getResponsiveProps(
|
|
51
|
+
export function getResponsiveProps(componentName, componentProp, tokenSubgroup, responsiveProp, invert = false, tokenExceptions = []) {
|
|
92
52
|
if (!responsiveProp) {
|
|
93
53
|
return {};
|
|
94
54
|
}
|
|
95
55
|
if (typeof responsiveProp === "string") {
|
|
96
56
|
return {
|
|
97
|
-
[`--__${
|
|
57
|
+
[`--__${TOKEN_PREFIX}c-${componentName}-${componentProp}-xs`]: translateTokenStringToCSS(componentProp, responsiveProp, tokenSubgroup, tokenExceptions, invert),
|
|
98
58
|
};
|
|
99
59
|
}
|
|
100
60
|
const styleProps = {};
|
|
101
61
|
Object.entries(responsiveProp).forEach(([breakpointAlias, aliasOrScale]) => {
|
|
102
|
-
styleProps[`--__${
|
|
62
|
+
styleProps[`--__${TOKEN_PREFIX}c-${componentName}-${componentProp}-${breakpointAlias}`] = translateTokenStringToCSS(componentProp, aliasOrScale, tokenSubgroup, tokenExceptions, invert);
|
|
103
63
|
});
|
|
104
64
|
return styleProps;
|
|
105
65
|
}
|
|
@@ -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/esm/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/index.js";
|
|
2
4
|
import { OverridableComponent } from "../util/types/index.js";
|
|
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/esm/link/Link.js
CHANGED
|
@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import React, { forwardRef } from "react";
|
|
13
|
-
import { useRenameCSS
|
|
13
|
+
import { useRenameCSS } from "../theme/Theme.js";
|
|
14
14
|
/**
|
|
15
15
|
* A component that displays a hyperlink.
|
|
16
16
|
*
|
|
@@ -34,20 +34,8 @@ import { useRenameCSS, useThemeInternal } from "../theme/Theme.js";
|
|
|
34
34
|
*/
|
|
35
35
|
export const Link = forwardRef((_a, ref) => {
|
|
36
36
|
var { as: Component = "a", className, underline = true, variant, inlineText = false, "data-color": color } = _a, rest = __rest(_a, ["as", "className", "underline", "variant", "inlineText", "data-color"]);
|
|
37
|
-
const themeContext = useThemeInternal();
|
|
38
37
|
const { cn } = useRenameCSS();
|
|
39
|
-
|
|
40
|
-
* We avoid defaulting to "action" in darkside.
|
|
41
|
-
*/
|
|
42
|
-
let localVariant;
|
|
43
|
-
if (themeContext === null || themeContext === void 0 ? void 0 : themeContext.isDarkside) {
|
|
44
|
-
localVariant = variant;
|
|
45
|
-
}
|
|
46
|
-
else {
|
|
47
|
-
localVariant = variant !== null && variant !== void 0 ? variant : "action";
|
|
48
|
-
}
|
|
49
|
-
return (React.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, {
|
|
50
|
-
[`navds-link--${localVariant}`]: localVariant,
|
|
38
|
+
return (React.createElement(Component, Object.assign({ "data-color": color !== null && color !== void 0 ? color : variantToColor(variant) }, rest, { ref: ref, className: cn("navds-link", className, {
|
|
51
39
|
"navds-link--remove-underline": !underline,
|
|
52
40
|
"navds-link--inline-text": inlineText,
|
|
53
41
|
}) })));
|
|
@@ -57,7 +45,6 @@ function variantToColor(variant) {
|
|
|
57
45
|
case "action":
|
|
58
46
|
return "accent";
|
|
59
47
|
case "neutral":
|
|
60
|
-
return "neutral";
|
|
61
48
|
case "subtle":
|
|
62
49
|
return "neutral";
|
|
63
50
|
default:
|
package/esm/link/Link.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../src/link/Link.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../src/link/Link.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAqC9C;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,MAAM,IAAI,GACf,UAAU,CACR,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,YAAY,EAAE,CAAC;IAE9B,OAAO,CACL,oBAAC,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,eAAe,IAAI,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { HTMLAttributes } from "react";
|
|
2
|
+
import type { AkselColor } from "../types/index.js";
|
|
2
3
|
import { LinkAnchorProps } from "../util/link-anchor/index.js";
|
|
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,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"LinkCard.js","sourceRoot":"","sources":["../../src/link-card/LinkCard.tsx"],"names":[],"mappings":"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"}
|
package/esm/list/List.js
CHANGED
|
@@ -10,15 +10,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import React, { forwardRef, useContext } from "react";
|
|
13
|
-
import { useRenameCSS
|
|
14
|
-
import { BodyLong
|
|
13
|
+
import { useRenameCSS } from "../theme/Theme.js";
|
|
14
|
+
import { BodyLong } from "../typography/index.js";
|
|
15
15
|
import { ListItem } from "./List.Item.js";
|
|
16
16
|
import { ListContext } from "./List.context.js";
|
|
17
|
-
const headingSizeMap = {
|
|
18
|
-
small: "xsmall",
|
|
19
|
-
medium: "small",
|
|
20
|
-
large: "medium",
|
|
21
|
-
};
|
|
22
17
|
/**
|
|
23
18
|
* A list component
|
|
24
19
|
*
|
|
@@ -35,30 +30,15 @@ const headingSizeMap = {
|
|
|
35
30
|
* ```
|
|
36
31
|
*/
|
|
37
32
|
export const List = forwardRef((_a, ref) => {
|
|
38
|
-
var { children, className, as: ListTag = "ul",
|
|
33
|
+
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"]);
|
|
39
34
|
const { size: contextSize } = useContext(ListContext);
|
|
40
35
|
const { cn } = useRenameCSS();
|
|
41
|
-
const themeContext = useThemeInternal();
|
|
42
36
|
const listSize = size !== null && size !== void 0 ? size : contextSize;
|
|
43
|
-
if (themeContext === null || themeContext === void 0 ? void 0 : themeContext.isDarkside) {
|
|
44
|
-
if (process.env.NODE_ENV !== "production" &&
|
|
45
|
-
(title || description || headingTag)) {
|
|
46
|
-
console.warn("List: title, description and headingTag are deprecated and will not work with updated theme for Aksel.");
|
|
47
|
-
}
|
|
48
|
-
return (React.createElement(ListContext.Provider, { value: {
|
|
49
|
-
listType: ListTag,
|
|
50
|
-
size: listSize,
|
|
51
|
-
} },
|
|
52
|
-
React.createElement(BodyLong, Object.assign({ as: "div" }, rest, { size: listSize, ref: ref, className: cn("navds-list", `navds-list--${listSize}`, className) }),
|
|
53
|
-
React.createElement(ListTag, { role: "list", "aria-label": _ariaLabel, "aria-labelledby": _ariaLabelledBy }, children))));
|
|
54
|
-
}
|
|
55
37
|
return (React.createElement(ListContext.Provider, { value: {
|
|
56
38
|
listType: ListTag,
|
|
57
39
|
size: listSize,
|
|
58
40
|
} },
|
|
59
41
|
React.createElement(BodyLong, Object.assign({ as: "div" }, rest, { size: listSize, ref: ref, className: cn("navds-list", `navds-list--${listSize}`, className) }),
|
|
60
|
-
title && (React.createElement(Heading, { size: headingSizeMap[listSize], as: headingTag !== null && headingTag !== void 0 ? headingTag : "h3" }, title)),
|
|
61
|
-
description && React.createElement(BodyShort, { size: listSize }, description),
|
|
62
42
|
React.createElement(ListTag, { role: "list", "aria-label": _ariaLabel, "aria-labelledby": _ariaLabelledBy }, children))));
|
|
63
43
|
});
|
|
64
44
|
List.Item = ListItem;
|
package/esm/list/List.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/list/List.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,
|
|
1
|
+
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/list/List.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAc7C;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,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,UAAU,CAAC,WAAW,CAAC,CAAC;IAEtD,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,MAAM,QAAQ,GAAG,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,WAAW,CAAC;IAErC,OAAO,CACL,oBAAC,WAAW,CAAC,QAAQ,IACnB,KAAK,EAAE;YACL,QAAQ,EAAE,OAAO;YACjB,IAAI,EAAE,QAAQ;SACf;QAED,oBAAC,QAAQ,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,oBAAC,OAAO,IACN,IAAI,EAAC,MAAM,gBACC,UAAU,qBACL,eAAe,IAE/B,QAAQ,CACD,CACD,CACU,CACxB,CAAC;AACJ,CAAC,CACe,CAAC;AAEnB,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;AAErB,eAAe,IAAI,CAAC"}
|
package/esm/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/esm/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/esm/loader/Loader.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../src/loader/Loader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAY,UAAU,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../src/loader/Loader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAY,UAAU,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AA6ClD;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,MAAM,GAAe,UAAU,CAC1C,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,YAAY,EAAE,CAAC;IAC9B,MAAM,UAAU,GAAG,KAAK,EAAE,CAAC;IAC3B,MAAM,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IAEpC,OAAO,CACL,8DACmB,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,IAAI,CAAC,IAAI,EAAE,CAAC,UAAU,CAAC,CAAC,oBACd,OAAO;QAErB,+BAAO,EAAE,EAAE,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,UAAU,UAAU,EAAE,IACpC,KAAK,IAAI,SAAS,CAAC,OAAO,CAAC,CACtB;QACR,gCACE,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,gCACE,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,eAAe,MAAM,CAAC"}
|
package/esm/modal/Modal.js
CHANGED
|
@@ -24,7 +24,7 @@ import { ModalContextProvider, useModalContext } from "./Modal.context.js";
|
|
|
24
24
|
import ModalBody from "./ModalBody.js";
|
|
25
25
|
import ModalFooter from "./ModalFooter.js";
|
|
26
26
|
import ModalHeader from "./ModalHeader.js";
|
|
27
|
-
import { coordsAreInside, getCloseHandler,
|
|
27
|
+
import { coordsAreInside, getCloseHandler, useIsModalOpen, } from "./ModalUtils.js";
|
|
28
28
|
import dialogPolyfill, { needPolyfill } from "./dialog-polyfill.js";
|
|
29
29
|
/**
|
|
30
30
|
* A component that displays a modal dialog.
|
|
@@ -123,11 +123,6 @@ export const Modal = forwardRef((_a, ref) => {
|
|
|
123
123
|
open: isModalOpen,
|
|
124
124
|
referenceElement: modalRef.current,
|
|
125
125
|
});
|
|
126
|
-
/**
|
|
127
|
-
* TODO: Kept for legacy support.
|
|
128
|
-
* - Remove utility in v8 and deprecate body-classes in ModalUtils.ts
|
|
129
|
-
*/
|
|
130
|
-
useBodyScrollLock(modalRef, portalNode, isNested);
|
|
131
126
|
const isWidthPreset = typeof width === "string" && ["small", "medium"].includes(width);
|
|
132
127
|
const mergedClassName = cn("navds-modal", className, {
|
|
133
128
|
[polyfillClassName.current]: needPolyfill,
|