@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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../src/progress-bar/ProgressBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAqE;AACrE,0CAA8C;
|
|
1
|
+
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../src/progress-bar/ProgressBar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import type { AkselStatusColorRole } from "@navikt/ds-tokens/types";
|
|
3
|
+
import type { AkselColor } from "../types";
|
|
2
4
|
export interface ReadMoreProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
3
5
|
/**
|
|
4
6
|
* Content inside ReadMore.
|
|
@@ -27,6 +29,15 @@ export interface ReadMoreProps extends React.ButtonHTMLAttributes<HTMLButtonElem
|
|
|
27
29
|
* @default "medium"
|
|
28
30
|
*/
|
|
29
31
|
size?: "large" | "medium" | "small";
|
|
32
|
+
/**
|
|
33
|
+
* Overrides inherited color.
|
|
34
|
+
*
|
|
35
|
+
* We recommend only using `accent`. We have disallowed status-colors.
|
|
36
|
+
* @see 🏷️ {@link AkselColor}
|
|
37
|
+
* @see [📝 Documentation](https://aksel.nav.no/grunnleggende/styling/farger-tokens)
|
|
38
|
+
* @private
|
|
39
|
+
*/
|
|
40
|
+
"data-color"?: Exclude<AkselColor, AkselStatusColorRole>;
|
|
30
41
|
}
|
|
31
42
|
/**
|
|
32
43
|
* ReadMore
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReadMore.js","sourceRoot":"","sources":["../../src/read-more/ReadMore.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,qDAAsD;
|
|
1
|
+
{"version":3,"file":"ReadMore.js","sourceRoot":"","sources":["../../src/read-more/ReadMore.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,qDAAsD;AAEtD,0CAA8C;AAE9C,8CAAyC;AACzC,uEAAoE;AACpE,6EAA0E;AA0C1E;;;;;;;;;GASG;AACU,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAChC,CACE,EAUgB,EAChB,GAAG,EACH,EAAE;QAZF,EACE,SAAS,EACT,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,WAAW,GAAG,KAAK,EACnB,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,YAAY,OAEE,EADX,IAAI,cATT,6FAUC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,2CAAoB,EAAC;QAC7C,YAAY,EAAE,WAAW;QACzB,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,YAAY;KACvB,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEvD,OAAO,CACL,uCACE,SAAS,EAAE,EAAE,CACX,iBAAiB,EACjB,oBAAoB,IAAI,EAAE,EAC1B,SAAS,EACT,EAAE,uBAAuB,EAAE,KAAK,EAAE,CACnC,iBACW,KAAK;QAEjB,0DACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,kBAAkB,EAAE;gBAC3D,yBAAyB,EAAE,IAAI,KAAK,OAAO;aAC5C,CAAC,EACF,OAAO,EAAE,IAAA,2CAAoB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,mBAClD,KAAK,gBACR,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;YAErC,8BAAC,6BAAe,IACd,SAAS,EAAE,EAAE,CAAC,8BAA8B,CAAC,wBAE7C;YACF,4CAAO,MAAM,CAAQ,CACd;QAET,8BAAC,qBAAQ,IACP,EAAE,EAAC,KAAK,EACR,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE;gBACxC,kCAAkC,EAAE,CAAC,KAAK;aAC3C,CAAC,EACF,IAAI,EAAE,QAAQ,gBACF,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,IAEpC,QAAQ,CACA,CACP,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,gBAAQ,CAAC"}
|
package/cjs/stepper/Stepper.js
CHANGED
|
@@ -80,16 +80,11 @@ exports.Stepper = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
80
80
|
var { children, className, activeStep, orientation = "vertical", onStepChange = () => { }, interactive = true } = _a, rest = __rest(_a, ["children", "className", "activeStep", "orientation", "onStepChange", "interactive"]);
|
|
81
81
|
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
82
82
|
activeStep = activeStep - 1;
|
|
83
|
-
return (react_1.default.createElement("ol", Object.assign({}, rest, { ref: ref, className: cn("navds-stepper",
|
|
83
|
+
return (react_1.default.createElement("ol", Object.assign({}, rest, { ref: ref, className: cn("navds-stepper", className), "data-orientation": orientation }), react_1.default.Children.map(children, (step, index) => {
|
|
84
84
|
var _a, _b, _c;
|
|
85
85
|
const stepProps = react_1.default.isValidElement(step) ? step.props : {};
|
|
86
86
|
const isInteractive = (_a = stepProps.interactive) !== null && _a !== void 0 ? _a : interactive;
|
|
87
|
-
return (react_1.default.createElement("li", { className: cn("navds-stepper__item",
|
|
88
|
-
/* TODO: Remove these 3 classNames in darkmode update */
|
|
89
|
-
"navds-stepper__item--behind": activeStep > index,
|
|
90
|
-
"navds-stepper__item--completed": stepProps.completed,
|
|
91
|
-
"navds-stepper__item--non-interactive": !isInteractive,
|
|
92
|
-
}), "data-color": isInteractive ? undefined : "neutral", key: index + ((_c = (_b = children === null || children === void 0 ? void 0 : children.toString) === null || _b === void 0 ? void 0 : _b.call(children)) !== null && _c !== void 0 ? _c : "") },
|
|
87
|
+
return (react_1.default.createElement("li", { className: cn("navds-stepper__item"), "data-interactive": isInteractive, "data-color": isInteractive ? undefined : "neutral", key: index + ((_c = (_b = children === null || children === void 0 ? void 0 : children.toString) === null || _b === void 0 ? void 0 : _b.call(children)) !== null && _c !== void 0 ? _c : "") },
|
|
93
88
|
react_1.default.createElement("span", { className: cn("navds-stepper__line navds-stepper__line--1") }),
|
|
94
89
|
react_1.default.createElement(context_1.StepperContextProvider, { interactive: interactive, activeStep: activeStep, lastIndex: react_1.default.Children.count(children), index: index, onStepChange: onStepChange, orientation: orientation }, step),
|
|
95
90
|
react_1.default.createElement("span", { className: cn("navds-stepper__line navds-stepper__line--2") })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stepper.js","sourceRoot":"","sources":["../../src/stepper/Stepper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;AAC9C,kDAAgD;AAChD,uCAAmD;AA2CnD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACU,QAAA,OAAO,GAAqB,IAAA,kBAAU,EAIjD,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,QAAQ,EACR,SAAS,EACT,UAAU,EACV,WAAW,GAAG,UAAU,EACxB,YAAY,GAAG,GAAG,EAAE,GAAE,CAAC,EACvB,WAAW,GAAG,IAAI,OAEnB,EADI,IAAI,cAPT,qFAQC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,UAAU,GAAG,UAAU,GAAG,CAAC,CAAC;IAC5B,OAAO,CACL,sDACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"Stepper.js","sourceRoot":"","sources":["../../src/stepper/Stepper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;AAC9C,kDAAgD;AAChD,uCAAmD;AA2CnD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACU,QAAA,OAAO,GAAqB,IAAA,kBAAU,EAIjD,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,QAAQ,EACR,SAAS,EACT,UAAU,EACV,WAAW,GAAG,UAAU,EACxB,YAAY,GAAG,GAAG,EAAE,GAAE,CAAC,EACvB,WAAW,GAAG,IAAI,OAEnB,EADI,IAAI,cAPT,qFAQC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,UAAU,GAAG,UAAU,GAAG,CAAC,CAAC;IAC5B,OAAO,CACL,sDACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,sBACvB,WAAW,KAE5B,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;;QAC5C,MAAM,SAAS,GACb,eAAK,CAAC,cAAc,CAAmB,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;QAEjE,MAAM,aAAa,GAAG,MAAA,SAAS,CAAC,WAAW,mCAAI,WAAW,CAAC;QAE3D,OAAO,CACL,sCACE,SAAS,EAAE,EAAE,CAAC,qBAAqB,CAAC,sBAClB,aAAa,gBACnB,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACjD,GAAG,EAAE,KAAK,GAAG,CAAC,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,QAAQ,wDAAI,mCAAI,EAAE,CAAC;YAE3C,wCACE,SAAS,EAAE,EAAE,CAAC,4CAA4C,CAAC,GAC3D;YACF,8BAAC,gCAAsB,IACrB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,EACzC,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,IAEvB,IAAI,CACkB;YACzB,wCACE,SAAS,EAAE,EAAE,CAAC,4CAA4C,CAAC,GAC3D,CACC,CACN,CAAC;IACJ,CAAC,CAAC,CACC,CACN,CAAC;AACJ,CAAC,CACkB,CAAC;AAEtB,eAAO,CAAC,IAAI,GAAG,cAAI,CAAC;AAEpB,kBAAe,eAAO,CAAC"}
|
package/cjs/tag/Tag.d.ts
CHANGED
|
@@ -1,10 +1,16 @@
|
|
|
1
1
|
import React, { HTMLAttributes } from "react";
|
|
2
|
+
import { AkselColor } from "../types";
|
|
3
|
+
type legacyVariants = "warning" | "warning-filled" | "warning-moderate" | "error" | "error-filled" | "error-moderate" | "info" | "info-filled" | "info-moderate" | "success" | "success-filled" | "success-moderate" | "neutral" | "neutral-filled" | "neutral-moderate" | "alt1" | "alt1-filled" | "alt1-moderate" | "alt2" | "alt2-filled" | "alt2-moderate" | "alt3" | "alt3-filled" | "alt3-moderate";
|
|
4
|
+
type HiddenVariant = legacyVariants & {
|
|
5
|
+
__brand?: never;
|
|
6
|
+
};
|
|
2
7
|
export interface TagProps extends HTMLAttributes<HTMLSpanElement> {
|
|
3
8
|
children: React.ReactNode;
|
|
4
9
|
/**
|
|
5
10
|
* Changes visual profile of tag
|
|
11
|
+
* @default "outline"
|
|
6
12
|
*/
|
|
7
|
-
variant
|
|
13
|
+
variant?: "outline" | "moderate" | "strong" | HiddenVariant;
|
|
8
14
|
/**
|
|
9
15
|
* @default "medium"
|
|
10
16
|
*/
|
|
@@ -13,6 +19,11 @@ export interface TagProps extends HTMLAttributes<HTMLSpanElement> {
|
|
|
13
19
|
* Tag Icon
|
|
14
20
|
*/
|
|
15
21
|
icon?: React.ReactNode;
|
|
22
|
+
/**
|
|
23
|
+
* Tag color
|
|
24
|
+
* @default "neutral"
|
|
25
|
+
*/
|
|
26
|
+
"data-color"?: AkselColor;
|
|
16
27
|
}
|
|
17
28
|
/**
|
|
18
29
|
* A component that displays a small label with a text and a background color.
|
package/cjs/tag/Tag.js
CHANGED
|
@@ -60,11 +60,14 @@ const typography_1 = require("../typography");
|
|
|
60
60
|
* ```
|
|
61
61
|
*/
|
|
62
62
|
exports.Tag = (0, react_1.forwardRef)((_a, ref) => {
|
|
63
|
-
var { children, className, variant, size = "medium", icon, "data-color": color } = _a, rest = __rest(_a, ["children", "className", "variant", "size", "icon", "data-color"]);
|
|
63
|
+
var { children, className, variant = "outline", size = "medium", icon, "data-color": color } = _a, rest = __rest(_a, ["children", "className", "variant", "size", "icon", "data-color"]);
|
|
64
64
|
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
65
65
|
const filledVariant = (variant === null || variant === void 0 ? void 0 : variant.endsWith("-filled")) && "strong";
|
|
66
66
|
const moderateVariant = (variant === null || variant === void 0 ? void 0 : variant.endsWith("-moderate")) && "moderate";
|
|
67
|
-
|
|
67
|
+
const updatedVariant = variant === "moderate" || variant === "strong" || variant === "outline";
|
|
68
|
+
return (react_1.default.createElement(typography_1.BodyShort, Object.assign({ "data-color": color !== null && color !== void 0 ? color : variantToColor(variant), "data-variant": updatedVariant
|
|
69
|
+
? variant
|
|
70
|
+
: filledVariant || moderateVariant || "outline" }, rest, { ref: ref, as: "span", size: size === "medium" ? "medium" : "small", className: cn("navds-tag", className, `navds-tag--${size}`) }),
|
|
68
71
|
icon && react_1.default.createElement("span", { className: cn("navds-tag__icon--left") }, icon),
|
|
69
72
|
children));
|
|
70
73
|
});
|
package/cjs/tag/Tag.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../src/tag/Tag.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0D;AAC1D,0CAA8C;AAE9C,8CAA0C;
|
|
1
|
+
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../src/tag/Tag.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0D;AAC1D,0CAA8C;AAE9C,8CAA0C;AAoD1C;;;;;;;;;;GAUG;AACU,QAAA,GAAG,GAAG,IAAA,kBAAU,EAC3B,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,QAAQ,EACf,IAAI,EACJ,YAAY,EAAE,KAAK,OAEpB,EADI,IAAI,cAPT,kEAQC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,aAAa,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC,SAAS,CAAC,KAAI,QAAQ,CAAC;IAC/D,MAAM,eAAe,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC,WAAW,CAAC,KAAI,UAAU,CAAC;IAErE,MAAM,cAAc,GAClB,OAAO,KAAK,UAAU,IAAI,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,SAAS,CAAC;IAE1E,OAAO,CACL,8BAAC,sBAAS,gCACI,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,cAAc,CAAC,OAAO,CAAC,kBAE1C,cAAc;YACZ,CAAC,CAAC,OAAO;YACT,CAAC,CAAC,aAAa,IAAI,eAAe,IAAI,SAAS,IAE/C,IAAI,IACR,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,MAAM,EACT,IAAI,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAC5C,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,EAAE,cAAc,IAAI,EAAE,CAAC;QAE1D,IAAI,IAAI,wCAAM,SAAS,EAAE,EAAE,CAAC,uBAAuB,CAAC,IAAG,IAAI,CAAQ;QACnE,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,cAAc,CAAC,OAA4B;IAClD,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,SAAS,CAAC;QACf,KAAK,gBAAgB,CAAC;QACtB,KAAK,kBAAkB;YACrB,OAAO,SAAS,CAAC;QACnB,KAAK,OAAO,CAAC;QACb,KAAK,cAAc,CAAC;QACpB,KAAK,gBAAgB;YACnB,OAAO,QAAQ,CAAC;QAClB,KAAK,MAAM,CAAC;QACZ,KAAK,aAAa,CAAC;QACnB,KAAK,eAAe,CAAC;QACrB,KAAK,MAAM,CAAC;QACZ,KAAK,aAAa,CAAC;QACnB,KAAK,eAAe;YAClB,OAAO,MAAM,CAAC;QAChB,KAAK,SAAS,CAAC;QACf,KAAK,gBAAgB,CAAC;QACtB,KAAK,kBAAkB;YACrB,OAAO,SAAS,CAAC;QACnB,KAAK,SAAS,CAAC;QACf,KAAK,gBAAgB,CAAC;QACtB,KAAK,kBAAkB;YACrB,OAAO,SAAS,CAAC;QACnB,KAAK,MAAM,CAAC;QACZ,KAAK,aAAa,CAAC;QACnB,KAAK,eAAe;YAClB,OAAO,aAAa,CAAC;QACvB,KAAK,MAAM,CAAC;QACZ,KAAK,aAAa,CAAC;QACnB,KAAK,eAAe;YAClB,OAAO,WAAW,CAAC;QACrB;YACE,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC;AAED,kBAAe,WAAG,CAAC"}
|
package/cjs/theme/Theme.d.ts
CHANGED
|
@@ -8,32 +8,32 @@ type RenameCSSContext = {
|
|
|
8
8
|
*/
|
|
9
9
|
cn: (...inputs: Parameters<typeof cl>) => ReturnType<typeof cl>;
|
|
10
10
|
};
|
|
11
|
-
declare const useRenameCSS: () => RenameCSSContext;
|
|
12
11
|
export declare const compositeClassFunction: (...inputs: Parameters<typeof cl>) => string;
|
|
12
|
+
declare const useRenameCSS: () => RenameCSSContext;
|
|
13
13
|
type ThemeContext = {
|
|
14
14
|
/**
|
|
15
|
-
* Color theme
|
|
16
|
-
* @default Inherits parent theme, or "light" if root
|
|
15
|
+
* Color theme.
|
|
16
|
+
* @default Inherits parent theme, or "light" if root.
|
|
17
17
|
*/
|
|
18
18
|
theme?: "light" | "dark";
|
|
19
19
|
color?: AkselColor;
|
|
20
20
|
/**
|
|
21
|
-
* Indicates if Theme-component is
|
|
22
|
-
* @default false
|
|
21
|
+
* Indicates if Theme-component is on root-level or not.
|
|
23
22
|
*/
|
|
24
|
-
|
|
23
|
+
isRoot: boolean;
|
|
25
24
|
};
|
|
26
25
|
declare const useThemeInternal: () => ThemeContext;
|
|
27
26
|
export type ThemeProps = {
|
|
28
27
|
className?: string;
|
|
29
28
|
/**
|
|
30
|
-
*
|
|
29
|
+
* Whether to apply the default background.
|
|
30
|
+
* @default `true` if this is the root instance and `theme` is defined, otherwise `false`.
|
|
31
31
|
*/
|
|
32
32
|
hasBackground?: boolean;
|
|
33
33
|
/**
|
|
34
|
-
*
|
|
34
|
+
* Changes default 'base'-color for application.
|
|
35
35
|
*/
|
|
36
36
|
"data-color"?: AkselColor;
|
|
37
|
-
} & Omit<ThemeContext, "color" | "
|
|
37
|
+
} & Omit<ThemeContext, "color" | "isRoot"> & AsChildProps;
|
|
38
38
|
declare const Theme: React.ForwardRefExoticComponent<ThemeProps & React.RefAttributes<HTMLDivElement>>;
|
|
39
39
|
export { Theme, useRenameCSS, useThemeInternal };
|
package/cjs/theme/Theme.js
CHANGED
|
@@ -41,11 +41,6 @@ const clsx_1 = __importDefault(require("clsx"));
|
|
|
41
41
|
const react_1 = __importStar(require("react"));
|
|
42
42
|
const Slot_1 = require("../slot/Slot");
|
|
43
43
|
const create_strict_context_1 = require("../util/create-strict-context");
|
|
44
|
-
const { Provider: RenameCSSProvider, useContext: useRenameCSS } = (0, create_strict_context_1.createStrictContext)({
|
|
45
|
-
name: "RenameCSS",
|
|
46
|
-
defaultValue: { cn: clsx_1.default },
|
|
47
|
-
});
|
|
48
|
-
exports.useRenameCSS = useRenameCSS;
|
|
49
44
|
const compositeClassFunction = (...inputs) => {
|
|
50
45
|
const classes = (0, clsx_1.default)(inputs)
|
|
51
46
|
/* Replaces only if start of string "navds- navds-"*/
|
|
@@ -55,6 +50,11 @@ const compositeClassFunction = (...inputs) => {
|
|
|
55
50
|
return classes.trim();
|
|
56
51
|
};
|
|
57
52
|
exports.compositeClassFunction = compositeClassFunction;
|
|
53
|
+
const { Provider: RenameCSSProvider, useContext: useRenameCSS } = (0, create_strict_context_1.createStrictContext)({
|
|
54
|
+
name: "RenameCSS",
|
|
55
|
+
defaultValue: { cn: exports.compositeClassFunction },
|
|
56
|
+
});
|
|
57
|
+
exports.useRenameCSS = useRenameCSS;
|
|
58
58
|
const RenameCSS = ({ children }) => {
|
|
59
59
|
return (react_1.default.createElement(RenameCSSProvider, { cn: exports.compositeClassFunction }, children));
|
|
60
60
|
};
|
|
@@ -66,19 +66,19 @@ const { Provider: ThemeProvider, useContext: useThemeInternal } = (0, create_str
|
|
|
66
66
|
name: "ThemeProvider",
|
|
67
67
|
defaultValue: {
|
|
68
68
|
color: DEFAULT_COLOR,
|
|
69
|
-
|
|
69
|
+
isRoot: true,
|
|
70
70
|
},
|
|
71
71
|
});
|
|
72
72
|
exports.useThemeInternal = useThemeInternal;
|
|
73
73
|
const Theme = (0, react_1.forwardRef)((props, ref) => {
|
|
74
74
|
const context = useThemeInternal();
|
|
75
|
-
const { children, className, asChild = false, theme = context === null || context === void 0 ? void 0 : context.theme, hasBackground: hasBackgroundProp
|
|
76
|
-
const isRoot =
|
|
75
|
+
const { children, className, asChild = false, theme = context === null || context === void 0 ? void 0 : context.theme, hasBackground: hasBackgroundProp, "data-color": color = context === null || context === void 0 ? void 0 : context.color, } = props;
|
|
76
|
+
const isRoot = context === null || context === void 0 ? void 0 : context.isRoot;
|
|
77
77
|
const hasBackground = hasBackgroundProp !== null && hasBackgroundProp !== void 0 ? hasBackgroundProp : (isRoot && props.theme !== undefined);
|
|
78
78
|
const SlotElement = asChild ? Slot_1.Slot : "div";
|
|
79
|
-
return (react_1.default.createElement(ThemeProvider, { theme: theme, color: color,
|
|
79
|
+
return (react_1.default.createElement(ThemeProvider, { theme: theme, color: color, isRoot: false },
|
|
80
80
|
react_1.default.createElement(RenameCSS, null,
|
|
81
|
-
react_1.default.createElement(SlotElement, { ref: ref, className: (0, clsx_1.default)("aksel-theme", className, theme), "data-background": hasBackground, "data-color": color !== null && color !== void 0 ? color :
|
|
81
|
+
react_1.default.createElement(SlotElement, { ref: ref, className: (0, clsx_1.default)("aksel-theme", className, theme), "data-background": hasBackground, "data-color": color !== null && color !== void 0 ? color : DEFAULT_COLOR }, children))));
|
|
82
82
|
});
|
|
83
83
|
exports.Theme = Theme;
|
|
84
84
|
//# sourceMappingURL=Theme.js.map
|
package/cjs/theme/Theme.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Theme.js","sourceRoot":"","sources":["../../src/theme/Theme.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,uCAAoC;AAEpC,yEAAoE;
|
|
1
|
+
{"version":3,"file":"Theme.js","sourceRoot":"","sources":["../../src/theme/Theme.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,uCAAoC;AAEpC,yEAAoE;AAa7D,MAAM,sBAAsB,GAAG,CACpC,GAAG,MAA6B,EACxB,EAAE;IACV,MAAM,OAAO,GAAG,IAAA,cAAE,EAAC,MAAM,CAAC;QACxB,sDAAsD;SACrD,OAAO,CAAC,UAAU,EAAE,QAAQ,CAAC;QAC9B,iCAAiC;SAChC,OAAO,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IAEnC,OAAO,OAAO,CAAC,IAAI,EAAE,CAAC;AACxB,CAAC,CAAC;AAVW,QAAA,sBAAsB,0BAUjC;AAEF,MAAM,EAAE,QAAQ,EAAE,iBAAiB,EAAE,UAAU,EAAE,YAAY,EAAE,GAC7D,IAAA,2CAAmB,EAAmB;IACpC,IAAI,EAAE,WAAW;IACjB,YAAY,EAAE,EAAE,EAAE,EAAE,8BAAsB,EAAE;CAC7C,CAAC,CAAC;AAwFW,oCAAY;AAtF5B,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE;IAChE,OAAO,CACL,8BAAC,iBAAiB,IAAC,EAAE,EAAE,8BAAsB,IAC1C,QAAQ,CACS,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,MAAM,aAAa,GAAe,QAAQ,CAAC;AAe3C,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAC7D,IAAA,2CAAmB,EAAe;IAChC,IAAI,EAAE,eAAe;IACrB,YAAY,EAAE;QACZ,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,IAAI;KACb;CACF,CAAC,CAAC;AAqDyB,4CAAgB;AArC9C,MAAM,KAAK,GAAG,IAAA,kBAAU,EACtB,CAAC,KAAiB,EAAE,GAAG,EAAE,EAAE;IACzB,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAC;IAEnC,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,EACtB,aAAa,EAAE,iBAAiB,EAChC,YAAY,EAAE,KAAK,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,GACrC,GAAG,KAAK,CAAC;IAEV,MAAM,MAAM,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAC;IAE/B,MAAM,aAAa,GACjB,iBAAiB,aAAjB,iBAAiB,cAAjB,iBAAiB,GAAI,CAAC,MAAM,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC;IAE7D,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,WAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAE3C,OAAO,CACL,8BAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK;QACtD,8BAAC,SAAS;YACR,8BAAC,WAAW,IACV,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EAAC,aAAa,EAAE,SAAS,EAAE,KAAK,CAAC,qBAC7B,aAAa,gBAClB,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,aAAa,IAEjC,QAAQ,CACG,CACJ,CACE,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEO,sBAAK"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import type { AkselColor } from "../../types";
|
|
2
3
|
import type { TimelineComponentTypes } from "../utils/types.internal";
|
|
3
4
|
export interface TimelinePeriodProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
5
|
/**
|
|
@@ -18,6 +19,13 @@ export interface TimelinePeriodProps extends React.HTMLAttributes<HTMLDivElement
|
|
|
18
19
|
* @default "neutral"
|
|
19
20
|
*/
|
|
20
21
|
status?: "success" | "warning" | "danger" | "info" | "neutral";
|
|
22
|
+
/**
|
|
23
|
+
* Overrides color set by status.
|
|
24
|
+
*
|
|
25
|
+
* @see 🏷️ {@link AkselColor}
|
|
26
|
+
* @see [📝 Documentation](https://aksel.nav.no/grunnleggende/styling/farger-tokens)
|
|
27
|
+
*/
|
|
28
|
+
"data-color"?: AkselColor;
|
|
21
29
|
/**
|
|
22
30
|
* Status label for screen-readers
|
|
23
31
|
* e.g "Sykemeldt", "foreldrepermisjon"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/timeline/period/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/timeline/period/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,gEAA6D;AAC7D,0DAAuD;AAEvD,wEAAgD;AAChD,8EAAsD;AAgEzC,QAAA,MAAM,GAAG,IAAA,kBAAU,EAC9B,CAAC,EAAE,IAAI,EAAuB,EAAE,GAAG,EAAE,EAAE;IACrC,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,6BAAa,GAAE,CAAC;IACpC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAA,mCAAgB,GAAE,CAAC;IAEnD,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAC;IAEtD,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,EACJ,KAAK,EACL,YAAY,EACZ,KAAK,EACL,kBAAkB,EAClB,MAAM,GAAG,SAAS,EAClB,cAAc,EACd,OAAO,EACP,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,WAAW,GACZ,GAAG,MAAM,CAAC;IAEX,OAAO,cAAc,IAAI,QAAQ,CAAC,CAAC,CAAC,CAClC,8BAAC,yBAAe,IACd,SAAS,EAAE,GAA4C,EACvD,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,IAAI,EAAE,EACtB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,kBAAkB,EACxB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,IAEnB,QAAQ,CACO,CACnB,CAAC,CAAC,CAAC,CACF,8BAAC,4BAAkB,IACjB,SAAS,EAAE,GAAG,EACd,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,IAAI,EAAE,EACtB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,kBAAkB,EACxB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;AACJ,CAAC,CACY,CAAC;AAEhB,cAAM,CAAC,aAAa,GAAG,QAAQ,CAAC;AAEhC,kBAAe,cAAM,CAAC"}
|
|
@@ -73,7 +73,6 @@ const useToggleGroup_1 = require("./useToggleGroup");
|
|
|
73
73
|
exports.ToggleGroup = (0, react_1.forwardRef)((_a, ref) => {
|
|
74
74
|
var { className, children, onChange, size = "medium", label, value, defaultValue, variant, fill = false, "data-color": color } = _a, rest = __rest(_a, ["className", "children", "onChange", "size", "label", "value", "defaultValue", "variant", "fill", "data-color"]);
|
|
75
75
|
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
76
|
-
const themeContext = (0, Theme_1.useThemeInternal)();
|
|
77
76
|
const descendants = (0, ToggleGroup_context_1.useToggleGroupDescendants)();
|
|
78
77
|
const toggleGroupContext = (0, useToggleGroup_1.useToggleGroup)({
|
|
79
78
|
defaultValue,
|
|
@@ -91,20 +90,13 @@ exports.ToggleGroup = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
91
90
|
if (!value && !defaultValue) {
|
|
92
91
|
console.error("ToggleGroup needs either a value or defaultValue");
|
|
93
92
|
}
|
|
94
|
-
let localVariant;
|
|
95
|
-
if (themeContext === null || themeContext === void 0 ? void 0 : themeContext.isDarkside) {
|
|
96
|
-
localVariant = variant;
|
|
97
|
-
}
|
|
98
|
-
else {
|
|
99
|
-
localVariant = variant !== null && variant !== void 0 ? variant : "action";
|
|
100
|
-
}
|
|
101
93
|
return (react_1.default.createElement(ToggleGroup_context_1.ToggleGroupDescendantsProvider, { value: descendants },
|
|
102
94
|
react_1.default.createElement(ToggleGroup_context_1.ToggleGroupProvider, Object.assign({}, context),
|
|
103
95
|
react_1.default.createElement("div", { className: cn("navds-toggle-group__wrapper", className, {
|
|
104
96
|
"navds-toggle-group__wrapper--fill": fill,
|
|
105
|
-
}), "data-color": color !== null && color !== void 0 ? color : variantToColor(
|
|
97
|
+
}), "data-color": color !== null && color !== void 0 ? color : variantToColor(variant) },
|
|
106
98
|
label && (react_1.default.createElement(typography_1.Label, { as: "div", size: size, className: cn("navds-toggle-group__label"), id: labelId }, label)),
|
|
107
|
-
react_1.default.createElement("div", Object.assign({ "aria-labelledby": label ? labelId : undefined }, rest, { ref: ref, className: cn("navds-toggle-group", `navds-toggle-group--${size}
|
|
99
|
+
react_1.default.createElement("div", Object.assign({ "aria-labelledby": label ? labelId : undefined }, rest, { ref: ref, className: cn("navds-toggle-group", `navds-toggle-group--${size}`), role: "radiogroup" }), children)))));
|
|
108
100
|
});
|
|
109
101
|
function variantToColor(variant) {
|
|
110
102
|
switch (variant) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleGroup.js","sourceRoot":"","sources":["../../src/toggle-group/ToggleGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,
|
|
1
|
+
{"version":3,"file":"ToggleGroup.js","sourceRoot":"","sources":["../../src/toggle-group/ToggleGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;AAE9C,8CAAsC;AACtC,kCAAgC;AAChC,+DAI+B;AAE/B,oEAA4C;AAC5C,qDAAkD;AAYlD;;;;;;;;;;;;;;GAcG;AACU,QAAA,WAAW,GAAG,IAAA,kBAAU,EACnC,CACE,EAYC,EACD,GAAG,EACH,EAAE;QAdF,EACE,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,KAAK,EACL,KAAK,EACL,YAAY,EACZ,OAAO,EACP,IAAI,GAAG,KAAK,EACZ,YAAY,EAAE,KAAK,OAEpB,EADI,IAAI,cAXT,gHAYC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,WAAW,GAAG,IAAA,+CAAyB,GAAE,CAAC;IAEhD,MAAM,kBAAkB,GAAG,IAAA,+BAAc,EAAC;QACxC,YAAY;QACZ,KAAK;QACL,QAAQ;KACT,CAAC,CAAC;IAEH;;OAEG;IACH,MAAM,OAAO,mCACR,kBAAkB,KACrB,IAAI,GACL,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,YAAK,GAAE,CAAC;IAExB,IAAI,CAAC,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC;QAC5B,OAAO,CAAC,KAAK,CAAC,0DAA0D,CAAC,CAAC;IAC5E,CAAC;IAED,IAAI,CAAC,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC;QAC5B,OAAO,CAAC,KAAK,CAAC,kDAAkD,CAAC,CAAC;IACpE,CAAC;IAED,OAAO,CACL,8BAAC,oDAA8B,IAAC,KAAK,EAAE,WAAW;QAChD,8BAAC,yCAAmB,oBAAK,OAAO;YAC9B,uCACE,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,EAAE;oBACtD,mCAAmC,EAAE,IAAI;iBAC1C,CAAC,gBACU,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,cAAc,CAAC,OAAO,CAAC;gBAE3C,KAAK,IAAI,CACR,8BAAC,kBAAK,IACJ,EAAE,EAAC,KAAK,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CAAC,2BAA2B,CAAC,EAC1C,EAAE,EAAE,OAAO,IAEV,KAAK,CACA,CACT;gBACD,wEACmB,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,IACxC,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,oBAAoB,EACpB,uBAAuB,IAAI,EAAE,CAC9B,EACD,IAAI,EAAC,YAAY,KAEhB,QAAQ,CACL,CACF,CACc,CACS,CAClC,CAAC;AACJ,CAAC,CACsB,CAAC;AAE1B,SAAS,cAAc,CACrB,OAAqC;IAErC,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,QAAQ;YACX,OAAO,QAAQ,CAAC;QAClB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB;YACE,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC;AAED,mBAAW,CAAC,IAAI,GAAG,oBAAU,CAAC;AAE9B,kBAAe,mBAAW,CAAC"}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import { HTMLAttributes } from "react";
|
|
2
|
+
import type { AkselStatusColorRole } from "@navikt/ds-tokens/types";
|
|
3
|
+
import type { AkselColor } from "../types";
|
|
2
4
|
export interface ToggleGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "dir"> {
|
|
3
5
|
/**
|
|
4
6
|
* Toggles.Item elements.
|
|
@@ -26,10 +28,17 @@ export interface ToggleGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "
|
|
|
26
28
|
*/
|
|
27
29
|
label?: React.ReactNode;
|
|
28
30
|
/**
|
|
29
|
-
*
|
|
30
|
-
* @default "action"
|
|
31
|
+
* @deprecated Use `data-color` prop instead.
|
|
31
32
|
*/
|
|
32
33
|
variant?: "action" | "neutral";
|
|
34
|
+
/**
|
|
35
|
+
* Overrides inherited color.
|
|
36
|
+
*
|
|
37
|
+
* We recommend only using `accent` and `neutral`. We have disallowed status-colors.
|
|
38
|
+
* @see 🏷️ {@link AkselColor}
|
|
39
|
+
* @see [📝 Documentation](https://aksel.nav.no/grunnleggende/styling/farger-tokens)
|
|
40
|
+
*/
|
|
41
|
+
"data-color"?: Exclude<AkselColor, AkselStatusColorRole>;
|
|
33
42
|
/**
|
|
34
43
|
* Stretch each button to fill avaliable space in container.
|
|
35
44
|
* @default false
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import type { AkselColor } from "../types";
|
|
2
3
|
import { OverridableComponent } from "../util/types";
|
|
3
4
|
import { TypoProps } from "./types";
|
|
4
5
|
export interface BodyLongProps extends TypoProps, React.HTMLAttributes<HTMLParagraphElement> {
|
|
@@ -11,6 +12,14 @@ export interface BodyLongProps extends TypoProps, React.HTMLAttributes<HTMLParag
|
|
|
11
12
|
* Text.
|
|
12
13
|
*/
|
|
13
14
|
children: React.ReactNode;
|
|
15
|
+
/**
|
|
16
|
+
* Overrides inherited color.
|
|
17
|
+
* @default "neutral"
|
|
18
|
+
*
|
|
19
|
+
* @see 🏷️ {@link AkselColor}
|
|
20
|
+
* @see [📝 Documentation](https://aksel.nav.no/grunnleggende/styling/farger-tokens)
|
|
21
|
+
*/
|
|
22
|
+
"data-color"?: AkselColor;
|
|
14
23
|
}
|
|
15
24
|
/**
|
|
16
25
|
* Part of a set of components for displaying text with consistent typography.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BodyLong.js","sourceRoot":"","sources":["../../src/typography/BodyLong.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;
|
|
1
|
+
{"version":3,"file":"BodyLong.js","sourceRoot":"","sources":["../../src/typography/BodyLong.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;AAI9C,iCAAwC;AAwBxC;;;;;;;;;;;;;;;GAeG;AACU,QAAA,QAAQ,GAGjB,IAAA,kBAAU,EACZ,CACE,EAWC,EACD,GAAG,EACH,EAAE;QAbF,EACE,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,EAAE,EAAE,SAAS,GAAG,GAAG,EACnB,OAAO,EACP,QAAQ,EACR,MAAM,GAAG,SAAS,EAClB,KAAK,EACL,cAAc,EACd,SAAS,OAEV,EADI,IAAI,cAVT,oGAWC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,iBAAiB,EACjB,oBAAoB,IAAI,EAAE,EAC1B,IAAA,qBAAc,EAAC;YACb,OAAO;YACP,QAAQ;YACR,MAAM;YACN,KAAK;YACL,cAAc;YACd,SAAS;SACV,CAAC,CACH,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,gBAAQ,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import type { AkselColor } from "../types";
|
|
2
3
|
import { OverridableComponent } from "../util/types";
|
|
3
4
|
import { TypoProps } from "./types";
|
|
4
5
|
export interface BodyShortProps extends TypoProps, React.HTMLAttributes<HTMLParagraphElement> {
|
|
@@ -11,6 +12,14 @@ export interface BodyShortProps extends TypoProps, React.HTMLAttributes<HTMLPara
|
|
|
11
12
|
* Paragraph text.
|
|
12
13
|
*/
|
|
13
14
|
children: React.ReactNode;
|
|
15
|
+
/**
|
|
16
|
+
* Overrides inherited color.
|
|
17
|
+
* @default "neutral"
|
|
18
|
+
*
|
|
19
|
+
* @see 🏷️ {@link AkselColor}
|
|
20
|
+
* @see [📝 Documentation](https://aksel.nav.no/grunnleggende/styling/farger-tokens)
|
|
21
|
+
*/
|
|
22
|
+
"data-color"?: AkselColor;
|
|
14
23
|
}
|
|
15
24
|
/**
|
|
16
25
|
* Part of a set of components for displaying text with consistent typography.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BodyShort.js","sourceRoot":"","sources":["../../src/typography/BodyShort.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;
|
|
1
|
+
{"version":3,"file":"BodyShort.js","sourceRoot":"","sources":["../../src/typography/BodyShort.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;AAI9C,iCAAwC;AAwBxC;;;;;;;;;;;;;GAaG;AACU,QAAA,SAAS,GAGlB,IAAA,kBAAU,EACZ,CACE,EAWC,EACD,GAAG,EACH,EAAE;QAbF,EACE,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,EAAE,EAAE,SAAS,GAAG,GAAG,EACnB,OAAO,EACP,QAAQ,EACR,MAAM,GAAG,SAAS,EAClB,KAAK,EACL,cAAc,EACd,SAAS,OAEV,EADI,IAAI,cAVT,oGAWC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,kBAAkB,EAClB,qBAAqB,IAAI,EAAE,EAC3B,IAAA,qBAAc,EAAC;YACb,OAAO;YACP,QAAQ;YACR,MAAM;YACN,KAAK;YACL,cAAc;YACd,SAAS;SACV,CAAC,CACH,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,iBAAS,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import type { AkselColor } from "../types";
|
|
2
3
|
import { OverridableComponent } from "../util/types";
|
|
3
4
|
import { TypoProps } from "./types";
|
|
4
5
|
export interface DetailProps extends TypoProps, React.HTMLAttributes<HTMLParagraphElement> {
|
|
@@ -14,6 +15,14 @@ export interface DetailProps extends TypoProps, React.HTMLAttributes<HTMLParagra
|
|
|
14
15
|
* ALL CAPS.
|
|
15
16
|
*/
|
|
16
17
|
uppercase?: boolean;
|
|
18
|
+
/**
|
|
19
|
+
* Overrides inherited color.
|
|
20
|
+
* @default "neutral"
|
|
21
|
+
*
|
|
22
|
+
* @see 🏷️ {@link AkselColor}
|
|
23
|
+
* @see [📝 Documentation](https://aksel.nav.no/grunnleggende/styling/farger-tokens)
|
|
24
|
+
*/
|
|
25
|
+
"data-color"?: AkselColor;
|
|
17
26
|
}
|
|
18
27
|
/**
|
|
19
28
|
* Part of a set of components for displaying text with consistent typography.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Detail.js","sourceRoot":"","sources":["../../src/typography/Detail.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;
|
|
1
|
+
{"version":3,"file":"Detail.js","sourceRoot":"","sources":["../../src/typography/Detail.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;AAI9C,iCAAwC;AA2BxC;;;;;;;;;;;;;GAaG;AACU,QAAA,MAAM,GACjB,IAAA,kBAAU,EACR,CACE,EAYC,EACD,GAAG,EACH,EAAE;QAdF,EACE,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,OAAO,EACP,SAAS,EACT,EAAE,EAAE,SAAS,GAAG,GAAG,EACnB,QAAQ,EACR,MAAM,GAAG,SAAS,EAClB,KAAK,EACL,cAAc,EACd,SAAS,OAEV,EADI,IAAI,cAXT,iHAYC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,cAAc,EACd,IAAA,qBAAc,EAAC;YACb,OAAO;YACP,QAAQ;YACR,MAAM;YACN,KAAK;YACL,cAAc;YACd,SAAS;YACT,SAAS;SACV,CAAC,EACF;YACE,qBAAqB,EAAE,IAAI,KAAK,OAAO;SACxC,CACF,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,kBAAe,cAAM,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import type { AkselColor } from "../types";
|
|
2
3
|
import { OverridableComponent } from "../util/types";
|
|
3
4
|
import { TypoProps } from "./types";
|
|
4
5
|
export interface HeadingProps extends Pick<TypoProps, "spacing" | "visuallyHidden" | "align" | "textColor">, React.HTMLAttributes<HTMLHeadingElement> {
|
|
@@ -15,6 +16,14 @@ export interface HeadingProps extends Pick<TypoProps, "spacing" | "visuallyHidde
|
|
|
15
16
|
* Heading text.
|
|
16
17
|
*/
|
|
17
18
|
children: React.ReactNode;
|
|
19
|
+
/**
|
|
20
|
+
* Overrides inherited color.
|
|
21
|
+
* @default "neutral"
|
|
22
|
+
*
|
|
23
|
+
* @see 🏷️ {@link AkselColor}
|
|
24
|
+
* @see [📝 Documentation](https://aksel.nav.no/grunnleggende/styling/farger-tokens)
|
|
25
|
+
*/
|
|
26
|
+
"data-color"?: AkselColor;
|
|
18
27
|
}
|
|
19
28
|
/**
|
|
20
29
|
* Part of a set of components for displaying text with consistent typography.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../src/typography/Heading.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;
|
|
1
|
+
{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../src/typography/Heading.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;AAI9C,iCAAwC;AA4BxC;;;;;;;;;;;;;GAaG;AACU,QAAA,OAAO,GAClB,IAAA,kBAAU,EACR,CACE,EAUC,EACD,GAAG,EACH,EAAE;QAZF,EACE,KAAK,GAAG,GAAG,EACX,IAAI,EACJ,SAAS,EACT,EAAE,EACF,OAAO,EACP,KAAK,EACL,cAAc,EACd,SAAS,OAEV,EADI,IAAI,cATT,uFAUC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,UAAU,GAAG,EAAE,aAAF,EAAE,cAAF,EAAE,GAAK,IAAI,KAAK,EAAwB,CAAC;IAE5D,OAAO,CACL,8BAAC,UAAU,oBACL,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,eAAe,EACf,kBAAkB,IAAI,EAAE,EACxB,IAAA,qBAAc,EAAC;YACb,OAAO;YACP,KAAK;YACL,cAAc;YACd,SAAS;SACV,CAAC,CACH,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,kBAAe,eAAO,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import type { AkselColor } from "../types";
|
|
2
3
|
import { OverridableComponent } from "../util/types";
|
|
3
4
|
import { TypoProps } from "./types";
|
|
4
5
|
export interface LabelProps extends Omit<TypoProps, "weight" | "align" | "truncate">, React.LabelHTMLAttributes<HTMLLabelElement> {
|
|
@@ -11,6 +12,14 @@ export interface LabelProps extends Omit<TypoProps, "weight" | "align" | "trunca
|
|
|
11
12
|
* Label text.
|
|
12
13
|
*/
|
|
13
14
|
children: React.ReactNode;
|
|
15
|
+
/**
|
|
16
|
+
* Overrides inherited color.
|
|
17
|
+
* @default "neutral"
|
|
18
|
+
*
|
|
19
|
+
* @see 🏷️ {@link AkselColor}
|
|
20
|
+
* @see [📝 Documentation](https://aksel.nav.no/grunnleggende/styling/farger-tokens)
|
|
21
|
+
*/
|
|
22
|
+
"data-color"?: AkselColor;
|
|
14
23
|
}
|
|
15
24
|
/**
|
|
16
25
|
* Part of a set of components for displaying text with consistent typography.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../src/typography/Label.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;
|
|
1
|
+
{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../src/typography/Label.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;AAI9C,iCAAwC;AAwBxC;;;;;;;;;;;;;GAaG;AACU,QAAA,KAAK,GAChB,IAAA,kBAAU,EACR,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,EAAE,EAAE,SAAS,GAAG,OAAO,EACvB,OAAO,EACP,cAAc,EACd,SAAS,OAEV,EADI,IAAI,cAPT,qEAQC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,aAAa,EACb,IAAA,qBAAc,EAAC;YACb,OAAO;YACP,cAAc;YACd,SAAS;SACV,CAAC,EACF;YACE,oBAAoB,EAAE,IAAI,KAAK,OAAO;SACvC,CACF,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,kBAAe,aAAK,CAAC"}
|
|
@@ -188,9 +188,7 @@ const TextareaAutosize = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
188
188
|
onChange(event);
|
|
189
189
|
}
|
|
190
190
|
};
|
|
191
|
-
const mainStyle = Object.assign({ "--
|
|
192
|
-
? state.outerHeightStyle + "px"
|
|
193
|
-
: "auto", "--__axc-textarea-height": state.outerHeightStyle
|
|
191
|
+
const mainStyle = Object.assign({ "--__axc-textarea-height": state.outerHeightStyle
|
|
194
192
|
? state.outerHeightStyle + "px"
|
|
195
193
|
: "auto",
|
|
196
194
|
// Need a large enough difference to allow scrolling.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextareaAutoSize.js","sourceRoot":"","sources":["../../src/util/TextareaAutoSize.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"TextareaAutoSize.js","sourceRoot":"","sources":["../../src/util/TextareaAutoSize.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import type { AkselStatusColorRole } from "@navikt/ds-tokens/types";
|
|
3
|
+
import type { AkselColor } from "../types/index.js";
|
|
2
4
|
import { AccordionContentProps } from "./AccordionContent.js";
|
|
3
5
|
import { AccordionHeaderProps } from "./AccordionHeader.js";
|
|
4
6
|
import { AccordionItemProps } from "./AccordionItem.js";
|
|
@@ -18,15 +20,9 @@ interface AccordionComponent extends React.ForwardRefExoticComponent<AccordionPr
|
|
|
18
20
|
}
|
|
19
21
|
export interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
20
22
|
/**
|
|
21
|
-
* @deprecated
|
|
22
|
-
* @default "default"
|
|
23
|
+
* @deprecated Will be removed in a future major version. Use `data-color` instead.
|
|
23
24
|
*/
|
|
24
25
|
variant?: "default" | "neutral";
|
|
25
|
-
/**
|
|
26
|
-
* @default "small"
|
|
27
|
-
* @deprecated `size`-prop will be the only prop to control the size of the accordion.
|
|
28
|
-
*/
|
|
29
|
-
headingSize?: "large" | "medium" | "small" | "xsmall";
|
|
30
26
|
/**
|
|
31
27
|
* @default "medium"
|
|
32
28
|
*/
|
|
@@ -40,6 +36,18 @@ export interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
40
36
|
* Instances of `Accordion.Item`.
|
|
41
37
|
*/
|
|
42
38
|
children: React.ReactNode;
|
|
39
|
+
/**
|
|
40
|
+
* @deprecated No longer has any effect.
|
|
41
|
+
*/
|
|
42
|
+
headingSize?: "large" | "medium" | "small" | "xsmall";
|
|
43
|
+
/**
|
|
44
|
+
* Overrides inherited color.
|
|
45
|
+
*
|
|
46
|
+
* We recommend only using `accent` and `neutral`. We have disallowed status-colors.
|
|
47
|
+
* @see 🏷️ {@link AkselColor}
|
|
48
|
+
* @see [📝 Documentation](https://aksel.nav.no/grunnleggende/styling/farger-tokens)
|
|
49
|
+
*/
|
|
50
|
+
"data-color"?: Exclude<AkselColor, AkselStatusColorRole>;
|
|
43
51
|
}
|
|
44
52
|
/**
|
|
45
53
|
* A component that displays collapsible content sections.
|