@navikt/ds-react 7.15.0 → 7.16.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/accordion/Accordion.js +3 -2
- package/cjs/accordion/Accordion.js.map +1 -1
- package/cjs/accordion/AccordionContent.js +3 -6
- package/cjs/accordion/AccordionContent.js.map +1 -1
- package/cjs/accordion/AccordionHeader.js +5 -8
- package/cjs/accordion/AccordionHeader.js.map +1 -1
- package/cjs/accordion/AccordionItem.js +3 -5
- package/cjs/accordion/AccordionItem.js.map +1 -1
- package/cjs/alert/Alert.js +7 -9
- package/cjs/alert/Alert.js.map +1 -1
- package/cjs/button/Button.js +5 -7
- package/cjs/button/Button.js.map +1 -1
- package/cjs/chat/Bubble.js +4 -6
- package/cjs/chat/Bubble.js.map +1 -1
- package/cjs/chat/Chat.js +5 -4
- package/cjs/chat/Chat.js.map +1 -1
- package/cjs/chips/Chips.js +3 -2
- package/cjs/chips/Chips.js.map +1 -1
- package/cjs/chips/Removable.js +5 -7
- package/cjs/chips/Removable.js.map +1 -1
- package/cjs/chips/Toggle.js +5 -7
- package/cjs/chips/Toggle.js.map +1 -1
- package/cjs/copybutton/CopyButton.js +8 -7
- package/cjs/copybutton/CopyButton.js.map +1 -1
- package/cjs/date/Date.Dialog.js +5 -7
- package/cjs/date/Date.Dialog.js.map +1 -1
- package/cjs/date/Date.Input.js +9 -11
- package/cjs/date/Date.Input.js.map +1 -1
- package/cjs/date/datepicker/DatePicker.js +3 -2
- package/cjs/date/datepicker/DatePicker.js.map +1 -1
- package/cjs/date/datepicker/parts/DatePicker.DayButton.js +3 -5
- package/cjs/date/datepicker/parts/DatePicker.DayButton.js.map +1 -1
- package/cjs/date/datepicker/parts/DatePicker.Months.js +9 -7
- package/cjs/date/datepicker/parts/DatePicker.Months.js.map +1 -1
- package/cjs/date/datepicker/parts/DatePicker.RDP.js +3 -5
- package/cjs/date/datepicker/parts/DatePicker.RDP.js.map +1 -1
- package/cjs/date/datepicker/parts/DatePicker.Standalone.js +3 -5
- package/cjs/date/datepicker/parts/DatePicker.Standalone.js.map +1 -1
- package/cjs/date/datepicker/parts/DatePicker.WeekNumber.js +4 -6
- package/cjs/date/datepicker/parts/DatePicker.WeekNumber.js.map +1 -1
- package/cjs/date/datepicker/parts/DatePicker.WeekRow.js +6 -4
- package/cjs/date/datepicker/parts/DatePicker.WeekRow.js.map +1 -1
- package/cjs/date/monthpicker/MonthPicker.js +4 -6
- package/cjs/date/monthpicker/MonthPicker.js.map +1 -1
- package/cjs/date/monthpicker/parts/MonthPicker.Button.js +4 -6
- package/cjs/date/monthpicker/parts/MonthPicker.Button.js.map +1 -1
- package/cjs/date/monthpicker/parts/MonthPicker.Caption.js +6 -4
- package/cjs/date/monthpicker/parts/MonthPicker.Caption.js.map +1 -1
- package/cjs/date/monthpicker/parts/MonthPicker.Standalone.js +4 -6
- package/cjs/date/monthpicker/parts/MonthPicker.Standalone.js.map +1 -1
- package/cjs/dropdown/Menu/Divider.js +3 -5
- package/cjs/dropdown/Menu/Divider.js.map +1 -1
- package/cjs/dropdown/Menu/GroupedList/GroupedHeading.js +3 -5
- package/cjs/dropdown/Menu/GroupedList/GroupedHeading.js.map +1 -1
- package/cjs/dropdown/Menu/GroupedList/GroupedItem.js +4 -6
- package/cjs/dropdown/Menu/GroupedList/GroupedItem.js.map +1 -1
- package/cjs/dropdown/Menu/GroupedList/index.js +3 -2
- package/cjs/dropdown/Menu/GroupedList/index.js.map +1 -1
- package/cjs/dropdown/Menu/List/Item.js +4 -6
- package/cjs/dropdown/Menu/List/Item.js.map +1 -1
- package/cjs/dropdown/Menu/List/index.js +3 -2
- package/cjs/dropdown/Menu/List/index.js.map +1 -1
- package/cjs/dropdown/Menu/index.js +3 -2
- package/cjs/dropdown/Menu/index.js.map +1 -1
- package/cjs/dropdown/Toggle.js +3 -5
- package/cjs/dropdown/Toggle.js.map +1 -1
- package/cjs/expansion-card/ExpansionCard.js +3 -2
- package/cjs/expansion-card/ExpansionCard.js.map +1 -1
- package/cjs/expansion-card/ExpansionCardContent.js +4 -6
- package/cjs/expansion-card/ExpansionCardContent.js.map +1 -1
- package/cjs/expansion-card/ExpansionCardDescription.js +3 -5
- package/cjs/expansion-card/ExpansionCardDescription.js.map +1 -1
- package/cjs/expansion-card/ExpansionCardHeader.js +6 -8
- package/cjs/expansion-card/ExpansionCardHeader.js.map +1 -1
- package/cjs/expansion-card/ExpansionCardTitle.js +3 -5
- package/cjs/expansion-card/ExpansionCardTitle.js.map +1 -1
- package/cjs/form/ReadOnlyIcon.js +9 -2
- package/cjs/form/ReadOnlyIcon.js.map +1 -1
- package/cjs/form/checkbox/Checkbox.js +11 -10
- package/cjs/form/checkbox/Checkbox.js.map +1 -1
- package/cjs/form/checkbox/CheckboxGroup.js +4 -6
- package/cjs/form/checkbox/CheckboxGroup.js.map +1 -1
- package/cjs/form/combobox/Combobox.js +6 -5
- package/cjs/form/combobox/Combobox.js.map +1 -1
- package/cjs/form/combobox/ComboboxWrapper.js +3 -5
- package/cjs/form/combobox/ComboboxWrapper.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/AddNewOption.js +3 -2
- package/cjs/form/combobox/FilteredOptions/AddNewOption.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/FilteredOptions.js +5 -4
- package/cjs/form/combobox/FilteredOptions/FilteredOptions.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/FilteredOptionsItem.js +3 -2
- package/cjs/form/combobox/FilteredOptions/FilteredOptionsItem.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/LoadingMessage.js +3 -1
- package/cjs/form/combobox/FilteredOptions/LoadingMessage.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/MaxSelectedMessage.js +3 -1
- package/cjs/form/combobox/FilteredOptions/MaxSelectedMessage.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/NoSearchHitsMessage.js +3 -1
- package/cjs/form/combobox/FilteredOptions/NoSearchHitsMessage.js.map +1 -1
- package/cjs/form/combobox/Input/Input.js +3 -2
- package/cjs/form/combobox/Input/Input.js.map +1 -1
- package/cjs/form/combobox/Input/InputController.js +3 -2
- package/cjs/form/combobox/Input/InputController.js.map +1 -1
- package/cjs/form/combobox/Input/ToggleListButton.js +3 -1
- package/cjs/form/combobox/Input/ToggleListButton.js.map +1 -1
- package/cjs/form/combobox/SelectedOptions/SelectedOptions.js +5 -2
- package/cjs/form/combobox/SelectedOptions/SelectedOptions.js.map +1 -1
- package/cjs/form/confirmation-panel/ConfirmationPanel.js +6 -4
- package/cjs/form/confirmation-panel/ConfirmationPanel.js.map +1 -1
- package/cjs/form/error-summary/ErrorSummary.js +5 -4
- package/cjs/form/error-summary/ErrorSummary.js.map +1 -1
- package/cjs/form/error-summary/ErrorSummaryItem.js +3 -5
- package/cjs/form/error-summary/ErrorSummaryItem.js.map +1 -1
- package/cjs/form/fieldset/Fieldset.js +6 -4
- package/cjs/form/fieldset/Fieldset.js.map +1 -1
- package/cjs/form/file-upload/FileUpload.js +3 -2
- package/cjs/form/file-upload/FileUpload.js.map +1 -1
- package/cjs/form/file-upload/parts/dropzone/Dropzone.js +13 -11
- package/cjs/form/file-upload/parts/dropzone/Dropzone.js.map +1 -1
- package/cjs/form/file-upload/parts/item/Item.js +6 -5
- package/cjs/form/file-upload/parts/item/Item.js.map +1 -1
- package/cjs/form/file-upload/parts/item/ItemButton.js +3 -1
- package/cjs/form/file-upload/parts/item/ItemButton.js.map +1 -1
- package/cjs/form/file-upload/parts/item/ItemIcon.js +5 -3
- package/cjs/form/file-upload/parts/item/ItemIcon.js.map +1 -1
- package/cjs/form/form-progress/FormProgress.js +9 -7
- package/cjs/form/form-progress/FormProgress.js.map +1 -1
- package/cjs/form/form-summary/FormSummary.js +3 -2
- 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 +3 -5
- package/cjs/form/form-summary/FormSummaryAnswers.js.map +1 -1
- package/cjs/form/form-summary/FormSummaryEditLink.js +3 -5
- package/cjs/form/form-summary/FormSummaryEditLink.js.map +1 -1
- package/cjs/form/form-summary/FormSummaryHeader.js +3 -5
- package/cjs/form/form-summary/FormSummaryHeader.js.map +1 -1
- package/cjs/form/form-summary/FormSummaryValue.js +3 -5
- package/cjs/form/form-summary/FormSummaryValue.js.map +1 -1
- package/cjs/form/radio/Radio.js +7 -5
- package/cjs/form/radio/Radio.js.map +1 -1
- package/cjs/form/radio/RadioGroup.js +4 -6
- package/cjs/form/radio/RadioGroup.js.map +1 -1
- package/cjs/form/search/Search.js +11 -11
- package/cjs/form/search/Search.js.map +1 -1
- package/cjs/form/search/SearchButton.js +3 -5
- package/cjs/form/search/SearchButton.js.map +1 -1
- package/cjs/form/select/Select.js +9 -11
- package/cjs/form/select/Select.js.map +1 -1
- package/cjs/form/switch/Switch.js +10 -12
- package/cjs/form/switch/Switch.js.map +1 -1
- package/cjs/form/textarea/Textarea.js +7 -5
- package/cjs/form/textarea/Textarea.js.map +1 -1
- package/cjs/form/textarea/TextareaCounter.js +5 -4
- package/cjs/form/textarea/TextareaCounter.js.map +1 -1
- package/cjs/form/textfield/TextField.js +7 -9
- package/cjs/form/textfield/TextField.js.map +1 -1
- package/cjs/guide-panel/GuidePanel.js +6 -9
- package/cjs/guide-panel/GuidePanel.js.map +1 -1
- package/cjs/help-text/HelpText.js +5 -8
- package/cjs/help-text/HelpText.js.map +1 -1
- package/cjs/help-text/HelpTextIcon.js +3 -2
- package/cjs/help-text/HelpTextIcon.js.map +1 -1
- package/cjs/internal-header/InternalHeader.d.ts +2 -1
- package/cjs/internal-header/InternalHeader.js +5 -4
- package/cjs/internal-header/InternalHeader.js.map +1 -1
- package/cjs/internal-header/InternalHeaderButton.js +3 -5
- package/cjs/internal-header/InternalHeaderButton.js.map +1 -1
- package/cjs/internal-header/InternalHeaderTitle.js +3 -5
- package/cjs/internal-header/InternalHeaderTitle.js.map +1 -1
- package/cjs/internal-header/InternalHeaderUser.js +3 -5
- package/cjs/internal-header/InternalHeaderUser.js.map +1 -1
- package/cjs/internal-header/InternalHeaderUserButton.js +3 -2
- package/cjs/internal-header/InternalHeaderUserButton.js.map +1 -1
- package/cjs/layout/base/BasePrimitive.js +2 -2
- package/cjs/layout/base/BasePrimitive.js.map +1 -1
- package/cjs/layout/bleed/Bleed.js +2 -5
- package/cjs/layout/bleed/Bleed.js.map +1 -1
- package/cjs/layout/box/Box.darkside.js +3 -5
- package/cjs/layout/box/Box.darkside.js.map +1 -1
- package/cjs/layout/box/Box.js +2 -2
- package/cjs/layout/box/Box.js.map +1 -1
- package/cjs/layout/grid/HGrid.js +2 -5
- package/cjs/layout/grid/HGrid.js.map +1 -1
- package/cjs/layout/page/Page.js +3 -6
- package/cjs/layout/page/Page.js.map +1 -1
- package/cjs/layout/page/parts/PageBlock.js +3 -5
- package/cjs/layout/page/parts/PageBlock.js.map +1 -1
- package/cjs/layout/responsive/Responsive.js +3 -5
- package/cjs/layout/responsive/Responsive.js.map +1 -1
- package/cjs/layout/stack/Spacer.js +5 -1
- package/cjs/layout/stack/Spacer.js.map +1 -1
- package/cjs/layout/stack/Stack.js +2 -5
- package/cjs/layout/stack/Stack.js.map +1 -1
- package/cjs/link/Link.js +3 -5
- package/cjs/link/Link.js.map +1 -1
- package/cjs/link-panel/LinkPanel.js +5 -7
- package/cjs/link-panel/LinkPanel.js.map +1 -1
- package/cjs/link-panel/LinkPanelDescription.js +3 -5
- package/cjs/link-panel/LinkPanelDescription.js.map +1 -1
- package/cjs/link-panel/LinkPanelTitle.js +3 -5
- package/cjs/link-panel/LinkPanelTitle.js.map +1 -1
- package/cjs/list/List.Item.js +4 -6
- package/cjs/list/List.Item.js.map +1 -1
- package/cjs/list/List.js +3 -6
- package/cjs/list/List.js.map +1 -1
- package/cjs/loader/Loader.js +5 -7
- package/cjs/loader/Loader.js.map +1 -1
- package/cjs/modal/Modal.js +8 -7
- package/cjs/modal/Modal.js.map +1 -1
- package/cjs/modal/ModalBody.js +3 -5
- package/cjs/modal/ModalBody.js.map +1 -1
- package/cjs/modal/ModalFooter.js +3 -5
- package/cjs/modal/ModalFooter.js.map +1 -1
- package/cjs/modal/ModalHeader.js +4 -6
- package/cjs/modal/ModalHeader.js.map +1 -1
- package/cjs/overlays/action-menu/ActionMenu.js +37 -30
- package/cjs/overlays/action-menu/ActionMenu.js.map +1 -1
- package/cjs/pagination/Pagination.js +7 -5
- package/cjs/pagination/Pagination.js.map +1 -1
- package/cjs/pagination/PaginationItem.js +2 -5
- package/cjs/pagination/PaginationItem.js.map +1 -1
- package/cjs/panel/Panel.js +3 -5
- package/cjs/panel/Panel.js.map +1 -1
- package/cjs/popover/Popover.js +3 -3
- package/cjs/popover/Popover.js.map +1 -1
- package/cjs/popover/PopoverContent.js +3 -5
- package/cjs/popover/PopoverContent.js.map +1 -1
- package/cjs/progress-bar/ProgressBar.js +4 -6
- package/cjs/progress-bar/ProgressBar.js.map +1 -1
- package/cjs/read-more/ReadMore.js +6 -8
- package/cjs/read-more/ReadMore.js.map +1 -1
- package/cjs/skeleton/Skeleton.js +3 -5
- package/cjs/skeleton/Skeleton.js.map +1 -1
- package/cjs/stepper/Step.js +6 -8
- package/cjs/stepper/Step.js.map +1 -1
- package/cjs/stepper/Stepper.js +6 -5
- package/cjs/stepper/Stepper.js.map +1 -1
- package/cjs/table/AnimateHeight.js +4 -2
- package/cjs/table/AnimateHeight.js.map +1 -1
- package/cjs/table/Body.js +3 -5
- package/cjs/table/Body.js.map +1 -1
- package/cjs/table/ColumnHeader.js +4 -2
- package/cjs/table/ColumnHeader.js.map +1 -1
- package/cjs/table/DataCell.js +3 -5
- package/cjs/table/DataCell.js.map +1 -1
- package/cjs/table/ExpandableRow.js +9 -8
- package/cjs/table/ExpandableRow.js.map +1 -1
- package/cjs/table/Header.js +3 -5
- package/cjs/table/Header.js.map +1 -1
- package/cjs/table/HeaderCell.js +3 -5
- package/cjs/table/HeaderCell.js.map +1 -1
- package/cjs/table/Row.js +3 -5
- package/cjs/table/Row.js.map +1 -1
- package/cjs/table/Table.js +3 -2
- package/cjs/table/Table.js.map +1 -1
- package/cjs/tabs/Tabs.d.ts +3 -3
- package/cjs/tabs/Tabs.js +6 -5
- package/cjs/tabs/Tabs.js.map +1 -1
- package/cjs/tabs/parts/tab/Tab.js +4 -6
- package/cjs/tabs/parts/tab/Tab.js.map +1 -1
- package/cjs/tabs/parts/tablist/ScrollButtons.js +3 -2
- package/cjs/tabs/parts/tablist/ScrollButtons.js.map +1 -1
- package/cjs/tabs/parts/tablist/TabList.js +4 -3
- package/cjs/tabs/parts/tablist/TabList.js.map +1 -1
- package/cjs/tabs/parts/tabpanel/TabPanel.js +3 -5
- package/cjs/tabs/parts/tabpanel/TabPanel.js.map +1 -1
- package/cjs/tag/Tag.js +4 -6
- package/cjs/tag/Tag.js.map +1 -1
- package/cjs/theme/Theme.d.ts +4 -1
- package/cjs/theme/Theme.js +2 -4
- package/cjs/theme/Theme.js.map +1 -1
- package/cjs/timeline/AxisLabels.js +3 -1
- package/cjs/timeline/AxisLabels.js.map +1 -1
- package/cjs/timeline/Pin.js +5 -4
- package/cjs/timeline/Pin.js.map +1 -1
- package/cjs/timeline/Timeline.js +3 -1
- package/cjs/timeline/Timeline.js.map +1 -1
- package/cjs/timeline/TimelineRow.js +5 -4
- package/cjs/timeline/TimelineRow.js.map +1 -1
- package/cjs/timeline/period/ClickablePeriod.js +5 -8
- package/cjs/timeline/period/ClickablePeriod.js.map +1 -1
- package/cjs/timeline/period/NonClickablePeriod.js +5 -4
- package/cjs/timeline/period/NonClickablePeriod.js.map +1 -1
- package/cjs/timeline/utils/period.js +1 -0
- package/cjs/timeline/utils/period.js.map +1 -1
- package/cjs/timeline/zoom/ZoomButton.js +3 -1
- package/cjs/timeline/zoom/ZoomButton.js.map +1 -1
- package/cjs/timeline/zoom/index.js +3 -2
- package/cjs/timeline/zoom/index.js.map +1 -1
- package/cjs/toggle-group/ToggleGroup.js +5 -3
- package/cjs/toggle-group/ToggleGroup.js.map +1 -1
- package/cjs/toggle-group/parts/ToggleItem.js +4 -6
- package/cjs/toggle-group/parts/ToggleItem.js.map +1 -1
- package/cjs/tooltip/Tooltip.js +5 -7
- package/cjs/tooltip/Tooltip.js.map +1 -1
- package/cjs/typography/BodyLong.js +3 -5
- package/cjs/typography/BodyLong.js.map +1 -1
- package/cjs/typography/BodyShort.js +3 -5
- package/cjs/typography/BodyShort.js.map +1 -1
- package/cjs/typography/Detail.js +3 -5
- package/cjs/typography/Detail.js.map +1 -1
- package/cjs/typography/ErrorMessage.js +3 -5
- package/cjs/typography/ErrorMessage.js.map +1 -1
- package/cjs/typography/Heading.js +3 -5
- package/cjs/typography/Heading.js.map +1 -1
- package/cjs/typography/Ingress.js +3 -5
- package/cjs/typography/Ingress.js.map +1 -1
- package/cjs/typography/Label.js +3 -5
- package/cjs/typography/Label.js.map +1 -1
- package/cjs/typography/util.js +1 -0
- package/cjs/typography/util.js.map +1 -1
- package/cjs/util/types/AsChildProps.d.ts +4 -4
- package/esm/accordion/Accordion.js +3 -2
- package/esm/accordion/Accordion.js.map +1 -1
- package/esm/accordion/AccordionContent.js +4 -4
- package/esm/accordion/AccordionContent.js.map +1 -1
- package/esm/accordion/AccordionHeader.js +6 -6
- package/esm/accordion/AccordionHeader.js.map +1 -1
- package/esm/accordion/AccordionItem.js +3 -2
- package/esm/accordion/AccordionItem.js.map +1 -1
- package/esm/alert/Alert.js +7 -6
- package/esm/alert/Alert.js.map +1 -1
- package/esm/button/Button.js +5 -4
- package/esm/button/Button.js.map +1 -1
- package/esm/chat/Bubble.js +4 -3
- package/esm/chat/Bubble.js.map +1 -1
- package/esm/chat/Chat.js +5 -4
- package/esm/chat/Chat.js.map +1 -1
- package/esm/chips/Chips.js +3 -2
- package/esm/chips/Chips.js.map +1 -1
- package/esm/chips/Removable.js +5 -4
- package/esm/chips/Removable.js.map +1 -1
- package/esm/chips/Toggle.js +5 -4
- package/esm/chips/Toggle.js.map +1 -1
- package/esm/copybutton/CopyButton.js +9 -8
- package/esm/copybutton/CopyButton.js.map +1 -1
- package/esm/date/Date.Dialog.js +5 -4
- package/esm/date/Date.Dialog.js.map +1 -1
- package/esm/date/Date.Input.js +9 -8
- package/esm/date/Date.Input.js.map +1 -1
- package/esm/date/datepicker/DatePicker.js +3 -2
- package/esm/date/datepicker/DatePicker.js.map +1 -1
- package/esm/date/datepicker/parts/DatePicker.DayButton.js +3 -2
- package/esm/date/datepicker/parts/DatePicker.DayButton.js.map +1 -1
- package/esm/date/datepicker/parts/DatePicker.Months.js +9 -7
- package/esm/date/datepicker/parts/DatePicker.Months.js.map +1 -1
- package/esm/date/datepicker/parts/DatePicker.RDP.js +3 -2
- package/esm/date/datepicker/parts/DatePicker.RDP.js.map +1 -1
- package/esm/date/datepicker/parts/DatePicker.Standalone.js +3 -2
- package/esm/date/datepicker/parts/DatePicker.Standalone.js.map +1 -1
- package/esm/date/datepicker/parts/DatePicker.WeekNumber.js +4 -3
- package/esm/date/datepicker/parts/DatePicker.WeekNumber.js.map +1 -1
- package/esm/date/datepicker/parts/DatePicker.WeekRow.js +6 -4
- package/esm/date/datepicker/parts/DatePicker.WeekRow.js.map +1 -1
- package/esm/date/monthpicker/MonthPicker.js +4 -3
- package/esm/date/monthpicker/MonthPicker.js.map +1 -1
- package/esm/date/monthpicker/parts/MonthPicker.Button.js +4 -3
- package/esm/date/monthpicker/parts/MonthPicker.Button.js.map +1 -1
- package/esm/date/monthpicker/parts/MonthPicker.Caption.js +6 -4
- package/esm/date/monthpicker/parts/MonthPicker.Caption.js.map +1 -1
- package/esm/date/monthpicker/parts/MonthPicker.Standalone.js +4 -3
- package/esm/date/monthpicker/parts/MonthPicker.Standalone.js.map +1 -1
- package/esm/dropdown/Menu/Divider.js +3 -2
- package/esm/dropdown/Menu/Divider.js.map +1 -1
- package/esm/dropdown/Menu/GroupedList/GroupedHeading.js +3 -2
- package/esm/dropdown/Menu/GroupedList/GroupedHeading.js.map +1 -1
- package/esm/dropdown/Menu/GroupedList/GroupedItem.js +4 -3
- package/esm/dropdown/Menu/GroupedList/GroupedItem.js.map +1 -1
- package/esm/dropdown/Menu/GroupedList/index.js +3 -2
- package/esm/dropdown/Menu/GroupedList/index.js.map +1 -1
- package/esm/dropdown/Menu/List/Item.js +4 -3
- package/esm/dropdown/Menu/List/Item.js.map +1 -1
- package/esm/dropdown/Menu/List/index.js +3 -2
- package/esm/dropdown/Menu/List/index.js.map +1 -1
- package/esm/dropdown/Menu/index.js +3 -2
- package/esm/dropdown/Menu/index.js.map +1 -1
- package/esm/dropdown/Toggle.js +3 -2
- package/esm/dropdown/Toggle.js.map +1 -1
- package/esm/expansion-card/ExpansionCard.js +3 -2
- package/esm/expansion-card/ExpansionCard.js.map +1 -1
- package/esm/expansion-card/ExpansionCardContent.js +4 -3
- package/esm/expansion-card/ExpansionCardContent.js.map +1 -1
- package/esm/expansion-card/ExpansionCardDescription.js +3 -2
- package/esm/expansion-card/ExpansionCardDescription.js.map +1 -1
- package/esm/expansion-card/ExpansionCardHeader.js +6 -5
- package/esm/expansion-card/ExpansionCardHeader.js.map +1 -1
- package/esm/expansion-card/ExpansionCardTitle.js +3 -2
- package/esm/expansion-card/ExpansionCardTitle.js.map +1 -1
- package/esm/form/ReadOnlyIcon.js +9 -2
- package/esm/form/ReadOnlyIcon.js.map +1 -1
- package/esm/form/checkbox/Checkbox.js +11 -10
- package/esm/form/checkbox/Checkbox.js.map +1 -1
- package/esm/form/checkbox/CheckboxGroup.js +4 -3
- package/esm/form/checkbox/CheckboxGroup.js.map +1 -1
- package/esm/form/combobox/Combobox.js +6 -5
- package/esm/form/combobox/Combobox.js.map +1 -1
- package/esm/form/combobox/ComboboxWrapper.js +3 -2
- package/esm/form/combobox/ComboboxWrapper.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/AddNewOption.js +3 -2
- package/esm/form/combobox/FilteredOptions/AddNewOption.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/FilteredOptions.js +5 -4
- package/esm/form/combobox/FilteredOptions/FilteredOptions.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/FilteredOptionsItem.js +3 -2
- package/esm/form/combobox/FilteredOptions/FilteredOptionsItem.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/LoadingMessage.js +3 -1
- package/esm/form/combobox/FilteredOptions/LoadingMessage.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/MaxSelectedMessage.js +3 -1
- package/esm/form/combobox/FilteredOptions/MaxSelectedMessage.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/NoSearchHitsMessage.js +3 -1
- package/esm/form/combobox/FilteredOptions/NoSearchHitsMessage.js.map +1 -1
- package/esm/form/combobox/Input/Input.js +3 -2
- package/esm/form/combobox/Input/Input.js.map +1 -1
- package/esm/form/combobox/Input/InputController.js +3 -2
- package/esm/form/combobox/Input/InputController.js.map +1 -1
- package/esm/form/combobox/Input/ToggleListButton.js +3 -1
- package/esm/form/combobox/Input/ToggleListButton.js.map +1 -1
- package/esm/form/combobox/SelectedOptions/SelectedOptions.js +5 -2
- package/esm/form/combobox/SelectedOptions/SelectedOptions.js.map +1 -1
- package/esm/form/confirmation-panel/ConfirmationPanel.js +6 -4
- package/esm/form/confirmation-panel/ConfirmationPanel.js.map +1 -1
- package/esm/form/error-summary/ErrorSummary.js +5 -4
- package/esm/form/error-summary/ErrorSummary.js.map +1 -1
- package/esm/form/error-summary/ErrorSummaryItem.js +3 -2
- package/esm/form/error-summary/ErrorSummaryItem.js.map +1 -1
- package/esm/form/fieldset/Fieldset.js +6 -4
- package/esm/form/fieldset/Fieldset.js.map +1 -1
- package/esm/form/file-upload/FileUpload.js +3 -2
- package/esm/form/file-upload/FileUpload.js.map +1 -1
- package/esm/form/file-upload/parts/dropzone/Dropzone.js +13 -11
- package/esm/form/file-upload/parts/dropzone/Dropzone.js.map +1 -1
- package/esm/form/file-upload/parts/item/Item.js +6 -5
- package/esm/form/file-upload/parts/item/Item.js.map +1 -1
- package/esm/form/file-upload/parts/item/ItemButton.js +3 -1
- package/esm/form/file-upload/parts/item/ItemButton.js.map +1 -1
- package/esm/form/file-upload/parts/item/ItemIcon.js +5 -3
- package/esm/form/file-upload/parts/item/ItemIcon.js.map +1 -1
- package/esm/form/form-progress/FormProgress.js +9 -7
- package/esm/form/form-progress/FormProgress.js.map +1 -1
- package/esm/form/form-summary/FormSummary.js +3 -2
- package/esm/form/form-summary/FormSummary.js.map +1 -1
- package/esm/form/form-summary/FormSummaryAnswer.js +3 -2
- package/esm/form/form-summary/FormSummaryAnswer.js.map +1 -1
- package/esm/form/form-summary/FormSummaryAnswers.js +3 -2
- package/esm/form/form-summary/FormSummaryAnswers.js.map +1 -1
- package/esm/form/form-summary/FormSummaryEditLink.js +3 -2
- package/esm/form/form-summary/FormSummaryEditLink.js.map +1 -1
- package/esm/form/form-summary/FormSummaryHeader.js +3 -2
- package/esm/form/form-summary/FormSummaryHeader.js.map +1 -1
- package/esm/form/form-summary/FormSummaryValue.js +3 -2
- package/esm/form/form-summary/FormSummaryValue.js.map +1 -1
- package/esm/form/radio/Radio.js +7 -5
- package/esm/form/radio/Radio.js.map +1 -1
- package/esm/form/radio/RadioGroup.js +4 -3
- package/esm/form/radio/RadioGroup.js.map +1 -1
- package/esm/form/search/Search.js +12 -12
- package/esm/form/search/Search.js.map +1 -1
- package/esm/form/search/SearchButton.js +3 -2
- package/esm/form/search/SearchButton.js.map +1 -1
- package/esm/form/select/Select.js +9 -8
- package/esm/form/select/Select.js.map +1 -1
- package/esm/form/switch/Switch.js +10 -9
- package/esm/form/switch/Switch.js.map +1 -1
- package/esm/form/textarea/Textarea.js +7 -5
- package/esm/form/textarea/Textarea.js.map +1 -1
- package/esm/form/textarea/TextareaCounter.js +5 -4
- package/esm/form/textarea/TextareaCounter.js.map +1 -1
- package/esm/form/textfield/TextField.js +7 -6
- package/esm/form/textfield/TextField.js.map +1 -1
- package/esm/guide-panel/GuidePanel.js +7 -7
- package/esm/guide-panel/GuidePanel.js.map +1 -1
- package/esm/help-text/HelpText.js +6 -6
- package/esm/help-text/HelpText.js.map +1 -1
- package/esm/help-text/HelpTextIcon.js +3 -2
- package/esm/help-text/HelpTextIcon.js.map +1 -1
- package/esm/internal-header/InternalHeader.d.ts +2 -1
- package/esm/internal-header/InternalHeader.js +6 -5
- package/esm/internal-header/InternalHeader.js.map +1 -1
- package/esm/internal-header/InternalHeaderButton.js +3 -2
- package/esm/internal-header/InternalHeaderButton.js.map +1 -1
- package/esm/internal-header/InternalHeaderTitle.js +3 -2
- package/esm/internal-header/InternalHeaderTitle.js.map +1 -1
- package/esm/internal-header/InternalHeaderUser.js +3 -2
- package/esm/internal-header/InternalHeaderUser.js.map +1 -1
- package/esm/internal-header/InternalHeaderUserButton.js +3 -2
- package/esm/internal-header/InternalHeaderUserButton.js.map +1 -1
- package/esm/layout/base/BasePrimitive.js +3 -3
- package/esm/layout/base/BasePrimitive.js.map +1 -1
- package/esm/layout/bleed/Bleed.js +3 -3
- package/esm/layout/bleed/Bleed.js.map +1 -1
- package/esm/layout/box/Box.darkside.js +3 -2
- package/esm/layout/box/Box.darkside.js.map +1 -1
- package/esm/layout/box/Box.js +3 -3
- package/esm/layout/box/Box.js.map +1 -1
- package/esm/layout/grid/HGrid.js +3 -3
- package/esm/layout/grid/HGrid.js.map +1 -1
- package/esm/layout/page/Page.js +4 -4
- package/esm/layout/page/Page.js.map +1 -1
- package/esm/layout/page/parts/PageBlock.js +3 -2
- package/esm/layout/page/parts/PageBlock.js.map +1 -1
- package/esm/layout/responsive/Responsive.js +3 -2
- package/esm/layout/responsive/Responsive.js.map +1 -1
- package/esm/layout/stack/Spacer.js +5 -1
- package/esm/layout/stack/Spacer.js.map +1 -1
- package/esm/layout/stack/Stack.js +3 -3
- package/esm/layout/stack/Stack.js.map +1 -1
- package/esm/link/Link.js +3 -2
- package/esm/link/Link.js.map +1 -1
- package/esm/link-panel/LinkPanel.js +5 -4
- package/esm/link-panel/LinkPanel.js.map +1 -1
- package/esm/link-panel/LinkPanelDescription.js +3 -2
- package/esm/link-panel/LinkPanelDescription.js.map +1 -1
- package/esm/link-panel/LinkPanelTitle.js +3 -2
- package/esm/link-panel/LinkPanelTitle.js.map +1 -1
- package/esm/list/List.Item.js +4 -3
- package/esm/list/List.Item.js.map +1 -1
- package/esm/list/List.js +4 -4
- package/esm/list/List.js.map +1 -1
- package/esm/loader/Loader.js +5 -4
- package/esm/loader/Loader.js.map +1 -1
- package/esm/modal/Modal.js +8 -7
- package/esm/modal/Modal.js.map +1 -1
- package/esm/modal/ModalBody.js +3 -2
- package/esm/modal/ModalBody.js.map +1 -1
- package/esm/modal/ModalFooter.js +3 -2
- package/esm/modal/ModalFooter.js.map +1 -1
- package/esm/modal/ModalHeader.js +4 -3
- package/esm/modal/ModalHeader.js.map +1 -1
- package/esm/overlays/action-menu/ActionMenu.js +38 -28
- package/esm/overlays/action-menu/ActionMenu.js.map +1 -1
- package/esm/pagination/Pagination.js +7 -5
- package/esm/pagination/Pagination.js.map +1 -1
- package/esm/pagination/PaginationItem.js +3 -3
- package/esm/pagination/PaginationItem.js.map +1 -1
- package/esm/panel/Panel.js +3 -2
- package/esm/panel/Panel.js.map +1 -1
- package/esm/popover/Popover.js +4 -4
- package/esm/popover/Popover.js.map +1 -1
- package/esm/popover/PopoverContent.js +3 -2
- package/esm/popover/PopoverContent.js.map +1 -1
- package/esm/progress-bar/ProgressBar.js +4 -3
- package/esm/progress-bar/ProgressBar.js.map +1 -1
- package/esm/read-more/ReadMore.js +6 -5
- package/esm/read-more/ReadMore.js.map +1 -1
- package/esm/skeleton/Skeleton.js +3 -2
- package/esm/skeleton/Skeleton.js.map +1 -1
- package/esm/stepper/Step.js +6 -5
- package/esm/stepper/Step.js.map +1 -1
- package/esm/stepper/Stepper.js +6 -5
- package/esm/stepper/Stepper.js.map +1 -1
- package/esm/table/AnimateHeight.js +4 -2
- package/esm/table/AnimateHeight.js.map +1 -1
- package/esm/table/Body.js +3 -2
- package/esm/table/Body.js.map +1 -1
- package/esm/table/ColumnHeader.js +4 -2
- package/esm/table/ColumnHeader.js.map +1 -1
- package/esm/table/DataCell.js +3 -2
- package/esm/table/DataCell.js.map +1 -1
- package/esm/table/ExpandableRow.js +9 -8
- package/esm/table/ExpandableRow.js.map +1 -1
- package/esm/table/Header.js +3 -2
- package/esm/table/Header.js.map +1 -1
- package/esm/table/HeaderCell.js +3 -2
- package/esm/table/HeaderCell.js.map +1 -1
- package/esm/table/Row.js +3 -2
- package/esm/table/Row.js.map +1 -1
- package/esm/table/Table.js +3 -2
- package/esm/table/Table.js.map +1 -1
- package/esm/tabs/Tabs.d.ts +3 -3
- package/esm/tabs/Tabs.js +6 -5
- package/esm/tabs/Tabs.js.map +1 -1
- package/esm/tabs/parts/tab/Tab.js +4 -3
- package/esm/tabs/parts/tab/Tab.js.map +1 -1
- package/esm/tabs/parts/tablist/ScrollButtons.js +3 -2
- package/esm/tabs/parts/tablist/ScrollButtons.js.map +1 -1
- package/esm/tabs/parts/tablist/TabList.js +4 -3
- package/esm/tabs/parts/tablist/TabList.js.map +1 -1
- package/esm/tabs/parts/tabpanel/TabPanel.js +3 -2
- package/esm/tabs/parts/tabpanel/TabPanel.js.map +1 -1
- package/esm/tag/Tag.js +4 -3
- package/esm/tag/Tag.js.map +1 -1
- package/esm/theme/Theme.d.ts +4 -1
- package/esm/theme/Theme.js +2 -4
- package/esm/theme/Theme.js.map +1 -1
- package/esm/timeline/AxisLabels.js +3 -1
- package/esm/timeline/AxisLabels.js.map +1 -1
- package/esm/timeline/Pin.js +6 -5
- package/esm/timeline/Pin.js.map +1 -1
- package/esm/timeline/Timeline.js +3 -1
- package/esm/timeline/Timeline.js.map +1 -1
- package/esm/timeline/TimelineRow.js +5 -4
- package/esm/timeline/TimelineRow.js.map +1 -1
- package/esm/timeline/period/ClickablePeriod.js +6 -6
- package/esm/timeline/period/ClickablePeriod.js.map +1 -1
- package/esm/timeline/period/NonClickablePeriod.js +5 -4
- package/esm/timeline/period/NonClickablePeriod.js.map +1 -1
- package/esm/timeline/utils/period.js +1 -0
- package/esm/timeline/utils/period.js.map +1 -1
- package/esm/timeline/zoom/ZoomButton.js +3 -1
- package/esm/timeline/zoom/ZoomButton.js.map +1 -1
- package/esm/timeline/zoom/index.js +3 -2
- package/esm/timeline/zoom/index.js.map +1 -1
- package/esm/toggle-group/ToggleGroup.js +5 -3
- package/esm/toggle-group/ToggleGroup.js.map +1 -1
- package/esm/toggle-group/parts/ToggleItem.js +4 -3
- package/esm/toggle-group/parts/ToggleItem.js.map +1 -1
- package/esm/tooltip/Tooltip.js +5 -4
- package/esm/tooltip/Tooltip.js.map +1 -1
- package/esm/typography/BodyLong.js +3 -2
- package/esm/typography/BodyLong.js.map +1 -1
- package/esm/typography/BodyShort.js +3 -2
- package/esm/typography/BodyShort.js.map +1 -1
- package/esm/typography/Detail.js +3 -2
- package/esm/typography/Detail.js.map +1 -1
- package/esm/typography/ErrorMessage.js +3 -2
- package/esm/typography/ErrorMessage.js.map +1 -1
- package/esm/typography/Heading.js +3 -2
- package/esm/typography/Heading.js.map +1 -1
- package/esm/typography/Ingress.js +3 -2
- package/esm/typography/Ingress.js.map +1 -1
- package/esm/typography/Label.js +3 -2
- package/esm/typography/Label.js.map +1 -1
- package/esm/typography/util.js +1 -0
- package/esm/typography/util.js.map +1 -1
- package/esm/util/types/AsChildProps.d.ts +4 -4
- package/package.json +3 -3
- package/src/accordion/Accordion.tsx +4 -2
- package/src/accordion/AccordionContent.tsx +4 -4
- package/src/accordion/AccordionHeader.tsx +6 -6
- package/src/accordion/AccordionItem.tsx +4 -2
- package/src/alert/Alert.tsx +7 -6
- package/src/button/Button.tsx +6 -4
- package/src/chat/Bubble.tsx +5 -3
- package/src/chat/Chat.tsx +40 -36
- package/src/chips/Chips.tsx +3 -2
- package/src/chips/Removable.tsx +6 -4
- package/src/chips/Toggle.tsx +6 -4
- package/src/copybutton/CopyButton.tsx +15 -8
- package/src/date/Date.Dialog.tsx +6 -4
- package/src/date/Date.Input.tsx +9 -8
- package/src/date/datepicker/DatePicker.tsx +4 -2
- package/src/date/datepicker/parts/DatePicker.DayButton.tsx +3 -2
- package/src/date/datepicker/parts/DatePicker.Months.tsx +14 -8
- package/src/date/datepicker/parts/DatePicker.RDP.tsx +3 -2
- package/src/date/datepicker/parts/DatePicker.Standalone.tsx +3 -2
- package/src/date/datepicker/parts/DatePicker.WeekNumber.tsx +4 -3
- package/src/date/datepicker/parts/DatePicker.WeekRow.tsx +6 -4
- package/src/date/monthpicker/MonthPicker.tsx +4 -3
- package/src/date/monthpicker/parts/MonthPicker.Button.tsx +4 -3
- package/src/date/monthpicker/parts/MonthPicker.Caption.tsx +7 -5
- package/src/date/monthpicker/parts/MonthPicker.Standalone.tsx +4 -3
- package/src/dropdown/Menu/Divider.tsx +12 -8
- package/src/dropdown/Menu/GroupedList/GroupedHeading.tsx +16 -13
- package/src/dropdown/Menu/GroupedList/GroupedItem.tsx +4 -3
- package/src/dropdown/Menu/GroupedList/index.tsx +9 -6
- package/src/dropdown/Menu/List/Item.tsx +4 -3
- package/src/dropdown/Menu/List/index.tsx +10 -6
- package/src/dropdown/Menu/index.tsx +3 -2
- package/src/dropdown/Toggle.tsx +3 -2
- package/src/expansion-card/ExpansionCard.tsx +3 -2
- package/src/expansion-card/ExpansionCardContent.tsx +4 -3
- package/src/expansion-card/ExpansionCardDescription.tsx +3 -2
- package/src/expansion-card/ExpansionCardHeader.tsx +8 -5
- package/src/expansion-card/ExpansionCardTitle.tsx +18 -14
- package/src/form/ReadOnlyIcon.tsx +19 -12
- package/src/form/checkbox/Checkbox.tsx +13 -10
- package/src/form/checkbox/CheckboxGroup.tsx +4 -3
- package/src/form/combobox/Combobox.tsx +7 -5
- package/src/form/combobox/ComboboxWrapper.tsx +3 -2
- package/src/form/combobox/FilteredOptions/AddNewOption.tsx +8 -2
- package/src/form/combobox/FilteredOptions/FilteredOptions.tsx +10 -4
- package/src/form/combobox/FilteredOptions/FilteredOptionsItem.tsx +4 -2
- package/src/form/combobox/FilteredOptions/LoadingMessage.tsx +4 -1
- package/src/form/combobox/FilteredOptions/MaxSelectedMessage.tsx +3 -1
- package/src/form/combobox/FilteredOptions/NoSearchHitsMessage.tsx +5 -1
- package/src/form/combobox/Input/Input.tsx +4 -2
- package/src/form/combobox/Input/InputController.tsx +4 -2
- package/src/form/combobox/Input/ToggleListButton.tsx +3 -1
- package/src/form/combobox/SelectedOptions/SelectedOptions.tsx +6 -2
- package/src/form/confirmation-panel/ConfirmationPanel.tsx +6 -4
- package/src/form/error-summary/ErrorSummary.tsx +10 -4
- package/src/form/error-summary/ErrorSummaryItem.tsx +4 -2
- package/src/form/fieldset/Fieldset.tsx +6 -4
- package/src/form/file-upload/FileUpload.tsx +3 -2
- package/src/form/file-upload/parts/dropzone/Dropzone.tsx +13 -11
- package/src/form/file-upload/parts/item/Item.tsx +6 -5
- package/src/form/file-upload/parts/item/ItemButton.tsx +3 -1
- package/src/form/file-upload/parts/item/ItemIcon.tsx +7 -3
- package/src/form/form-progress/FormProgress.tsx +11 -7
- package/src/form/form-summary/FormSummary.tsx +4 -2
- package/src/form/form-summary/FormSummaryAnswer.tsx +14 -10
- package/src/form/form-summary/FormSummaryAnswers.tsx +14 -10
- package/src/form/form-summary/FormSummaryEditLink.tsx +4 -2
- package/src/form/form-summary/FormSummaryHeader.tsx +14 -10
- package/src/form/form-summary/FormSummaryValue.tsx +15 -11
- package/src/form/radio/Radio.tsx +9 -5
- package/src/form/radio/RadioGroup.tsx +4 -3
- package/src/form/search/Search.tsx +14 -13
- package/src/form/search/SearchButton.tsx +3 -2
- package/src/form/select/Select.tsx +13 -8
- package/src/form/switch/Switch.tsx +21 -10
- package/src/form/textarea/Textarea.tsx +8 -5
- package/src/form/textarea/TextareaCounter.tsx +5 -4
- package/src/form/textfield/TextField.tsx +8 -6
- package/src/guide-panel/GuidePanel.tsx +9 -7
- package/src/help-text/HelpText.tsx +6 -6
- package/src/help-text/HelpTextIcon.tsx +4 -2
- package/src/internal-header/InternalHeader.tsx +6 -5
- package/src/internal-header/InternalHeaderButton.tsx +12 -8
- package/src/internal-header/InternalHeaderTitle.tsx +19 -11
- package/src/internal-header/InternalHeaderUser.tsx +19 -15
- package/src/internal-header/InternalHeaderUserButton.tsx +21 -17
- package/src/layout/base/BasePrimitive.tsx +3 -3
- package/src/layout/bleed/Bleed.tsx +3 -3
- package/src/layout/box/Box.darkside.tsx +3 -2
- package/src/layout/box/Box.tsx +3 -3
- package/src/layout/grid/HGrid.tsx +3 -3
- package/src/layout/page/Page.tsx +4 -4
- package/src/layout/page/parts/PageBlock.tsx +4 -2
- package/src/layout/responsive/Responsive.tsx +3 -2
- package/src/layout/stack/Spacer.tsx +5 -1
- package/src/layout/stack/Stack.tsx +3 -3
- package/src/link/Link.tsx +14 -11
- package/src/link-panel/LinkPanel.tsx +9 -4
- package/src/link-panel/LinkPanelDescription.tsx +13 -9
- package/src/link-panel/LinkPanelTitle.tsx +17 -13
- package/src/list/List.Item.tsx +4 -3
- package/src/list/List.tsx +4 -4
- package/src/loader/Loader.tsx +5 -4
- package/src/modal/Modal.tsx +12 -8
- package/src/modal/ModalBody.tsx +3 -2
- package/src/modal/ModalFooter.tsx +3 -2
- package/src/modal/ModalHeader.tsx +4 -3
- package/src/overlays/action-menu/ActionMenu.tsx +58 -28
- package/src/pagination/Pagination.tsx +10 -5
- package/src/pagination/PaginationItem.tsx +3 -3
- package/src/panel/Panel.tsx +3 -2
- package/src/popover/Popover.tsx +4 -4
- package/src/popover/PopoverContent.tsx +11 -8
- package/src/progress-bar/ProgressBar.tsx +4 -3
- package/src/read-more/ReadMore.tsx +6 -5
- package/src/skeleton/Skeleton.tsx +3 -2
- package/src/stepper/Step.tsx +10 -5
- package/src/stepper/Stepper.tsx +10 -5
- package/src/table/AnimateHeight.tsx +4 -2
- package/src/table/Body.tsx +7 -4
- package/src/table/ColumnHeader.tsx +4 -2
- package/src/table/DataCell.tsx +3 -2
- package/src/table/ExpandableRow.tsx +17 -11
- package/src/table/Header.tsx +11 -4
- package/src/table/HeaderCell.tsx +3 -2
- package/src/table/Row.tsx +14 -11
- package/src/table/Table.tsx +15 -12
- package/src/tabs/Tabs.tsx +6 -5
- package/src/tabs/parts/tab/Tab.tsx +4 -3
- package/src/tabs/parts/tablist/ScrollButtons.tsx +4 -2
- package/src/tabs/parts/tablist/TabList.tsx +4 -3
- package/src/tabs/parts/tabpanel/TabPanel.tsx +3 -2
- package/src/tag/Tag.tsx +4 -3
- package/src/theme/Theme.tsx +11 -6
- package/src/timeline/AxisLabels.tsx +5 -2
- package/src/timeline/Pin.tsx +6 -5
- package/src/timeline/Timeline.tsx +3 -1
- package/src/timeline/TimelineRow.tsx +5 -4
- package/src/timeline/period/ClickablePeriod.tsx +6 -6
- package/src/timeline/period/NonClickablePeriod.tsx +5 -4
- package/src/timeline/utils/period.ts +1 -0
- package/src/timeline/zoom/ZoomButton.tsx +4 -1
- package/src/timeline/zoom/index.tsx +4 -2
- package/src/toggle-group/ToggleGroup.tsx +5 -3
- package/src/toggle-group/parts/ToggleItem.tsx +4 -3
- package/src/tooltip/Tooltip.tsx +11 -5
- package/src/typography/BodyLong.tsx +24 -20
- package/src/typography/BodyShort.tsx +24 -20
- package/src/typography/Detail.tsx +27 -23
- package/src/typography/ErrorMessage.tsx +41 -37
- package/src/typography/Heading.tsx +3 -2
- package/src/typography/Ingress.tsx +14 -10
- package/src/typography/Label.tsx +23 -19
- package/src/typography/util.ts +1 -0
- package/src/util/types/AsChildProps.ts +4 -4
package/esm/table/Row.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../src/table/Row.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../src/table/Row.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAmB9C,MAAM,CAAC,MAAM,GAAG,GAAY,UAAU,CACpC,CAAC,EAA6D,EAAE,GAAG,EAAE,EAAE;QAAtE,EAAE,SAAS,EAAE,QAAQ,GAAG,KAAK,EAAE,YAAY,GAAG,IAAI,OAAW,EAAN,IAAI,cAA3D,yCAA6D,CAAF;IAC1D,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,OAAO,CACL,4CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,EAAE;YAC3C,4BAA4B,EAAE,QAAQ;YACtC,kCAAkC,EAAE,YAAY;SACjD,CAAC,IACF,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,GAAG,CAAC"}
|
package/esm/table/Table.js
CHANGED
|
@@ -9,8 +9,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import cl from "clsx";
|
|
13
12
|
import React, { forwardRef } from "react";
|
|
13
|
+
import { useRenameCSS } from "../theme/Theme.js";
|
|
14
14
|
import Body from "./Body.js";
|
|
15
15
|
import ColumnHeader from "./ColumnHeader.js";
|
|
16
16
|
import DataCell from "./DataCell.js";
|
|
@@ -53,8 +53,9 @@ import { TableContext } from "./context.js";
|
|
|
53
53
|
*/
|
|
54
54
|
export const Table = forwardRef((_a, ref) => {
|
|
55
55
|
var { className, zebraStripes = false, size = "medium", onSortChange, sort } = _a, rest = __rest(_a, ["className", "zebraStripes", "size", "onSortChange", "sort"]);
|
|
56
|
+
const { cn } = useRenameCSS();
|
|
56
57
|
return (React.createElement(TableContext.Provider, { value: { onSortChange, sort } },
|
|
57
|
-
React.createElement("table", Object.assign({}, rest, { ref: ref, className:
|
|
58
|
+
React.createElement("table", Object.assign({}, rest, { ref: ref, className: cn("navds-table", `navds-table--${size}`, className, {
|
|
58
59
|
"navds-table--zebra-stripes": zebraStripes,
|
|
59
60
|
}) }))));
|
|
60
61
|
});
|
package/esm/table/Table.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../src/table/Table.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../src/table/Table.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,GAAG,MAAM,OAAO,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAsCzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CACE,EAOC,EACD,GAAG,EACH,EAAE;QATF,EACE,SAAS,EACT,YAAY,GAAG,KAAK,EACpB,IAAI,GAAG,QAAQ,EACf,YAAY,EACZ,IAAI,OAEL,EADI,IAAI,cANT,6DAOC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE;QAClD,+CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,gBAAgB,IAAI,EAAE,EAAE,SAAS,EAAE;gBAC9D,4BAA4B,EAAE,YAAY;aAC3C,CAAC,IACF,CACoB,CACzB,CAAC;AACJ,CAAC,CACW,CAAC;AAEf,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;AACtB,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC;AAClB,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC;AAChB,KAAK,CAAC,YAAY,GAAG,YAAY,CAAC;AAClC,KAAK,CAAC,UAAU,GAAG,UAAU,CAAC;AAC9B,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;AAC1B,KAAK,CAAC,aAAa,GAAG,aAAa,CAAC;AAEpC,eAAe,KAAK,CAAC"}
|
package/esm/tabs/Tabs.d.ts
CHANGED
|
@@ -32,13 +32,13 @@ interface TabsComponent extends React.ForwardRefExoticComponent<TabsProps & Reac
|
|
|
32
32
|
* <Tabs.Tab value="inbox" label="Inbox" />
|
|
33
33
|
* <Tabs.Tab value="sendt" label="Sendt" />
|
|
34
34
|
* </Tabs.List>
|
|
35
|
-
* <Tabs.Panel value="logg"
|
|
35
|
+
* <Tabs.Panel value="logg">
|
|
36
36
|
* Logg-tab
|
|
37
37
|
* </Tabs.Panel>
|
|
38
|
-
* <Tabs.Panel value="inbox"
|
|
38
|
+
* <Tabs.Panel value="inbox">
|
|
39
39
|
* Inbox-tab
|
|
40
40
|
* </Tabs.Panel>
|
|
41
|
-
* <Tabs.Panel value="sendt"
|
|
41
|
+
* <Tabs.Panel value="sendt">
|
|
42
42
|
* Sendt-tab
|
|
43
43
|
* </Tabs.Panel>
|
|
44
44
|
* </Tabs>
|
package/esm/tabs/Tabs.js
CHANGED
|
@@ -9,8 +9,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import cl from "clsx";
|
|
13
12
|
import React, { forwardRef } from "react";
|
|
13
|
+
import { useRenameCSS } from "../theme/Theme.js";
|
|
14
14
|
import { TabsDescendantsProvider, TabsProvider, useTabsDescendants, } from "./Tabs.context.js";
|
|
15
15
|
import Tab from "./parts/tab/Tab.js";
|
|
16
16
|
import TabList from "./parts/tablist/TabList.js";
|
|
@@ -30,13 +30,13 @@ import { useTabs } from "./useTabs.js";
|
|
|
30
30
|
* <Tabs.Tab value="inbox" label="Inbox" />
|
|
31
31
|
* <Tabs.Tab value="sendt" label="Sendt" />
|
|
32
32
|
* </Tabs.List>
|
|
33
|
-
* <Tabs.Panel value="logg"
|
|
33
|
+
* <Tabs.Panel value="logg">
|
|
34
34
|
* Logg-tab
|
|
35
35
|
* </Tabs.Panel>
|
|
36
|
-
* <Tabs.Panel value="inbox"
|
|
36
|
+
* <Tabs.Panel value="inbox">
|
|
37
37
|
* Inbox-tab
|
|
38
38
|
* </Tabs.Panel>
|
|
39
|
-
* <Tabs.Panel value="sendt"
|
|
39
|
+
* <Tabs.Panel value="sendt">
|
|
40
40
|
* Sendt-tab
|
|
41
41
|
* </Tabs.Panel>
|
|
42
42
|
* </Tabs>
|
|
@@ -44,6 +44,7 @@ import { useTabs } from "./useTabs.js";
|
|
|
44
44
|
*/
|
|
45
45
|
export const Tabs = forwardRef((_a, ref) => {
|
|
46
46
|
var { className, children, size = "medium", defaultValue = "", value, onChange, id, selectionFollowsFocus = false, loop = true, iconPosition = "left", fill = false } = _a, rest = __rest(_a, ["className", "children", "size", "defaultValue", "value", "onChange", "id", "selectionFollowsFocus", "loop", "iconPosition", "fill"]);
|
|
47
|
+
const { cn } = useRenameCSS();
|
|
47
48
|
const descendants = useTabsDescendants();
|
|
48
49
|
const tabsContext = useTabs({ defaultValue, value, onChange, id });
|
|
49
50
|
/**
|
|
@@ -56,7 +57,7 @@ export const Tabs = forwardRef((_a, ref) => {
|
|
|
56
57
|
fill });
|
|
57
58
|
return (React.createElement(TabsDescendantsProvider, { value: descendants },
|
|
58
59
|
React.createElement(TabsProvider, Object.assign({}, context),
|
|
59
|
-
React.createElement("div", Object.assign({ ref: ref }, rest, { id: id, className:
|
|
60
|
+
React.createElement("div", Object.assign({ ref: ref }, rest, { id: id, className: cn("navds-tabs", className, `navds-tabs--${size}`) }), children))));
|
|
60
61
|
});
|
|
61
62
|
Tabs.Tab = Tab;
|
|
62
63
|
Tabs.List = TabList;
|
package/esm/tabs/Tabs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../src/tabs/Tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../src/tabs/Tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EACL,uBAAuB,EACvB,YAAY,EACZ,kBAAkB,GACnB,MAAM,gBAAgB,CAAC;AAExB,OAAO,GAAG,MAAM,iBAAiB,CAAC;AAClC,OAAO,OAAO,MAAM,yBAAyB,CAAC;AAC9C,OAAO,QAAQ,MAAM,2BAA2B,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAqBpC;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CACE,EAaC,EACD,GAAG,EACH,EAAE;QAfF,EACE,SAAS,EACT,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,YAAY,GAAG,EAAE,EACjB,KAAK,EACL,QAAQ,EACR,EAAE,EACF,qBAAqB,GAAG,KAAK,EAC7B,IAAI,GAAG,IAAI,EACX,YAAY,GAAG,MAAM,EACrB,IAAI,GAAG,KAAK,OAEb,EADI,IAAI,cAZT,qIAaC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,WAAW,GAAG,kBAAkB,EAAE,CAAC;IAEzC,MAAM,WAAW,GAAG,OAAO,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;IAEnE;;OAEG;IACH,MAAM,OAAO,mCACR,WAAW,KACd,qBAAqB;QACrB,IAAI;QACJ,IAAI;QACJ,YAAY;QACZ,IAAI,GACL,CAAC;IAEF,OAAO,CACL,oBAAC,uBAAuB,IAAC,KAAK,EAAE,WAAW;QACzC,oBAAC,YAAY,oBAAK,OAAO;YACvB,2CACE,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,EAAE,eAAe,IAAI,EAAE,CAAC,KAE5D,QAAQ,CACL,CACO,CACS,CAC3B,CAAC;AACJ,CAAC,CACe,CAAC;AAEnB,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;AACf,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC;AACpB,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAe,IAAI,CAAC"}
|
|
@@ -9,25 +9,26 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import cl from "clsx";
|
|
13
12
|
import React, { forwardRef } from "react";
|
|
13
|
+
import { useRenameCSS } from "../../../theme/Theme.js";
|
|
14
14
|
import { BodyShort } from "../../../typography/index.js";
|
|
15
15
|
import { useTabsContext } from "../../Tabs.context.js";
|
|
16
16
|
import { useTab } from "./useTab.js";
|
|
17
17
|
export const Tab = forwardRef((_a, ref) => {
|
|
18
18
|
var _b, _c;
|
|
19
19
|
var { className, as: Component = "button", label, icon, value, onClick, onFocus, disabled, id } = _a, rest = __rest(_a, ["className", "as", "label", "icon", "value", "onClick", "onFocus", "disabled", "id"]);
|
|
20
|
+
const { cn } = useRenameCSS();
|
|
20
21
|
const tabCtx = useTab({ value, onClick, onFocus, disabled }, ref);
|
|
21
22
|
const ctx = useTabsContext();
|
|
22
23
|
if (!label && !icon) {
|
|
23
24
|
console.error("<Tabs.Tab/> needs label and/or icon");
|
|
24
25
|
return null;
|
|
25
26
|
}
|
|
26
|
-
return (React.createElement(Component, Object.assign({ ref: tabCtx.ref }, rest, { className:
|
|
27
|
+
return (React.createElement(Component, Object.assign({ ref: tabCtx.ref }, rest, { className: cn("navds-tabs__tab", `navds-tabs__tab--${(_b = ctx === null || ctx === void 0 ? void 0 : ctx.size) !== null && _b !== void 0 ? _b : "medium"}`, `navds-tabs__tab-icon--${ctx === null || ctx === void 0 ? void 0 : ctx.iconPosition}`, className, {
|
|
27
28
|
"navds-tabs__tab--icon-only": icon && !label,
|
|
28
29
|
"navds-tabs__tab--fill": ctx.fill,
|
|
29
30
|
}), role: "tab", type: "button", "aria-selected": tabCtx.isSelected, "data-state": tabCtx.isSelected ? "active" : "inactive", tabIndex: tabCtx.isFocused ? 0 : -1, "aria-controls": (_c = rest["aria-controls"]) !== null && _c !== void 0 ? _c : tabCtx.controlsId, id: id !== null && id !== void 0 ? id : tabCtx.id, onFocus: tabCtx.onFocus, onClick: tabCtx.onClick }),
|
|
30
|
-
React.createElement(BodyShort, { as: "span", className: "navds-tabs__tab-inner", size: ctx === null || ctx === void 0 ? void 0 : ctx.size },
|
|
31
|
+
React.createElement(BodyShort, { as: "span", className: cn("navds-tabs__tab-inner"), size: ctx === null || ctx === void 0 ? void 0 : ctx.size },
|
|
31
32
|
React.createElement("span", { "aria-hidden": !!label }, icon),
|
|
32
33
|
React.createElement("span", null, label))));
|
|
33
34
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../../src/tabs/parts/tab/Tab.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../../src/tabs/parts/tab/Tab.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAyBlC,MAAM,CAAC,MAAM,GAAG,GACd,UAAU,CACR,CACE,EAWC,EACD,GAA0C,EAC1C,EAAE;;QAbF,EACE,SAAS,EACT,EAAE,EAAE,SAAS,GAAG,QAAQ,EACxB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,OAAO,EACP,OAAO,EACP,QAAQ,EACR,EAAE,OAEH,EADI,IAAI,cAVT,qFAWC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,GAAG,CAAC,CAAC;IAClE,MAAM,GAAG,GAAG,cAAc,EAAE,CAAC;IAE7B,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC;QACpB,OAAO,CAAC,KAAK,CAAC,qCAAqC,CAAC,CAAC;QACrD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,oBAAC,SAAS,kBACR,GAAG,EAAE,MAAM,CAAC,GAAG,IACX,IAAI,IACR,SAAS,EAAE,EAAE,CACX,iBAAiB,EACjB,oBAAoB,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,IAAI,mCAAI,QAAQ,EAAE,EAC3C,yBAAyB,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,YAAY,EAAE,EAC5C,SAAS,EACT;YACE,4BAA4B,EAAE,IAAI,IAAI,CAAC,KAAK;YAC5C,uBAAuB,EAAE,GAAG,CAAC,IAAI;SAClC,CACF,EACD,IAAI,EAAC,KAAK,EACV,IAAI,EAAC,QAAQ,mBACE,MAAM,CAAC,UAAU,gBACpB,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,EACrD,QAAQ,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,mBACpB,MAAA,IAAI,CAAC,eAAe,CAAC,mCAAI,MAAM,CAAC,UAAU,EACzD,EAAE,EAAE,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,MAAM,CAAC,EAAE,EACnB,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,OAAO,EAAE,MAAM,CAAC,OAAO;QAEvB,oBAAC,SAAS,IACR,EAAE,EAAC,MAAM,EACT,SAAS,EAAE,EAAE,CAAC,uBAAuB,CAAC,EACtC,IAAI,EAAE,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,IAAI;YAEf,6CAAmB,CAAC,CAAC,KAAK,IAAG,IAAI,CAAQ;YACzC,kCAAO,KAAK,CAAQ,CACV,CACF,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,eAAe,GAAG,CAAC"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import cl from "clsx";
|
|
2
1
|
import React from "react";
|
|
3
2
|
import { ChevronLeftIcon, ChevronRightIcon } from "@navikt/aksel-icons";
|
|
3
|
+
import { useRenameCSS } from "../../../theme/Theme.js";
|
|
4
4
|
function ScrollButton({ hidden, onClick, dir }) {
|
|
5
|
-
|
|
5
|
+
const { cn } = useRenameCSS();
|
|
6
|
+
return (React.createElement("div", { className: cn("navds-tabs__scroll-button", {
|
|
6
7
|
"navds-tabs__scroll-button--hidden": hidden,
|
|
7
8
|
}), onClick: onClick, "aria-hidden": true }, dir === "left" ? React.createElement(ChevronLeftIcon, null) : React.createElement(ChevronRightIcon, null)));
|
|
8
9
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollButtons.js","sourceRoot":"","sources":["../../../../src/tabs/parts/tablist/ScrollButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"ScrollButtons.js","sourceRoot":"","sources":["../../../../src/tabs/parts/tablist/ScrollButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAQpD,SAAS,YAAY,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAqB;IAC/D,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE;YACzC,mCAAmC,EAAE,MAAM;SAC5C,CAAC,EACF,OAAO,EAAE,OAAO,yBAGf,GAAG,KAAK,MAAM,CAAC,CAAC,CAAC,oBAAC,eAAe,OAAG,CAAC,CAAC,CAAC,oBAAC,gBAAgB,OAAG,CACxD,CACP,CAAC;AACJ,CAAC;AAED,eAAe,YAAY,CAAC"}
|
|
@@ -10,8 +10,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
/* eslint-disable jsx-a11y/interactive-supports-focus */
|
|
13
|
-
import cl from "clsx";
|
|
14
13
|
import React, { forwardRef, useRef } from "react";
|
|
14
|
+
import { useRenameCSS } from "../../../theme/Theme.js";
|
|
15
15
|
import { composeEventHandlers } from "../../../util/composeEventHandlers.js";
|
|
16
16
|
import { useMergeRefs } from "../../../util/hooks/useMergeRefs.js";
|
|
17
17
|
import ScrollButton from "./ScrollButtons.js";
|
|
@@ -19,13 +19,14 @@ import { useScrollButtons } from "./useScrollButtons.js";
|
|
|
19
19
|
import { useTabList } from "./useTabList.js";
|
|
20
20
|
export const TabList = forwardRef((_a, ref) => {
|
|
21
21
|
var { className, onKeyDown } = _a, rest = __rest(_a, ["className", "onKeyDown"]);
|
|
22
|
+
const { cn } = useRenameCSS();
|
|
22
23
|
const { onKeyDown: _onKeyDown } = useTabList();
|
|
23
24
|
const listRef = useRef(null);
|
|
24
25
|
const mergedRef = useMergeRefs(listRef, ref);
|
|
25
26
|
const scrollCtx = useScrollButtons(listRef);
|
|
26
|
-
return (React.createElement("div", { className: "navds-tabs__tablist-wrapper" },
|
|
27
|
+
return (React.createElement("div", { className: cn("navds-tabs__tablist-wrapper") },
|
|
27
28
|
scrollCtx.show && (React.createElement(ScrollButton, { dir: "left", hidden: !scrollCtx.start, onClick: scrollCtx.scrollLeft })),
|
|
28
|
-
React.createElement("div", Object.assign({ ref: mergedRef }, rest, { onScroll: scrollCtx.update, className:
|
|
29
|
+
React.createElement("div", Object.assign({ ref: mergedRef }, rest, { onScroll: scrollCtx.update, className: cn("navds-tabs__tablist", className), role: "tablist", "aria-orientation": "horizontal", onKeyDown: composeEventHandlers(onKeyDown, _onKeyDown) })),
|
|
29
30
|
scrollCtx.show && (React.createElement(ScrollButton, { dir: "right", hidden: !scrollCtx.end, onClick: scrollCtx.scrollRight }))));
|
|
30
31
|
});
|
|
31
32
|
export default TabList;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabList.js","sourceRoot":"","sources":["../../../../src/tabs/parts/tablist/TabList.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,wDAAwD;AACxD,OAAO,
|
|
1
|
+
{"version":3,"file":"TabList.js","sourceRoot":"","sources":["../../../../src/tabs/parts/tablist/TabList.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,wDAAwD;AACxD,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAS1C,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAC/B,CAAC,EAAiC,EAAE,GAAG,EAAE,EAAE;QAA1C,EAAE,SAAS,EAAE,SAAS,OAAW,EAAN,IAAI,cAA/B,0BAAiC,CAAF;IAC9B,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,UAAU,EAAE,CAAC;IAE/C,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC7C,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;IAE7C,MAAM,SAAS,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAE5C,OAAO,CACL,6BAAK,SAAS,EAAE,EAAE,CAAC,6BAA6B,CAAC;QAC9C,SAAS,CAAC,IAAI,IAAI,CACjB,oBAAC,YAAY,IACX,GAAG,EAAC,MAAM,EACV,MAAM,EAAE,CAAC,SAAS,CAAC,KAAK,EACxB,OAAO,EAAE,SAAS,CAAC,UAAU,GAC7B,CACH;QACD,2CACE,GAAG,EAAE,SAAS,IACV,IAAI,IACR,QAAQ,EAAE,SAAS,CAAC,MAAM,EAC1B,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,EAC/C,IAAI,EAAC,SAAS,sBACG,YAAY,EAC7B,SAAS,EAAE,oBAAoB,CAAC,SAAS,EAAE,UAAU,CAAC,IACtD;QACD,SAAS,CAAC,IAAI,IAAI,CACjB,oBAAC,YAAY,IACX,GAAG,EAAC,OAAO,EACX,MAAM,EAAE,CAAC,SAAS,CAAC,GAAG,EACtB,OAAO,EAAE,SAAS,CAAC,WAAW,GAC9B,CACH,CACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -9,14 +9,15 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import cl from "clsx";
|
|
13
12
|
import React, { forwardRef } from "react";
|
|
13
|
+
import { useRenameCSS } from "../../../theme/Theme.js";
|
|
14
14
|
import { useTabPanel } from "./useTabPanel.js";
|
|
15
15
|
const TabPanel = forwardRef((_a, ref) => {
|
|
16
16
|
var _b;
|
|
17
17
|
var { className, value, children, lazy = true, id } = _a, rest = __rest(_a, ["className", "value", "children", "lazy", "id"]);
|
|
18
18
|
const ctx = useTabPanel({ value });
|
|
19
|
-
|
|
19
|
+
const { cn } = useRenameCSS();
|
|
20
|
+
return (React.createElement("div", Object.assign({ ref: ref }, rest, { className: cn("navds-tabs__tabpanel", className), role: "tabpanel", tabIndex: 0, "aria-labelledby": (_b = rest["aria-labelledby"]) !== null && _b !== void 0 ? _b : ctx.labelledbyId, id: id !== null && id !== void 0 ? id : ctx.id, hidden: ctx.hidden, "data-state": !ctx.hidden ? "active" : "inactive" }), lazy && ctx.hidden ? null : children));
|
|
20
21
|
});
|
|
21
22
|
export default TabPanel;
|
|
22
23
|
//# sourceMappingURL=TabPanel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabPanel.js","sourceRoot":"","sources":["../../../../src/tabs/parts/tabpanel/TabPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"TabPanel.js","sourceRoot":"","sources":["../../../../src/tabs/parts/tabpanel/TabPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAyB5C,MAAM,QAAQ,GAAG,UAAU,CACzB,CAAC,EAAwD,EAAE,GAAG,EAAE,EAAE;;QAAjE,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAG,IAAI,EAAE,EAAE,OAAW,EAAN,IAAI,cAAtD,gDAAwD,CAAF;IACrD,MAAM,GAAG,GAAG,WAAW,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IACnC,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,OAAO,CACL,2CACE,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,EAChD,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,CAAC,qBACM,MAAA,IAAI,CAAC,iBAAiB,CAAC,mCAAI,GAAG,CAAC,YAAY,EAC5D,EAAE,EAAE,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,GAAG,CAAC,EAAE,EAChB,MAAM,EAAE,GAAG,CAAC,MAAM,gBACN,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,KAE9C,IAAI,IAAI,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CACjC,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
package/esm/tag/Tag.js
CHANGED
|
@@ -9,8 +9,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import cl from "clsx";
|
|
13
12
|
import React, { forwardRef } from "react";
|
|
13
|
+
import { useRenameCSS } from "../theme/Theme.js";
|
|
14
14
|
import { BodyShort } from "../typography/index.js";
|
|
15
15
|
/**
|
|
16
16
|
* A component that displays a small label with a text and a background color.
|
|
@@ -25,11 +25,12 @@ import { BodyShort } from "../typography/index.js";
|
|
|
25
25
|
*/
|
|
26
26
|
export const Tag = forwardRef((_a, ref) => {
|
|
27
27
|
var { children, className, variant, size = "medium", icon } = _a, rest = __rest(_a, ["children", "className", "variant", "size", "icon"]);
|
|
28
|
+
const { cn } = useRenameCSS();
|
|
28
29
|
const filledVariant = (variant === null || variant === void 0 ? void 0 : variant.endsWith("-filled")) && "strong";
|
|
29
30
|
const moderateVariant = (variant === null || variant === void 0 ? void 0 : variant.endsWith("-moderate")) && "moderate";
|
|
30
31
|
const color = variant === null || variant === void 0 ? void 0 : variant.replace("-filled", "").replace("-moderate", "");
|
|
31
|
-
return (React.createElement(BodyShort, Object.assign({}, rest, { ref: ref, as: "span", size: size === "medium" ? "medium" : "small", className:
|
|
32
|
-
icon && React.createElement("span", { className: "navds-tag__icon--left" }, icon),
|
|
32
|
+
return (React.createElement(BodyShort, Object.assign({}, rest, { ref: ref, as: "span", size: size === "medium" ? "medium" : "small", className: cn("navds-tag", className, `navds-tag--${variant}`, `navds-tag--${size}`, `navds-tag--${filledVariant || moderateVariant || "outline"}`, `navds-tag--${color}`) }),
|
|
33
|
+
icon && React.createElement("span", { className: cn("navds-tag__icon--left") }, icon),
|
|
33
34
|
children));
|
|
34
35
|
});
|
|
35
36
|
export default Tag;
|
package/esm/tag/Tag.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../src/tag/Tag.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../src/tag/Tag.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAkD1C;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,GAAG,GAAG,UAAU,CAC3B,CAAC,EAAgE,EAAE,GAAG,EAAE,EAAE;QAAzE,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,GAAG,QAAQ,EAAE,IAAI,OAAW,EAAN,IAAI,cAA9D,oDAAgE,CAAF;IAC7D,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,aAAa,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC,SAAS,CAAC,KAAI,QAAQ,CAAC;IAC/D,MAAM,eAAe,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC,WAAW,CAAC,KAAI,UAAU,CAAC;IACrE,MAAM,KAAK,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAC,SAAS,EAAE,EAAE,EAAE,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;IAEvE,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,MAAM,EACT,IAAI,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAC5C,SAAS,EAAE,EAAE,CACX,WAAW,EACX,SAAS,EACT,cAAc,OAAO,EAAE,EACvB,cAAc,IAAI,EAAE,EACpB,cAAc,aAAa,IAAI,eAAe,IAAI,SAAS,EAAE,EAC7D,cAAc,KAAK,EAAE,CACtB;QAEA,IAAI,IAAI,8BAAM,SAAS,EAAE,EAAE,CAAC,uBAAuB,CAAC,IAAG,IAAI,CAAQ;QACnE,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,GAAG,CAAC"}
|
package/esm/theme/Theme.d.ts
CHANGED
|
@@ -2,6 +2,9 @@ import cl from "clsx";
|
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { AsChildProps } from "../util/types/index.js";
|
|
4
4
|
type RenameCSSContext = {
|
|
5
|
+
/**
|
|
6
|
+
* Extends `clsx` with custom className handler
|
|
7
|
+
*/
|
|
5
8
|
cn: (...inputs: Parameters<typeof cl>) => ReturnType<typeof cl>;
|
|
6
9
|
};
|
|
7
10
|
declare const useRenameCSS: <S extends boolean = true>(strict?: S) => S extends true ? RenameCSSContext : RenameCSSContext | undefined;
|
|
@@ -9,7 +12,7 @@ export declare const compositeClassFunction: (...inputs: Parameters<typeof cl>)
|
|
|
9
12
|
type ThemeContext = {
|
|
10
13
|
/**
|
|
11
14
|
* Color theme
|
|
12
|
-
* @default "light"
|
|
15
|
+
* @default Inherits parent theme, or "light" if root
|
|
13
16
|
*/
|
|
14
17
|
theme?: "light" | "dark";
|
|
15
18
|
};
|
package/esm/theme/Theme.js
CHANGED
|
@@ -17,9 +17,7 @@ export const compositeClassFunction = (...inputs) => {
|
|
|
17
17
|
return classes.trim();
|
|
18
18
|
};
|
|
19
19
|
const RenameCSS = ({ children }) => {
|
|
20
|
-
|
|
21
|
-
/* <RenameCSSProvider cn={compositeClassFunction}> */
|
|
22
|
-
return React.createElement(RenameCSSProvider, { cn: cl }, children);
|
|
20
|
+
return (React.createElement(RenameCSSProvider, { cn: compositeClassFunction }, children));
|
|
23
21
|
};
|
|
24
22
|
const [ThemeProvider, useThemeInternal] = createContext({
|
|
25
23
|
hookName: "useTheme",
|
|
@@ -35,7 +33,7 @@ const Theme = forwardRef((props, ref) => {
|
|
|
35
33
|
const SlotElement = asChild ? Slot : "div";
|
|
36
34
|
return (React.createElement(ThemeProvider, { theme: theme },
|
|
37
35
|
React.createElement(RenameCSS, null,
|
|
38
|
-
React.createElement(SlotElement, { ref: ref, className: cl("
|
|
36
|
+
React.createElement(SlotElement, { ref: ref, className: cl("aksel-theme", className, theme), "data-background": hasBackground }, children))));
|
|
39
37
|
});
|
|
40
38
|
export { Theme, useRenameCSS, useThemeInternal };
|
|
41
39
|
//# sourceMappingURL=Theme.js.map
|
package/esm/theme/Theme.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Theme.js","sourceRoot":"","sources":["../../src/theme/Theme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"Theme.js","sourceRoot":"","sources":["../../src/theme/Theme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAavD,MAAM,CAAC,iBAAiB,EAAE,YAAY,CAAC,GAAG,aAAa,CAAmB;IACxE,QAAQ,EAAE,cAAc;IACxB,IAAI,EAAE,WAAW;IACjB,YAAY,EAAE,mBAAmB;IACjC,YAAY,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;CACzB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,GAAG,MAA6B,EACxB,EAAE;IACV,MAAM,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC;QACxB,sDAAsD;SACrD,OAAO,CAAC,UAAU,EAAE,QAAQ,CAAC;QAC9B,iCAAiC;SAChC,OAAO,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IAEnC,OAAO,OAAO,CAAC,IAAI,EAAE,CAAC;AACxB,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE;IAChE,OAAO,CACL,oBAAC,iBAAiB,IAAC,EAAE,EAAE,sBAAsB,IAC1C,QAAQ,CACS,CACrB,CAAC;AACJ,CAAC,CAAC;AAaF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,aAAa,CAAe;IACpE,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,eAAe;IACrB,YAAY,EAAE,eAAe;CAC9B,CAAC,CAAC;AAQH,MAAM,KAAK,GAAG,UAAU,CACtB,CAAC,KAAiB,EAAE,GAAG,EAAE,EAAE;;IACzB,MAAM,OAAO,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,mCAAI,OAAO,EACjC,aAAa,EAAE,iBAAiB,GAAG,IAAI,GACxC,GAAG,KAAK,CAAC;IAEV,MAAM,MAAM,GAAG,OAAO,KAAK,SAAS,CAAC;IAErC,MAAM,aAAa,GACjB,iBAAiB,aAAjB,iBAAiB,cAAjB,iBAAiB,GAAI,CAAC,MAAM,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC;IAE7D,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAE3C,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK;QACzB,oBAAC,SAAS;YACR,oBAAC,WAAW,IACV,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE,KAAK,CAAC,qBAC7B,aAAa,IAE7B,QAAQ,CACG,CACJ,CACE,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { addDays, addMonths, addYears, differenceInDays, differenceInMonths, differenceInYears, endOfMonth, endOfYear, format, startOfDay, startOfMonth, startOfYear, subDays, } from "date-fns";
|
|
2
2
|
import React from "react";
|
|
3
|
+
import { useRenameCSS } from "../theme/Theme.js";
|
|
3
4
|
import { Detail } from "../typography/Detail.js";
|
|
4
5
|
import { useDateLocale, useI18n } from "../util/i18n/i18n.hooks.js";
|
|
5
6
|
import { useTimelineContext } from "./hooks/useTimelineContext.js";
|
|
@@ -79,7 +80,8 @@ export const AxisLabels = ({ templates, }) => {
|
|
|
79
80
|
});
|
|
80
81
|
const locale = useDateLocale();
|
|
81
82
|
const labels = getLabels(startDate, endDate, direction, locale, translate);
|
|
82
|
-
|
|
83
|
+
const { cn } = useRenameCSS();
|
|
84
|
+
return (React.createElement("div", { className: cn("navds-timeline__axislabels"), "aria-hidden": "true" }, labels.filter(isVisible).map((etikett) => (React.createElement(Detail, { className: cn("navds-timeline__axislabels-label"), as: "div", key: etikett.label, style: {
|
|
83
85
|
justifyContent: direction === "left" ? "flex-start" : "flex-end",
|
|
84
86
|
[direction]: `${etikett.horizontalPosition}%`,
|
|
85
87
|
width: `${etikett.width}%`,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AxisLabels.js","sourceRoot":"","sources":["../../src/timeline/AxisLabels.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"AxisLabels.js","sourceRoot":"","sources":["../../src/timeline/AxisLabels.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,OAAO,EACP,SAAS,EACT,QAAQ,EACR,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,UAAU,EACV,SAAS,EACT,MAAM,EACN,UAAU,EACV,YAAY,EACZ,WAAW,EACX,OAAO,GACR,MAAM,UAAU,CAAC;AAClB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAEjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAG1D,MAAM,CAAC,MAAM,SAAS,GAAG,CACvB,KAAW,EACX,GAAS,EACT,SAAiB,EACjB,SAA2B,EAC3B,QAAgB,EAChB,MAAc,EACD,EAAE;IACf,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC,CAAC;IAC5C,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;IAChC,OAAO,IAAI,KAAK,CAAC,SAAS,CAAC;SACxB,IAAI,CAAC,OAAO,CAAC;SACb,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE;QAClB,IAAI,CAAC,GAAG,SAAS,KAAK,CAAC;YAAE,OAAO,IAAI,CAAC;QACrC,MAAM,GAAG,GAAS,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;QACtC,MAAM,EAAE,kBAAkB,EAAE,KAAK,EAAE,GAAG,0BAA0B,CAC9D,GAAG,EACH,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EACf,KAAK,EACL,GAAG,CACJ,CAAC;QACF,OAAO;YACL,SAAS;YACT,kBAAkB;YAClB,KAAK,EAAE,MAAM,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,CAAC;YACxC,IAAI,EAAE,GAAG;YACT,KAAK;SACN,CAAC;IACJ,CAAC,CAAC;SACD,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,IAAI,CAAgB,CAAC;AACtD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,KAAW,EACX,GAAS,EACT,SAA2B,EAC3B,QAAgB,EAChB,MAAc,EACD,EAAE;IACf,MAAM,UAAU,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACvC,MAAM,QAAQ,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;IACjC,MAAM,cAAc,GAAG,kBAAkB,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC;IACpE,OAAO,IAAI,KAAK,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,CAAC,EAAE,EAAE;QACrE,MAAM,KAAK,GAAS,SAAS,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;QAC5C,MAAM,EAAE,kBAAkB,EAAE,KAAK,EAAE,GAAG,0BAA0B,CAC9D,KAAK,EACL,SAAS,CAAC,KAAK,EAAE,CAAC,CAAC,EACnB,KAAK,EACL,GAAG,CACJ,CAAC;QACF,OAAO;YACL,SAAS;YACT,kBAAkB;YAClB,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,CAAC;YAC1C,IAAI,EAAE,KAAK;YACX,KAAK;SACN,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,KAAW,EACX,GAAS,EACT,SAA2B,EAC3B,QAAgB,EAChB,MAAc,EACD,EAAE;IACf,MAAM,SAAS,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IACrC,MAAM,QAAQ,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC;IAChC,MAAM,SAAS,GAAG,iBAAiB,CAAC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACzD,OAAO,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE;QAC9D,MAAM,IAAI,GAAS,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;QACzC,MAAM,EAAE,kBAAkB,EAAE,KAAK,EAAE,GAAG,0BAA0B,CAC9D,IAAI,EACJ,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,EACjB,KAAK,EACL,GAAG,CACJ,CAAC;QACF,OAAO;YACL,SAAS;YACT,kBAAkB;YAClB,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,CAAC;YACzC,IAAI,EAAE,IAAI;YACV,KAAK;SACN,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAChB,KAAW,EACX,GAAS,EACT,SAA2B,EAC3B,MAAc,EACd,SAAgC,EACnB,EAAE;IACf,MAAM,SAAS,GAAG,gBAAgB,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IAC/C,IAAI,SAAS,GAAG,EAAE,EAAE,CAAC;QACnB,MAAM,WAAW,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC;QAC3C,OAAO,SAAS,CAAC,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;IAC1E,CAAC;IAED,IAAI,SAAS,GAAG,GAAG,EAAE,CAAC;QACpB,MAAM,aAAa,GAAG,SAAS,CAAC,aAAa,CAAC,CAAC;QAC/C,OAAO,WAAW,CAAC,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,CAAC,CAAC;IACnE,CAAC;IAED,MAAM,YAAY,GAAG,SAAS,CAAC,YAAY,CAAC,CAAC;IAC7C,OAAO,UAAU,CAAC,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;AACjE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,SAAS,GAGV,EAAE,EAAE;IACH,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAE/D,MAAM,SAAS,GAAG,OAAO,CAAC,UAAU,EAAE;QACpC,SAAS,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,GAAG;QACzB,WAAW,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK;QAC7B,UAAU,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI;KAC5B,CAAC,CAAC;IACH,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,MAAM,MAAM,GAAG,SAAS,CAAC,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC;IAE3E,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,OAAO,CACL,6BAAK,SAAS,EAAE,EAAE,CAAC,4BAA4B,CAAC,iBAAc,MAAM,IACjE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACzC,oBAAC,MAAM,IACL,SAAS,EAAE,EAAE,CAAC,kCAAkC,CAAC,EACjD,EAAE,EAAC,KAAK,EACR,GAAG,EAAE,OAAO,CAAC,KAAK,EAClB,KAAK,EAAE;YACL,cAAc,EAAE,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU;YAChE,CAAC,SAAS,CAAC,EAAE,GAAG,OAAO,CAAC,kBAAkB,GAAG;YAC7C,KAAK,EAAE,GAAG,OAAO,CAAC,KAAK,GAAG;SAC3B,IAEA,OAAO,CAAC,KAAK,CACP,CACV,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}
|
package/esm/timeline/Pin.js
CHANGED
|
@@ -12,13 +12,14 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
12
12
|
import { FloatingFocusManager, autoUpdate, arrow as flArrow, flip, offset, safePolygon, shift, useDismiss, useFloating, useFocus, useHover, useInteractions, useRole, } from "@floating-ui/react";
|
|
13
13
|
import { format } from "date-fns";
|
|
14
14
|
import React, { forwardRef, useRef, useState } from "react";
|
|
15
|
-
import { useThemeInternal } from "../theme/Theme.js";
|
|
15
|
+
import { useRenameCSS, useThemeInternal } from "../theme/Theme.js";
|
|
16
16
|
import { useMergeRefs } from "../util/hooks/useMergeRefs.js";
|
|
17
17
|
import { useI18n } from "../util/i18n/i18n.hooks.js";
|
|
18
18
|
import { useTimelineContext } from "./hooks/useTimelineContext.js";
|
|
19
19
|
import { position } from "./utils/calc.js";
|
|
20
20
|
export const Pin = forwardRef((_a, ref) => {
|
|
21
21
|
var { date, children } = _a, rest = __rest(_a, ["date", "children"]);
|
|
22
|
+
const { cn } = useRenameCSS();
|
|
22
23
|
const { startDate, endDate, direction } = useTimelineContext();
|
|
23
24
|
const [open, setOpen] = useState(false);
|
|
24
25
|
const arrowRef = useRef(null);
|
|
@@ -60,8 +61,8 @@ export const Pin = forwardRef((_a, ref) => {
|
|
|
60
61
|
left: "right",
|
|
61
62
|
}[placement.split("-")[0]];
|
|
62
63
|
return (React.createElement(React.Fragment, null,
|
|
63
|
-
React.createElement("div", { className: "navds-timeline__pin-wrapper", style: { [direction]: `${position(date, startDate, endDate)}%` } },
|
|
64
|
-
React.createElement("button", Object.assign({}, rest, { ref: mergedRef, className: "navds-timeline__pin-button", "aria-label": translate("Pin.pin", {
|
|
64
|
+
React.createElement("div", { className: cn("navds-timeline__pin-wrapper"), style: { [direction]: `${position(date, startDate, endDate)}%` } },
|
|
65
|
+
React.createElement("button", Object.assign({}, rest, { ref: mergedRef, className: cn("navds-timeline__pin-button"), "aria-label": translate("Pin.pin", {
|
|
65
66
|
date: format(date, translate("dateFormat")),
|
|
66
67
|
}), type: "button", "aria-expanded": children ? open : undefined }, getReferenceProps({
|
|
67
68
|
onKeyDown: (e) => {
|
|
@@ -76,9 +77,9 @@ export const Pin = forwardRef((_a, ref) => {
|
|
|
76
77
|
},
|
|
77
78
|
})))),
|
|
78
79
|
children && open && (React.createElement(FloatingFocusManager, { context: context, modal: false, initialFocus: -1, returnFocus: false },
|
|
79
|
-
React.createElement("div", Object.assign({ className: "navds-timeline__popover", "data-placement": placement, ref: refs.setFloating }, getFloatingProps(), { tabIndex: undefined, style: floatingStyles }),
|
|
80
|
+
React.createElement("div", Object.assign({ className: cn("navds-timeline__popover"), "data-placement": placement, ref: refs.setFloating }, getFloatingProps(), { tabIndex: undefined, style: floatingStyles }),
|
|
80
81
|
children,
|
|
81
|
-
showArrow && (React.createElement("div", { ref: arrowRef, style: Object.assign(Object.assign(Object.assign({}, (arrowX != null ? { left: arrowX } : {})), (arrowY != null ? { top: arrowY } : {})), (staticSide ? { [staticSide]: "-0.5rem" } : {})), className: "navds-timeline__popover-arrow" })))))));
|
|
82
|
+
showArrow && (React.createElement("div", { ref: arrowRef, style: Object.assign(Object.assign(Object.assign({}, (arrowX != null ? { left: arrowX } : {})), (arrowY != null ? { top: arrowY } : {})), (staticSide ? { [staticSide]: "-0.5rem" } : {})), className: cn("navds-timeline__popover-arrow") })))))));
|
|
82
83
|
});
|
|
83
84
|
Pin.componentType = "pin";
|
|
84
85
|
export default Pin;
|
package/esm/timeline/Pin.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pin.js","sourceRoot":"","sources":["../../src/timeline/Pin.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EACL,oBAAoB,EACpB,UAAU,EACV,KAAK,IAAI,OAAO,EAChB,IAAI,EACJ,MAAM,EACN,WAAW,EACX,KAAK,EACL,UAAU,EACV,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,eAAe,EACf,OAAO,GACR,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"Pin.js","sourceRoot":"","sources":["../../src/timeline/Pin.tsx"],"names":[],"mappings":"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"}
|
package/esm/timeline/Timeline.js
CHANGED
|
@@ -11,6 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import { endOfDay, isSameDay, startOfDay } from "date-fns";
|
|
13
13
|
import React, { forwardRef, useMemo, useRef, useState } from "react";
|
|
14
|
+
import { useRenameCSS } from "../theme/Theme.js";
|
|
14
15
|
import { AxisLabels } from "./AxisLabels.js";
|
|
15
16
|
import Pin from "./Pin.js";
|
|
16
17
|
import TimelineRow from "./TimelineRow.js";
|
|
@@ -41,6 +42,7 @@ import Zoom from "./zoom/index.js";
|
|
|
41
42
|
*/
|
|
42
43
|
export const Timeline = forwardRef((_a, ref) => {
|
|
43
44
|
var { children, startDate, endDate, direction = "left", axisLabelTemplates } = _a, rest = __rest(_a, ["children", "startDate", "endDate", "direction", "axisLabelTemplates"]);
|
|
45
|
+
const { cn } = useRenameCSS();
|
|
44
46
|
const isMultipleRows = Array.isArray(children);
|
|
45
47
|
const firstFocusabled = useRef([]);
|
|
46
48
|
if (!isMultipleRows) {
|
|
@@ -131,7 +133,7 @@ export const Timeline = forwardRef((_a, ref) => {
|
|
|
131
133
|
addFocusable,
|
|
132
134
|
} },
|
|
133
135
|
React.createElement("div", Object.assign({}, rest, { ref: ref }),
|
|
134
|
-
React.createElement("div", { className: "navds-timeline" },
|
|
136
|
+
React.createElement("div", { className: cn("navds-timeline") },
|
|
135
137
|
React.createElement(AxisLabels, { templates: axisLabelTemplates }),
|
|
136
138
|
pins.map((PinChild, i) => (React.createElement(PinChild, { key: `pin-${i}` }))),
|
|
137
139
|
processedRows.map((row, i) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Timeline.js","sourceRoot":"","sources":["../../src/timeline/Timeline.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Timeline.js","sourceRoot":"","sources":["../../src/timeline/Timeline.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,9 +9,9 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import cl from "clsx";
|
|
13
12
|
import { format } from "date-fns";
|
|
14
13
|
import React, { forwardRef } from "react";
|
|
14
|
+
import { useRenameCSS } from "../theme/Theme.js";
|
|
15
15
|
import { BodyShort } from "../typography/BodyShort.js";
|
|
16
16
|
import { useI18n } from "../util/i18n/i18n.hooks.js";
|
|
17
17
|
import { PeriodContext } from "./hooks/usePeriodContext.js";
|
|
@@ -20,6 +20,7 @@ import { useTimelineContext } from "./hooks/useTimelineContext.js";
|
|
|
20
20
|
import Period from "./period/index.js";
|
|
21
21
|
export const TimelineRow = forwardRef((_a, ref) => {
|
|
22
22
|
var { label, className, headingTag = "h3", icon } = _a, rest = __rest(_a, ["label", "className", "headingTag", "icon"]);
|
|
23
|
+
const { cn } = useRenameCSS();
|
|
23
24
|
const { periods, id, active } = useRowContext();
|
|
24
25
|
const { setActiveRow } = useTimelineContext();
|
|
25
26
|
const translate = useI18n("Timeline");
|
|
@@ -31,10 +32,10 @@ export const TimelineRow = forwardRef((_a, ref) => {
|
|
|
31
32
|
}, {});
|
|
32
33
|
const firstFocusable = periods.find((p) => !!p.children || !!p.onSelectPeriod);
|
|
33
34
|
return (React.createElement(React.Fragment, null,
|
|
34
|
-
label && (React.createElement(BodyShort, { as: headingTag, id: `timeline-row-${id}`, className: "navds-timeline__row-label", size: "small" },
|
|
35
|
+
label && (React.createElement(BodyShort, { as: headingTag, id: `timeline-row-${id}`, className: cn("navds-timeline__row-label"), size: "small" },
|
|
35
36
|
icon,
|
|
36
37
|
label)),
|
|
37
|
-
React.createElement("div", { className:
|
|
38
|
+
React.createElement("div", { className: cn("navds-timeline__row", {
|
|
38
39
|
"navds-timeline__row--active": active,
|
|
39
40
|
}) },
|
|
40
41
|
React.createElement("ol", Object.assign({}, rest, { tabIndex: -1, ref: ref, "aria-label": periods.length === 0
|
|
@@ -42,7 +43,7 @@ export const TimelineRow = forwardRef((_a, ref) => {
|
|
|
42
43
|
: translate("Row.period", {
|
|
43
44
|
start: format(earliest.start, translate("dateFormat")),
|
|
44
45
|
end: format(latest.end, translate("dateFormat")),
|
|
45
|
-
}), className:
|
|
46
|
+
}), className: cn("navds-timeline__row-periods", className), onKeyDown: (e) => {
|
|
46
47
|
if (e.key === "ArrowDown" || e.key === "ArrowUp") {
|
|
47
48
|
e.preventDefault();
|
|
48
49
|
setActiveRow(e.key);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimelineRow.js","sourceRoot":"","sources":["../../src/timeline/TimelineRow.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"TimelineRow.js","sourceRoot":"","sources":["../../src/timeline/TimelineRow.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { FloatingFocusManager, autoUpdate, arrow as flArrow, flip, offset, safePolygon, shift, useDismiss, useFloating, useFocus, useHover, useInteractions, useRole, } from "@floating-ui/react";
|
|
2
|
-
import cl from "clsx";
|
|
3
2
|
import React, { useRef, useState } from "react";
|
|
4
|
-
import { useThemeInternal } from "../../theme/Theme.js";
|
|
3
|
+
import { useRenameCSS, useThemeInternal } from "../../theme/Theme.js";
|
|
5
4
|
import { useMergeRefs } from "../../util/hooks/useMergeRefs.js";
|
|
6
5
|
import { useI18n } from "../../util/i18n/i18n.hooks.js";
|
|
7
6
|
import { usePeriodContext } from "../hooks/usePeriodContext.js";
|
|
@@ -9,6 +8,7 @@ import { useRowContext } from "../hooks/useRowContext.js";
|
|
|
9
8
|
import { useTimelineContext } from "../hooks/useTimelineContext.js";
|
|
10
9
|
import { ariaLabel, getConditionalClasses } from "../utils/period.js";
|
|
11
10
|
const ClickablePeriod = React.memo(({ onSelectPeriod, start, end, status, cropped, direction, left, width, icon, children, isActive, statusLabel, restProps, periodRef, }) => {
|
|
11
|
+
const { cn } = useRenameCSS();
|
|
12
12
|
const [open, setOpen] = useState(false);
|
|
13
13
|
const { index } = useRowContext();
|
|
14
14
|
const { firstFocus } = usePeriodContext();
|
|
@@ -55,7 +55,7 @@ const ClickablePeriod = React.memo(({ onSelectPeriod, start, end, status, croppe
|
|
|
55
55
|
React.createElement("button", Object.assign({}, restProps, { type: "button", ref: (r) => {
|
|
56
56
|
firstFocus && addFocusable(r, index);
|
|
57
57
|
mergedRef(r);
|
|
58
|
-
}, "aria-label": ariaLabel(start, end, status, statusLabel, translate), className:
|
|
58
|
+
}, "aria-label": ariaLabel(start, end, status, statusLabel, translate), className: cn("navds-timeline__period--clickable", getConditionalClasses(cropped, direction, status), restProps === null || restProps === void 0 ? void 0 : restProps.className, {
|
|
59
59
|
"navds-timeline__period--selected": isActive,
|
|
60
60
|
}), "aria-expanded": children ? open : undefined, "aria-current": isActive || undefined }, getReferenceProps({
|
|
61
61
|
onFocus: () => {
|
|
@@ -85,11 +85,11 @@ const ClickablePeriod = React.memo(({ onSelectPeriod, start, end, status, croppe
|
|
|
85
85
|
onSelectPeriod === null || onSelectPeriod === void 0 ? void 0 : onSelectPeriod(e);
|
|
86
86
|
},
|
|
87
87
|
})),
|
|
88
|
-
React.createElement("span", { className: "navds-timeline__period--inner" }, icon)),
|
|
88
|
+
React.createElement("span", { className: cn("navds-timeline__period--inner") }, icon)),
|
|
89
89
|
children && open && (React.createElement(FloatingFocusManager, { context: context, modal: false, initialFocus: -1, returnFocus: false },
|
|
90
|
-
React.createElement("div", Object.assign({ className: "navds-timeline__popover", "data-placement": placement, ref: refs.setFloating }, getFloatingProps(), { style: floatingStyles }),
|
|
90
|
+
React.createElement("div", Object.assign({ className: cn("navds-timeline__popover"), "data-placement": placement, ref: refs.setFloating }, getFloatingProps(), { style: floatingStyles }),
|
|
91
91
|
children,
|
|
92
|
-
showArrow && (React.createElement("div", { ref: arrowRef, style: Object.assign(Object.assign(Object.assign({}, (arrowX != null ? { left: arrowX } : {})), (arrowY != null ? { top: arrowY } : {})), (staticSide ? { [staticSide]: "-0.5rem" } : {})), className: "navds-timeline__popover-arrow" })))))));
|
|
92
|
+
showArrow && (React.createElement("div", { ref: arrowRef, style: Object.assign(Object.assign(Object.assign({}, (arrowX != null ? { left: arrowX } : {})), (arrowY != null ? { top: arrowY } : {})), (staticSide ? { [staticSide]: "-0.5rem" } : {})), className: cn("navds-timeline__popover-arrow") })))))));
|
|
93
93
|
});
|
|
94
94
|
export default ClickablePeriod;
|
|
95
95
|
//# sourceMappingURL=ClickablePeriod.js.map
|