@navikt/ds-react 7.40.0 → 8.0.1
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 +5 -6
- 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 +5 -13
- package/cjs/accordion/AccordionHeader.js.map +1 -1
- package/cjs/accordion/AccordionItem.js +4 -6
- package/cjs/accordion/AccordionItem.js.map +1 -1
- package/cjs/alert/Alert.js +9 -10
- package/cjs/alert/Alert.js.map +1 -1
- package/cjs/alert/base-alert/close-button/BaseAlertCloseButton.js +2 -3
- package/cjs/alert/base-alert/close-button/BaseAlertCloseButton.js.map +1 -1
- package/cjs/alert/base-alert/content/BaseAlertContent.js +2 -2
- package/cjs/alert/base-alert/content/BaseAlertContent.js.map +1 -1
- package/cjs/alert/base-alert/header/BaseAlertHeader.js +3 -4
- package/cjs/alert/base-alert/header/BaseAlertHeader.js.map +1 -1
- package/cjs/alert/base-alert/root/BaseAlertRoot.d.ts +3 -1
- package/cjs/alert/base-alert/root/BaseAlertRoot.js +2 -3
- package/cjs/alert/base-alert/root/BaseAlertRoot.js.map +1 -1
- package/cjs/alert/base-alert/title/BaseAlertTitle.js +2 -7
- package/cjs/alert/base-alert/title/BaseAlertTitle.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 +7 -8
- package/cjs/button/Button.js.map +1 -1
- package/cjs/chat/Bubble.js +3 -4
- package/cjs/chat/Bubble.js.map +1 -1
- package/cjs/chat/Chat.d.ts +11 -3
- package/cjs/chat/Chat.js +4 -5
- package/cjs/chat/Chat.js.map +1 -1
- package/cjs/chips/Chips.d.ts +17 -17
- package/cjs/chips/Chips.js +21 -22
- package/cjs/chips/Chips.js.map +1 -1
- package/cjs/chips/Removable.d.ts +8 -2
- package/cjs/chips/Removable.js +4 -15
- package/cjs/chips/Removable.js.map +1 -1
- package/cjs/chips/Toggle.d.ts +8 -2
- package/cjs/chips/Toggle.js +6 -16
- 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 +13 -29
- package/cjs/copybutton/CopyButton.js.map +1 -1
- package/cjs/date/Date.Dialog.js +7 -8
- package/cjs/date/Date.Dialog.js.map +1 -1
- package/cjs/date/Date.Input.js +17 -18
- package/cjs/date/Date.Input.js.map +1 -1
- package/cjs/date/datepicker/DatePicker.js +2 -3
- package/cjs/date/datepicker/DatePicker.js.map +1 -1
- package/cjs/date/datepicker/DatePicker.types.d.ts +5 -0
- package/cjs/date/datepicker/parts/DatePicker.DayButton.js +2 -3
- package/cjs/date/datepicker/parts/DatePicker.DayButton.js.map +1 -1
- package/cjs/date/datepicker/parts/DatePicker.Months.js +7 -9
- package/cjs/date/datepicker/parts/DatePicker.Months.js.map +1 -1
- package/cjs/date/datepicker/parts/DatePicker.RDP.d.ts +0 -5
- package/cjs/date/datepicker/parts/DatePicker.RDP.js +2 -3
- package/cjs/date/datepicker/parts/DatePicker.RDP.js.map +1 -1
- package/cjs/date/datepicker/parts/DatePicker.Standalone.d.ts +0 -5
- package/cjs/date/datepicker/parts/DatePicker.Standalone.js +2 -3
- package/cjs/date/datepicker/parts/DatePicker.Standalone.js.map +1 -1
- package/cjs/date/datepicker/parts/DatePicker.WeekNumber.js +5 -6
- package/cjs/date/datepicker/parts/DatePicker.WeekNumber.js.map +1 -1
- package/cjs/date/datepicker/parts/DatePicker.WeekRow.js +4 -6
- package/cjs/date/datepicker/parts/DatePicker.WeekRow.js.map +1 -1
- package/cjs/date/monthpicker/MonthPicker.js +3 -4
- package/cjs/date/monthpicker/MonthPicker.js.map +1 -1
- package/cjs/date/monthpicker/parts/MonthPicker.Button.js +3 -4
- package/cjs/date/monthpicker/parts/MonthPicker.Button.js.map +1 -1
- package/cjs/date/monthpicker/parts/MonthPicker.Caption.js +4 -6
- package/cjs/date/monthpicker/parts/MonthPicker.Caption.js.map +1 -1
- package/cjs/date/monthpicker/parts/MonthPicker.Standalone.js +3 -4
- package/cjs/date/monthpicker/parts/MonthPicker.Standalone.js.map +1 -1
- package/cjs/dialog/backdrop/DialogBackdropInternal.js +2 -3
- package/cjs/dialog/backdrop/DialogBackdropInternal.js.map +1 -1
- package/cjs/dialog/body/DialogBody.js +2 -3
- package/cjs/dialog/body/DialogBody.js.map +1 -1
- package/cjs/dialog/description/DialogDescription.js +2 -3
- package/cjs/dialog/description/DialogDescription.js.map +1 -1
- package/cjs/dialog/footer/DialogFooter.js +2 -3
- package/cjs/dialog/footer/DialogFooter.js.map +1 -1
- package/cjs/dialog/header/DialogHeader.js +3 -4
- package/cjs/dialog/header/DialogHeader.js.map +1 -1
- package/cjs/dialog/popup/DialogPopupInternal.js +2 -3
- package/cjs/dialog/popup/DialogPopupInternal.js.map +1 -1
- package/cjs/dialog/title/DialogTitle.js +2 -3
- package/cjs/dialog/title/DialogTitle.js.map +1 -1
- package/cjs/dropdown/Menu/Divider.js +2 -3
- package/cjs/dropdown/Menu/Divider.js.map +1 -1
- package/cjs/dropdown/Menu/GroupedList/GroupedHeading.js +2 -3
- package/cjs/dropdown/Menu/GroupedList/GroupedHeading.js.map +1 -1
- package/cjs/dropdown/Menu/GroupedList/GroupedItem.js +3 -4
- package/cjs/dropdown/Menu/GroupedList/GroupedItem.js.map +1 -1
- package/cjs/dropdown/Menu/GroupedList/index.js +2 -3
- package/cjs/dropdown/Menu/GroupedList/index.js.map +1 -1
- package/cjs/dropdown/Menu/List/Item.js +3 -4
- package/cjs/dropdown/Menu/List/Item.js.map +1 -1
- package/cjs/dropdown/Menu/List/index.js +2 -3
- package/cjs/dropdown/Menu/List/index.js.map +1 -1
- package/cjs/dropdown/Menu/index.js +2 -3
- package/cjs/dropdown/Menu/index.js.map +1 -1
- package/cjs/dropdown/Toggle.js +2 -3
- package/cjs/dropdown/Toggle.js.map +1 -1
- package/cjs/expansion-card/ExpansionCard.d.ts +7 -0
- package/cjs/expansion-card/ExpansionCard.js +3 -5
- package/cjs/expansion-card/ExpansionCard.js.map +1 -1
- package/cjs/expansion-card/ExpansionCardContent.js +4 -4
- package/cjs/expansion-card/ExpansionCardContent.js.map +1 -1
- package/cjs/expansion-card/ExpansionCardDescription.js +2 -3
- package/cjs/expansion-card/ExpansionCardDescription.js.map +1 -1
- package/cjs/expansion-card/ExpansionCardHeader.js +5 -6
- package/cjs/expansion-card/ExpansionCardHeader.js.map +1 -1
- package/cjs/expansion-card/ExpansionCardTitle.js +2 -3
- package/cjs/expansion-card/ExpansionCardTitle.js.map +1 -1
- package/cjs/form/ReadOnlyIcon.js +2 -5
- package/cjs/form/ReadOnlyIcon.js.map +1 -1
- package/cjs/form/checkbox/Checkbox.js +37 -80
- package/cjs/form/checkbox/Checkbox.js.map +1 -1
- package/cjs/form/checkbox/CheckboxGroup.js +3 -4
- package/cjs/form/checkbox/CheckboxGroup.js.map +1 -1
- package/cjs/form/combobox/Combobox.js +7 -8
- package/cjs/form/combobox/Combobox.js.map +1 -1
- package/cjs/form/combobox/ComboboxWrapper.js +7 -8
- package/cjs/form/combobox/ComboboxWrapper.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/AddNewOption.js +3 -4
- package/cjs/form/combobox/FilteredOptions/AddNewOption.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/FilteredOptions.js +8 -11
- package/cjs/form/combobox/FilteredOptions/FilteredOptions.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/FilteredOptionsItem.js +4 -5
- package/cjs/form/combobox/FilteredOptions/FilteredOptionsItem.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/LoadingMessage.js +1 -3
- package/cjs/form/combobox/FilteredOptions/LoadingMessage.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/MaxSelectedMessage.js +1 -3
- package/cjs/form/combobox/FilteredOptions/MaxSelectedMessage.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/NoSearchHitsMessage.js +1 -3
- package/cjs/form/combobox/FilteredOptions/NoSearchHitsMessage.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/filteredOptionsContext.js +2 -2
- package/cjs/form/combobox/FilteredOptions/filteredOptionsContext.js.map +1 -1
- package/cjs/form/combobox/Input/Input.js +2 -3
- package/cjs/form/combobox/Input/Input.js.map +1 -1
- package/cjs/form/combobox/Input/InputController.d.ts +1 -1
- package/cjs/form/combobox/Input/InputController.js +3 -4
- package/cjs/form/combobox/Input/InputController.js.map +1 -1
- package/cjs/form/combobox/Input/ToggleListButton.js +1 -3
- package/cjs/form/combobox/Input/ToggleListButton.js.map +1 -1
- package/cjs/form/combobox/SelectedOptions/SelectedOptions.js +3 -6
- package/cjs/form/combobox/SelectedOptions/SelectedOptions.js.map +1 -1
- package/cjs/form/confirmation-panel/ConfirmationPanel.js +9 -14
- package/cjs/form/confirmation-panel/ConfirmationPanel.js.map +1 -1
- package/cjs/form/error-summary/ErrorSummary.js +4 -5
- package/cjs/form/error-summary/ErrorSummary.js.map +1 -1
- package/cjs/form/error-summary/ErrorSummaryItem.js +2 -3
- package/cjs/form/error-summary/ErrorSummaryItem.js.map +1 -1
- package/cjs/form/fieldset/Fieldset.js +13 -16
- package/cjs/form/fieldset/Fieldset.js.map +1 -1
- package/cjs/form/fieldset/useFieldset.js +2 -5
- package/cjs/form/fieldset/useFieldset.js.map +1 -1
- package/cjs/form/file-upload/FileUpload.js +2 -3
- package/cjs/form/file-upload/FileUpload.js.map +1 -1
- package/cjs/form/file-upload/parts/dropzone/Dropzone.js +16 -21
- package/cjs/form/file-upload/parts/dropzone/Dropzone.js.map +1 -1
- package/cjs/form/file-upload/parts/item/Item.js +10 -26
- 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 +37 -0
- package/cjs/form/file-upload/parts/item/ItemActionField.js.map +1 -0
- package/cjs/form/file-upload/parts/item/ItemButton.js +1 -3
- package/cjs/form/file-upload/parts/item/ItemButton.js.map +1 -1
- 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 +2 -13
- package/cjs/form/file-upload/parts/item/ItemIcon.js.map +1 -1
- package/cjs/form/file-upload/useFileUpload.d.ts +1 -1
- package/cjs/form/form-progress/FormProgress.js +7 -9
- package/cjs/form/form-progress/FormProgress.js.map +1 -1
- package/cjs/form/form-summary/FormSummary.js +2 -3
- package/cjs/form/form-summary/FormSummary.js.map +1 -1
- package/cjs/form/form-summary/FormSummaryAnswer.js +3 -2
- package/cjs/form/form-summary/FormSummaryAnswer.js.map +1 -1
- package/cjs/form/form-summary/FormSummaryAnswers.js +6 -4
- package/cjs/form/form-summary/FormSummaryAnswers.js.map +1 -1
- package/cjs/form/form-summary/FormSummaryEditLink.js +2 -3
- package/cjs/form/form-summary/FormSummaryEditLink.js.map +1 -1
- package/cjs/form/form-summary/FormSummaryFooter.js +2 -3
- package/cjs/form/form-summary/FormSummaryFooter.js.map +1 -1
- package/cjs/form/form-summary/FormSummaryHeader.js +2 -3
- package/cjs/form/form-summary/FormSummaryHeader.js.map +1 -1
- package/cjs/form/form-summary/FormSummaryValue.js +2 -3
- package/cjs/form/form-summary/FormSummaryValue.js.map +1 -1
- package/cjs/form/radio/Radio.js +10 -28
- package/cjs/form/radio/Radio.js.map +1 -1
- package/cjs/form/radio/RadioGroup.js +3 -4
- package/cjs/form/radio/RadioGroup.js.map +1 -1
- package/cjs/form/search/Search.d.ts +6 -0
- package/cjs/form/search/Search.js +15 -20
- package/cjs/form/search/Search.js.map +1 -1
- package/cjs/form/search/SearchButton.js +2 -3
- package/cjs/form/search/SearchButton.js.map +1 -1
- package/cjs/form/select/Select.js +14 -15
- package/cjs/form/select/Select.js.map +1 -1
- package/cjs/form/switch/Switch.js +15 -16
- package/cjs/form/switch/Switch.js.map +1 -1
- package/cjs/form/textarea/Textarea.js +15 -17
- package/cjs/form/textarea/Textarea.js.map +1 -1
- package/cjs/form/textarea/TextareaCounter.js +5 -6
- package/cjs/form/textarea/TextareaCounter.js.map +1 -1
- package/cjs/form/textfield/TextField.js +13 -14
- package/cjs/form/textfield/TextField.js.map +1 -1
- package/cjs/form/useFormField.js +2 -5
- package/cjs/form/useFormField.js.map +1 -1
- package/cjs/guide-panel/GuidePanel.js +7 -12
- 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 +5 -7
- package/cjs/help-text/HelpText.js.map +1 -1
- package/cjs/help-text/HelpTextIcon.js +4 -7
- package/cjs/help-text/HelpTextIcon.js.map +1 -1
- package/cjs/inline-message/icon/InlineMessageIcon.js +1 -3
- package/cjs/inline-message/icon/InlineMessageIcon.js.map +1 -1
- package/cjs/inline-message/root/InlineMessage.d.ts +4 -0
- package/cjs/inline-message/root/InlineMessage.js +3 -7
- package/cjs/inline-message/root/InlineMessage.js.map +1 -1
- package/cjs/internal-header/InternalHeader.js +3 -7
- package/cjs/internal-header/InternalHeader.js.map +1 -1
- package/cjs/internal-header/InternalHeaderButton.js +2 -3
- package/cjs/internal-header/InternalHeaderButton.js.map +1 -1
- package/cjs/internal-header/InternalHeaderTitle.js +2 -3
- package/cjs/internal-header/InternalHeaderTitle.js.map +1 -1
- package/cjs/internal-header/InternalHeaderUser.js +2 -3
- package/cjs/internal-header/InternalHeaderUser.js.map +1 -1
- package/cjs/internal-header/InternalHeaderUserButton.js +2 -3
- package/cjs/internal-header/InternalHeaderUserButton.js.map +1 -1
- package/cjs/layout/base/BasePrimitive.d.ts +11 -11
- package/cjs/layout/base/BasePrimitive.js +28 -31
- package/cjs/layout/base/BasePrimitive.js.map +1 -1
- package/cjs/layout/bleed/Bleed.d.ts +7 -7
- package/cjs/layout/bleed/Bleed.js +6 -9
- 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 +18 -15
- package/cjs/layout/box/Box.darkside.js.map +1 -1
- package/cjs/layout/box/Box.js +20 -39
- package/cjs/layout/box/Box.js.map +1 -1
- package/cjs/layout/grid/HGrid.d.ts +4 -4
- package/cjs/layout/grid/HGrid.js +8 -11
- package/cjs/layout/grid/HGrid.js.map +1 -1
- package/cjs/layout/page/Page.d.ts +4 -8
- package/cjs/layout/page/Page.js +8 -15
- package/cjs/layout/page/Page.js.map +1 -1
- package/cjs/layout/page/parts/PageBlock.js +2 -3
- package/cjs/layout/page/parts/PageBlock.js.map +1 -1
- package/cjs/layout/responsive/Responsive.js +4 -5
- package/cjs/layout/responsive/Responsive.js.map +1 -1
- package/cjs/layout/stack/Spacer.js +1 -3
- package/cjs/layout/stack/Spacer.js.map +1 -1
- package/cjs/layout/stack/Stack.d.ts +1 -1
- package/cjs/layout/stack/Stack.js +10 -13
- 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 +4 -18
- package/cjs/link/Link.js.map +1 -1
- package/cjs/link-card/LinkCard.d.ts +9 -0
- package/cjs/link-card/LinkCard.js +8 -14
- package/cjs/link-card/LinkCard.js.map +1 -1
- package/cjs/link-panel/LinkPanel.js +4 -5
- package/cjs/link-panel/LinkPanel.js.map +1 -1
- package/cjs/link-panel/LinkPanelDescription.js +2 -3
- package/cjs/link-panel/LinkPanelDescription.js.map +1 -1
- package/cjs/link-panel/LinkPanelTitle.js +2 -3
- package/cjs/link-panel/LinkPanelTitle.js.map +1 -1
- package/cjs/list/List.Item.js +5 -6
- package/cjs/list/List.Item.js.map +1 -1
- package/cjs/list/List.js +3 -24
- 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 +5 -6
- package/cjs/loader/Loader.js.map +1 -1
- package/cjs/modal/Modal.context.d.ts +1 -1
- package/cjs/modal/Modal.js +10 -16
- package/cjs/modal/Modal.js.map +1 -1
- package/cjs/modal/ModalBody.js +2 -3
- package/cjs/modal/ModalBody.js.map +1 -1
- package/cjs/modal/ModalFooter.js +2 -3
- package/cjs/modal/ModalFooter.js.map +1 -1
- package/cjs/modal/ModalHeader.js +3 -4
- package/cjs/modal/ModalHeader.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 +40 -61
- 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 +9 -18
- package/cjs/pagination/Pagination.js.map +1 -1
- package/cjs/pagination/PaginationItem.js +3 -5
- package/cjs/pagination/PaginationItem.js.map +1 -1
- package/cjs/panel/Panel.d.ts +2 -2
- package/cjs/panel/Panel.js +5 -6
- package/cjs/panel/Panel.js.map +1 -1
- package/cjs/popover/Popover.d.ts +2 -3
- package/cjs/popover/Popover.js +8 -21
- package/cjs/popover/Popover.js.map +1 -1
- package/cjs/popover/PopoverContent.js +2 -3
- package/cjs/popover/PopoverContent.js.map +1 -1
- package/cjs/portal/Portal.js +2 -5
- package/cjs/portal/Portal.js.map +1 -1
- package/cjs/process/Process.js +11 -18
- package/cjs/process/Process.js.map +1 -1
- package/cjs/progress-bar/ProgressBar.d.ts +7 -0
- package/cjs/progress-bar/ProgressBar.js +6 -7
- package/cjs/progress-bar/ProgressBar.js.map +1 -1
- package/cjs/read-more/ReadMore.d.ts +11 -0
- package/cjs/read-more/ReadMore.js +7 -8
- package/cjs/read-more/ReadMore.js.map +1 -1
- package/cjs/skeleton/Skeleton.js +6 -7
- package/cjs/skeleton/Skeleton.js.map +1 -1
- package/cjs/stepper/Step.js +9 -10
- package/cjs/stepper/Step.js.map +1 -1
- package/cjs/stepper/Stepper.js +5 -11
- package/cjs/stepper/Stepper.js.map +1 -1
- package/cjs/table/AnimateHeight.js +2 -4
- package/cjs/table/AnimateHeight.js.map +1 -1
- package/cjs/table/Body.js +2 -3
- package/cjs/table/Body.js.map +1 -1
- package/cjs/table/ColumnHeader.js +3 -5
- package/cjs/table/ColumnHeader.js.map +1 -1
- package/cjs/table/DataCell.js +3 -4
- package/cjs/table/DataCell.js.map +1 -1
- package/cjs/table/ExpandableRow.js +12 -13
- package/cjs/table/ExpandableRow.js.map +1 -1
- package/cjs/table/Header.js +2 -3
- package/cjs/table/Header.js.map +1 -1
- package/cjs/table/HeaderCell.js +4 -5
- package/cjs/table/HeaderCell.js.map +1 -1
- package/cjs/table/Row.js +4 -5
- package/cjs/table/Row.js.map +1 -1
- package/cjs/table/Table.js +4 -5
- package/cjs/table/Table.js.map +1 -1
- package/cjs/tabs/Tabs.context.d.ts +1 -1
- package/cjs/tabs/Tabs.js +2 -3
- package/cjs/tabs/Tabs.js.map +1 -1
- package/cjs/tabs/parts/tab/Tab.js +5 -6
- package/cjs/tabs/parts/tab/Tab.js.map +1 -1
- package/cjs/tabs/parts/tab/useTab.d.ts +1 -1
- package/cjs/tabs/parts/tablist/ScrollButtons.js +3 -4
- package/cjs/tabs/parts/tablist/ScrollButtons.js.map +1 -1
- package/cjs/tabs/parts/tablist/TabList.js +3 -4
- package/cjs/tabs/parts/tablist/TabList.js.map +1 -1
- package/cjs/tabs/parts/tabpanel/TabPanel.js +2 -3
- package/cjs/tabs/parts/tabpanel/TabPanel.js.map +1 -1
- package/cjs/tag/Tag.d.ts +12 -1
- package/cjs/tag/Tag.js +7 -5
- package/cjs/tag/Tag.js.map +1 -1
- package/cjs/theme/Theme.d.ts +9 -18
- package/cjs/theme/Theme.js +7 -31
- package/cjs/theme/Theme.js.map +1 -1
- package/cjs/timeline/AxisLabels.js +1 -3
- package/cjs/timeline/AxisLabels.js.map +1 -1
- package/cjs/timeline/Timeline.js +1 -3
- package/cjs/timeline/Timeline.js.map +1 -1
- package/cjs/timeline/TimelineRow.js +5 -6
- package/cjs/timeline/TimelineRow.js.map +1 -1
- package/cjs/timeline/period/ClickablePeriod.js +5 -6
- package/cjs/timeline/period/ClickablePeriod.js.map +1 -1
- package/cjs/timeline/period/NonClickablePeriod.js +4 -5
- package/cjs/timeline/period/NonClickablePeriod.js.map +1 -1
- package/cjs/timeline/period/index.d.ts +8 -0
- package/cjs/timeline/period/index.js.map +1 -1
- package/cjs/timeline/pin/PinInternal.js +3 -5
- package/cjs/timeline/pin/PinInternal.js.map +1 -1
- package/cjs/timeline/utils/period.js +5 -9
- package/cjs/timeline/utils/period.js.map +1 -1
- package/cjs/timeline/zoom/ZoomButton.js +1 -3
- package/cjs/timeline/zoom/ZoomButton.js.map +1 -1
- package/cjs/timeline/zoom/index.js +2 -3
- package/cjs/timeline/zoom/index.js.map +1 -1
- package/cjs/toggle-group/ToggleGroup.context.d.ts +1 -1
- package/cjs/toggle-group/ToggleGroup.js +6 -15
- package/cjs/toggle-group/ToggleGroup.js.map +1 -1
- package/cjs/toggle-group/ToggleGroup.types.d.ts +11 -2
- package/cjs/toggle-group/parts/ToggleItem.js +3 -4
- package/cjs/toggle-group/parts/ToggleItem.js.map +1 -1
- package/cjs/toggle-group/parts/useToggleItem.d.ts +1 -1
- package/cjs/tooltip/Tooltip.js +4 -5
- package/cjs/tooltip/Tooltip.js.map +1 -1
- package/cjs/typography/BodyLong.d.ts +9 -0
- package/cjs/typography/BodyLong.js +2 -3
- package/cjs/typography/BodyLong.js.map +1 -1
- package/cjs/typography/BodyShort.d.ts +9 -0
- package/cjs/typography/BodyShort.js +2 -3
- package/cjs/typography/BodyShort.js.map +1 -1
- package/cjs/typography/Detail.d.ts +9 -0
- package/cjs/typography/Detail.js +3 -4
- package/cjs/typography/Detail.js.map +1 -1
- package/cjs/typography/ErrorMessage.js +4 -5
- package/cjs/typography/ErrorMessage.js.map +1 -1
- package/cjs/typography/Heading.d.ts +9 -0
- package/cjs/typography/Heading.js +2 -3
- package/cjs/typography/Heading.js.map +1 -1
- package/cjs/typography/Ingress.js +3 -4
- package/cjs/typography/Ingress.js.map +1 -1
- package/cjs/typography/Label.d.ts +9 -0
- package/cjs/typography/Label.js +3 -4
- package/cjs/typography/Label.js.map +1 -1
- package/cjs/typography/types.d.ts +1 -1
- package/cjs/typography/util.js +9 -13
- package/cjs/typography/util.js.map +1 -1
- package/cjs/util/TextareaAutoSize.js +1 -3
- package/cjs/util/TextareaAutoSize.js.map +1 -1
- package/cjs/util/className.d.ts +6 -0
- package/cjs/util/className.js +46 -0
- package/cjs/util/className.js.map +1 -0
- package/cjs/util/hooks/descendants/useDescendant.d.ts +1 -1
- package/cjs/util/hooks/useMergeRefs.d.ts +2 -1
- package/cjs/util/hooks/useMergeRefs.js.map +1 -1
- package/cjs/util/link-anchor/LinkAnchor.js +4 -7
- package/cjs/util/link-anchor/LinkAnchor.js.map +1 -1
- package/cjs/util/virtualfocus/Context.d.ts +1 -1
- package/esm/accordion/Accordion.d.ts +15 -7
- package/esm/accordion/Accordion.js +5 -6
- package/esm/accordion/Accordion.js.map +1 -1
- package/esm/accordion/AccordionContent.js +4 -3
- 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 +5 -13
- package/esm/accordion/AccordionHeader.js.map +1 -1
- package/esm/accordion/AccordionItem.js +4 -6
- package/esm/accordion/AccordionItem.js.map +1 -1
- package/esm/alert/Alert.js +9 -10
- package/esm/alert/Alert.js.map +1 -1
- package/esm/alert/base-alert/close-button/BaseAlertCloseButton.js +2 -3
- package/esm/alert/base-alert/close-button/BaseAlertCloseButton.js.map +1 -1
- package/esm/alert/base-alert/content/BaseAlertContent.js +3 -3
- package/esm/alert/base-alert/content/BaseAlertContent.js.map +1 -1
- package/esm/alert/base-alert/header/BaseAlertHeader.js +3 -4
- package/esm/alert/base-alert/header/BaseAlertHeader.js.map +1 -1
- package/esm/alert/base-alert/root/BaseAlertRoot.d.ts +3 -1
- package/esm/alert/base-alert/root/BaseAlertRoot.js +2 -3
- package/esm/alert/base-alert/root/BaseAlertRoot.js.map +1 -1
- package/esm/alert/base-alert/title/BaseAlertTitle.js +2 -4
- package/esm/alert/base-alert/title/BaseAlertTitle.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 +7 -8
- package/esm/button/Button.js.map +1 -1
- package/esm/chat/Bubble.js +3 -4
- package/esm/chat/Bubble.js.map +1 -1
- package/esm/chat/Chat.d.ts +11 -3
- package/esm/chat/Chat.js +4 -5
- package/esm/chat/Chat.js.map +1 -1
- package/esm/chips/Chips.d.ts +17 -17
- package/esm/chips/Chips.js +21 -22
- package/esm/chips/Chips.js.map +1 -1
- package/esm/chips/Removable.d.ts +8 -2
- package/esm/chips/Removable.js +4 -15
- package/esm/chips/Removable.js.map +1 -1
- package/esm/chips/Toggle.d.ts +8 -2
- package/esm/chips/Toggle.js +6 -16
- 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 -29
- package/esm/copybutton/CopyButton.js.map +1 -1
- package/esm/date/Date.Dialog.js +7 -8
- package/esm/date/Date.Dialog.js.map +1 -1
- package/esm/date/Date.Input.js +17 -18
- package/esm/date/Date.Input.js.map +1 -1
- package/esm/date/datepicker/DatePicker.js +2 -3
- package/esm/date/datepicker/DatePicker.js.map +1 -1
- package/esm/date/datepicker/DatePicker.types.d.ts +5 -0
- package/esm/date/datepicker/parts/DatePicker.DayButton.js +2 -3
- package/esm/date/datepicker/parts/DatePicker.DayButton.js.map +1 -1
- package/esm/date/datepicker/parts/DatePicker.Months.js +7 -9
- package/esm/date/datepicker/parts/DatePicker.Months.js.map +1 -1
- package/esm/date/datepicker/parts/DatePicker.RDP.d.ts +0 -5
- package/esm/date/datepicker/parts/DatePicker.RDP.js +2 -3
- package/esm/date/datepicker/parts/DatePicker.RDP.js.map +1 -1
- package/esm/date/datepicker/parts/DatePicker.Standalone.d.ts +0 -5
- package/esm/date/datepicker/parts/DatePicker.Standalone.js +2 -3
- package/esm/date/datepicker/parts/DatePicker.Standalone.js.map +1 -1
- package/esm/date/datepicker/parts/DatePicker.WeekNumber.js +5 -6
- package/esm/date/datepicker/parts/DatePicker.WeekNumber.js.map +1 -1
- package/esm/date/datepicker/parts/DatePicker.WeekRow.js +4 -6
- package/esm/date/datepicker/parts/DatePicker.WeekRow.js.map +1 -1
- package/esm/date/monthpicker/MonthPicker.js +3 -4
- package/esm/date/monthpicker/MonthPicker.js.map +1 -1
- package/esm/date/monthpicker/parts/MonthPicker.Button.js +3 -4
- package/esm/date/monthpicker/parts/MonthPicker.Button.js.map +1 -1
- package/esm/date/monthpicker/parts/MonthPicker.Caption.js +4 -6
- package/esm/date/monthpicker/parts/MonthPicker.Caption.js.map +1 -1
- package/esm/date/monthpicker/parts/MonthPicker.Standalone.js +3 -4
- package/esm/date/monthpicker/parts/MonthPicker.Standalone.js.map +1 -1
- package/esm/dialog/backdrop/DialogBackdropInternal.js +2 -3
- package/esm/dialog/backdrop/DialogBackdropInternal.js.map +1 -1
- package/esm/dialog/body/DialogBody.js +2 -3
- package/esm/dialog/body/DialogBody.js.map +1 -1
- package/esm/dialog/description/DialogDescription.js +2 -3
- package/esm/dialog/description/DialogDescription.js.map +1 -1
- package/esm/dialog/footer/DialogFooter.js +2 -3
- package/esm/dialog/footer/DialogFooter.js.map +1 -1
- package/esm/dialog/header/DialogHeader.js +3 -4
- package/esm/dialog/header/DialogHeader.js.map +1 -1
- package/esm/dialog/popup/DialogPopupInternal.js +2 -3
- package/esm/dialog/popup/DialogPopupInternal.js.map +1 -1
- package/esm/dialog/title/DialogTitle.js +2 -3
- package/esm/dialog/title/DialogTitle.js.map +1 -1
- package/esm/dropdown/Menu/Divider.js +2 -3
- package/esm/dropdown/Menu/Divider.js.map +1 -1
- package/esm/dropdown/Menu/GroupedList/GroupedHeading.js +2 -3
- package/esm/dropdown/Menu/GroupedList/GroupedHeading.js.map +1 -1
- package/esm/dropdown/Menu/GroupedList/GroupedItem.js +3 -4
- package/esm/dropdown/Menu/GroupedList/GroupedItem.js.map +1 -1
- package/esm/dropdown/Menu/GroupedList/index.js +2 -3
- package/esm/dropdown/Menu/GroupedList/index.js.map +1 -1
- package/esm/dropdown/Menu/List/Item.js +3 -4
- package/esm/dropdown/Menu/List/Item.js.map +1 -1
- package/esm/dropdown/Menu/List/index.js +2 -3
- package/esm/dropdown/Menu/List/index.js.map +1 -1
- package/esm/dropdown/Menu/index.js +2 -3
- package/esm/dropdown/Menu/index.js.map +1 -1
- package/esm/dropdown/Toggle.js +2 -3
- package/esm/dropdown/Toggle.js.map +1 -1
- package/esm/expansion-card/ExpansionCard.d.ts +7 -0
- package/esm/expansion-card/ExpansionCard.js +3 -5
- package/esm/expansion-card/ExpansionCard.js.map +1 -1
- package/esm/expansion-card/ExpansionCardContent.js +5 -5
- package/esm/expansion-card/ExpansionCardContent.js.map +1 -1
- package/esm/expansion-card/ExpansionCardDescription.js +2 -3
- package/esm/expansion-card/ExpansionCardDescription.js.map +1 -1
- package/esm/expansion-card/ExpansionCardHeader.js +5 -6
- package/esm/expansion-card/ExpansionCardHeader.js.map +1 -1
- package/esm/expansion-card/ExpansionCardTitle.js +2 -3
- package/esm/expansion-card/ExpansionCardTitle.js.map +1 -1
- package/esm/form/ReadOnlyIcon.js +2 -5
- package/esm/form/ReadOnlyIcon.js.map +1 -1
- package/esm/form/checkbox/Checkbox.js +37 -80
- package/esm/form/checkbox/Checkbox.js.map +1 -1
- package/esm/form/checkbox/CheckboxGroup.js +3 -4
- package/esm/form/checkbox/CheckboxGroup.js.map +1 -1
- package/esm/form/combobox/Combobox.js +7 -8
- package/esm/form/combobox/Combobox.js.map +1 -1
- package/esm/form/combobox/ComboboxWrapper.js +7 -8
- package/esm/form/combobox/ComboboxWrapper.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/AddNewOption.js +3 -4
- package/esm/form/combobox/FilteredOptions/AddNewOption.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/FilteredOptions.js +8 -11
- package/esm/form/combobox/FilteredOptions/FilteredOptions.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/FilteredOptionsItem.js +4 -5
- package/esm/form/combobox/FilteredOptions/FilteredOptionsItem.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/LoadingMessage.js +1 -3
- package/esm/form/combobox/FilteredOptions/LoadingMessage.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/MaxSelectedMessage.js +1 -3
- package/esm/form/combobox/FilteredOptions/MaxSelectedMessage.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/NoSearchHitsMessage.js +1 -3
- package/esm/form/combobox/FilteredOptions/NoSearchHitsMessage.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/filteredOptionsContext.js +1 -1
- package/esm/form/combobox/FilteredOptions/filteredOptionsContext.js.map +1 -1
- package/esm/form/combobox/Input/Input.js +2 -3
- package/esm/form/combobox/Input/Input.js.map +1 -1
- package/esm/form/combobox/Input/InputController.d.ts +1 -1
- package/esm/form/combobox/Input/InputController.js +3 -4
- package/esm/form/combobox/Input/InputController.js.map +1 -1
- package/esm/form/combobox/Input/ToggleListButton.js +1 -3
- package/esm/form/combobox/Input/ToggleListButton.js.map +1 -1
- package/esm/form/combobox/SelectedOptions/SelectedOptions.js +3 -6
- package/esm/form/combobox/SelectedOptions/SelectedOptions.js.map +1 -1
- package/esm/form/confirmation-panel/ConfirmationPanel.js +8 -10
- package/esm/form/confirmation-panel/ConfirmationPanel.js.map +1 -1
- package/esm/form/error-summary/ErrorSummary.js +4 -5
- package/esm/form/error-summary/ErrorSummary.js.map +1 -1
- package/esm/form/error-summary/ErrorSummaryItem.js +2 -3
- package/esm/form/error-summary/ErrorSummaryItem.js.map +1 -1
- package/esm/form/fieldset/Fieldset.js +12 -12
- package/esm/form/fieldset/Fieldset.js.map +1 -1
- package/esm/form/fieldset/useFieldset.js +1 -1
- package/esm/form/fieldset/useFieldset.js.map +1 -1
- package/esm/form/file-upload/FileUpload.js +2 -3
- package/esm/form/file-upload/FileUpload.js.map +1 -1
- package/esm/form/file-upload/parts/dropzone/Dropzone.js +16 -18
- package/esm/form/file-upload/parts/dropzone/Dropzone.js.map +1 -1
- package/esm/form/file-upload/parts/item/Item.js +11 -24
- 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 +32 -0
- package/esm/form/file-upload/parts/item/ItemActionField.js.map +1 -0
- package/esm/form/file-upload/parts/item/ItemButton.js +1 -3
- package/esm/form/file-upload/parts/item/ItemButton.js.map +1 -1
- 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 +3 -14
- package/esm/form/file-upload/parts/item/ItemIcon.js.map +1 -1
- package/esm/form/file-upload/useFileUpload.d.ts +1 -1
- package/esm/form/form-progress/FormProgress.js +7 -9
- package/esm/form/form-progress/FormProgress.js.map +1 -1
- package/esm/form/form-summary/FormSummary.js +2 -3
- package/esm/form/form-summary/FormSummary.js.map +1 -1
- package/esm/form/form-summary/FormSummaryAnswer.js +4 -3
- package/esm/form/form-summary/FormSummaryAnswer.js.map +1 -1
- package/esm/form/form-summary/FormSummaryAnswers.js +6 -4
- package/esm/form/form-summary/FormSummaryAnswers.js.map +1 -1
- package/esm/form/form-summary/FormSummaryEditLink.js +2 -3
- package/esm/form/form-summary/FormSummaryEditLink.js.map +1 -1
- package/esm/form/form-summary/FormSummaryFooter.js +2 -3
- package/esm/form/form-summary/FormSummaryFooter.js.map +1 -1
- package/esm/form/form-summary/FormSummaryHeader.js +2 -3
- package/esm/form/form-summary/FormSummaryHeader.js.map +1 -1
- package/esm/form/form-summary/FormSummaryValue.js +2 -3
- package/esm/form/form-summary/FormSummaryValue.js.map +1 -1
- package/esm/form/radio/Radio.js +10 -25
- package/esm/form/radio/Radio.js.map +1 -1
- package/esm/form/radio/RadioGroup.js +3 -4
- package/esm/form/radio/RadioGroup.js.map +1 -1
- package/esm/form/search/Search.d.ts +6 -0
- package/esm/form/search/Search.js +15 -20
- package/esm/form/search/Search.js.map +1 -1
- package/esm/form/search/SearchButton.js +2 -3
- package/esm/form/search/SearchButton.js.map +1 -1
- package/esm/form/select/Select.js +14 -15
- package/esm/form/select/Select.js.map +1 -1
- package/esm/form/switch/Switch.js +15 -16
- package/esm/form/switch/Switch.js.map +1 -1
- package/esm/form/textarea/Textarea.js +14 -16
- package/esm/form/textarea/Textarea.js.map +1 -1
- package/esm/form/textarea/TextareaCounter.js +5 -6
- package/esm/form/textarea/TextareaCounter.js.map +1 -1
- package/esm/form/textfield/TextField.js +13 -14
- package/esm/form/textfield/TextField.js.map +1 -1
- package/esm/form/useFormField.js +1 -1
- package/esm/form/useFormField.js.map +1 -1
- package/esm/guide-panel/GuidePanel.js +9 -14
- 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 +5 -7
- package/esm/help-text/HelpText.js.map +1 -1
- package/esm/help-text/HelpTextIcon.js +4 -7
- package/esm/help-text/HelpTextIcon.js.map +1 -1
- package/esm/inline-message/icon/InlineMessageIcon.js +1 -3
- package/esm/inline-message/icon/InlineMessageIcon.js.map +1 -1
- package/esm/inline-message/root/InlineMessage.d.ts +4 -0
- package/esm/inline-message/root/InlineMessage.js +3 -4
- package/esm/inline-message/root/InlineMessage.js.map +1 -1
- package/esm/internal-header/InternalHeader.js +4 -8
- package/esm/internal-header/InternalHeader.js.map +1 -1
- package/esm/internal-header/InternalHeaderButton.js +2 -3
- package/esm/internal-header/InternalHeaderButton.js.map +1 -1
- package/esm/internal-header/InternalHeaderTitle.js +2 -3
- package/esm/internal-header/InternalHeaderTitle.js.map +1 -1
- package/esm/internal-header/InternalHeaderUser.js +2 -3
- package/esm/internal-header/InternalHeaderUser.js.map +1 -1
- package/esm/internal-header/InternalHeaderUserButton.js +2 -3
- package/esm/internal-header/InternalHeaderUserButton.js.map +1 -1
- package/esm/layout/base/BasePrimitive.d.ts +11 -11
- package/esm/layout/base/BasePrimitive.js +28 -31
- package/esm/layout/base/BasePrimitive.js.map +1 -1
- package/esm/layout/bleed/Bleed.d.ts +7 -7
- package/esm/layout/bleed/Bleed.js +6 -9
- 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 +18 -15
- package/esm/layout/box/Box.darkside.js.map +1 -1
- package/esm/layout/box/Box.js +20 -39
- package/esm/layout/box/Box.js.map +1 -1
- package/esm/layout/grid/HGrid.d.ts +4 -4
- package/esm/layout/grid/HGrid.js +8 -11
- package/esm/layout/grid/HGrid.js.map +1 -1
- package/esm/layout/page/Page.d.ts +4 -8
- package/esm/layout/page/Page.js +8 -15
- package/esm/layout/page/Page.js.map +1 -1
- package/esm/layout/page/parts/PageBlock.js +2 -3
- package/esm/layout/page/parts/PageBlock.js.map +1 -1
- package/esm/layout/responsive/Responsive.js +4 -5
- package/esm/layout/responsive/Responsive.js.map +1 -1
- package/esm/layout/stack/Spacer.js +1 -3
- package/esm/layout/stack/Spacer.js.map +1 -1
- package/esm/layout/stack/Stack.d.ts +1 -1
- package/esm/layout/stack/Stack.js +10 -13
- 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 +4 -18
- package/esm/link/Link.js.map +1 -1
- package/esm/link-card/LinkCard.d.ts +9 -0
- package/esm/link-card/LinkCard.js +8 -14
- package/esm/link-card/LinkCard.js.map +1 -1
- package/esm/link-panel/LinkPanel.js +4 -5
- package/esm/link-panel/LinkPanel.js.map +1 -1
- package/esm/link-panel/LinkPanelDescription.js +2 -3
- package/esm/link-panel/LinkPanelDescription.js.map +1 -1
- package/esm/link-panel/LinkPanelTitle.js +2 -3
- package/esm/link-panel/LinkPanelTitle.js.map +1 -1
- package/esm/list/List.Item.js +5 -6
- package/esm/list/List.Item.js.map +1 -1
- package/esm/list/List.js +4 -25
- 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 +5 -6
- package/esm/loader/Loader.js.map +1 -1
- package/esm/modal/Modal.context.d.ts +1 -1
- package/esm/modal/Modal.js +11 -17
- package/esm/modal/Modal.js.map +1 -1
- package/esm/modal/ModalBody.js +2 -3
- package/esm/modal/ModalBody.js.map +1 -1
- package/esm/modal/ModalFooter.js +2 -3
- package/esm/modal/ModalFooter.js.map +1 -1
- package/esm/modal/ModalHeader.js +3 -4
- package/esm/modal/ModalHeader.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 +40 -61
- 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 +9 -18
- package/esm/pagination/Pagination.js.map +1 -1
- package/esm/pagination/PaginationItem.js +3 -5
- package/esm/pagination/PaginationItem.js.map +1 -1
- package/esm/panel/Panel.d.ts +2 -2
- package/esm/panel/Panel.js +5 -6
- package/esm/panel/Panel.js.map +1 -1
- package/esm/popover/Popover.d.ts +2 -3
- package/esm/popover/Popover.js +10 -23
- package/esm/popover/Popover.js.map +1 -1
- package/esm/popover/PopoverContent.js +2 -3
- package/esm/popover/PopoverContent.js.map +1 -1
- package/esm/portal/Portal.js +2 -5
- package/esm/portal/Portal.js.map +1 -1
- package/esm/process/Process.js +11 -18
- package/esm/process/Process.js.map +1 -1
- package/esm/progress-bar/ProgressBar.d.ts +7 -0
- package/esm/progress-bar/ProgressBar.js +6 -7
- package/esm/progress-bar/ProgressBar.js.map +1 -1
- package/esm/read-more/ReadMore.d.ts +11 -0
- package/esm/read-more/ReadMore.js +7 -8
- package/esm/read-more/ReadMore.js.map +1 -1
- package/esm/skeleton/Skeleton.js +6 -7
- package/esm/skeleton/Skeleton.js.map +1 -1
- package/esm/stepper/Step.js +9 -10
- package/esm/stepper/Step.js.map +1 -1
- package/esm/stepper/Stepper.js +5 -11
- package/esm/stepper/Stepper.js.map +1 -1
- package/esm/table/AnimateHeight.js +2 -4
- package/esm/table/AnimateHeight.js.map +1 -1
- package/esm/table/Body.js +2 -3
- package/esm/table/Body.js.map +1 -1
- package/esm/table/ColumnHeader.js +3 -5
- package/esm/table/ColumnHeader.js.map +1 -1
- package/esm/table/DataCell.js +3 -4
- package/esm/table/DataCell.js.map +1 -1
- package/esm/table/ExpandableRow.js +12 -13
- package/esm/table/ExpandableRow.js.map +1 -1
- package/esm/table/Header.js +2 -3
- package/esm/table/Header.js.map +1 -1
- package/esm/table/HeaderCell.js +4 -5
- package/esm/table/HeaderCell.js.map +1 -1
- package/esm/table/Row.js +4 -5
- package/esm/table/Row.js.map +1 -1
- package/esm/table/Table.js +4 -5
- package/esm/table/Table.js.map +1 -1
- package/esm/tabs/Tabs.context.d.ts +1 -1
- package/esm/tabs/Tabs.js +2 -3
- package/esm/tabs/Tabs.js.map +1 -1
- package/esm/tabs/parts/tab/Tab.js +5 -6
- package/esm/tabs/parts/tab/Tab.js.map +1 -1
- package/esm/tabs/parts/tab/useTab.d.ts +1 -1
- package/esm/tabs/parts/tablist/ScrollButtons.js +3 -4
- package/esm/tabs/parts/tablist/ScrollButtons.js.map +1 -1
- package/esm/tabs/parts/tablist/TabList.js +3 -4
- package/esm/tabs/parts/tablist/TabList.js.map +1 -1
- package/esm/tabs/parts/tabpanel/TabPanel.js +2 -3
- package/esm/tabs/parts/tabpanel/TabPanel.js.map +1 -1
- package/esm/tag/Tag.d.ts +12 -1
- package/esm/tag/Tag.js +7 -5
- package/esm/tag/Tag.js.map +1 -1
- package/esm/theme/Theme.d.ts +9 -18
- package/esm/theme/Theme.js +7 -26
- package/esm/theme/Theme.js.map +1 -1
- package/esm/timeline/AxisLabels.js +1 -3
- package/esm/timeline/AxisLabels.js.map +1 -1
- package/esm/timeline/Timeline.js +1 -3
- package/esm/timeline/Timeline.js.map +1 -1
- package/esm/timeline/TimelineRow.js +5 -6
- package/esm/timeline/TimelineRow.js.map +1 -1
- package/esm/timeline/period/ClickablePeriod.js +5 -6
- package/esm/timeline/period/ClickablePeriod.js.map +1 -1
- package/esm/timeline/period/NonClickablePeriod.js +4 -5
- package/esm/timeline/period/NonClickablePeriod.js.map +1 -1
- package/esm/timeline/period/index.d.ts +8 -0
- package/esm/timeline/period/index.js.map +1 -1
- package/esm/timeline/pin/PinInternal.js +3 -5
- package/esm/timeline/pin/PinInternal.js.map +1 -1
- package/esm/timeline/utils/period.js +5 -6
- package/esm/timeline/utils/period.js.map +1 -1
- package/esm/timeline/zoom/ZoomButton.js +1 -3
- package/esm/timeline/zoom/ZoomButton.js.map +1 -1
- package/esm/timeline/zoom/index.js +2 -3
- package/esm/timeline/zoom/index.js.map +1 -1
- package/esm/toggle-group/ToggleGroup.context.d.ts +1 -1
- package/esm/toggle-group/ToggleGroup.js +6 -15
- package/esm/toggle-group/ToggleGroup.js.map +1 -1
- package/esm/toggle-group/ToggleGroup.types.d.ts +11 -2
- package/esm/toggle-group/parts/ToggleItem.js +3 -4
- package/esm/toggle-group/parts/ToggleItem.js.map +1 -1
- package/esm/toggle-group/parts/useToggleItem.d.ts +1 -1
- package/esm/tooltip/Tooltip.js +4 -5
- package/esm/tooltip/Tooltip.js.map +1 -1
- package/esm/types/theme.d.ts +1 -1
- package/esm/typography/BodyLong.d.ts +9 -0
- package/esm/typography/BodyLong.js +2 -3
- package/esm/typography/BodyLong.js.map +1 -1
- package/esm/typography/BodyShort.d.ts +9 -0
- package/esm/typography/BodyShort.js +2 -3
- package/esm/typography/BodyShort.js.map +1 -1
- package/esm/typography/Detail.d.ts +9 -0
- package/esm/typography/Detail.js +3 -4
- package/esm/typography/Detail.js.map +1 -1
- package/esm/typography/ErrorMessage.js +4 -5
- package/esm/typography/ErrorMessage.js.map +1 -1
- package/esm/typography/Heading.d.ts +9 -0
- package/esm/typography/Heading.js +2 -3
- package/esm/typography/Heading.js.map +1 -1
- package/esm/typography/Ingress.js +3 -4
- package/esm/typography/Ingress.js.map +1 -1
- package/esm/typography/Label.d.ts +9 -0
- package/esm/typography/Label.js +3 -4
- package/esm/typography/Label.js.map +1 -1
- package/esm/typography/types.d.ts +1 -1
- package/esm/typography/util.js +8 -9
- package/esm/typography/util.js.map +1 -1
- package/esm/util/TextareaAutoSize.js +1 -3
- package/esm/util/TextareaAutoSize.js.map +1 -1
- package/esm/util/className.d.ts +6 -0
- package/esm/util/className.js +43 -0
- package/esm/util/className.js.map +1 -0
- package/esm/util/hooks/descendants/useDescendant.d.ts +1 -1
- package/esm/util/hooks/useMergeRefs.d.ts +2 -1
- package/esm/util/hooks/useMergeRefs.js.map +1 -1
- package/esm/util/link-anchor/LinkAnchor.js +4 -7
- package/esm/util/link-anchor/LinkAnchor.js.map +1 -1
- package/esm/util/virtualfocus/Context.d.ts +1 -1
- package/package.json +3 -4
- package/src/accordion/Accordion.tsx +24 -25
- package/src/accordion/AccordionContent.tsx +11 -10
- package/src/accordion/AccordionContext.tsx +1 -3
- package/src/accordion/AccordionHeader.tsx +8 -16
- package/src/accordion/AccordionItem.tsx +4 -6
- package/src/alert/Alert.tsx +14 -15
- package/src/alert/base-alert/close-button/BaseAlertCloseButton.tsx +2 -3
- package/src/alert/base-alert/content/BaseAlertContent.tsx +3 -3
- package/src/alert/base-alert/header/BaseAlertHeader.tsx +3 -4
- package/src/alert/base-alert/root/BaseAlertRoot.tsx +5 -5
- package/src/alert/base-alert/title/BaseAlertTitle.tsx +2 -4
- 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 +26 -25
- package/src/chat/Bubble.tsx +5 -7
- package/src/chat/Chat.tsx +19 -18
- package/src/chips/Chips.tsx +21 -22
- package/src/chips/Removable.tsx +13 -21
- package/src/chips/Toggle.tsx +14 -20
- package/src/collapsible/Collapsible.tsx +1 -1
- package/src/copybutton/CopyButton.tsx +51 -90
- package/src/date/Date.Dialog.tsx +7 -9
- package/src/date/Date.Input.tsx +24 -25
- package/src/date/datepicker/DatePicker.tsx +2 -3
- package/src/date/datepicker/DatePicker.types.ts +5 -0
- package/src/date/datepicker/parts/DatePicker.DayButton.tsx +2 -3
- package/src/date/datepicker/parts/DatePicker.Months.tsx +8 -14
- package/src/date/datepicker/parts/DatePicker.RDP.tsx +2 -8
- package/src/date/datepicker/parts/DatePicker.Standalone.tsx +2 -8
- package/src/date/datepicker/parts/DatePicker.WeekNumber.tsx +5 -8
- package/src/date/datepicker/parts/DatePicker.WeekRow.tsx +4 -6
- package/src/date/monthpicker/MonthPicker.tsx +3 -4
- package/src/date/monthpicker/parts/MonthPicker.Button.tsx +3 -4
- package/src/date/monthpicker/parts/MonthPicker.Caption.tsx +5 -7
- package/src/date/monthpicker/parts/MonthPicker.Standalone.tsx +3 -4
- package/src/dialog/backdrop/DialogBackdropInternal.tsx +2 -3
- package/src/dialog/body/DialogBody.tsx +2 -4
- package/src/dialog/description/DialogDescription.tsx +2 -3
- package/src/dialog/footer/DialogFooter.tsx +2 -4
- package/src/dialog/header/DialogHeader.tsx +3 -4
- package/src/dialog/popup/DialogPopupInternal.tsx +2 -3
- package/src/dialog/title/DialogTitle.tsx +2 -3
- package/src/dropdown/Menu/Divider.tsx +2 -4
- package/src/dropdown/Menu/GroupedList/GroupedHeading.tsx +5 -6
- package/src/dropdown/Menu/GroupedList/GroupedItem.tsx +6 -7
- package/src/dropdown/Menu/GroupedList/index.tsx +2 -3
- package/src/dropdown/Menu/List/Item.tsx +6 -7
- package/src/dropdown/Menu/List/index.tsx +2 -4
- package/src/dropdown/Menu/index.tsx +2 -4
- package/src/dropdown/Toggle.tsx +2 -3
- package/src/expansion-card/ExpansionCard.tsx +12 -7
- package/src/expansion-card/ExpansionCardContent.tsx +5 -5
- package/src/expansion-card/ExpansionCardDescription.tsx +2 -3
- package/src/expansion-card/ExpansionCardHeader.tsx +5 -8
- package/src/expansion-card/ExpansionCardTitle.tsx +6 -8
- package/src/form/ReadOnlyIcon.tsx +2 -5
- package/src/form/checkbox/Checkbox.tsx +71 -164
- package/src/form/checkbox/CheckboxGroup.tsx +5 -6
- package/src/form/combobox/Combobox.tsx +7 -9
- package/src/form/combobox/ComboboxWrapper.tsx +9 -10
- package/src/form/combobox/FilteredOptions/AddNewOption.tsx +4 -6
- package/src/form/combobox/FilteredOptions/FilteredOptions.tsx +8 -15
- package/src/form/combobox/FilteredOptions/FilteredOptionsItem.tsx +4 -6
- package/src/form/combobox/FilteredOptions/LoadingMessage.tsx +1 -3
- package/src/form/combobox/FilteredOptions/MaxSelectedMessage.tsx +1 -3
- package/src/form/combobox/FilteredOptions/NoSearchHitsMessage.tsx +1 -4
- package/src/form/combobox/FilteredOptions/filteredOptionsContext.tsx +1 -1
- package/src/form/combobox/Input/Input.tsx +6 -8
- package/src/form/combobox/Input/InputController.tsx +3 -5
- package/src/form/combobox/Input/ToggleListButton.tsx +1 -3
- package/src/form/combobox/SelectedOptions/SelectedOptions.tsx +3 -12
- package/src/form/confirmation-panel/ConfirmationPanel.tsx +8 -10
- package/src/form/error-summary/ErrorSummary.tsx +6 -12
- package/src/form/error-summary/ErrorSummaryItem.tsx +2 -4
- package/src/form/fieldset/Fieldset.tsx +14 -14
- package/src/form/fieldset/useFieldset.ts +1 -1
- package/src/form/file-upload/FileUpload.tsx +2 -3
- package/src/form/file-upload/parts/dropzone/Dropzone.tsx +17 -17
- package/src/form/file-upload/parts/item/Item.tsx +16 -41
- package/src/form/file-upload/parts/item/ItemActionField.tsx +86 -0
- package/src/form/file-upload/parts/item/ItemButton.tsx +1 -3
- package/src/form/file-upload/parts/item/ItemHeader.tsx +88 -0
- package/src/form/file-upload/parts/item/ItemIcon.tsx +2 -25
- package/src/form/form-progress/FormProgress.tsx +7 -11
- package/src/form/form-summary/FormSummary.tsx +2 -4
- package/src/form/form-summary/FormSummaryAnswer.tsx +5 -3
- package/src/form/form-summary/FormSummaryAnswers.tsx +12 -18
- package/src/form/form-summary/FormSummaryEditLink.tsx +2 -4
- package/src/form/form-summary/FormSummaryFooter.tsx +2 -5
- package/src/form/form-summary/FormSummaryHeader.tsx +2 -4
- package/src/form/form-summary/FormSummaryValue.tsx +2 -4
- package/src/form/radio/Radio.tsx +29 -72
- package/src/form/radio/RadioGroup.tsx +5 -6
- package/src/form/search/Search.tsx +30 -40
- package/src/form/search/SearchButton.tsx +2 -3
- package/src/form/select/Select.tsx +19 -24
- package/src/form/switch/Switch.tsx +18 -29
- package/src/form/textarea/Textarea.tsx +19 -22
- package/src/form/textarea/TextareaCounter.tsx +5 -6
- package/src/form/textfield/TextField.tsx +18 -20
- package/src/form/useFormField.ts +1 -1
- package/src/guide-panel/GuidePanel.tsx +36 -49
- package/src/guide-panel/Illustration.tsx +75 -66
- package/src/help-text/HelpText.tsx +15 -9
- package/src/help-text/HelpTextIcon.tsx +4 -10
- package/src/inline-message/icon/InlineMessageIcon.tsx +1 -4
- package/src/inline-message/root/InlineMessage.tsx +7 -4
- package/src/internal-header/InternalHeader.tsx +9 -22
- package/src/internal-header/InternalHeaderButton.tsx +2 -4
- package/src/internal-header/InternalHeaderTitle.tsx +4 -6
- package/src/internal-header/InternalHeaderUser.tsx +2 -4
- package/src/internal-header/InternalHeaderUserButton.tsx +2 -4
- package/src/layout/base/BasePrimitive.tsx +63 -67
- package/src/layout/bleed/Bleed.tsx +14 -26
- package/src/layout/box/Box.darkside.tsx +29 -30
- package/src/layout/box/Box.tsx +49 -66
- package/src/layout/grid/HGrid.tsx +11 -15
- package/src/layout/page/Page.tsx +12 -37
- package/src/layout/page/parts/PageBlock.tsx +5 -7
- package/src/layout/responsive/Responsive.tsx +4 -5
- package/src/layout/stack/Spacer.tsx +1 -3
- package/src/layout/stack/Stack.tsx +14 -18
- package/src/layout/utilities/css.ts +14 -71
- package/src/layout/utilities/types.ts +2 -15
- package/src/link/Link.tsx +15 -24
- package/src/link-card/LinkCard.tsx +19 -22
- package/src/link-panel/LinkPanel.tsx +4 -9
- package/src/link-panel/LinkPanelDescription.tsx +2 -4
- package/src/link-panel/LinkPanelTitle.tsx +5 -7
- package/src/list/List.Item.tsx +5 -6
- package/src/list/List.tsx +3 -60
- package/src/list/List.types.ts +2 -14
- package/src/loader/Loader.tsx +12 -10
- package/src/modal/Modal.context.ts +1 -1
- package/src/modal/Modal.tsx +11 -22
- package/src/modal/ModalBody.tsx +2 -3
- package/src/modal/ModalFooter.tsx +2 -3
- package/src/modal/ModalHeader.tsx +3 -4
- package/src/modal/ModalUtils.ts +1 -47
- package/src/overlays/action-menu/ActionMenu.tsx +63 -136
- package/src/overlays/floating/Floating.tsx +5 -5
- package/src/pagination/Pagination.tsx +23 -24
- package/src/pagination/PaginationItem.tsx +5 -8
- package/src/panel/Panel.tsx +5 -6
- package/src/popover/Popover.tsx +11 -40
- package/src/popover/PopoverContent.tsx +2 -3
- package/src/portal/Portal.tsx +10 -14
- package/src/process/Process.tsx +11 -29
- package/src/progress-bar/ProgressBar.tsx +15 -9
- package/src/react-css.d.ts +0 -3
- package/src/read-more/ReadMore.tsx +21 -11
- package/src/skeleton/Skeleton.tsx +8 -9
- package/src/stepper/Step.tsx +9 -14
- package/src/stepper/Stepper.tsx +6 -19
- package/src/table/AnimateHeight.tsx +2 -4
- package/src/table/Body.tsx +2 -3
- package/src/table/ColumnHeader.tsx +2 -5
- package/src/table/DataCell.tsx +3 -4
- package/src/table/ExpandableRow.tsx +15 -21
- package/src/table/Header.tsx +2 -3
- package/src/table/HeaderCell.tsx +4 -5
- package/src/table/Row.tsx +4 -6
- package/src/table/Table.tsx +4 -5
- package/src/tabs/Tabs.tsx +2 -3
- package/src/tabs/parts/tab/Tab.tsx +8 -9
- package/src/tabs/parts/tablist/ScrollButtons.tsx +3 -5
- package/src/tabs/parts/tablist/TabList.tsx +3 -4
- package/src/tabs/parts/tabpanel/TabPanel.tsx +2 -3
- package/src/tag/Tag.tsx +47 -44
- package/src/theme/Theme.tsx +22 -63
- package/src/timeline/AxisLabels.tsx +2 -5
- package/src/timeline/Timeline.tsx +1 -3
- package/src/timeline/TimelineRow.tsx +5 -6
- package/src/timeline/period/ClickablePeriod.tsx +6 -7
- package/src/timeline/period/NonClickablePeriod.tsx +4 -5
- package/src/timeline/period/index.tsx +8 -0
- package/src/timeline/pin/PinInternal.tsx +3 -5
- package/src/timeline/utils/period.ts +5 -6
- package/src/timeline/zoom/ZoomButton.tsx +1 -4
- package/src/timeline/zoom/index.tsx +2 -4
- package/src/toggle-group/ToggleGroup.tsx +8 -19
- package/src/toggle-group/ToggleGroup.types.ts +11 -2
- package/src/toggle-group/parts/ToggleItem.tsx +3 -4
- package/src/tooltip/Tooltip.tsx +7 -13
- package/src/types/theme.d.ts +1 -1
- package/src/typography/BodyLong.tsx +13 -6
- package/src/typography/BodyShort.tsx +13 -6
- package/src/typography/Detail.tsx +13 -6
- package/src/typography/ErrorMessage.tsx +6 -8
- package/src/typography/Heading.tsx +13 -5
- package/src/typography/Ingress.tsx +3 -5
- package/src/typography/Label.tsx +13 -6
- package/src/typography/types.ts +1 -1
- package/src/typography/util.ts +8 -9
- package/src/util/TextareaAutoSize.tsx +0 -3
- package/src/util/className.ts +58 -0
- package/src/util/hooks/useMergeRefs.ts +5 -3
- package/src/util/link-anchor/LinkAnchor.tsx +4 -9
- 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/src/theme/RenameCSS.test.ts +0 -80
package/cjs/date/Date.Input.js
CHANGED
|
@@ -50,9 +50,9 @@ const react_1 = __importStar(require("react"));
|
|
|
50
50
|
const aksel_icons_1 = require("@navikt/aksel-icons");
|
|
51
51
|
const ReadOnlyIcon_1 = require("../form/ReadOnlyIcon");
|
|
52
52
|
const useFormField_1 = require("../form/useFormField");
|
|
53
|
-
const Theme_1 = require("../theme/Theme");
|
|
54
53
|
const typography_1 = require("../typography");
|
|
55
54
|
const util_1 = require("../util");
|
|
55
|
+
const className_1 = require("../util/className");
|
|
56
56
|
const create_strict_context_1 = require("../util/create-strict-context");
|
|
57
57
|
const Date_locale_1 = require("./Date.locale");
|
|
58
58
|
_a = (0, create_strict_context_1.createStrictContext)({
|
|
@@ -63,7 +63,6 @@ const DateInput = (0, react_1.forwardRef)((props, ref) => {
|
|
|
63
63
|
const { className, hideLabel = false, label, description, variant = "datepicker", setAnchorRef } = props, rest = __rest(props, ["className", "hideLabel", "label", "description", "variant", "setAnchorRef"]);
|
|
64
64
|
const buttonRef = (0, react_1.useRef)(null);
|
|
65
65
|
const translate = (0, Date_locale_1.useDateTranslationContext)().translate;
|
|
66
|
-
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
67
66
|
const isDatepickerVariant = variant === "datepicker";
|
|
68
67
|
const conditionalVariables = {
|
|
69
68
|
prefix: isDatepickerVariant ? "datepicker-input" : "monthpicker-input",
|
|
@@ -74,31 +73,31 @@ const DateInput = (0, react_1.forwardRef)((props, ref) => {
|
|
|
74
73
|
};
|
|
75
74
|
const context = (0, exports.useDateInputContext)();
|
|
76
75
|
const { inputProps, size = "medium", inputDescriptionId, errorId, showErrorMsg, hasError, readOnly, } = (0, useFormField_1.useFormField)(props, conditionalVariables.prefix);
|
|
77
|
-
return (react_1.default.createElement("div", { className:
|
|
78
|
-
"
|
|
79
|
-
"
|
|
80
|
-
"
|
|
81
|
-
"
|
|
82
|
-
"
|
|
83
|
-
"
|
|
84
|
-
"
|
|
76
|
+
return (react_1.default.createElement("div", { className: (0, className_1.cl)(className, "aksel-form-field", `aksel-form-field--${size}`, "aksel-date__field", {
|
|
77
|
+
"aksel-text-field--error": hasError,
|
|
78
|
+
"aksel-date__field--error": hasError,
|
|
79
|
+
"aksel-form-field--disabled": !!inputProps.disabled,
|
|
80
|
+
"aksel-text-field--disabled": !!inputProps.disabled,
|
|
81
|
+
"aksel-form-field--readonly": readOnly,
|
|
82
|
+
"aksel-text-field--readonly": readOnly,
|
|
83
|
+
"aksel-date__field--readonly": readOnly,
|
|
85
84
|
}) },
|
|
86
|
-
react_1.default.createElement(typography_1.Label, { htmlFor: inputProps.id, size: size, className:
|
|
87
|
-
"
|
|
85
|
+
react_1.default.createElement(typography_1.Label, { htmlFor: inputProps.id, size: size, className: (0, className_1.cl)("aksel-form-field__label", {
|
|
86
|
+
"aksel-sr-only": hideLabel,
|
|
88
87
|
}) },
|
|
89
88
|
readOnly && react_1.default.createElement(ReadOnlyIcon_1.ReadOnlyIcon, null),
|
|
90
89
|
label),
|
|
91
|
-
!!description && (react_1.default.createElement(typography_1.BodyShort, { as: "div", className:
|
|
92
|
-
"
|
|
90
|
+
!!description && (react_1.default.createElement(typography_1.BodyShort, { as: "div", className: (0, className_1.cl)("aksel-form-field__description", {
|
|
91
|
+
"aksel-sr-only": hideLabel,
|
|
93
92
|
}), id: inputDescriptionId, size: size }, description)),
|
|
94
|
-
react_1.default.createElement("div", { className:
|
|
95
|
-
react_1.default.createElement("input", Object.assign({ ref: ref }, (0, util_1.omit)(rest, ["error", "errorId", "size"]), inputProps, { autoComplete: "off", "aria-controls": (context === null || context === void 0 ? void 0 : context.open) ? context.ariaId : undefined, readOnly: readOnly, className:
|
|
93
|
+
react_1.default.createElement("div", { className: "aksel-date__field-wrapper" },
|
|
94
|
+
react_1.default.createElement("input", Object.assign({ ref: ref }, (0, util_1.omit)(rest, ["error", "errorId", "size"]), inputProps, { autoComplete: "off", "aria-controls": (context === null || context === void 0 ? void 0 : context.open) ? context.ariaId : undefined, readOnly: readOnly, className: (0, className_1.cl)("aksel-date__field-input", "aksel-text-field__input", "aksel-body-short", `aksel-body-short--${size}`), size: isDatepickerVariant ? 11 : 14 })),
|
|
96
95
|
react_1.default.createElement("button", { disabled: inputProps.disabled || readOnly, tabIndex: readOnly ? -1 : (context === null || context === void 0 ? void 0 : context.open) ? -1 : 0, onClick: () => {
|
|
97
96
|
context === null || context === void 0 ? void 0 : context.onOpen();
|
|
98
97
|
setAnchorRef === null || setAnchorRef === void 0 ? void 0 : setAnchorRef(buttonRef.current);
|
|
99
|
-
}, type: "button", className:
|
|
98
|
+
}, type: "button", className: "aksel-date__field-button", ref: buttonRef },
|
|
100
99
|
react_1.default.createElement(aksel_icons_1.CalendarIcon, { title: translate(conditionalVariables.iconTitle[(context === null || context === void 0 ? void 0 : context.open) ? "close" : "open"]) }))),
|
|
101
|
-
react_1.default.createElement("div", { className:
|
|
100
|
+
react_1.default.createElement("div", { className: "aksel-form-field__error", id: errorId, "aria-relevant": "additions removals", "aria-live": "polite" }, showErrorMsg && (react_1.default.createElement(typography_1.ErrorMessage, { size: size, showIcon: true }, props.error)))));
|
|
102
101
|
});
|
|
103
102
|
exports.DatePickerInput = (0, react_1.forwardRef)((props, ref) => react_1.default.createElement(DateInput, Object.assign({}, props, { ref: ref })));
|
|
104
103
|
exports.MonthPickerInput = (0, react_1.forwardRef)((props, ref) => react_1.default.createElement(DateInput, Object.assign({}, props, { variant: "monthpicker", ref: ref })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Date.Input.js","sourceRoot":"","sources":["../../src/date/Date.Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuE;AACvE,qDAAmD;AACnD,uDAAoD;AACpD,uDAAoE;AACpE,
|
|
1
|
+
{"version":3,"file":"Date.Input.js","sourceRoot":"","sources":["../../src/date/Date.Input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -50,7 +50,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
50
50
|
exports.DatePicker = void 0;
|
|
51
51
|
const date_fns_1 = require("date-fns");
|
|
52
52
|
const react_1 = __importStar(require("react"));
|
|
53
|
-
const
|
|
53
|
+
const className_1 = require("../../util/className");
|
|
54
54
|
const hooks_1 = require("../../util/hooks");
|
|
55
55
|
const useMergeRefs_1 = require("../../util/hooks/useMergeRefs");
|
|
56
56
|
const i18n_hooks_1 = require("../../util/i18n/i18n.hooks");
|
|
@@ -85,7 +85,6 @@ const DatePicker_Standalone_1 = __importDefault(require("./parts/DatePicker.Stan
|
|
|
85
85
|
exports.DatePicker = (0, react_1.forwardRef)((_a, ref) => {
|
|
86
86
|
var { children, locale, translations, selected, id, defaultSelected, wrapperClassName, open: _open, onClose, onOpenToggle, strategy, mode } = _a, rest = __rest(_a, ["children", "locale", "translations", "selected", "id", "defaultSelected", "wrapperClassName", "open", "onClose", "onOpenToggle", "strategy", "mode"]);
|
|
87
87
|
const translate = (0, i18n_hooks_1.useI18n)("DatePicker", translations, (0, Date_locale_1.getTranslations)(locale));
|
|
88
|
-
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
89
88
|
const ariaId = (0, hooks_1.useId)(id);
|
|
90
89
|
const [open, setOpen] = (0, hooks_1.useControllableState)({
|
|
91
90
|
defaultValue: false,
|
|
@@ -121,7 +120,7 @@ exports.DatePicker = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
121
120
|
setOpen((x) => !x);
|
|
122
121
|
onOpenToggle === null || onOpenToggle === void 0 ? void 0 : onOpenToggle();
|
|
123
122
|
}, ariaId: ariaId, defined: true },
|
|
124
|
-
react_1.default.createElement("div", { ref: mergedRef, className:
|
|
123
|
+
react_1.default.createElement("div", { ref: mergedRef, className: (0, className_1.cl)("aksel-date__wrapper", wrapperClassName) },
|
|
125
124
|
children,
|
|
126
125
|
react_1.default.createElement(Date_Dialog_1.DateDialog, { open: open, anchor: wrapperRef, onClose: () => {
|
|
127
126
|
onClose === null || onClose === void 0 ? void 0 : onClose();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/date/datepicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uCAAqC;AACrC,+CAAoD;AAEpD,
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/date/datepicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uCAAqC;AACrC,+CAAoD;AAEpD,oDAA0C;AAC1C,4CAA+D;AAC/D,gEAA6D;AAC7D,2DAAqD;AACrD,gDAA4C;AAC5C,8CAA0E;AAC1E,gDAGwB;AACxB,sDAAgD;AAKhD,2DAAwD;AACxD,0FAAiE;AAwBjE;;;;;;;;;;;;;;;;;;;;;GAqBG;AACU,QAAA,UAAU,GAAG,IAAA,kBAAU,EAClC,CACE,EAcC,EACD,GAAG,EACH,EAAE;QAhBF,EACE,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,EAAE,EACF,eAAe,EACf,gBAAgB,EAChB,IAAI,EAAE,KAAK,EACX,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,IAAI,OAEL,EADI,IAAI,cAbT,sJAcC,CADQ;IAIT,MAAM,SAAS,GAAG,IAAA,oBAAO,EACvB,YAAY,EACZ,YAAY,EACZ,IAAA,6BAAe,EAAC,MAAM,CAAC,CACxB,CAAC;IAEF,MAAM,MAAM,GAAG,IAAA,aAAK,EAAC,EAAE,CAAC,CAAC;IAEzB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,4BAAoB,EAAC;QAC3C,YAAY,EAAE,KAAK;QACnB,KAAK,EAAE,KAAK;KACb,CAAC,CAAC;IAEH,0FAA0F;IAC1F,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAwB,IAAI,CAAC,CAAC;IAC1E,MAAM,SAAS,GAAG,IAAA,2BAAY,EAAC,aAAa,EAAE,GAAG,CAAC,CAAC;IAEnD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,4BAAoB,EAE5C;QACA,YAAY,EAAE,eAAe;QAC7B,KAAK,EAAE,QAAQ;QACf,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;;YACrB,IAAI,WAAW,GAAG,KAAK,CAAC;YACxB,IAAI,IAAI,KAAK,QAAQ,IAAI,QAAQ,EAAE,CAAC;gBAClC,WAAW,GAAG,IAAI,CAAC;YACrB,CAAC;iBAAM,IAAI,IAAA,4BAAW,EAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,EAAE,EAAE,CAAC;gBACjE,WAAW,GAAG,IAAI,CAAC;gBAEnB,IAAI,IAAA,oBAAS,EAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC;oBAC1C,WAAW,GAAG,KAAK,CAAC;gBACtB,CAAC;YACH,CAAC;YAED,IAAI,WAAW,EAAE,CAAC;gBAChB,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAC;gBACZ,OAAO,CAAC,KAAK,CAAC,CAAC;YACjB,CAAC;YAED,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,qDAAG,QAAe,CAAC,CAAC;QACpC,CAAC;KACF,CAAC,CAAC;IAEH,OAAO,CACL,8BAAC,4CAA8B,IAAC,SAAS,EAAE,SAAS;QAClD,8BAAC,qCAAwB,IACvB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,GAAG,EAAE;gBACX,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;gBACnB,YAAY,aAAZ,YAAY,uBAAZ,YAAY,EAAI,CAAC;YACnB,CAAC,EACD,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,IAAI;YAEb,uCACE,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,IAAA,cAAE,EAAC,qBAAqB,EAAE,gBAAgB,CAAC;gBAErD,QAAQ;gBACT,8BAAC,wBAAU,IACT,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,GAAG,EAAE;wBACZ,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAC;wBACZ,IAAI,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;oBACzB,CAAC,EACD,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,QAAQ,EACzB,YAAY,EAAE;wBACZ,EAAE,EAAE,MAAM;wBACV,QAAQ;qBACT;oBAED,8BAAC,+BAAc,oBACT,IAAI,IACR,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,QAAQ,EACtB,QAAQ,EAAE,KAAY,EACtB,IAAI,EAAE,IAAW,IACjB,CACS,CACT,CACmB,CACI,CAClC,CAAC;AACJ,CAAC,CACqB,CAAC;AAEzB,kBAAU,CAAC,UAAU,GAAG,+BAAoB,CAAC;AAC7C,kBAAU,CAAC,KAAK,GAAG,4BAAe,CAAC;AAEnC,kBAAe,kBAAU,CAAC"}
|
|
@@ -85,6 +85,11 @@ export interface DatePickerDefaultProps extends Omit<React.HTMLAttributes<HTMLDi
|
|
|
85
85
|
* @default false
|
|
86
86
|
*/
|
|
87
87
|
showWeekNumber?: boolean;
|
|
88
|
+
/**
|
|
89
|
+
* If datepicker should be fixed to 6 weeks, regardless of actual weeks in month.
|
|
90
|
+
* @default false
|
|
91
|
+
*/
|
|
92
|
+
fixedWeeks?: boolean;
|
|
88
93
|
/**
|
|
89
94
|
* Open state for user-controlled state. Component controlled by default.
|
|
90
95
|
*/
|
|
@@ -47,10 +47,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
47
47
|
exports.DatePickerDayButton = void 0;
|
|
48
48
|
const date_fns_1 = require("date-fns");
|
|
49
49
|
const react_1 = __importStar(require("react"));
|
|
50
|
-
const
|
|
50
|
+
const className_1 = require("../../../util/className");
|
|
51
51
|
const DatePickerDayButton = (_a) => {
|
|
52
52
|
var { day, modifiers, locale, children } = _a, rest = __rest(_a, ["day", "modifiers", "locale", "children"]);
|
|
53
|
-
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
54
53
|
const ref = (0, react_1.useRef)(null);
|
|
55
54
|
(0, react_1.useEffect)(() => {
|
|
56
55
|
var _a;
|
|
@@ -63,7 +62,7 @@ const DatePickerDayButton = (_a) => {
|
|
|
63
62
|
}
|
|
64
63
|
return (react_1.default.createElement("button", Object.assign({}, rest, { ref: ref, "aria-hidden": day.outside, "aria-pressed": !!modifiers.selected, "aria-label": (0, date_fns_1.format)(day.date, "cccc d", {
|
|
65
64
|
locale,
|
|
66
|
-
}), "data-pressed": modifiers.selected, "data-today": modifiers.today || undefined, className:
|
|
65
|
+
}), "data-pressed": modifiers.selected, "data-today": modifiers.today || undefined, className: (0, className_1.cl)(rest.className, {
|
|
67
66
|
"rdp-day_disabled": modifiers.disabled,
|
|
68
67
|
"rdp-day_selected": modifiers.selected,
|
|
69
68
|
"rdp-day_range_start": modifiers.range_start,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.DayButton.js","sourceRoot":"","sources":["../../../../src/date/datepicker/parts/DatePicker.DayButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uCAA0C;AAC1C,+CAAiD;AAEjD,
|
|
1
|
+
{"version":3,"file":"DatePicker.DayButton.js","sourceRoot":"","sources":["../../../../src/date/datepicker/parts/DatePicker.DayButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uCAA0C;AAC1C,+CAAiD;AAEjD,uDAA6C;AAE7C,MAAM,mBAAmB,GAAG,CAAC,EAUoB,EAAE,EAAE;QAVxB,EAC3B,GAAG,EACH,SAAS,EACT,MAAM,EACN,QAAQ,OAMuC,EAL5C,IAAI,cALoB,0CAM5B,CADQ;IAMP,MAAM,GAAG,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAE5C,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACb,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACtB,MAAA,GAAG,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;QACvB,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;IAExB,IAAI,SAAS,CAAC,MAAM,EAAE,CAAC;QACrB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,0DACM,IAAI,IACR,GAAG,EAAE,GAAG,iBACK,GAAG,CAAC,OAAO,kBACV,CAAC,CAAC,SAAS,CAAC,QAAQ,gBACtB,IAAA,iBAAM,EAAC,GAAG,CAAC,IAAI,EAAE,QAAQ,EAAE;YACrC,MAAM;SACP,CAAC,kBACY,SAAS,CAAC,QAAQ,gBACpB,SAAS,CAAC,KAAK,IAAI,SAAS,EACxC,SAAS,EAAE,IAAA,cAAE,EAAC,IAAI,CAAC,SAAS,EAAE;YAC5B,kBAAkB,EAAE,SAAS,CAAC,QAAQ;YACtC,kBAAkB,EAAE,SAAS,CAAC,QAAQ;YACtC,qBAAqB,EAAE,SAAS,CAAC,WAAW;YAC5C,sBAAsB,EAAE,SAAS,CAAC,YAAY;YAC9C,mBAAmB,EAAE,SAAS,CAAC,SAAS;YACxC,eAAe,EAAE,SAAS,CAAC,KAAK;YAChC,iBAAiB,EAAE,SAAS,CAAC,OAAO;YACpC,kBAAkB,EAAE,SAAS,CAAC,OAAO;SACtC,CAAC,KAED,QAAQ,CACF,CACV,CAAC;AACJ,CAAC,CAAC;AAEO,kDAAmB"}
|
|
@@ -51,7 +51,6 @@ const react_day_picker_1 = require("react-day-picker");
|
|
|
51
51
|
const aksel_icons_1 = require("@navikt/aksel-icons");
|
|
52
52
|
const button_1 = require("../../../button");
|
|
53
53
|
const select_1 = require("../../../form/select");
|
|
54
|
-
const Theme_1 = require("../../../theme/Theme");
|
|
55
54
|
const typography_1 = require("../../../typography");
|
|
56
55
|
const util_1 = require("../../../util");
|
|
57
56
|
const Date_locale_1 = require("../../Date.locale");
|
|
@@ -61,7 +60,6 @@ const DatePickerMonths = (_a) => {
|
|
|
61
60
|
var { children, calendarMonth, locale, onWeekNumberClick } = _a, rest = __rest(_a, ["children", "calendarMonth", "locale", "onWeekNumberClick"]);
|
|
62
61
|
const { dayPickerProps, goToMonth, previousMonth, nextMonth } = (0, react_day_picker_1.useDayPicker)();
|
|
63
62
|
const { captionLayout } = dayPickerProps;
|
|
64
|
-
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
65
63
|
const translate = (0, Date_locale_1.useDateTranslationContext)().translate;
|
|
66
64
|
const handleMonthChange = (0, react_1.useCallback)((date, e) => {
|
|
67
65
|
const selectedMonth = Number(e.target.value);
|
|
@@ -87,13 +85,13 @@ const DatePickerMonths = (_a) => {
|
|
|
87
85
|
});
|
|
88
86
|
const dropdownYears = (0, date_utils_1.getYearOptions)({ navStart, navEnd, locale });
|
|
89
87
|
return (react_1.default.createElement("div", Object.assign({}, (0, util_1.omit)(rest, ["displayIndex"])),
|
|
90
|
-
react_1.default.createElement("div", { className:
|
|
91
|
-
(captionLayout === null || captionLayout === void 0 ? void 0 : captionLayout.startsWith("dropdown")) && (react_1.default.createElement("span", { "aria-live": "polite", "aria-atomic": "true", className:
|
|
92
|
-
react_1.default.createElement(button_1.Button, { variant: "tertiary-neutral", disabled: !previousMonth, onClick: () => previousMonth && goToMonth(previousMonth), icon: react_1.default.createElement(aksel_icons_1.ArrowLeftIcon, { title: translate("goToPreviousMonth") }), className:
|
|
93
|
-
(captionLayout === null || captionLayout === void 0 ? void 0 : captionLayout.startsWith("dropdown")) ? (react_1.default.createElement("div", { className:
|
|
94
|
-
react_1.default.createElement(select_1.Select, { label: translate("month"), hideLabel: true, className:
|
|
95
|
-
react_1.default.createElement(select_1.Select, { label: translate("year"), hideLabel: true, className:
|
|
96
|
-
react_1.default.createElement(button_1.Button, { variant: "tertiary-neutral", icon: react_1.default.createElement(aksel_icons_1.ArrowRightIcon, { title: translate("goToNextMonth") }), onClick: () => nextMonth && goToMonth(nextMonth), disabled: !nextMonth, className:
|
|
88
|
+
react_1.default.createElement("div", { className: "aksel-date__caption" },
|
|
89
|
+
(captionLayout === null || captionLayout === void 0 ? void 0 : captionLayout.startsWith("dropdown")) && (react_1.default.createElement("span", { "aria-live": "polite", "aria-atomic": "true", className: "aksel-sr-only" }, (0, date_fns_1.format)(calendarMonth.date, "LLLL y", { locale }))),
|
|
90
|
+
react_1.default.createElement(button_1.Button, { variant: "tertiary-neutral", disabled: !previousMonth, onClick: () => previousMonth && goToMonth(previousMonth), icon: react_1.default.createElement(aksel_icons_1.ArrowLeftIcon, { title: translate("goToPreviousMonth") }), className: "aksel-date__caption-button", type: "button" }),
|
|
91
|
+
(captionLayout === null || captionLayout === void 0 ? void 0 : captionLayout.startsWith("dropdown")) ? (react_1.default.createElement("div", { className: "aksel-date__caption" },
|
|
92
|
+
react_1.default.createElement(select_1.Select, { label: translate("month"), hideLabel: true, className: "aksel-date__caption__month", onChange: (event) => handleMonthChange(calendarMonth.date, event), value: (0, date_fns_1.getMonth)(calendarMonth.date) }, months === null || months === void 0 ? void 0 : months.map(({ value, label, disabled }) => (react_1.default.createElement("option", { key: value, value: value, disabled: disabled }, label)))),
|
|
93
|
+
react_1.default.createElement(select_1.Select, { label: translate("year"), hideLabel: true, className: "aksel-date__caption__year", onChange: (event) => handleYearChange(calendarMonth.date, event), value: (0, date_fns_1.getYear)(calendarMonth.date) }, dropdownYears === null || dropdownYears === void 0 ? void 0 : dropdownYears.map(({ value, label, disabled }) => (react_1.default.createElement("option", { key: value, value: value, disabled: disabled }, label)))))) : (react_1.default.createElement(typography_1.BodyShort, { weight: "semibold", as: "span", "aria-live": "polite", role: "status", className: "aksel-date__caption-label" }, (0, date_fns_1.format)(calendarMonth.date, "LLLL y", { locale }))),
|
|
94
|
+
react_1.default.createElement(button_1.Button, { variant: "tertiary-neutral", icon: react_1.default.createElement(aksel_icons_1.ArrowRightIcon, { title: translate("goToNextMonth") }), onClick: () => nextMonth && goToMonth(nextMonth), disabled: !nextMonth, className: "aksel-date__caption-button", type: "button" })),
|
|
97
95
|
react_1.default.createElement(DatePicker_WeekRow_1.DatePickerWeekRow, { weeks: calendarMonth.weeks, onWeekNumberClick: onWeekNumberClick }),
|
|
98
96
|
children));
|
|
99
97
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.Months.js","sourceRoot":"","sources":["../../../../src/date/datepicker/parts/DatePicker.Months.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uCAQkB;AAClB,+CAAwD;AACxD,uDAA+D;AAC/D,qDAAoE;AACpE,4CAAyC;AACzC,iDAA8C;AAC9C,
|
|
1
|
+
{"version":3,"file":"DatePicker.Months.js","sourceRoot":"","sources":["../../../../src/date/datepicker/parts/DatePicker.Months.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { ConditionalModeProps, DatePickerDefaultProps } from "../DatePicker.types";
|
|
3
3
|
type ReactDayPickerProps = DatePickerDefaultProps & ConditionalModeProps & {
|
|
4
|
-
/**
|
|
5
|
-
* If datepicker should be fixed to 6 weeks, regardless of actual weeks in month
|
|
6
|
-
* @default false
|
|
7
|
-
*/
|
|
8
|
-
fixedWeeks?: boolean;
|
|
9
4
|
/**
|
|
10
5
|
* Update selected date
|
|
11
6
|
*/
|
|
@@ -49,8 +49,8 @@ const date_fns_1 = require("date-fns");
|
|
|
49
49
|
const react_1 = __importStar(require("react"));
|
|
50
50
|
const react_day_picker_1 = require("react-day-picker");
|
|
51
51
|
const responsive_1 = require("../../../layout/responsive");
|
|
52
|
-
const Theme_1 = require("../../../theme/Theme");
|
|
53
52
|
const util_1 = require("../../../util");
|
|
53
|
+
const className_1 = require("../../../util/className");
|
|
54
54
|
const i18n_hooks_1 = require("../../../util/i18n/i18n.hooks");
|
|
55
55
|
const Date_locale_1 = require("../../Date.locale");
|
|
56
56
|
const Date_typeutils_1 = require("../../Date.typeutils");
|
|
@@ -81,7 +81,6 @@ const LegacyClassNames = {
|
|
|
81
81
|
};
|
|
82
82
|
const ReactDayPicker = (_a) => {
|
|
83
83
|
var { className, dropdownCaption, disabled = [], disableWeekends = false, showWeekNumber = false, selected, fixedWeeks = false, onWeekNumberClick, fromDate, toDate, month, mode: _mode, handleSelect, locale: _locale } = _a, rest = __rest(_a, ["className", "dropdownCaption", "disabled", "disableWeekends", "showWeekNumber", "selected", "fixedWeeks", "onWeekNumberClick", "fromDate", "toDate", "month", "mode", "handleSelect", "locale"]);
|
|
84
|
-
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
85
84
|
const langProviderLocale = (0, i18n_hooks_1.useDateLocale)();
|
|
86
85
|
const locale = _locale ? (0, Date_locale_1.getLocaleFromString)(_locale) : langProviderLocale;
|
|
87
86
|
const mode = _mode !== null && _mode !== void 0 ? _mode : "single";
|
|
@@ -133,7 +132,7 @@ const ReactDayPicker = (_a) => {
|
|
|
133
132
|
react_1.default.createElement("th", Object.assign({}, props)))), []),
|
|
134
133
|
Weekdays: (0, react_1.useCallback)((props) => (react_1.default.createElement("thead", Object.assign({}, props, { className: "rdp-head", "aria-hidden": true }),
|
|
135
134
|
react_1.default.createElement("tr", { className: "rdp-head_row" }, props.children))), []),
|
|
136
|
-
}, className:
|
|
135
|
+
}, className: (0, className_1.cl)("aksel-date", className), disabled: (day) => {
|
|
137
136
|
return ((disableWeekends && (0, date_fns_1.isWeekend)(day)) ||
|
|
138
137
|
(0, react_day_picker_1.dateMatchModifiers)(day, disabled) ||
|
|
139
138
|
(0, date_utils_1.isDateOutsideRange)({ day, fromDate, toDate }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.RDP.js","sourceRoot":"","sources":["../../../../src/date/datepicker/parts/DatePicker.RDP.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uCAA0D;AAC1D,+CAA2C;AAC3C,uDAA6E;AAC7E,2DAAkD;AAClD,
|
|
1
|
+
{"version":3,"file":"DatePicker.RDP.js","sourceRoot":"","sources":["../../../../src/date/datepicker/parts/DatePicker.RDP.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,11 +5,6 @@ interface DatePickerStandaloneDefaultProps extends Omit<DatePickerDefaultProps,
|
|
|
5
5
|
* Datepicker classname
|
|
6
6
|
*/
|
|
7
7
|
className?: string;
|
|
8
|
-
/**
|
|
9
|
-
* If datepicker should be fixed to 6 weeks, regardless of actual weeks in month
|
|
10
|
-
* @default true
|
|
11
|
-
*/
|
|
12
|
-
fixedWeeks?: boolean;
|
|
13
8
|
}
|
|
14
9
|
type StandaloneConditionalModeProps = SingleMode | MultipleMode | RangeMode;
|
|
15
10
|
export type DatePickerStandaloneProps = DatePickerStandaloneDefaultProps & StandaloneConditionalModeProps;
|
|
@@ -46,14 +46,13 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
46
46
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
47
47
|
exports.DatePickerStandalone = void 0;
|
|
48
48
|
const react_1 = __importStar(require("react"));
|
|
49
|
-
const
|
|
49
|
+
const className_1 = require("../../../util/className");
|
|
50
50
|
const hooks_1 = require("../../../util/hooks");
|
|
51
51
|
const i18n_hooks_1 = require("../../../util/i18n/i18n.hooks");
|
|
52
52
|
const Date_locale_1 = require("../../Date.locale");
|
|
53
53
|
const DatePicker_RDP_1 = require("./DatePicker.RDP");
|
|
54
54
|
exports.DatePickerStandalone = (0, react_1.forwardRef)((_a, ref) => {
|
|
55
55
|
var { className, locale, translations, selected, defaultSelected, onSelect, mode } = _a, rest = __rest(_a, ["className", "locale", "translations", "selected", "defaultSelected", "onSelect", "mode"]);
|
|
56
|
-
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
57
56
|
const translate = (0, i18n_hooks_1.useI18n)("DatePicker", translations, (0, Date_locale_1.getTranslations)(locale));
|
|
58
57
|
const [value, setValue] = (0, hooks_1.useControllableState)({
|
|
59
58
|
defaultValue: defaultSelected,
|
|
@@ -61,7 +60,7 @@ exports.DatePickerStandalone = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
61
60
|
onChange: (newValue) => onSelect === null || onSelect === void 0 ? void 0 : onSelect(newValue),
|
|
62
61
|
});
|
|
63
62
|
return (react_1.default.createElement(Date_locale_1.DateTranslationContextProvider, { translate: translate },
|
|
64
|
-
react_1.default.createElement("div", { ref: ref, className:
|
|
63
|
+
react_1.default.createElement("div", { ref: ref, className: (0, className_1.cl)("aksel-date__standalone-wrapper", className) },
|
|
65
64
|
react_1.default.createElement(DatePicker_RDP_1.ReactDayPicker, Object.assign({}, rest, { locale: locale, handleSelect: setValue, selected: value, mode: mode })))));
|
|
66
65
|
});
|
|
67
66
|
exports.default = exports.DatePickerStandalone;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.Standalone.js","sourceRoot":"","sources":["../../../../src/date/datepicker/parts/DatePicker.Standalone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,
|
|
1
|
+
{"version":3,"file":"DatePicker.Standalone.js","sourceRoot":"","sources":["../../../../src/date/datepicker/parts/DatePicker.Standalone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,uDAA6C;AAC7C,+CAA2D;AAC3D,8DAAwD;AACxD,mDAG2B;AAO3B,qDAAkD;AAsBrC,QAAA,oBAAoB,GAA6B,IAAA,kBAAU,EAItE,CACE,EASC,EACD,GAAG,EACH,EAAE;QAXF,EACE,SAAS,EACT,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,eAAe,EACf,QAAQ,EACR,IAAI,OAEL,EADI,IAAI,cART,0FASC,CADQ;IAIT,MAAM,SAAS,GAAG,IAAA,oBAAO,EACvB,YAAY,EACZ,YAAY,EACZ,IAAA,6BAAe,EAAC,MAAM,CAAC,CACxB,CAAC;IAEF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,4BAAoB,EAE5C;QACA,YAAY,EAAE,eAAe;QAC7B,KAAK,EAAE,QAAQ;QACf,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,QAAe,CAAC;KACpD,CAAC,CAAC;IAEH,OAAO,CACL,8BAAC,4CAA8B,IAAC,SAAS,EAAE,SAAS;QAClD,uCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EAAC,gCAAgC,EAAE,SAAS,CAAC;YAE1D,8BAAC,+BAAc,oBACT,IAAI,IACR,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,QAAQ,EACtB,QAAQ,EAAE,KAAY,EACtB,IAAI,EAAE,IAAW,IACjB,CACE,CACyB,CAClC,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,4BAAoB,CAAC"}
|
|
@@ -38,12 +38,11 @@ const react_1 = __importStar(require("react"));
|
|
|
38
38
|
const react_day_picker_1 = require("react-day-picker");
|
|
39
39
|
const button_1 = require("../../../button");
|
|
40
40
|
const responsive_1 = require("../../../layout/responsive");
|
|
41
|
-
const Theme_1 = require("../../../theme/Theme");
|
|
42
41
|
const typography_1 = require("../../../typography");
|
|
42
|
+
const className_1 = require("../../../util/className");
|
|
43
43
|
const Date_locale_1 = require("../../Date.locale");
|
|
44
44
|
const DatePickerWeekNumber = ({ week: { weekNumber, days }, onWeekNumberClick, className, style, showOnDesktop, }) => {
|
|
45
45
|
const translate = (0, Date_locale_1.useDateTranslationContext)().translate;
|
|
46
|
-
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
47
46
|
const { getModifiers } = (0, react_day_picker_1.useDayPicker)();
|
|
48
47
|
const hideWeek = (0, react_1.useMemo)(() => {
|
|
49
48
|
if (days.filter((day) => {
|
|
@@ -61,12 +60,12 @@ const DatePickerWeekNumber = ({ week: { weekNumber, days }, onWeekNumberClick, c
|
|
|
61
60
|
react_1.default.createElement(typography_1.Detail, { as: "span", textColor: "subtle", className: className, style: style, "aria-label": translate("weekNumber", { week: weekNumber }) }, weekNumber))));
|
|
62
61
|
}
|
|
63
62
|
return (react_1.default.createElement(DisplayMode, { above: "sm", asChild: true },
|
|
64
|
-
react_1.default.createElement("td", { className:
|
|
65
|
-
"
|
|
63
|
+
react_1.default.createElement("td", { className: (0, className_1.cl)("rdp-cell", {
|
|
64
|
+
"aksel-date__week-wrapper": !showOnDesktop,
|
|
66
65
|
}) },
|
|
67
|
-
react_1.default.createElement(button_1.Button, { variant: "secondary-neutral", size: "small", name: "week-number", "aria-label": translate("selectWeekNumber", { week: weekNumber }), style: style, className:
|
|
66
|
+
react_1.default.createElement(button_1.Button, { variant: "secondary-neutral", size: "small", name: "week-number", "aria-label": translate("selectWeekNumber", { week: weekNumber }), style: style, className: "aksel-date__weeknumber rdp-weeknumber", onClick: () => {
|
|
68
67
|
onWeekNumberClick(weekNumber, days.map((day) => day.date));
|
|
69
|
-
}, icon: react_1.default.createElement("span", { className:
|
|
68
|
+
}, icon: react_1.default.createElement("span", { className: "aksel-date__weeknumber-number" }, weekNumber) }))));
|
|
70
69
|
};
|
|
71
70
|
exports.DatePickerWeekNumber = DatePickerWeekNumber;
|
|
72
71
|
//# sourceMappingURL=DatePicker.WeekNumber.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.WeekNumber.js","sourceRoot":"","sources":["../../../../src/date/datepicker/parts/DatePicker.WeekNumber.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,uDAA8D;AAC9D,4CAAyC;AACzC,2DAAwD;AACxD,
|
|
1
|
+
{"version":3,"file":"DatePicker.WeekNumber.js","sourceRoot":"","sources":["../../../../src/date/datepicker/parts/DatePicker.WeekNumber.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,uDAA8D;AAC9D,4CAAyC;AACzC,2DAAwD;AACxD,oDAA6C;AAC7C,uDAA6C;AAC7C,mDAA8D;AAG9D,MAAM,oBAAoB,GAAG,CAAC,EAC5B,IAAI,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,EAC1B,iBAAiB,EACjB,SAAS,EACT,KAAK,EACL,aAAa,GAKiC,EAAE,EAAE;IAClD,MAAM,SAAS,GAAG,IAAA,uCAAyB,GAAE,CAAC,SAAS,CAAC;IAExD,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,+BAAY,GAAE,CAAC;IAExC,MAAM,QAAQ,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC5B,IACE,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE;YAClB,MAAM,IAAI,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;YAC/B,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC;QACzD,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,EACf,CAAC;YACD,OAAO,IAAI,CAAC;QACd,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC;IAEzB,MAAM,WAAW,GAAG,aAAa,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,iBAAI,CAAC;IAEhD,IAAI,CAAC,iBAAiB,IAAI,QAAQ,EAAE,CAAC;QACnC,OAAO,CACL,8BAAC,WAAW,IAAC,KAAK,EAAC,IAAI,EAAC,OAAO;YAC7B,sCAAI,SAAS,EAAC,UAAU;gBACtB,8BAAC,mBAAM,IACL,EAAE,EAAC,MAAM,EACT,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,gBACA,SAAS,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,IAExD,UAAU,CACJ,CACN,CACO,CACf,CAAC;IACJ,CAAC;IAED,OAAO,CACL,8BAAC,WAAW,IAAC,KAAK,EAAC,IAAI,EAAC,OAAO;QAC7B,sCACE,SAAS,EAAE,IAAA,cAAE,EAAC,UAAU,EAAE;gBACxB,0BAA0B,EAAE,CAAC,aAAa;aAC3C,CAAC;YAEF,8BAAC,eAAM,IACL,OAAO,EAAC,mBAAmB,EAC3B,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,aAAa,gBACN,SAAS,CAAC,kBAAkB,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EAC/D,KAAK,EAAE,KAAK,EACZ,SAAS,EAAC,uCAAuC,EACjD,OAAO,EAAE,GAAG,EAAE;oBACZ,iBAAiB,CACf,UAAU,EACV,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAC5B,CAAC;gBACJ,CAAC,EACD,IAAI,EACF,wCAAM,SAAS,EAAC,+BAA+B,IAAE,UAAU,CAAQ,GAErE,CACC,CACO,CACf,CAAC;AACJ,CAAC,CAAC;AAEO,oDAAoB"}
|
|
@@ -6,14 +6,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.DatePickerWeekRow = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const responsive_1 = require("../../../layout/responsive");
|
|
9
|
-
const Theme_1 = require("../../../theme/Theme");
|
|
10
9
|
const typography_1 = require("../../../typography");
|
|
11
10
|
const hooks_1 = require("../../../util/hooks");
|
|
12
11
|
const Date_locale_1 = require("../../Date.locale");
|
|
13
12
|
const DatePicker_WeekNumber_1 = require("./DatePicker.WeekNumber");
|
|
14
13
|
const DatePickerWeekRow = ({ onWeekNumberClick, weeks, }) => {
|
|
15
14
|
const translate = (0, Date_locale_1.useDateTranslationContext)().translate;
|
|
16
|
-
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
17
15
|
const labelId = (0, hooks_1.useId)();
|
|
18
16
|
if (!onWeekNumberClick) {
|
|
19
17
|
return null;
|
|
@@ -21,10 +19,10 @@ const DatePickerWeekRow = ({ onWeekNumberClick, weeks, }) => {
|
|
|
21
19
|
return (react_1.default.createElement(responsive_1.Show, { below: "sm", asChild: true },
|
|
22
20
|
react_1.default.createElement("table", { className: "rdp-table", role: "grid" },
|
|
23
21
|
react_1.default.createElement("tbody", { className: "rdp-tbody" },
|
|
24
|
-
react_1.default.createElement("tr", { className:
|
|
25
|
-
react_1.default.createElement(typography_1.Detail, { as: "th", weight: "semibold", className:
|
|
26
|
-
react_1.default.createElement("span", { className:
|
|
27
|
-
weeks.map((week) => (react_1.default.createElement(DatePicker_WeekNumber_1.DatePickerWeekNumber, { key: week.weekNumber, week: week, onWeekNumberClick: onWeekNumberClick, showOnDesktop: false, className:
|
|
22
|
+
react_1.default.createElement("tr", { className: "rdp-row aksel-date__week-row" },
|
|
23
|
+
react_1.default.createElement(typography_1.Detail, { as: "th", weight: "semibold", className: "rdp-cell aksel-date__week-cell" },
|
|
24
|
+
react_1.default.createElement("span", { className: "aksel-date__week-wrapper", id: labelId }, translate("week"))), weeks === null || weeks === void 0 ? void 0 :
|
|
25
|
+
weeks.map((week) => (react_1.default.createElement(DatePicker_WeekNumber_1.DatePickerWeekNumber, { key: week.weekNumber, week: week, onWeekNumberClick: onWeekNumberClick, showOnDesktop: false, className: "aksel-date__week-wrapper" }))))))));
|
|
28
26
|
};
|
|
29
27
|
exports.DatePickerWeekRow = DatePickerWeekRow;
|
|
30
28
|
//# sourceMappingURL=DatePicker.WeekRow.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.WeekRow.js","sourceRoot":"","sources":["../../../../src/date/datepicker/parts/DatePicker.WeekRow.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,2DAAkD;AAClD,
|
|
1
|
+
{"version":3,"file":"DatePicker.WeekRow.js","sourceRoot":"","sources":["../../../../src/date/datepicker/parts/DatePicker.WeekRow.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,2DAAkD;AAClD,oDAA6C;AAC7C,+CAA4C;AAC5C,mDAA8D;AAE9D,mEAA+D;AAE/D,MAAM,iBAAiB,GAAG,CAAC,EACzB,iBAAiB,EACjB,KAAK,GAIN,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,IAAA,uCAAyB,GAAE,CAAC,SAAS,CAAC;IACxD,MAAM,OAAO,GAAG,IAAA,aAAK,GAAE,CAAC;IAExB,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,8BAAC,iBAAI,IAAC,KAAK,EAAC,IAAI,EAAC,OAAO;QACtB,yCAAO,SAAS,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM;YACtC,yCAAO,SAAS,EAAC,WAAW;gBAC1B,sCAAI,SAAS,EAAC,8BAA8B;oBAC1C,8BAAC,mBAAM,IACL,EAAE,EAAC,IAAI,EACP,MAAM,EAAC,UAAU,EACjB,SAAS,EAAC,gCAAgC;wBAE1C,wCAAM,SAAS,EAAC,0BAA0B,EAAC,EAAE,EAAE,OAAO,IACnD,SAAS,CAAC,MAAM,CAAC,CACb,CACA,EAER,KAAK,aAAL,KAAK;oBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACpB,8BAAC,4CAAoB,IACnB,GAAG,EAAE,IAAI,CAAC,UAAU,EACpB,IAAI,EAAE,IAAI,EACV,iBAAiB,EAAE,iBAAiB,EACpC,aAAa,EAAE,KAAK,EACpB,SAAS,EAAC,0BAA0B,GACpC,CACH,CAAC,CACC,CACC,CACF,CACH,CACR,CAAC;AACJ,CAAC,CAAC;AAEO,8CAAiB"}
|
|
@@ -35,7 +35,7 @@ var __importStar = (this && this.__importStar) || (function () {
|
|
|
35
35
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
36
|
exports.MonthPicker = void 0;
|
|
37
37
|
const react_1 = __importStar(require("react"));
|
|
38
|
-
const
|
|
38
|
+
const className_1 = require("../../util/className");
|
|
39
39
|
const hooks_1 = require("../../util/hooks");
|
|
40
40
|
const i18n_hooks_1 = require("../../util/i18n/i18n.hooks");
|
|
41
41
|
const Date_Dialog_1 = require("../Date.Dialog");
|
|
@@ -69,7 +69,6 @@ const MonthPicker_Table_1 = require("./parts/MonthPicker.Table");
|
|
|
69
69
|
*/
|
|
70
70
|
exports.MonthPicker = (0, react_1.forwardRef)(({ children, dropdownCaption = false, fromDate, toDate, disabled = [], selected, open: _open, id, onClose, onOpenToggle, locale, translations, onMonthSelect, className, wrapperClassName, defaultSelected, year, onYearChange, strategy = "absolute", }, ref) => {
|
|
71
71
|
const translate = (0, i18n_hooks_1.useI18n)("DatePicker", translations, (0, Date_locale_1.getTranslations)(locale));
|
|
72
|
-
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
73
72
|
const langProviderLocale = (0, i18n_hooks_1.useDateLocale)();
|
|
74
73
|
const ariaId = (0, hooks_1.useId)(id);
|
|
75
74
|
const [open, setOpen] = (0, hooks_1.useControllableState)({
|
|
@@ -96,7 +95,7 @@ exports.MonthPicker = (0, react_1.forwardRef)(({ children, dropdownCaption = fal
|
|
|
96
95
|
return (react_1.default.createElement(Date_locale_1.DateTranslationContextProvider, { translate: translate },
|
|
97
96
|
react_1.default.createElement(Date_Input_1.DateInputContextProvider, { open: open, onOpen: () => setOpen((x) => !x), ariaId: ariaId, defined: true },
|
|
98
97
|
react_1.default.createElement(MonthPicker_context_1.MonthPickerProvider, { dropdownCaption: dropdownCaption, defaultSelected: defaultSelected, selected: selected, disabled: disabled, fromDate: fromDate, toDate: toDate, year: year, onYearChange: onYearChange, onMonthSelect: handleSelect, locale: locale ? (0, Date_locale_1.getLocaleFromString)(locale) : langProviderLocale },
|
|
99
|
-
react_1.default.createElement("div", { ref: mergedRef, className:
|
|
98
|
+
react_1.default.createElement("div", { ref: mergedRef, className: (0, className_1.cl)("aksel-date__wrapper", wrapperClassName) },
|
|
100
99
|
children,
|
|
101
100
|
react_1.default.createElement(Date_Dialog_1.DateDialog, { open: open, anchor: wrapperRef, onClose: () => {
|
|
102
101
|
onClose === null || onClose === void 0 ? void 0 : onClose();
|
|
@@ -105,7 +104,7 @@ exports.MonthPicker = (0, react_1.forwardRef)(({ children, dropdownCaption = fal
|
|
|
105
104
|
id: ariaId,
|
|
106
105
|
strategy,
|
|
107
106
|
} },
|
|
108
|
-
react_1.default.createElement("div", { className:
|
|
107
|
+
react_1.default.createElement("div", { className: (0, className_1.cl)("rdp-month", className) },
|
|
109
108
|
react_1.default.createElement(MonthPicker_Caption_1.MonthPickerCaption, null),
|
|
110
109
|
react_1.default.createElement(MonthPicker_Table_1.MonthPickerTable, null))))))));
|
|
111
110
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MonthPicker.js","sourceRoot":"","sources":["../../../src/date/monthpicker/MonthPicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoD;AACpD,
|
|
1
|
+
{"version":3,"file":"MonthPicker.js","sourceRoot":"","sources":["../../../src/date/monthpicker/MonthPicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -36,7 +36,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
36
36
|
exports.MonthButton = void 0;
|
|
37
37
|
const date_fns_1 = require("date-fns");
|
|
38
38
|
const react_1 = __importStar(require("react"));
|
|
39
|
-
const
|
|
39
|
+
const className_1 = require("../../../util/className");
|
|
40
40
|
const date_utils_1 = require("../../date-utils");
|
|
41
41
|
const MonthPicker_context_1 = require("../MonthPicker.context");
|
|
42
42
|
const MonthPicker_util_1 = require("../MonthPicker.util");
|
|
@@ -55,7 +55,6 @@ const disableMonth = (month, fromDate, toDate) => {
|
|
|
55
55
|
};
|
|
56
56
|
const MonthButton = ({ month, months, focus, setFocus, tabRoot, setTabRoot, }) => {
|
|
57
57
|
const ref = (0, react_1.useRef)(null);
|
|
58
|
-
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
59
58
|
const { fromDate, toDate, locale, selected, disabled, year, onYearChange, onMonthSelect, caption, } = (0, MonthPicker_context_1.useMonthPickerContext)();
|
|
60
59
|
const isSelected = selected && (0, date_fns_1.isSameMonth)(month, selected);
|
|
61
60
|
(0, react_1.useEffect)(() => {
|
|
@@ -67,7 +66,7 @@ const MonthButton = ({ month, months, focus, setFocus, tabRoot, setTabRoot, }) =
|
|
|
67
66
|
const isDisabled = (0, date_utils_1.isMatch)((0, date_fns_1.setYear)(month, year.getFullYear()), disabled) ||
|
|
68
67
|
disableMonth(month, fromDate, toDate);
|
|
69
68
|
const isThisMonth = (0, date_utils_1.dateIsInCurrentMonth)(month, year);
|
|
70
|
-
return (react_1.default.createElement("button", { ref: ref, type: "button", onClick: () => onMonthSelect === null || onMonthSelect === void 0 ? void 0 : onMonthSelect(isSelected ? undefined : month), disabled: isDisabled, "aria-pressed": !!isSelected, "data-current-month": isThisMonth, className:
|
|
69
|
+
return (react_1.default.createElement("button", { ref: ref, type: "button", onClick: () => onMonthSelect === null || onMonthSelect === void 0 ? void 0 : onMonthSelect(isSelected ? undefined : month), disabled: isDisabled, "aria-pressed": !!isSelected, "data-current-month": isThisMonth, className: (0, className_1.cl)("aksel-date__month-button", {
|
|
71
70
|
"rdp-day_today": isThisMonth,
|
|
72
71
|
"rdp-day_selected": isSelected,
|
|
73
72
|
"rdp-day_disabled": isDisabled,
|
|
@@ -83,7 +82,7 @@ const MonthButton = ({ month, months, focus, setFocus, tabRoot, setTabRoot, }) =
|
|
|
83
82
|
react_1.default.createElement("span", { "aria-hidden": "true" }, (0, date_fns_1.format)(new Date(month), "LLL", { locale })
|
|
84
83
|
.replace(".", "")
|
|
85
84
|
.substring(0, 3)),
|
|
86
|
-
react_1.default.createElement("span", { className:
|
|
85
|
+
react_1.default.createElement("span", { className: "aksel-sr-only" }, (0, date_fns_1.format)(new Date(month), "LLLL", { locale }))));
|
|
87
86
|
};
|
|
88
87
|
exports.MonthButton = MonthButton;
|
|
89
88
|
exports.default = exports.MonthButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MonthPicker.Button.js","sourceRoot":"","sources":["../../../../src/date/monthpicker/parts/MonthPicker.Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uCAMkB;AAClB,+CAAiD;AACjD,
|
|
1
|
+
{"version":3,"file":"MonthPicker.Button.js","sourceRoot":"","sources":["../../../../src/date/monthpicker/parts/MonthPicker.Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,13 +9,11 @@ const react_1 = __importDefault(require("react"));
|
|
|
9
9
|
const aksel_icons_1 = require("@navikt/aksel-icons");
|
|
10
10
|
const button_1 = require("../../../button");
|
|
11
11
|
const select_1 = require("../../../form/select");
|
|
12
|
-
const Theme_1 = require("../../../theme/Theme");
|
|
13
12
|
const Date_locale_1 = require("../../Date.locale");
|
|
14
13
|
const MonthPicker_context_1 = require("../MonthPicker.context");
|
|
15
14
|
const MonthPickerCaption = () => {
|
|
16
15
|
const { fromDate, toDate, locale, year, onYearChange, caption } = (0, MonthPicker_context_1.useMonthPickerContext)();
|
|
17
16
|
const translate = (0, Date_locale_1.useDateTranslationContext)().translate;
|
|
18
|
-
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
19
17
|
const years = [];
|
|
20
18
|
if (caption === "dropdown" && fromDate && toDate) {
|
|
21
19
|
const fromYear = fromDate.getFullYear();
|
|
@@ -45,10 +43,10 @@ const MonthPickerCaption = () => {
|
|
|
45
43
|
? (0, date_fns_1.isAfter)((year === null || year === void 0 ? void 0 : year.getFullYear()) + 1, toDate === null || toDate === void 0 ? void 0 : toDate.getFullYear())
|
|
46
44
|
: false;
|
|
47
45
|
};
|
|
48
|
-
return (react_1.default.createElement("div", { className:
|
|
49
|
-
react_1.default.createElement(button_1.Button, { className:
|
|
50
|
-
caption === "dropdown" ? (react_1.default.createElement(select_1.Select, { label: translate("year"), hideLabel: true, value: year.getFullYear(), onChange: handleYearChange, className:
|
|
51
|
-
react_1.default.createElement(button_1.Button, { className:
|
|
46
|
+
return (react_1.default.createElement("div", { className: "aksel-date__caption" },
|
|
47
|
+
react_1.default.createElement(button_1.Button, { className: "aksel-date__caption-button", disabled: disablePreviousYear(), onClick: () => handleButtonClick(-1), icon: react_1.default.createElement(aksel_icons_1.ArrowLeftIcon, { title: translate("goToPreviousYear") }), variant: "tertiary-neutral", type: "button" }),
|
|
48
|
+
caption === "dropdown" ? (react_1.default.createElement(select_1.Select, { label: translate("year"), hideLabel: true, value: year.getFullYear(), onChange: handleYearChange, className: "aksel-date__caption__year" }, years.map((yearOpt) => (react_1.default.createElement("option", { key: yearOpt.getFullYear(), value: yearOpt.getFullYear() }, (0, date_fns_1.format)(yearOpt, "yyyy", { locale })))))) : (react_1.default.createElement("span", { className: "aksel-date__year-label", "aria-live": "polite" }, year.getFullYear())),
|
|
49
|
+
react_1.default.createElement(button_1.Button, { className: "aksel-date__caption-button", disabled: disableNextYear(), onClick: () => handleButtonClick(1), icon: react_1.default.createElement(aksel_icons_1.ArrowRightIcon, { title: translate("goToNextYear") }), variant: "tertiary-neutral", type: "button" })));
|
|
52
50
|
};
|
|
53
51
|
exports.MonthPickerCaption = MonthPickerCaption;
|
|
54
52
|
//# sourceMappingURL=MonthPicker.Caption.js.map
|