@navikt/ds-react 7.40.0 → 8.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/accordion/Accordion.d.ts +15 -7
- package/cjs/accordion/Accordion.js +4 -4
- package/cjs/accordion/Accordion.js.map +1 -1
- package/cjs/accordion/AccordionContent.js +3 -2
- package/cjs/accordion/AccordionContent.js.map +1 -1
- package/cjs/accordion/AccordionContext.d.ts +1 -2
- package/cjs/accordion/AccordionContext.js +0 -1
- package/cjs/accordion/AccordionContext.js.map +1 -1
- package/cjs/accordion/AccordionHeader.js +2 -9
- package/cjs/accordion/AccordionHeader.js.map +1 -1
- package/cjs/accordion/AccordionItem.js +0 -1
- package/cjs/accordion/AccordionItem.js.map +1 -1
- package/cjs/alert/base-alert/root/BaseAlertRoot.d.ts +3 -1
- package/cjs/alert/base-alert/root/BaseAlertRoot.js.map +1 -1
- package/cjs/alert/global-alert/root/GlobalAlertRoot.d.ts +4 -0
- package/cjs/alert/global-alert/root/GlobalAlertRoot.js.map +1 -1
- package/cjs/alert/local-alert/root/LocalAlertRoot.d.ts +4 -0
- package/cjs/alert/local-alert/root/LocalAlertRoot.js.map +1 -1
- package/cjs/button/Button.d.ts +14 -1
- package/cjs/button/Button.js +1 -1
- package/cjs/button/Button.js.map +1 -1
- package/cjs/chat/Chat.d.ts +11 -3
- package/cjs/chat/Chat.js.map +1 -1
- package/cjs/chips/Chips.d.ts +17 -17
- package/cjs/chips/Chips.js +17 -17
- package/cjs/chips/Removable.d.ts +8 -2
- package/cjs/chips/Removable.js +1 -11
- package/cjs/chips/Removable.js.map +1 -1
- package/cjs/chips/Toggle.d.ts +8 -2
- package/cjs/chips/Toggle.js +2 -11
- package/cjs/chips/Toggle.js.map +1 -1
- package/cjs/collapsible/Collapsible.d.ts +1 -1
- package/cjs/collapsible/Collapsible.js +1 -1
- package/cjs/copybutton/CopyButton.d.ts +13 -2
- package/cjs/copybutton/CopyButton.js +12 -27
- package/cjs/copybutton/CopyButton.js.map +1 -1
- package/cjs/date/Date.Dialog.js +1 -1
- package/cjs/date/Date.Dialog.js.map +1 -1
- package/cjs/dropdown/Menu/index.js +1 -1
- package/cjs/dropdown/Menu/index.js.map +1 -1
- package/cjs/expansion-card/ExpansionCard.d.ts +7 -0
- package/cjs/expansion-card/ExpansionCard.js +0 -1
- package/cjs/expansion-card/ExpansionCard.js.map +1 -1
- package/cjs/expansion-card/ExpansionCardHeader.js +1 -1
- package/cjs/expansion-card/ExpansionCardHeader.js.map +1 -1
- package/cjs/form/checkbox/Checkbox.js +32 -73
- package/cjs/form/checkbox/Checkbox.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/FilteredOptions.js +2 -4
- package/cjs/form/combobox/FilteredOptions/FilteredOptions.js.map +1 -1
- package/cjs/form/combobox/SelectedOptions/SelectedOptions.js +1 -1
- package/cjs/form/combobox/SelectedOptions/SelectedOptions.js.map +1 -1
- package/cjs/form/file-upload/parts/dropzone/Dropzone.js +2 -2
- package/cjs/form/file-upload/parts/dropzone/Dropzone.js.map +1 -1
- package/cjs/form/file-upload/parts/item/Item.js +5 -20
- package/cjs/form/file-upload/parts/item/Item.js.map +1 -1
- package/cjs/form/file-upload/parts/item/ItemActionField.d.ts +13 -0
- package/cjs/form/file-upload/parts/item/ItemActionField.js +39 -0
- package/cjs/form/file-upload/parts/item/ItemActionField.js.map +1 -0
- package/cjs/form/file-upload/parts/item/{ItemName.d.ts → ItemHeader.d.ts} +2 -2
- package/cjs/form/file-upload/parts/item/ItemHeader.js +46 -0
- package/cjs/form/file-upload/parts/item/ItemHeader.js.map +1 -0
- package/cjs/form/file-upload/parts/item/ItemIcon.d.ts +1 -3
- package/cjs/form/file-upload/parts/item/ItemIcon.js +1 -10
- package/cjs/form/file-upload/parts/item/ItemIcon.js.map +1 -1
- package/cjs/form/form-summary/FormSummaryAnswer.js +2 -1
- package/cjs/form/form-summary/FormSummaryAnswer.js.map +1 -1
- package/cjs/form/form-summary/FormSummaryAnswers.js +5 -2
- package/cjs/form/form-summary/FormSummaryAnswers.js.map +1 -1
- package/cjs/form/form-summary/FormSummaryFooter.js +1 -1
- package/cjs/form/form-summary/FormSummaryFooter.js.map +1 -1
- package/cjs/form/radio/Radio.js +5 -18
- package/cjs/form/radio/Radio.js.map +1 -1
- package/cjs/form/search/Search.d.ts +6 -0
- package/cjs/form/search/Search.js +1 -4
- package/cjs/form/search/Search.js.map +1 -1
- package/cjs/guide-panel/GuidePanel.js +5 -10
- package/cjs/guide-panel/GuidePanel.js.map +1 -1
- package/cjs/guide-panel/Illustration.d.ts +1 -1
- package/cjs/guide-panel/Illustration.js +20 -15
- package/cjs/guide-panel/Illustration.js.map +1 -1
- package/cjs/help-text/HelpText.d.ts +10 -0
- package/cjs/help-text/HelpText.js +1 -2
- package/cjs/help-text/HelpText.js.map +1 -1
- package/cjs/help-text/HelpTextIcon.js +1 -3
- package/cjs/help-text/HelpTextIcon.js.map +1 -1
- package/cjs/inline-message/root/InlineMessage.d.ts +4 -0
- package/cjs/inline-message/root/InlineMessage.js.map +1 -1
- package/cjs/internal-header/InternalHeader.js +2 -6
- package/cjs/internal-header/InternalHeader.js.map +1 -1
- package/cjs/layout/base/BasePrimitive.d.ts +11 -11
- package/cjs/layout/base/BasePrimitive.js +1 -3
- package/cjs/layout/base/BasePrimitive.js.map +1 -1
- package/cjs/layout/bleed/Bleed.d.ts +7 -7
- package/cjs/layout/bleed/Bleed.js +3 -5
- package/cjs/layout/bleed/Bleed.js.map +1 -1
- package/cjs/layout/box/Box.d.ts +22 -12
- package/cjs/layout/box/Box.darkside.d.ts +16 -14
- package/cjs/layout/box/Box.darkside.js +11 -7
- package/cjs/layout/box/Box.darkside.js.map +1 -1
- package/cjs/layout/box/Box.js +14 -32
- package/cjs/layout/box/Box.js.map +1 -1
- package/cjs/layout/grid/HGrid.d.ts +4 -4
- package/cjs/layout/grid/HGrid.js +4 -6
- package/cjs/layout/grid/HGrid.js.map +1 -1
- package/cjs/layout/page/Page.d.ts +4 -8
- package/cjs/layout/page/Page.js +3 -9
- package/cjs/layout/page/Page.js.map +1 -1
- package/cjs/layout/stack/Stack.d.ts +1 -1
- package/cjs/layout/stack/Stack.js +1 -3
- package/cjs/layout/stack/Stack.js.map +1 -1
- package/cjs/layout/utilities/css.d.ts +2 -2
- package/cjs/layout/utilities/css.js +13 -53
- package/cjs/layout/utilities/css.js.map +1 -1
- package/cjs/layout/utilities/types.d.ts +3 -7
- package/cjs/link/Link.d.ts +11 -2
- package/cjs/link/Link.js +1 -14
- package/cjs/link/Link.js.map +1 -1
- package/cjs/link-card/LinkCard.d.ts +9 -0
- package/cjs/link-card/LinkCard.js.map +1 -1
- package/cjs/list/List.js +1 -21
- package/cjs/list/List.js.map +1 -1
- package/cjs/list/List.types.d.ts +2 -14
- package/cjs/loader/Loader.d.ts +4 -1
- package/cjs/loader/Loader.js.map +1 -1
- package/cjs/modal/Modal.js +0 -5
- package/cjs/modal/Modal.js.map +1 -1
- package/cjs/modal/ModalUtils.d.ts +1 -3
- package/cjs/modal/ModalUtils.js +1 -38
- package/cjs/modal/ModalUtils.js.map +1 -1
- package/cjs/overlays/action-menu/ActionMenu.js +14 -24
- package/cjs/overlays/action-menu/ActionMenu.js.map +1 -1
- package/cjs/overlays/floating/Floating.js +5 -5
- package/cjs/overlays/floating/Floating.js.map +1 -1
- package/cjs/pagination/Pagination.d.ts +12 -5
- package/cjs/pagination/Pagination.js +3 -10
- package/cjs/pagination/Pagination.js.map +1 -1
- package/cjs/pagination/PaginationItem.js +1 -2
- package/cjs/pagination/PaginationItem.js.map +1 -1
- package/cjs/panel/Panel.d.ts +2 -2
- package/cjs/panel/Panel.js +2 -2
- package/cjs/popover/Popover.d.ts +2 -3
- package/cjs/popover/Popover.js +6 -18
- package/cjs/popover/Popover.js.map +1 -1
- package/cjs/portal/Portal.js +2 -5
- package/cjs/portal/Portal.js.map +1 -1
- package/cjs/progress-bar/ProgressBar.d.ts +7 -0
- package/cjs/progress-bar/ProgressBar.js +2 -2
- package/cjs/progress-bar/ProgressBar.js.map +1 -1
- package/cjs/read-more/ReadMore.d.ts +11 -0
- package/cjs/read-more/ReadMore.js.map +1 -1
- package/cjs/stepper/Stepper.js +2 -7
- package/cjs/stepper/Stepper.js.map +1 -1
- package/cjs/tag/Tag.d.ts +12 -1
- package/cjs/tag/Tag.js +5 -2
- package/cjs/tag/Tag.js.map +1 -1
- package/cjs/theme/Theme.d.ts +9 -9
- package/cjs/theme/Theme.js +10 -10
- package/cjs/theme/Theme.js.map +1 -1
- package/cjs/timeline/period/index.d.ts +8 -0
- package/cjs/timeline/period/index.js.map +1 -1
- package/cjs/toggle-group/ToggleGroup.js +2 -10
- package/cjs/toggle-group/ToggleGroup.js.map +1 -1
- package/cjs/toggle-group/ToggleGroup.types.d.ts +11 -2
- package/cjs/typography/BodyLong.d.ts +9 -0
- package/cjs/typography/BodyLong.js.map +1 -1
- package/cjs/typography/BodyShort.d.ts +9 -0
- package/cjs/typography/BodyShort.js.map +1 -1
- package/cjs/typography/Detail.d.ts +9 -0
- package/cjs/typography/Detail.js.map +1 -1
- package/cjs/typography/Heading.d.ts +9 -0
- package/cjs/typography/Heading.js.map +1 -1
- package/cjs/typography/Label.d.ts +9 -0
- package/cjs/typography/Label.js.map +1 -1
- package/cjs/typography/types.d.ts +1 -1
- package/cjs/util/TextareaAutoSize.js +1 -3
- package/cjs/util/TextareaAutoSize.js.map +1 -1
- package/esm/accordion/Accordion.d.ts +15 -7
- package/esm/accordion/Accordion.js +4 -4
- package/esm/accordion/Accordion.js.map +1 -1
- package/esm/accordion/AccordionContent.js +3 -2
- package/esm/accordion/AccordionContent.js.map +1 -1
- package/esm/accordion/AccordionContext.d.ts +1 -2
- package/esm/accordion/AccordionContext.js +0 -1
- package/esm/accordion/AccordionContext.js.map +1 -1
- package/esm/accordion/AccordionHeader.js +3 -10
- package/esm/accordion/AccordionHeader.js.map +1 -1
- package/esm/accordion/AccordionItem.js +0 -1
- package/esm/accordion/AccordionItem.js.map +1 -1
- package/esm/alert/base-alert/root/BaseAlertRoot.d.ts +3 -1
- package/esm/alert/base-alert/root/BaseAlertRoot.js.map +1 -1
- package/esm/alert/global-alert/root/GlobalAlertRoot.d.ts +4 -0
- package/esm/alert/global-alert/root/GlobalAlertRoot.js.map +1 -1
- package/esm/alert/local-alert/root/LocalAlertRoot.d.ts +4 -0
- package/esm/alert/local-alert/root/LocalAlertRoot.js.map +1 -1
- package/esm/button/Button.d.ts +14 -1
- package/esm/button/Button.js +1 -1
- package/esm/button/Button.js.map +1 -1
- package/esm/chat/Chat.d.ts +11 -3
- package/esm/chat/Chat.js.map +1 -1
- package/esm/chips/Chips.d.ts +17 -17
- package/esm/chips/Chips.js +17 -17
- package/esm/chips/Removable.d.ts +8 -2
- package/esm/chips/Removable.js +2 -12
- package/esm/chips/Removable.js.map +1 -1
- package/esm/chips/Toggle.d.ts +8 -2
- package/esm/chips/Toggle.js +3 -12
- package/esm/chips/Toggle.js.map +1 -1
- package/esm/collapsible/Collapsible.d.ts +1 -1
- package/esm/collapsible/Collapsible.js +1 -1
- package/esm/copybutton/CopyButton.d.ts +13 -2
- package/esm/copybutton/CopyButton.js +13 -28
- package/esm/copybutton/CopyButton.js.map +1 -1
- package/esm/date/Date.Dialog.js +1 -1
- package/esm/date/Date.Dialog.js.map +1 -1
- package/esm/dropdown/Menu/index.js +1 -1
- package/esm/dropdown/Menu/index.js.map +1 -1
- package/esm/expansion-card/ExpansionCard.d.ts +7 -0
- package/esm/expansion-card/ExpansionCard.js +0 -1
- package/esm/expansion-card/ExpansionCard.js.map +1 -1
- package/esm/expansion-card/ExpansionCardHeader.js +1 -1
- package/esm/expansion-card/ExpansionCardHeader.js.map +1 -1
- package/esm/form/checkbox/Checkbox.js +33 -74
- package/esm/form/checkbox/Checkbox.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/FilteredOptions.js +3 -5
- package/esm/form/combobox/FilteredOptions/FilteredOptions.js.map +1 -1
- package/esm/form/combobox/SelectedOptions/SelectedOptions.js +1 -1
- package/esm/form/combobox/SelectedOptions/SelectedOptions.js.map +1 -1
- package/esm/form/file-upload/parts/dropzone/Dropzone.js +2 -2
- package/esm/form/file-upload/parts/dropzone/Dropzone.js.map +1 -1
- package/esm/form/file-upload/parts/item/Item.js +6 -18
- package/esm/form/file-upload/parts/item/Item.js.map +1 -1
- package/esm/form/file-upload/parts/item/ItemActionField.d.ts +13 -0
- package/esm/form/file-upload/parts/item/ItemActionField.js +34 -0
- package/esm/form/file-upload/parts/item/ItemActionField.js.map +1 -0
- package/esm/form/file-upload/parts/item/{ItemName.d.ts → ItemHeader.d.ts} +2 -2
- package/esm/form/file-upload/parts/item/ItemHeader.js +40 -0
- package/esm/form/file-upload/parts/item/ItemHeader.js.map +1 -0
- package/esm/form/file-upload/parts/item/ItemIcon.d.ts +1 -3
- package/esm/form/file-upload/parts/item/ItemIcon.js +2 -11
- package/esm/form/file-upload/parts/item/ItemIcon.js.map +1 -1
- package/esm/form/form-summary/FormSummaryAnswer.js +3 -2
- package/esm/form/form-summary/FormSummaryAnswer.js.map +1 -1
- package/esm/form/form-summary/FormSummaryAnswers.js +5 -2
- package/esm/form/form-summary/FormSummaryAnswers.js.map +1 -1
- package/esm/form/form-summary/FormSummaryFooter.js +1 -1
- package/esm/form/form-summary/FormSummaryFooter.js.map +1 -1
- package/esm/form/radio/Radio.js +6 -19
- package/esm/form/radio/Radio.js.map +1 -1
- package/esm/form/search/Search.d.ts +6 -0
- package/esm/form/search/Search.js +2 -5
- package/esm/form/search/Search.js.map +1 -1
- package/esm/guide-panel/GuidePanel.js +6 -11
- package/esm/guide-panel/GuidePanel.js.map +1 -1
- package/esm/guide-panel/Illustration.d.ts +1 -1
- package/esm/guide-panel/Illustration.js +18 -13
- package/esm/guide-panel/Illustration.js.map +1 -1
- package/esm/help-text/HelpText.d.ts +10 -0
- package/esm/help-text/HelpText.js +2 -3
- package/esm/help-text/HelpText.js.map +1 -1
- package/esm/help-text/HelpTextIcon.js +1 -3
- package/esm/help-text/HelpTextIcon.js.map +1 -1
- package/esm/inline-message/root/InlineMessage.d.ts +4 -0
- package/esm/inline-message/root/InlineMessage.js.map +1 -1
- package/esm/internal-header/InternalHeader.js +3 -7
- package/esm/internal-header/InternalHeader.js.map +1 -1
- package/esm/layout/base/BasePrimitive.d.ts +11 -11
- package/esm/layout/base/BasePrimitive.js +2 -4
- package/esm/layout/base/BasePrimitive.js.map +1 -1
- package/esm/layout/bleed/Bleed.d.ts +7 -7
- package/esm/layout/bleed/Bleed.js +4 -6
- package/esm/layout/bleed/Bleed.js.map +1 -1
- package/esm/layout/box/Box.d.ts +22 -12
- package/esm/layout/box/Box.darkside.d.ts +16 -14
- package/esm/layout/box/Box.darkside.js +11 -7
- package/esm/layout/box/Box.darkside.js.map +1 -1
- package/esm/layout/box/Box.js +15 -33
- package/esm/layout/box/Box.js.map +1 -1
- package/esm/layout/grid/HGrid.d.ts +4 -4
- package/esm/layout/grid/HGrid.js +5 -7
- package/esm/layout/grid/HGrid.js.map +1 -1
- package/esm/layout/page/Page.d.ts +4 -8
- package/esm/layout/page/Page.js +4 -10
- package/esm/layout/page/Page.js.map +1 -1
- package/esm/layout/stack/Stack.d.ts +1 -1
- package/esm/layout/stack/Stack.js +2 -4
- package/esm/layout/stack/Stack.js.map +1 -1
- package/esm/layout/utilities/css.d.ts +2 -2
- package/esm/layout/utilities/css.js +13 -53
- package/esm/layout/utilities/css.js.map +1 -1
- package/esm/layout/utilities/types.d.ts +3 -7
- package/esm/link/Link.d.ts +11 -2
- package/esm/link/Link.js +2 -15
- package/esm/link/Link.js.map +1 -1
- package/esm/link-card/LinkCard.d.ts +9 -0
- package/esm/link-card/LinkCard.js.map +1 -1
- package/esm/list/List.js +3 -23
- package/esm/list/List.js.map +1 -1
- package/esm/list/List.types.d.ts +2 -14
- package/esm/loader/Loader.d.ts +4 -1
- package/esm/loader/Loader.js.map +1 -1
- package/esm/modal/Modal.js +1 -6
- package/esm/modal/Modal.js.map +1 -1
- package/esm/modal/ModalUtils.d.ts +1 -3
- package/esm/modal/ModalUtils.js +1 -37
- package/esm/modal/ModalUtils.js.map +1 -1
- package/esm/overlays/action-menu/ActionMenu.js +15 -25
- package/esm/overlays/action-menu/ActionMenu.js.map +1 -1
- package/esm/overlays/floating/Floating.js +5 -5
- package/esm/overlays/floating/Floating.js.map +1 -1
- package/esm/pagination/Pagination.d.ts +12 -5
- package/esm/pagination/Pagination.js +3 -10
- package/esm/pagination/Pagination.js.map +1 -1
- package/esm/pagination/PaginationItem.js +2 -3
- package/esm/pagination/PaginationItem.js.map +1 -1
- package/esm/panel/Panel.d.ts +2 -2
- package/esm/panel/Panel.js +2 -2
- package/esm/popover/Popover.d.ts +2 -3
- package/esm/popover/Popover.js +9 -21
- package/esm/popover/Popover.js.map +1 -1
- package/esm/portal/Portal.js +2 -5
- package/esm/portal/Portal.js.map +1 -1
- package/esm/progress-bar/ProgressBar.d.ts +7 -0
- package/esm/progress-bar/ProgressBar.js +2 -2
- package/esm/progress-bar/ProgressBar.js.map +1 -1
- package/esm/read-more/ReadMore.d.ts +11 -0
- package/esm/read-more/ReadMore.js.map +1 -1
- package/esm/stepper/Stepper.js +2 -7
- package/esm/stepper/Stepper.js.map +1 -1
- package/esm/tag/Tag.d.ts +12 -1
- package/esm/tag/Tag.js +5 -2
- package/esm/tag/Tag.js.map +1 -1
- package/esm/theme/Theme.d.ts +9 -9
- package/esm/theme/Theme.js +9 -9
- package/esm/theme/Theme.js.map +1 -1
- package/esm/timeline/period/index.d.ts +8 -0
- package/esm/timeline/period/index.js.map +1 -1
- package/esm/toggle-group/ToggleGroup.js +3 -11
- package/esm/toggle-group/ToggleGroup.js.map +1 -1
- package/esm/toggle-group/ToggleGroup.types.d.ts +11 -2
- package/esm/types/theme.d.ts +1 -1
- package/esm/typography/BodyLong.d.ts +9 -0
- package/esm/typography/BodyLong.js.map +1 -1
- package/esm/typography/BodyShort.d.ts +9 -0
- package/esm/typography/BodyShort.js.map +1 -1
- package/esm/typography/Detail.d.ts +9 -0
- package/esm/typography/Detail.js.map +1 -1
- package/esm/typography/Heading.d.ts +9 -0
- package/esm/typography/Heading.js.map +1 -1
- package/esm/typography/Label.d.ts +9 -0
- package/esm/typography/Label.js.map +1 -1
- package/esm/typography/types.d.ts +1 -1
- package/esm/util/TextareaAutoSize.js +1 -3
- package/esm/util/TextareaAutoSize.js.map +1 -1
- package/package.json +3 -3
- package/src/accordion/Accordion.tsx +19 -18
- package/src/accordion/AccordionContent.tsx +3 -6
- package/src/accordion/AccordionContext.tsx +1 -3
- package/src/accordion/AccordionHeader.tsx +5 -11
- package/src/accordion/AccordionItem.tsx +0 -1
- package/src/alert/base-alert/root/BaseAlertRoot.tsx +3 -1
- package/src/alert/global-alert/root/GlobalAlertRoot.tsx +4 -0
- package/src/alert/local-alert/root/LocalAlertRoot.tsx +4 -0
- package/src/button/Button.tsx +23 -20
- package/src/chat/Chat.tsx +10 -3
- package/src/chips/Chips.tsx +17 -17
- package/src/chips/Removable.tsx +9 -16
- package/src/chips/Toggle.tsx +10 -14
- package/src/collapsible/Collapsible.tsx +1 -1
- package/src/copybutton/CopyButton.tsx +51 -88
- package/src/date/Date.Dialog.tsx +0 -1
- package/src/dropdown/Menu/index.tsx +0 -1
- package/src/expansion-card/ExpansionCard.tsx +7 -1
- package/src/expansion-card/ExpansionCardHeader.tsx +1 -3
- package/src/form/checkbox/Checkbox.tsx +66 -155
- package/src/form/combobox/FilteredOptions/FilteredOptions.tsx +3 -6
- package/src/form/combobox/SelectedOptions/SelectedOptions.tsx +1 -6
- package/src/form/file-upload/parts/dropzone/Dropzone.tsx +2 -0
- package/src/form/file-upload/parts/item/Item.tsx +11 -35
- package/src/form/file-upload/parts/item/ItemActionField.tsx +89 -0
- package/src/form/file-upload/parts/item/ItemHeader.tsx +81 -0
- package/src/form/file-upload/parts/item/ItemIcon.tsx +1 -22
- package/src/form/form-summary/FormSummaryAnswer.tsx +3 -1
- package/src/form/form-summary/FormSummaryAnswers.tsx +12 -16
- package/src/form/form-summary/FormSummaryFooter.tsx +0 -1
- package/src/form/radio/Radio.tsx +25 -64
- package/src/form/search/Search.tsx +8 -14
- package/src/guide-panel/GuidePanel.tsx +32 -45
- package/src/guide-panel/Illustration.tsx +75 -66
- package/src/help-text/HelpText.tsx +11 -4
- package/src/help-text/HelpTextIcon.tsx +1 -5
- package/src/inline-message/root/InlineMessage.tsx +4 -0
- package/src/internal-header/InternalHeader.tsx +8 -20
- package/src/layout/base/BasePrimitive.tsx +37 -39
- package/src/layout/bleed/Bleed.tsx +12 -22
- package/src/layout/box/Box.darkside.tsx +22 -22
- package/src/layout/box/Box.tsx +44 -60
- package/src/layout/grid/HGrid.tsx +8 -10
- package/src/layout/page/Page.tsx +7 -30
- package/src/layout/stack/Stack.tsx +6 -8
- package/src/layout/utilities/css.ts +14 -71
- package/src/layout/utilities/types.ts +2 -15
- package/src/link/Link.tsx +12 -19
- package/src/link-card/LinkCard.tsx +9 -0
- package/src/list/List.tsx +2 -57
- package/src/list/List.types.ts +2 -14
- package/src/loader/Loader.tsx +4 -1
- package/src/modal/Modal.tsx +0 -7
- package/src/modal/ModalUtils.ts +1 -47
- package/src/overlays/action-menu/ActionMenu.tsx +30 -71
- package/src/overlays/floating/Floating.tsx +5 -5
- package/src/pagination/Pagination.tsx +15 -11
- package/src/pagination/PaginationItem.tsx +3 -4
- package/src/panel/Panel.tsx +2 -2
- package/src/popover/Popover.tsx +10 -37
- package/src/portal/Portal.tsx +10 -14
- package/src/progress-bar/ProgressBar.tsx +9 -2
- package/src/react-css.d.ts +0 -3
- package/src/read-more/ReadMore.tsx +11 -0
- package/src/stepper/Stepper.tsx +3 -11
- package/src/tag/Tag.tsx +45 -41
- package/src/theme/Theme.tsx +19 -19
- package/src/timeline/period/index.tsx +8 -0
- package/src/toggle-group/ToggleGroup.tsx +2 -12
- package/src/toggle-group/ToggleGroup.types.ts +11 -2
- package/src/types/theme.d.ts +1 -1
- package/src/typography/BodyLong.tsx +9 -0
- package/src/typography/BodyShort.tsx +9 -0
- package/src/typography/Detail.tsx +9 -0
- package/src/typography/Heading.tsx +9 -0
- package/src/typography/Label.tsx +9 -0
- package/src/typography/types.ts +1 -1
- package/src/util/TextareaAutoSize.tsx +0 -3
- package/cjs/form/file-upload/parts/item/ItemName.js +0 -32
- package/cjs/form/file-upload/parts/item/ItemName.js.map +0 -1
- package/cjs/guide-panel/Illustration.darkside.d.ts +0 -2
- package/cjs/guide-panel/Illustration.darkside.js +0 -30
- package/cjs/guide-panel/Illustration.darkside.js.map +0 -1
- package/esm/form/file-upload/parts/item/ItemName.js +0 -27
- package/esm/form/file-upload/parts/item/ItemName.js.map +0 -1
- package/esm/guide-panel/Illustration.darkside.d.ts +0 -2
- package/esm/guide-panel/Illustration.darkside.js +0 -23
- package/esm/guide-panel/Illustration.darkside.js.map +0 -1
- package/src/form/file-upload/parts/item/ItemName.tsx +0 -58
- package/src/guide-panel/Illustration.darkside.tsx +0 -91
package/esm/portal/Portal.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Portal.js","sourceRoot":"","sources":["../../src/portal/Portal.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Portal.js","sourceRoot":"","sources":["../../src/portal/Portal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { HTMLAttributes } from "react";
|
|
2
|
+
import type { AkselColor } from "../types/index.js";
|
|
2
3
|
interface ProgressBarPropsBase extends Omit<HTMLAttributes<HTMLDivElement>, "role"> {
|
|
3
4
|
/**
|
|
4
5
|
* Changes height.
|
|
@@ -39,6 +40,12 @@ interface ProgressBarPropsBase extends Omit<HTMLAttributes<HTMLDivElement>, "rol
|
|
|
39
40
|
* Not needed if `aria-labelledby` is used.
|
|
40
41
|
*/
|
|
41
42
|
"aria-label"?: string;
|
|
43
|
+
/**
|
|
44
|
+
* Overrides inherited color.
|
|
45
|
+
* @see 🏷️ {@link AkselColor}
|
|
46
|
+
* @see [📝 Documentation](https://aksel.nav.no/grunnleggende/styling/farger-tokens)
|
|
47
|
+
*/
|
|
48
|
+
"data-color"?: AkselColor;
|
|
42
49
|
}
|
|
43
50
|
export type ProgressBarProps = ProgressBarPropsBase & ({
|
|
44
51
|
"aria-hidden": true;
|
|
@@ -58,10 +58,10 @@ export const ProgressBar = forwardRef((_a, ref) => {
|
|
|
58
58
|
React.createElement("div", { className: cn("navds-progress-bar__foreground", {
|
|
59
59
|
"navds-progress-bar__foreground--indeterminate": (simulated === null || simulated === void 0 ? void 0 : simulated.seconds) !== undefined,
|
|
60
60
|
}), style: {
|
|
61
|
-
"--
|
|
61
|
+
"--__axc-progress-bar-simulated": (simulated === null || simulated === void 0 ? void 0 : simulated.seconds) !== undefined
|
|
62
62
|
? `${simulated === null || simulated === void 0 ? void 0 : simulated.seconds}s`
|
|
63
63
|
: undefined,
|
|
64
|
-
"--
|
|
64
|
+
"--__axc-progress-bar-translate": `-${translateX}%`,
|
|
65
65
|
} })));
|
|
66
66
|
});
|
|
67
67
|
export default ProgressBar;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../src/progress-bar/ProgressBar.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;
|
|
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/index.js";
|
|
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,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"ReadMore.js","sourceRoot":"","sources":["../../src/read-more/ReadMore.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AA0C1E;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,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,YAAY,EAAE,CAAC;IAC9B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,oBAAoB,CAAC;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,6BACE,SAAS,EAAE,EAAE,CACX,iBAAiB,EACjB,oBAAoB,IAAI,EAAE,EAC1B,SAAS,EACT,EAAE,uBAAuB,EAAE,KAAK,EAAE,CACnC,iBACW,KAAK;QAEjB,gDACM,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,oBAAoB,CAAC,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,oBAAC,eAAe,IACd,SAAS,EAAE,EAAE,CAAC,8BAA8B,CAAC,wBAE7C;YACF,kCAAO,MAAM,CAAQ,CACd;QAET,oBAAC,QAAQ,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,eAAe,QAAQ,CAAC"}
|
package/esm/stepper/Stepper.js
CHANGED
|
@@ -41,16 +41,11 @@ export const Stepper = forwardRef((_a, ref) => {
|
|
|
41
41
|
var { children, className, activeStep, orientation = "vertical", onStepChange = () => { }, interactive = true } = _a, rest = __rest(_a, ["children", "className", "activeStep", "orientation", "onStepChange", "interactive"]);
|
|
42
42
|
const { cn } = useRenameCSS();
|
|
43
43
|
activeStep = activeStep - 1;
|
|
44
|
-
return (React.createElement("ol", Object.assign({}, rest, { ref: ref, className: cn("navds-stepper",
|
|
44
|
+
return (React.createElement("ol", Object.assign({}, rest, { ref: ref, className: cn("navds-stepper", className), "data-orientation": orientation }), React.Children.map(children, (step, index) => {
|
|
45
45
|
var _a, _b, _c;
|
|
46
46
|
const stepProps = React.isValidElement(step) ? step.props : {};
|
|
47
47
|
const isInteractive = (_a = stepProps.interactive) !== null && _a !== void 0 ? _a : interactive;
|
|
48
|
-
return (React.createElement("li", { className: cn("navds-stepper__item",
|
|
49
|
-
/* TODO: Remove these 3 classNames in darkmode update */
|
|
50
|
-
"navds-stepper__item--behind": activeStep > index,
|
|
51
|
-
"navds-stepper__item--completed": stepProps.completed,
|
|
52
|
-
"navds-stepper__item--non-interactive": !isInteractive,
|
|
53
|
-
}), "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 : "") },
|
|
48
|
+
return (React.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 : "") },
|
|
54
49
|
React.createElement("span", { className: cn("navds-stepper__line navds-stepper__line--1") }),
|
|
55
50
|
React.createElement(StepperContextProvider, { interactive: interactive, activeStep: activeStep, lastIndex: React.Children.count(children), index: index, onStepChange: onStepChange, orientation: orientation }, step),
|
|
56
51
|
React.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,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,IAA0B,MAAM,QAAQ,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AA2CnD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,MAAM,OAAO,GAAqB,UAAU,CAIjD,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,YAAY,EAAE,CAAC;IAC9B,UAAU,GAAG,UAAU,GAAG,CAAC,CAAC;IAC5B,OAAO,CACL,4CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"Stepper.js","sourceRoot":"","sources":["../../src/stepper/Stepper.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,IAA0B,MAAM,QAAQ,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AA2CnD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,MAAM,OAAO,GAAqB,UAAU,CAIjD,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,YAAY,EAAE,CAAC;IAC9B,UAAU,GAAG,UAAU,GAAG,CAAC,CAAC;IAC5B,OAAO,CACL,4CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,sBACvB,WAAW,KAE5B,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;;QAC5C,MAAM,SAAS,GACb,KAAK,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,4BACE,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,8BACE,SAAS,EAAE,EAAE,CAAC,4CAA4C,CAAC,GAC3D;YACF,oBAAC,sBAAsB,IACrB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,EACzC,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,IAEvB,IAAI,CACkB;YACzB,8BACE,SAAS,EAAE,EAAE,CAAC,4CAA4C,CAAC,GAC3D,CACC,CACN,CAAC;IACJ,CAAC,CAAC,CACC,CACN,CAAC;AACJ,CAAC,CACkB,CAAC;AAEtB,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC;AAEpB,eAAe,OAAO,CAAC"}
|
package/esm/tag/Tag.d.ts
CHANGED
|
@@ -1,10 +1,16 @@
|
|
|
1
1
|
import React, { HTMLAttributes } from "react";
|
|
2
|
+
import { AkselColor } from "../types/index.js";
|
|
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/esm/tag/Tag.js
CHANGED
|
@@ -24,11 +24,14 @@ import { BodyShort } from "../typography/index.js";
|
|
|
24
24
|
* ```
|
|
25
25
|
*/
|
|
26
26
|
export const Tag = forwardRef((_a, ref) => {
|
|
27
|
-
var { children, className, variant, size = "medium", icon, "data-color": color } = _a, rest = __rest(_a, ["children", "className", "variant", "size", "icon", "data-color"]);
|
|
27
|
+
var { children, className, variant = "outline", size = "medium", icon, "data-color": color } = _a, rest = __rest(_a, ["children", "className", "variant", "size", "icon", "data-color"]);
|
|
28
28
|
const { cn } = useRenameCSS();
|
|
29
29
|
const filledVariant = (variant === null || variant === void 0 ? void 0 : variant.endsWith("-filled")) && "strong";
|
|
30
30
|
const moderateVariant = (variant === null || variant === void 0 ? void 0 : variant.endsWith("-moderate")) && "moderate";
|
|
31
|
-
|
|
31
|
+
const updatedVariant = variant === "moderate" || variant === "strong" || variant === "outline";
|
|
32
|
+
return (React.createElement(BodyShort, Object.assign({ "data-color": color !== null && color !== void 0 ? color : variantToColor(variant), "data-variant": updatedVariant
|
|
33
|
+
? variant
|
|
34
|
+
: filledVariant || moderateVariant || "outline" }, rest, { ref: ref, as: "span", size: size === "medium" ? "medium" : "small", className: cn("navds-tag", className, `navds-tag--${size}`) }),
|
|
32
35
|
icon && React.createElement("span", { className: cn("navds-tag__icon--left") }, icon),
|
|
33
36
|
children));
|
|
34
37
|
});
|
package/esm/tag/Tag.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../src/tag/Tag.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../src/tag/Tag.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAoD1C;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,GAAG,GAAG,UAAU,CAC3B,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,YAAY,EAAE,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,oBAAC,SAAS,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,8BAAM,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,eAAe,GAAG,CAAC"}
|
package/esm/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/esm/theme/Theme.js
CHANGED
|
@@ -2,10 +2,6 @@ import cl from "clsx";
|
|
|
2
2
|
import React, { forwardRef } from "react";
|
|
3
3
|
import { Slot } from "../slot/Slot.js";
|
|
4
4
|
import { createStrictContext } from "../util/create-strict-context.js";
|
|
5
|
-
const { Provider: RenameCSSProvider, useContext: useRenameCSS } = createStrictContext({
|
|
6
|
-
name: "RenameCSS",
|
|
7
|
-
defaultValue: { cn: cl },
|
|
8
|
-
});
|
|
9
5
|
export const compositeClassFunction = (...inputs) => {
|
|
10
6
|
const classes = cl(inputs)
|
|
11
7
|
/* Replaces only if start of string "navds- navds-"*/
|
|
@@ -14,6 +10,10 @@ export const compositeClassFunction = (...inputs) => {
|
|
|
14
10
|
.replace(/\snavds-/g, " aksel-");
|
|
15
11
|
return classes.trim();
|
|
16
12
|
};
|
|
13
|
+
const { Provider: RenameCSSProvider, useContext: useRenameCSS } = createStrictContext({
|
|
14
|
+
name: "RenameCSS",
|
|
15
|
+
defaultValue: { cn: compositeClassFunction },
|
|
16
|
+
});
|
|
17
17
|
const RenameCSS = ({ children }) => {
|
|
18
18
|
return (React.createElement(RenameCSSProvider, { cn: compositeClassFunction }, children));
|
|
19
19
|
};
|
|
@@ -25,18 +25,18 @@ const { Provider: ThemeProvider, useContext: useThemeInternal } = createStrictCo
|
|
|
25
25
|
name: "ThemeProvider",
|
|
26
26
|
defaultValue: {
|
|
27
27
|
color: DEFAULT_COLOR,
|
|
28
|
-
|
|
28
|
+
isRoot: true,
|
|
29
29
|
},
|
|
30
30
|
});
|
|
31
31
|
const Theme = forwardRef((props, ref) => {
|
|
32
32
|
const context = useThemeInternal();
|
|
33
|
-
const { children, className, asChild = false, theme = context === null || context === void 0 ? void 0 : context.theme, hasBackground: hasBackgroundProp
|
|
34
|
-
const isRoot =
|
|
33
|
+
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;
|
|
34
|
+
const isRoot = context === null || context === void 0 ? void 0 : context.isRoot;
|
|
35
35
|
const hasBackground = hasBackgroundProp !== null && hasBackgroundProp !== void 0 ? hasBackgroundProp : (isRoot && props.theme !== undefined);
|
|
36
36
|
const SlotElement = asChild ? Slot : "div";
|
|
37
|
-
return (React.createElement(ThemeProvider, { theme: theme, color: color,
|
|
37
|
+
return (React.createElement(ThemeProvider, { theme: theme, color: color, isRoot: false },
|
|
38
38
|
React.createElement(RenameCSS, null,
|
|
39
|
-
React.createElement(SlotElement, { ref: ref, className: cl("aksel-theme", className, theme), "data-background": hasBackground, "data-color": color !== null && color !== void 0 ? color :
|
|
39
|
+
React.createElement(SlotElement, { ref: ref, className: cl("aksel-theme", className, theme), "data-background": hasBackground, "data-color": color !== null && color !== void 0 ? color : DEFAULT_COLOR }, children))));
|
|
40
40
|
});
|
|
41
41
|
export { Theme, useRenameCSS, useThemeInternal };
|
|
42
42
|
//# sourceMappingURL=Theme.js.map
|
package/esm/theme/Theme.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Theme.js","sourceRoot":"","sources":["../../src/theme/Theme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAapE,MAAM,
|
|
1
|
+
{"version":3,"file":"Theme.js","sourceRoot":"","sources":["../../src/theme/Theme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAapE,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,GAAG,MAA6B,EACxB,EAAE;IACV,MAAM,OAAO,GAAG,EAAE,CAAC,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;AAEF,MAAM,EAAE,QAAQ,EAAE,iBAAiB,EAAE,UAAU,EAAE,YAAY,EAAE,GAC7D,mBAAmB,CAAmB;IACpC,IAAI,EAAE,WAAW;IACjB,YAAY,EAAE,EAAE,EAAE,EAAE,sBAAsB,EAAE;CAC7C,CAAC,CAAC;AAEL,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE;IAChE,OAAO,CACL,oBAAC,iBAAiB,IAAC,EAAE,EAAE,sBAAsB,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,mBAAmB,CAAe;IAChC,IAAI,EAAE,eAAe;IACrB,YAAY,EAAE;QACZ,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,IAAI;KACb;CACF,CAAC,CAAC;AAgBL,MAAM,KAAK,GAAG,UAAU,CACtB,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,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAE3C,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK;QACtD,oBAAC,SAAS;YACR,oBAAC,WAAW,IACV,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,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;AAEF,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import type { AkselColor } from "../../types/index.js";
|
|
2
3
|
import type { TimelineComponentTypes } from "../utils/types.internal.js";
|
|
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,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/timeline/period/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAgEtD,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,CAAC,EAAE,IAAI,EAAuB,EAAE,GAAG,EAAE,EAAE;IACrC,MAAM,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE,CAAC;IACpC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE,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,oBAAC,eAAe,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,oBAAC,kBAAkB,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,MAAM,CAAC,aAAa,GAAG,QAAQ,CAAC;AAEhC,eAAe,MAAM,CAAC"}
|
|
@@ -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
|
import { Label } from "../typography/index.js";
|
|
15
15
|
import { useId } from "../util/index.js";
|
|
16
16
|
import { ToggleGroupDescendantsProvider, ToggleGroupProvider, useToggleGroupDescendants, } from "./ToggleGroup.context.js";
|
|
@@ -34,7 +34,6 @@ import { useToggleGroup } from "./useToggleGroup.js";
|
|
|
34
34
|
export const ToggleGroup = forwardRef((_a, ref) => {
|
|
35
35
|
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"]);
|
|
36
36
|
const { cn } = useRenameCSS();
|
|
37
|
-
const themeContext = useThemeInternal();
|
|
38
37
|
const descendants = useToggleGroupDescendants();
|
|
39
38
|
const toggleGroupContext = useToggleGroup({
|
|
40
39
|
defaultValue,
|
|
@@ -52,20 +51,13 @@ export const ToggleGroup = forwardRef((_a, ref) => {
|
|
|
52
51
|
if (!value && !defaultValue) {
|
|
53
52
|
console.error("ToggleGroup needs either a value or defaultValue");
|
|
54
53
|
}
|
|
55
|
-
let localVariant;
|
|
56
|
-
if (themeContext === null || themeContext === void 0 ? void 0 : themeContext.isDarkside) {
|
|
57
|
-
localVariant = variant;
|
|
58
|
-
}
|
|
59
|
-
else {
|
|
60
|
-
localVariant = variant !== null && variant !== void 0 ? variant : "action";
|
|
61
|
-
}
|
|
62
54
|
return (React.createElement(ToggleGroupDescendantsProvider, { value: descendants },
|
|
63
55
|
React.createElement(ToggleGroupProvider, Object.assign({}, context),
|
|
64
56
|
React.createElement("div", { className: cn("navds-toggle-group__wrapper", className, {
|
|
65
57
|
"navds-toggle-group__wrapper--fill": fill,
|
|
66
|
-
}), "data-color": color !== null && color !== void 0 ? color : variantToColor(
|
|
58
|
+
}), "data-color": color !== null && color !== void 0 ? color : variantToColor(variant) },
|
|
67
59
|
label && (React.createElement(Label, { as: "div", size: size, className: cn("navds-toggle-group__label"), id: labelId }, label)),
|
|
68
|
-
React.createElement("div", Object.assign({ "aria-labelledby": label ? labelId : undefined }, rest, { ref: ref, className: cn("navds-toggle-group", `navds-toggle-group--${size}
|
|
60
|
+
React.createElement("div", Object.assign({ "aria-labelledby": label ? labelId : undefined }, rest, { ref: ref, className: cn("navds-toggle-group", `navds-toggle-group--${size}`), role: "radiogroup" }), children)))));
|
|
69
61
|
});
|
|
70
62
|
function variantToColor(variant) {
|
|
71
63
|
switch (variant) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleGroup.js","sourceRoot":"","sources":["../../src/toggle-group/ToggleGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,
|
|
1
|
+
{"version":3,"file":"ToggleGroup.js","sourceRoot":"","sources":["../../src/toggle-group/ToggleGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EACL,8BAA8B,EAC9B,mBAAmB,EACnB,yBAAyB,GAC1B,MAAM,uBAAuB,CAAC;AAE/B,OAAO,UAAU,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAYlD;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,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,YAAY,EAAE,CAAC;IAC9B,MAAM,WAAW,GAAG,yBAAyB,EAAE,CAAC;IAEhD,MAAM,kBAAkB,GAAG,cAAc,CAAC;QACxC,YAAY;QACZ,KAAK;QACL,QAAQ;KACT,CAAC,CAAC;IAEH;;OAEG;IACH,MAAM,OAAO,mCACR,kBAAkB,KACrB,IAAI,GACL,CAAC;IAEF,MAAM,OAAO,GAAG,KAAK,EAAE,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,oBAAC,8BAA8B,IAAC,KAAK,EAAE,WAAW;QAChD,oBAAC,mBAAmB,oBAAK,OAAO;YAC9B,6BACE,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,oBAAC,KAAK,IACJ,EAAE,EAAC,KAAK,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CAAC,2BAA2B,CAAC,EAC1C,EAAE,EAAE,OAAO,IAEV,KAAK,CACA,CACT;gBACD,8DACmB,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,WAAW,CAAC,IAAI,GAAG,UAAU,CAAC;AAE9B,eAAe,WAAW,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/index.js";
|
|
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
|
package/esm/types/theme.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import type { AkselColor } from "../types/index.js";
|
|
2
3
|
import { OverridableComponent } from "../util/types/index.js";
|
|
3
4
|
import { TypoProps } from "./types.js";
|
|
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,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"BodyLong.js","sourceRoot":"","sources":["../../src/typography/BodyLong.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAI9C,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAwBxC;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,QAAQ,GAGjB,UAAU,CACZ,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,YAAY,EAAE,CAAC;IAE9B,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,iBAAiB,EACjB,oBAAoB,IAAI,EAAE,EAC1B,cAAc,CAAC;YACb,OAAO;YACP,QAAQ;YACR,MAAM;YACN,KAAK;YACL,cAAc;YACd,SAAS;SACV,CAAC,CACH,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import type { AkselColor } from "../types/index.js";
|
|
2
3
|
import { OverridableComponent } from "../util/types/index.js";
|
|
3
4
|
import { TypoProps } from "./types.js";
|
|
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,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"BodyShort.js","sourceRoot":"","sources":["../../src/typography/BodyShort.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAI9C,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAwBxC;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,SAAS,GAGlB,UAAU,CACZ,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,YAAY,EAAE,CAAC;IAE9B,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,kBAAkB,EAClB,qBAAqB,IAAI,EAAE,EAC3B,cAAc,CAAC;YACb,OAAO;YACP,QAAQ;YACR,MAAM;YACN,KAAK;YACL,cAAc;YACd,SAAS;SACV,CAAC,CACH,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import type { AkselColor } from "../types/index.js";
|
|
2
3
|
import { OverridableComponent } from "../util/types/index.js";
|
|
3
4
|
import { TypoProps } from "./types.js";
|
|
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,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"Detail.js","sourceRoot":"","sources":["../../src/typography/Detail.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAI9C,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AA2BxC;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,MAAM,GACjB,UAAU,CACR,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,YAAY,EAAE,CAAC;IAE9B,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,cAAc,EACd,cAAc,CAAC;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,eAAe,MAAM,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import type { AkselColor } from "../types/index.js";
|
|
2
3
|
import { OverridableComponent } from "../util/types/index.js";
|
|
3
4
|
import { TypoProps } from "./types.js";
|
|
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,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../src/typography/Heading.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAI9C,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AA4BxC;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,OAAO,GAClB,UAAU,CACR,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,YAAY,EAAE,CAAC;IAC9B,MAAM,UAAU,GAAG,EAAE,aAAF,EAAE,cAAF,EAAE,GAAK,IAAI,KAAK,EAAwB,CAAC;IAE5D,OAAO,CACL,oBAAC,UAAU,oBACL,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,eAAe,EACf,kBAAkB,IAAI,EAAE,EACxB,cAAc,CAAC;YACb,OAAO;YACP,KAAK;YACL,cAAc;YACd,SAAS;SACV,CAAC,CACH,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,eAAe,OAAO,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import type { AkselColor } from "../types/index.js";
|
|
2
3
|
import { OverridableComponent } from "../util/types/index.js";
|
|
3
4
|
import { TypoProps } from "./types.js";
|
|
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,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../src/typography/Label.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAI9C,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAwBxC;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,KAAK,GAChB,UAAU,CACR,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,YAAY,EAAE,CAAC;IAE9B,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,aAAa,EACb,cAAc,CAAC;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,eAAe,KAAK,CAAC"}
|
|
@@ -150,9 +150,7 @@ const TextareaAutosize = forwardRef((_a, ref) => {
|
|
|
150
150
|
onChange(event);
|
|
151
151
|
}
|
|
152
152
|
};
|
|
153
|
-
const mainStyle = Object.assign({ "--
|
|
154
|
-
? state.outerHeightStyle + "px"
|
|
155
|
-
: "auto", "--__axc-textarea-height": state.outerHeightStyle
|
|
153
|
+
const mainStyle = Object.assign({ "--__axc-textarea-height": state.outerHeightStyle
|
|
156
154
|
? state.outerHeightStyle + "px"
|
|
157
155
|
: "auto",
|
|
158
156
|
// Need a large enough difference to allow scrolling.
|