@navikt/ds-react 7.14.3 → 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/alert/Alert.js
CHANGED
|
@@ -9,10 +9,10 @@ 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";
|
|
14
13
|
import { CheckmarkCircleFillIcon, ExclamationmarkTriangleFillIcon, InformationSquareFillIcon, XMarkIcon, XMarkOctagonFillIcon, } from "@navikt/aksel-icons";
|
|
15
14
|
import { Button } from "../button/index.js";
|
|
15
|
+
import { useRenameCSS } from "../theme/Theme.js";
|
|
16
16
|
import { BodyLong } from "../typography/index.js";
|
|
17
17
|
import { useI18n } from "../util/i18n/i18n.hooks.js";
|
|
18
18
|
const IconMap = {
|
|
@@ -32,17 +32,18 @@ const IconMap = {
|
|
|
32
32
|
*/
|
|
33
33
|
export const Alert = forwardRef((_a, ref) => {
|
|
34
34
|
var { children, className, variant, size = "medium", fullWidth = false, contentMaxWidth = true, inline = false, closeButton = false, onClose } = _a, rest = __rest(_a, ["children", "className", "variant", "size", "fullWidth", "contentMaxWidth", "inline", "closeButton", "onClose"]);
|
|
35
|
+
const { cn } = useRenameCSS();
|
|
35
36
|
const translate = useI18n("Alert");
|
|
36
37
|
const Icon = IconMap[variant];
|
|
37
|
-
return (React.createElement("div", Object.assign({}, rest, { ref: ref, className:
|
|
38
|
+
return (React.createElement("div", Object.assign({}, rest, { ref: ref, className: cn(className, "navds-alert", `navds-alert--${variant}`, `navds-alert--${size}`, {
|
|
38
39
|
"navds-alert--full-width": fullWidth,
|
|
39
40
|
"navds-alert--inline": inline,
|
|
40
41
|
"navds-alert--close-button": closeButton,
|
|
41
42
|
}) }),
|
|
42
|
-
React.createElement(Icon, { title: translate(variant), className: "navds-alert__icon" }),
|
|
43
|
-
React.createElement(BodyLong, { as: "div", size: size, className:
|
|
44
|
-
closeButton && !inline && (React.createElement("div", { className: "navds-alert__button-wrapper" },
|
|
45
|
-
React.createElement(Button, { className: "navds-alert__button", size: "small", variant: "tertiary-neutral", onClick: onClose, type: "button", icon: React.createElement(XMarkIcon, { title: ["error", "warning"].includes(variant)
|
|
43
|
+
React.createElement(Icon, { title: translate(variant), className: cn("navds-alert__icon") }),
|
|
44
|
+
React.createElement(BodyLong, { as: "div", size: size, className: cn("navds-alert__wrapper", contentMaxWidth && "navds-alert__wrapper--maxwidth") }, children),
|
|
45
|
+
closeButton && !inline && (React.createElement("div", { className: cn("navds-alert__button-wrapper") },
|
|
46
|
+
React.createElement(Button, { className: cn("navds-alert__button"), size: "small", variant: "tertiary-neutral", onClick: onClose, type: "button", icon: React.createElement(XMarkIcon, { title: ["error", "warning"].includes(variant)
|
|
46
47
|
? translate("closeAlert")
|
|
47
48
|
: translate("closeMessage") }) })))));
|
|
48
49
|
});
|
package/esm/alert/Alert.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/alert/Alert.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/alert/Alert.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,uBAAuB,EACvB,+BAA+B,EAC/B,yBAAyB,EACzB,SAAS,EACT,oBAAoB,GACrB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AA8ClD,MAAM,OAAO,GAAG;IACd,KAAK,EAAE,oBAAoB;IAC3B,OAAO,EAAE,+BAA+B;IACxC,IAAI,EAAE,yBAAyB;IAC/B,OAAO,EAAE,uBAAuB;CACjC,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CACE,EAWC,EACD,GAAG,EACH,EAAE;QAbF,EACE,QAAQ,EACR,SAAS,EACT,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,SAAS,GAAG,KAAK,EACjB,eAAe,GAAG,IAAI,EACtB,MAAM,GAAG,KAAK,EACd,WAAW,GAAG,KAAK,EACnB,OAAO,OAER,EADI,IAAI,cAVT,gHAWC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,SAAS,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IACnC,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAC9B,OAAO,CACL,6CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,aAAa,EACb,gBAAgB,OAAO,EAAE,EACzB,gBAAgB,IAAI,EAAE,EACtB;YACE,yBAAyB,EAAE,SAAS;YACpC,qBAAqB,EAAE,MAAM;YAC7B,2BAA2B,EAAE,WAAW;SACzC,CACF;QAED,oBAAC,IAAI,IAAC,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,EAAE,SAAS,EAAE,EAAE,CAAC,mBAAmB,CAAC,GAAI;QACvE,oBAAC,QAAQ,IACP,EAAE,EAAC,KAAK,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,sBAAsB,EACtB,eAAe,IAAI,gCAAgC,CACpD,IAEA,QAAQ,CACA;QACV,WAAW,IAAI,CAAC,MAAM,IAAI,CACzB,6BAAK,SAAS,EAAE,EAAE,CAAC,6BAA6B,CAAC;YAC/C,oBAAC,MAAM,IACL,SAAS,EAAE,EAAE,CAAC,qBAAqB,CAAC,EACpC,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,kBAAkB,EAC1B,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,QAAQ,EACb,IAAI,EACF,oBAAC,SAAS,IACR,KAAK,EACH,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC;wBACpC,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC;wBACzB,CAAC,CAAC,SAAS,CAAC,cAAc,CAAC,GAE/B,GAEJ,CACE,CACP,CACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
package/esm/button/Button.js
CHANGED
|
@@ -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 React, { forwardRef } from "react";
|
|
14
13
|
import { Loader } from "../loader/index.js";
|
|
14
|
+
import { useRenameCSS } from "../theme/Theme.js";
|
|
15
15
|
import { Label } from "../typography/index.js";
|
|
16
16
|
import { omit } from "../util/index.js";
|
|
17
17
|
import { composeEventHandlers } from "../util/composeEventHandlers.js";
|
|
@@ -27,21 +27,22 @@ import { composeEventHandlers } from "../util/composeEventHandlers.js";
|
|
|
27
27
|
*/
|
|
28
28
|
export const Button = forwardRef((_a, ref) => {
|
|
29
29
|
var { as: Component = "button", variant = "primary", className, children, size = "medium", loading = false, disabled, icon, iconPosition = "left", onKeyUp } = _a, rest = __rest(_a, ["as", "variant", "className", "children", "size", "loading", "disabled", "icon", "iconPosition", "onKeyUp"]);
|
|
30
|
+
const { cn } = useRenameCSS();
|
|
30
31
|
const filterProps = disabled || loading ? omit(rest, ["href"]) : rest;
|
|
31
32
|
const handleKeyUp = (e) => {
|
|
32
33
|
if (e.key === " " && !disabled && !loading) {
|
|
33
34
|
e.currentTarget.click();
|
|
34
35
|
}
|
|
35
36
|
};
|
|
36
|
-
return (React.createElement(Component, Object.assign({}, (Component !== "button" ? { role: "button" } : {}), filterProps, { ref: ref, onKeyUp: composeEventHandlers(onKeyUp, handleKeyUp), className:
|
|
37
|
+
return (React.createElement(Component, Object.assign({}, (Component !== "button" ? { role: "button" } : {}), filterProps, { ref: ref, onKeyUp: composeEventHandlers(onKeyUp, handleKeyUp), className: cn(className, "navds-button", `navds-button--${variant}`, `navds-button--${size}`, {
|
|
37
38
|
"navds-button--loading": loading,
|
|
38
39
|
"navds-button--icon-only": !!icon && !children,
|
|
39
40
|
"navds-button--disabled": disabled !== null && disabled !== void 0 ? disabled : loading,
|
|
40
41
|
}), disabled: (disabled !== null && disabled !== void 0 ? disabled : loading) ? true : undefined }),
|
|
41
|
-
icon && iconPosition === "left" && (React.createElement("span", { className: "navds-button__icon" }, icon)),
|
|
42
|
+
icon && iconPosition === "left" && (React.createElement("span", { className: cn("navds-button__icon") }, icon)),
|
|
42
43
|
loading && React.createElement(Loader, { size: size }),
|
|
43
44
|
children && (React.createElement(Label, { as: "span", size: size === "medium" ? "medium" : "small" }, children)),
|
|
44
|
-
icon && iconPosition === "right" && (React.createElement("span", { className: "navds-button__icon" }, icon))));
|
|
45
|
+
icon && iconPosition === "right" && (React.createElement("span", { className: cn("navds-button__icon") }, icon))));
|
|
45
46
|
});
|
|
46
47
|
export default Button;
|
|
47
48
|
//# sourceMappingURL=Button.js.map
|
package/esm/button/Button.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAgDpE;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,MAAM,GACjB,UAAU,CACR,CACE,EAYC,EACD,GAAG,EACH,EAAE;QAdF,EACE,EAAE,EAAE,SAAS,GAAG,QAAQ,EACxB,OAAO,GAAG,SAAS,EACnB,SAAS,EACT,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,IAAI,EACJ,YAAY,GAAG,MAAM,EACrB,OAAO,OAER,EADI,IAAI,cAXT,4GAYC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,MAAM,WAAW,GACf,QAAQ,IAAI,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAEpD,MAAM,WAAW,GAAG,CAAC,CAAyC,EAAE,EAAE;QAChE,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,QAAQ,IAAI,CAAC,OAAO,EAAE,CAAC;YAC3C,CAAC,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;QAC1B,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,SAAS,oBACJ,CAAC,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAClD,WAAW,IACf,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,oBAAoB,CAAC,OAAO,EAAE,WAAW,CAAC,EACnD,SAAS,EAAE,EAAE,CACX,SAAS,EACT,cAAc,EACd,iBAAiB,OAAO,EAAE,EAC1B,iBAAiB,IAAI,EAAE,EACvB;YACE,uBAAuB,EAAE,OAAO;YAChC,yBAAyB,EAAE,CAAC,CAAC,IAAI,IAAI,CAAC,QAAQ;YAC9C,wBAAwB,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,OAAO;SAC9C,CACF,EACD,QAAQ,EAAE,CAAA,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,OAAO,EAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;QAE/C,IAAI,IAAI,YAAY,KAAK,MAAM,IAAI,CAClC,8BAAM,SAAS,EAAE,EAAE,CAAC,oBAAoB,CAAC,IAAG,IAAI,CAAQ,CACzD;QACA,OAAO,IAAI,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,GAAI;QACjC,QAAQ,IAAI,CACX,oBAAC,KAAK,IAAC,EAAE,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,IAC1D,QAAQ,CACH,CACT;QACA,IAAI,IAAI,YAAY,KAAK,OAAO,IAAI,CACnC,8BAAM,SAAS,EAAE,EAAE,CAAC,oBAAoB,CAAC,IAAG,IAAI,CAAQ,CACzD,CACS,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,eAAe,MAAM,CAAC"}
|
package/esm/chat/Bubble.js
CHANGED
|
@@ -9,13 +9,14 @@ 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 { Detail } from "../typography/index.js";
|
|
15
15
|
const Bubble = forwardRef((_a, ref) => {
|
|
16
16
|
var { children, className, name, timestamp, toptextPosition } = _a, rest = __rest(_a, ["children", "className", "name", "timestamp", "toptextPosition"]);
|
|
17
|
-
|
|
18
|
-
|
|
17
|
+
const { cn } = useRenameCSS();
|
|
18
|
+
return (React.createElement("div", Object.assign({ ref: ref, className: cn("navds-chat__bubble", className) }, rest),
|
|
19
|
+
(timestamp || name) && (React.createElement("h3", { className: cn(`navds-chat__top-text`, toptextPosition && `navds-chat__top-text--${toptextPosition}`) },
|
|
19
20
|
name && React.createElement(Detail, { as: "span" }, name),
|
|
20
21
|
name && timestamp && (React.createElement(Detail, { as: "span", "aria-hidden": true }, "\u2022")),
|
|
21
22
|
timestamp && React.createElement(Detail, { as: "span" }, timestamp))),
|
package/esm/chat/Bubble.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Bubble.js","sourceRoot":"","sources":["../../src/chat/Bubble.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Bubble.js","sourceRoot":"","sources":["../../src/chat/Bubble.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAqBvC,MAAM,MAAM,GAAG,UAAU,CACvB,CAAC,EAAkE,EAAE,GAAG,EAAE,EAAE;QAA3E,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,OAAW,EAAN,IAAI,cAAhE,iEAAkE,CAAF;IAC/D,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,OAAO,CACL,2CAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,SAAS,CAAC,IAAM,IAAI;QACpE,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,CACtB,4BACE,SAAS,EAAE,EAAE,CACX,sBAAsB,EACtB,eAAe,IAAI,yBAAyB,eAAe,EAAE,CAC9D;YAEA,IAAI,IAAI,oBAAC,MAAM,IAAC,EAAE,EAAC,MAAM,IAAE,IAAI,CAAU;YACzC,IAAI,IAAI,SAAS,IAAI,CACpB,oBAAC,MAAM,IAAC,EAAE,EAAC,MAAM,kCAER,CACV;YACA,SAAS,IAAI,oBAAC,MAAM,IAAC,EAAE,EAAC,MAAM,IAAE,SAAS,CAAU,CACjD,CACN;QACA,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
package/esm/chat/Chat.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 { BodyLong } from "../typography/index.js";
|
|
15
15
|
import Bubble from "./Bubble.js";
|
|
16
16
|
export const VARIANTS = ["subtle", "info", "neutral"];
|
|
@@ -35,9 +35,10 @@ export const SIZES = ["medium", "small"];
|
|
|
35
35
|
*/
|
|
36
36
|
export const Chat = forwardRef((_a, ref) => {
|
|
37
37
|
var { children, className, name, timestamp, avatar, position = "left", variant = "neutral", toptextPosition, size = "medium" } = _a, rest = __rest(_a, ["children", "className", "name", "timestamp", "avatar", "position", "variant", "toptextPosition", "size"]);
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
React.createElement("
|
|
38
|
+
const { cn } = useRenameCSS();
|
|
39
|
+
return (React.createElement("div", Object.assign({ ref: ref, className: cn("navds-chat", className, `navds-chat--${position}`, `navds-chat--top-text-${toptextPosition !== null && toptextPosition !== void 0 ? toptextPosition : position}`, `navds-chat--${size}`, `navds-chat--${variant}`) }, rest),
|
|
40
|
+
avatar && (React.createElement("div", { className: cn("navds-chat__avatar"), "aria-hidden": true }, avatar)),
|
|
41
|
+
React.createElement("ol", { className: cn("navds-chat__bubble-wrapper") }, React.Children.map(children, (child, i) => {
|
|
41
42
|
if (React.isValidElement(child)) {
|
|
42
43
|
return (React.createElement(BodyLong, { as: "li", size: size }, React.cloneElement(child, Object.assign({ name: name && i === 0 ? name : undefined, timestamp: timestamp && i === 0 ? timestamp : undefined }, child.props))));
|
|
43
44
|
}
|
package/esm/chat/Chat.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chat.js","sourceRoot":"","sources":["../../src/chat/Chat.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Chat.js","sourceRoot":"","sources":["../../src/chat/Chat.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,CAAU,CAAC;AAC/D,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,CAAU,CAAC;AACpD,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAU,CAAC;AAsDlD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CACE,EAWY,EACZ,GAAG,EACH,EAAE;QAbF,EACE,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,SAAS,EACT,MAAM,EACN,QAAQ,GAAG,MAAM,EACjB,OAAO,GAAG,SAAS,EACnB,eAAe,EACf,IAAI,GAAG,QAAQ,OAEL,EADP,IAAI,cAVT,0GAWC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,OAAO,CACL,2CACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,YAAY,EACZ,SAAS,EACT,eAAe,QAAQ,EAAE,EACzB,wBAAwB,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,QAAQ,EAAE,EACrD,eAAe,IAAI,EAAE,EACrB,eAAe,OAAO,EAAE,CACzB,IACG,IAAI;QAEP,MAAM,IAAI,CACT,6BAAK,SAAS,EAAE,EAAE,CAAC,oBAAoB,CAAC,yBACrC,MAAM,CACH,CACP;QACD,4BAAI,SAAS,EAAE,EAAE,CAAC,4BAA4B,CAAC,IAC5C,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;YACzC,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;gBAChC,OAAO,CACL,oBAAC,QAAQ,IAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAE,IAAI,IACzB,KAAK,CAAC,YAAY,CAAC,KAAK,kBACvB,IAAI,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EACxC,SAAS,EAAE,SAAS,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,IACpD,KAAK,CAAC,KAAK,EACd,CACO,CACZ,CAAC;YACJ,CAAC;QACH,CAAC,CAAC,CACC,CACD,CACP,CAAC;AACJ,CAAC,CACe,CAAC;AAEnB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;AAErB,eAAe,IAAI,CAAC"}
|
package/esm/chips/Chips.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 RemovableChips from "./Removable.js";
|
|
15
15
|
import ToggleChips from "./Toggle.js";
|
|
16
16
|
/**
|
|
@@ -42,7 +42,8 @@ import ToggleChips from "./Toggle.js";
|
|
|
42
42
|
*/
|
|
43
43
|
export const Chips = forwardRef((_a, ref) => {
|
|
44
44
|
var { className, size = "medium", children } = _a, rest = __rest(_a, ["className", "size", "children"]);
|
|
45
|
-
|
|
45
|
+
const { cn } = useRenameCSS();
|
|
46
|
+
return (React.createElement("ul", Object.assign({}, rest, { ref: ref, className: cn("navds-chips", className, `navds-chips--${size}`, {
|
|
46
47
|
"navds-body-short navds-body-short--small": size === "medium",
|
|
47
48
|
"navds-detail navds-detail--small": size === "small",
|
|
48
49
|
}) }), React.Children.map(children, (chip, index) => {
|
package/esm/chips/Chips.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chips.js","sourceRoot":"","sources":["../../src/chips/Chips.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Chips.js","sourceRoot":"","sources":["../../src/chips/Chips.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,cAAuC,MAAM,aAAa,CAAC;AAClE,OAAO,WAAiC,MAAM,UAAU,CAAC;AA6BzD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,CAAC,MAAM,KAAK,GAAmB,UAAU,CAC7C,CAAC,EAAiD,EAAE,GAAG,EAAE,EAAE;QAA1D,EAAE,SAAS,EAAE,IAAI,GAAG,QAAQ,EAAE,QAAQ,OAAW,EAAN,IAAI,cAA/C,iCAAiD,CAAF;IAC9C,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,OAAO,CACL,4CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE,gBAAgB,IAAI,EAAE,EAAE;YAC9D,0CAA0C,EAAE,IAAI,KAAK,QAAQ;YAC7D,kCAAkC,EAAE,IAAI,KAAK,OAAO;SACrD,CAAC,KAED,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QAC5C,OAAO,4BAAI,GAAG,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,EAAE,KAAI,KAAK,IAAG,IAAI,CAAM,CAAC;IACzD,CAAC,CAAC,CACC,CACN,CAAC;AACJ,CAAC,CACgB,CAAC;AAEpB,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;AAC3B,KAAK,CAAC,SAAS,GAAG,cAAc,CAAC;AAEjC,eAAe,KAAK,CAAC"}
|
package/esm/chips/Removable.js
CHANGED
|
@@ -9,17 +9,18 @@ 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";
|
|
14
13
|
import { XMarkIcon } from "@navikt/aksel-icons";
|
|
14
|
+
import { useRenameCSS } from "../theme/Theme.js";
|
|
15
15
|
import { composeEventHandlers } from "../util/composeEventHandlers.js";
|
|
16
16
|
import { useI18n } from "../util/i18n/i18n.hooks.js";
|
|
17
17
|
export const RemovableChips = forwardRef((_a, ref) => {
|
|
18
18
|
var { children, variant = "action", onDelete, className, onClick, type = "button" } = _a, rest = __rest(_a, ["children", "variant", "onDelete", "className", "onClick", "type"]);
|
|
19
19
|
const translate = useI18n("Chips");
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
React.createElement("span", { className: "navds-
|
|
20
|
+
const { cn } = useRenameCSS();
|
|
21
|
+
return (React.createElement("button", Object.assign({}, rest, { ref: ref, type: type, className: cn("navds-chips__chip navds-chips__removable navds-chips--icon-right", className, `navds-chips__removable--${variant}`), "aria-label": `${children} ${translate("Removable.labelSuffix")}`, onClick: composeEventHandlers(onClick, onDelete) }),
|
|
22
|
+
React.createElement("span", { className: cn("navds-chips__chip-text") }, children),
|
|
23
|
+
React.createElement("span", { className: cn("navds-chips__removable-icon") },
|
|
23
24
|
React.createElement(XMarkIcon, { "aria-hidden": true }))));
|
|
24
25
|
});
|
|
25
26
|
export default RemovableChips;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Removable.js","sourceRoot":"","sources":["../../src/chips/Removable.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Removable.js","sourceRoot":"","sources":["../../src/chips/Removable.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAgBlD,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAItC,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,QAAQ,EACR,OAAO,GAAG,QAAQ,EAClB,QAAQ,EACR,SAAS,EACT,OAAO,EACP,IAAI,GAAG,QAAQ,OAEhB,EADI,IAAI,cAPT,mEAQC,CADQ;IAIT,MAAM,SAAS,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IACnC,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,OAAO,CACL,gDACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,kEAAkE,EAClE,SAAS,EACT,2BAA2B,OAAO,EAAE,CACrC,gBACW,GAAG,QAAQ,IAAI,SAAS,CAAC,uBAAuB,CAAC,EAAE,EAC/D,OAAO,EAAE,oBAAoB,CAAC,OAAO,EAAE,QAAQ,CAAC;QAEhD,8BAAM,SAAS,EAAE,EAAE,CAAC,wBAAwB,CAAC,IAAG,QAAQ,CAAQ;QAChE,8BAAM,SAAS,EAAE,EAAE,CAAC,6BAA6B,CAAC;YAChD,oBAAC,SAAS,0BAAe,CACpB,CACA,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
package/esm/chips/Toggle.js
CHANGED
|
@@ -9,17 +9,18 @@ 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
|
export const ToggleChips = forwardRef((_a, ref) => {
|
|
15
15
|
var { className, children, selected, variant = "action", checkmark = true, as: Component = "button" } = _a, rest = __rest(_a, ["className", "children", "selected", "variant", "checkmark", "as"]);
|
|
16
|
-
|
|
17
|
-
|
|
16
|
+
const { cn } = useRenameCSS();
|
|
17
|
+
return (React.createElement(Component, Object.assign({}, rest, { ref: ref, className: cn("navds-chips__chip navds-chips__toggle", className, `navds-chips__toggle--${variant}`, { "navds-chips__toggle--with-checkmark": checkmark }), "aria-pressed": selected, "data-pressed": selected }),
|
|
18
|
+
checkmark && (React.createElement("svg", { "aria-hidden": true, className: cn("navds-chips__toggle-icon"), width: "1.25em", height: "1.25em", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", focusable: false, role: "img" }, selected ? (React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 18.125C14.4873 18.125 18.125 14.4873 18.125 10C18.125 5.51269 14.4873 1.875 10 1.875C5.51269 1.875 1.875 5.51269 1.875 10C1.875 14.4873 5.51269 18.125 10 18.125ZM14.128 7.72904C14.3695 7.44357 14.3339 7.01635 14.0485 6.7748C13.763 6.53326 13.3358 6.56886 13.0942 6.85432L8.60428 12.1606L6.41627 9.97263C6.15185 9.70822 5.72315 9.70822 5.45873 9.97263C5.19431 10.2371 5.19431 10.6658 5.45873 10.9302L8.16706 13.6385C8.30095 13.7724 8.48479 13.8441 8.67397 13.8362C8.86316 13.8284 9.0404 13.7416 9.16271 13.5971L14.128 7.72904Z", fill: "currentColor" })) : (React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 3.125C6.20304 3.125 3.125 6.20304 3.125 10C3.125 13.797 6.20304 16.875 10 16.875C13.797 16.875 16.875 13.797 16.875 10C16.875 6.20304 13.797 3.125 10 3.125ZM1.875 10C1.875 5.51269 5.51269 1.875 10 1.875C14.4873 1.875 18.125 5.51269 18.125 10C18.125 14.4873 14.4873 18.125 10 18.125C5.51269 18.125 1.875 14.4873 1.875 10Z",
|
|
18
19
|
/* After removing old fallbacks, change to currentColor */
|
|
19
20
|
fill: `var(${variant === "action"
|
|
20
21
|
? "--ax-text-accent"
|
|
21
22
|
: "--ax-text-neutral"}, var(--ac-chip-toggle-circle-border, var(--a-border-default)))` })))),
|
|
22
|
-
React.createElement("span", { className: "navds-chips__chip-text" }, children)));
|
|
23
|
+
React.createElement("span", { className: cn("navds-chips__chip-text") }, children)));
|
|
23
24
|
});
|
|
24
25
|
export default ToggleChips;
|
|
25
26
|
//# sourceMappingURL=Toggle.js.map
|
package/esm/chips/Toggle.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../src/chips/Toggle.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../src/chips/Toggle.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAsB9C,MAAM,CAAC,MAAM,WAAW,GAGpB,UAAU,CACZ,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,QAAQ,EAClB,SAAS,GAAG,IAAI,EAChB,EAAE,EAAE,SAAS,GAAG,QAAQ,OAEzB,EADI,IAAI,cAPT,mEAQC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,uCAAuC,EACvC,SAAS,EACT,wBAAwB,OAAO,EAAE,EACjC,EAAE,qCAAqC,EAAE,SAAS,EAAE,CACrD,kBACa,QAAQ,kBACR,QAAQ;QAErB,SAAS,IAAI,CACZ,kDAEE,SAAS,EAAE,EAAE,CAAC,0BAA0B,CAAC,EACzC,KAAK,EAAC,QAAQ,EACd,MAAM,EAAC,QAAQ,EACf,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,KAAK,EAChB,IAAI,EAAC,KAAK,IAET,QAAQ,CAAC,CAAC,CAAC,CACV,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mhBAAmhB,EACrhB,IAAI,EAAC,cAAc,GACnB,CACH,CAAC,CAAC,CAAC,CACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,sUAAsU;YACxU,0DAA0D;YAC1D,IAAI,EAAE,OACJ,OAAO,KAAK,QAAQ;gBAClB,CAAC,CAAC,kBAAkB;gBACpB,CAAC,CAAC,mBACN,iEAAiE,GACjE,CACH,CACG,CACP;QACD,8BAAM,SAAS,EAAE,EAAE,CAAC,wBAAwB,CAAC,IAAG,QAAQ,CAAQ,CACtD,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -9,11 +9,10 @@ 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, useEffect, useRef, useState, } from "react";
|
|
14
13
|
import { CheckmarkIcon, FilesIcon } from "@navikt/aksel-icons";
|
|
15
14
|
import { Button } from "../button/index.js";
|
|
16
|
-
import { useThemeInternal } from "../theme/Theme.js";
|
|
15
|
+
import { useRenameCSS, useThemeInternal } from "../theme/Theme.js";
|
|
17
16
|
import { Label } from "../typography/index.js";
|
|
18
17
|
import { composeEventHandlers } from "../util/composeEventHandlers.js";
|
|
19
18
|
import copy from "../util/copy.js";
|
|
@@ -34,6 +33,7 @@ export const CopyButton = forwardRef((_a, ref) => {
|
|
|
34
33
|
const [active, setActive] = useState(false);
|
|
35
34
|
const timeoutRef = useRef();
|
|
36
35
|
const translate = useI18n("CopyButton");
|
|
36
|
+
const { cn } = useRenameCSS();
|
|
37
37
|
const themeContext = useThemeInternal(false);
|
|
38
38
|
useEffect(() => {
|
|
39
39
|
return () => {
|
|
@@ -52,26 +52,27 @@ export const CopyButton = forwardRef((_a, ref) => {
|
|
|
52
52
|
};
|
|
53
53
|
const activeString = activeText || translate("activeText");
|
|
54
54
|
const copyIcon = (React.createElement(LegacyIconWrapper, { useLegacy: !themeContext }, active
|
|
55
|
-
? activeIcon !== null && activeIcon !== void 0 ? activeIcon : (React.createElement(CheckmarkIcon, { "aria-hidden": !!text, title: text ? undefined : activeString, className: themeContext ? "navds-copybutton__icon" : undefined }))
|
|
56
|
-
: icon !== null && icon !== void 0 ? icon : (React.createElement(FilesIcon, { "aria-hidden": !!text, title: text ? undefined : title || translate("title"), className: themeContext ? "navds-copybutton__icon" : undefined }))));
|
|
55
|
+
? activeIcon !== null && activeIcon !== void 0 ? activeIcon : (React.createElement(CheckmarkIcon, { "aria-hidden": !!text, title: text ? undefined : activeString, className: themeContext ? cn("navds-copybutton__icon") : undefined }))
|
|
56
|
+
: icon !== null && icon !== void 0 ? icon : (React.createElement(FilesIcon, { "aria-hidden": !!text, title: text ? undefined : title || translate("title"), className: themeContext ? cn("navds-copybutton__icon") : undefined }))));
|
|
57
57
|
if (themeContext) {
|
|
58
|
-
return (React.createElement(Button, Object.assign({ ref: ref, type: "button", className:
|
|
58
|
+
return (React.createElement(Button, Object.assign({ ref: ref, type: "button", className: cn("navds-copybutton", className) }, rest, { variant: variant === "action" ? "tertiary" : "tertiary-neutral", onClick: composeEventHandlers(onClick, handleClick), iconPosition: iconPosition, icon: copyIcon, "data-active": active, size: size }), text ? (active ? activeString : text) : null));
|
|
59
59
|
}
|
|
60
|
-
return (React.createElement("button", Object.assign({ ref: ref, type: "button" }, rest, { className:
|
|
60
|
+
return (React.createElement("button", Object.assign({ ref: ref, type: "button" }, rest, { className: cn("navds-copybutton", className, `navds-copybutton--${size}`, `navds-copybutton--${variant}`, {
|
|
61
61
|
"navds-copybutton--icon-only": !text,
|
|
62
62
|
"navds-copybutton--icon-right": iconPosition === "right",
|
|
63
63
|
"navds-copybutton--active": active,
|
|
64
64
|
}), onClick: composeEventHandlers(onClick, handleClick) }),
|
|
65
|
-
React.createElement("span", { className: "navds-copybutton__content" },
|
|
65
|
+
React.createElement("span", { className: cn("navds-copybutton__content") },
|
|
66
66
|
iconPosition === "left" && copyIcon,
|
|
67
67
|
text && (React.createElement(Label, { as: "span", size: size === "medium" ? "medium" : "small" }, active ? activeString : text)),
|
|
68
68
|
iconPosition === "right" && copyIcon)));
|
|
69
69
|
});
|
|
70
70
|
function LegacyIconWrapper({ children, useLegacy, }) {
|
|
71
|
+
const { cn } = useRenameCSS();
|
|
71
72
|
if (!useLegacy) {
|
|
72
73
|
return children;
|
|
73
74
|
}
|
|
74
|
-
return React.createElement("span", { className: "navds-copybutton__icon" }, children);
|
|
75
|
+
return React.createElement("span", { className: cn("navds-copybutton__icon") }, children);
|
|
75
76
|
}
|
|
76
77
|
export default CopyButton;
|
|
77
78
|
//# sourceMappingURL=CopyButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../../src/copybutton/CopyButton.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../../src/copybutton/CopyButton.tsx"],"names":[],"mappings":"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"}
|
package/esm/date/Date.Dialog.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import cl from "clsx";
|
|
2
1
|
import React, { useRef } from "react";
|
|
3
2
|
import { Button } from "../button/index.js";
|
|
4
3
|
import { Modal } from "../modal/index.js";
|
|
5
4
|
import { useModalContext } from "../modal/Modal.context.js";
|
|
6
5
|
import { Popover } from "../popover/index.js";
|
|
6
|
+
import { useRenameCSS } from "../theme/Theme.js";
|
|
7
7
|
import { useMedia } from "../util/hooks/index.js";
|
|
8
8
|
import { useI18n } from "../util/i18n/i18n.hooks.js";
|
|
9
9
|
import { getGlobalTranslations } from "./Date.locale.js";
|
|
@@ -15,22 +15,23 @@ const variantToLabel = {
|
|
|
15
15
|
};
|
|
16
16
|
const DateDialog = ({ open, children, onClose, anchor, locale, translate, variant, popoverProps, }) => {
|
|
17
17
|
const translateGlobal = useI18n("global", getGlobalTranslations(locale));
|
|
18
|
+
const { cn } = useRenameCSS();
|
|
18
19
|
const modalRef = useRef(null);
|
|
19
20
|
const isInModal = useModalContext(false) !== undefined;
|
|
20
21
|
const hideModal = useMedia("screen and (min-width: 768px)", true) && !isInModal;
|
|
21
22
|
if (hideModal) {
|
|
22
|
-
return (React.createElement(Popover, Object.assign({ arrow: false, anchorEl: anchor, open: open, onClose: onClose, placement: "bottom-start", role: "dialog", className:
|
|
23
|
+
return (React.createElement(Popover, Object.assign({ arrow: false, anchorEl: anchor, open: open, onClose: onClose, placement: "bottom-start", role: "dialog", className: cn("navds-date__popover", {
|
|
23
24
|
"navds-date": variant === "month",
|
|
24
25
|
}), flip: false }, popoverProps), children));
|
|
25
26
|
}
|
|
26
27
|
return (React.createElement(Modal, { ref: modalRef, open: open, onClose: (event) => {
|
|
27
28
|
event.stopPropagation();
|
|
28
29
|
onClose();
|
|
29
|
-
}, "aria-label": translate(variantToLabel[variant]), className:
|
|
30
|
+
}, "aria-label": translate(variantToLabel[variant]), className: cn("navds-date__modal", {
|
|
30
31
|
"navds-date__nested-modal": isInModal,
|
|
31
32
|
"navds-date": variant === "month",
|
|
32
33
|
}), closeOnBackdropClick: true, placement: "top" },
|
|
33
|
-
React.createElement("div", { className: "navds-date__modal-body" },
|
|
34
|
+
React.createElement("div", { className: cn("navds-date__modal-body") },
|
|
34
35
|
children,
|
|
35
36
|
React.createElement(Button, { variant: "tertiary", onClick: () => { var _a; return (_a = modalRef === null || modalRef === void 0 ? void 0 : modalRef.current) === null || _a === void 0 ? void 0 : _a.close(); }, size: "small", type: "button" }, translateGlobal("close")))));
|
|
36
37
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Date.Dialog.js","sourceRoot":"","sources":["../../src/date/Date.Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Date.Dialog.js","sourceRoot":"","sources":["../../src/date/Date.Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAElD,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAEtD,MAAM,cAAc,GAAG;IACrB,MAAM,EAAE,YAAY;IACpB,QAAQ,EAAE,aAAa;IACvB,KAAK,EAAE,iBAAiB;IACxB,KAAK,EAAE,aAAa;CACZ,CAAC;AAiBX,MAAM,UAAU,GAAG,CAAC,EAClB,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,MAAM,EACN,MAAM,EACN,SAAS,EACT,OAAO,EACP,YAAY,GACK,EAAE,EAAE;IACrB,MAAM,eAAe,GAAG,OAAO,CAAC,QAAQ,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAC,CAAC;IACzE,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,MAAM,QAAQ,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,SAAS,CAAC;IACvD,MAAM,SAAS,GACb,QAAQ,CAAC,+BAA+B,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;IAEhE,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,oBAAC,OAAO,kBACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,cAAc,EACxB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE;gBACnC,YAAY,EAAE,OAAO,KAAK,OAAO;aAClC,CAAC,EACF,IAAI,EAAE,KAAK,IACP,YAAY,GAEf,QAAQ,CACD,CACX,CAAC;IACJ,CAAC;IAED,OAAO,CACL,oBAAC,KAAK,IACJ,GAAG,EAAE,QAAQ,EACb,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,OAAO,EAAE,CAAC;QACZ,CAAC,gBACW,SAAS,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,EAC9C,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE;YACjC,0BAA0B,EAAE,SAAS;YACrC,YAAY,EAAE,OAAO,KAAK,OAAO;SAClC,CAAC,EACF,oBAAoB,QACpB,SAAS,EAAC,KAAK;QAEf,6BAAK,SAAS,EAAE,EAAE,CAAC,wBAAwB,CAAC;YACzC,QAAQ;YACT,oBAAC,MAAM,IACL,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,GAAG,EAAE,WAAC,OAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,0CAAE,KAAK,EAAE,CAAA,EAAA,EACzC,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,IAEZ,eAAe,CAAC,OAAO,CAAC,CAClB,CACL,CACA,CACT,CAAC;AACJ,CAAC,CAAC;AACF,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
package/esm/date/Date.Input.js
CHANGED
|
@@ -9,11 +9,11 @@ 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, useRef } from "react";
|
|
14
13
|
import { CalendarIcon } from "@navikt/aksel-icons";
|
|
15
14
|
import { ReadOnlyIcon } from "../form/ReadOnlyIcon.js";
|
|
16
15
|
import { useFormField } from "../form/useFormField.js";
|
|
16
|
+
import { useRenameCSS } from "../theme/Theme.js";
|
|
17
17
|
import { BodyShort, ErrorMessage, Label } from "../typography/index.js";
|
|
18
18
|
import { omit } from "../util/index.js";
|
|
19
19
|
import { createContext } from "../util/create-context.js";
|
|
@@ -25,6 +25,7 @@ const DateInput = forwardRef((props, ref) => {
|
|
|
25
25
|
const { className, hideLabel = false, label, description, variant = "datepicker", setAnchorRef } = props, rest = __rest(props, ["className", "hideLabel", "label", "description", "variant", "setAnchorRef"]);
|
|
26
26
|
const buttonRef = useRef(null);
|
|
27
27
|
const translate = useDateTranslationContext().translate;
|
|
28
|
+
const { cn } = useRenameCSS();
|
|
28
29
|
const isDatepickerVariant = variant === "datepicker";
|
|
29
30
|
const conditionalVariables = {
|
|
30
31
|
prefix: isDatepickerVariant ? "datepicker-input" : "monthpicker-input",
|
|
@@ -35,7 +36,7 @@ const DateInput = forwardRef((props, ref) => {
|
|
|
35
36
|
};
|
|
36
37
|
const context = useDateInputContext();
|
|
37
38
|
const { inputProps, size = "medium", inputDescriptionId, errorId, showErrorMsg, hasError, readOnly, } = useFormField(props, conditionalVariables.prefix);
|
|
38
|
-
return (React.createElement("div", { className:
|
|
39
|
+
return (React.createElement("div", { className: cn(className, "navds-form-field", `navds-form-field--${size}`, "navds-date__field", {
|
|
39
40
|
"navds-text-field--error": hasError,
|
|
40
41
|
"navds-date__field--error": hasError,
|
|
41
42
|
"navds-form-field--disabled": !!inputProps.disabled,
|
|
@@ -44,22 +45,22 @@ const DateInput = forwardRef((props, ref) => {
|
|
|
44
45
|
"navds-text-field--readonly": readOnly,
|
|
45
46
|
"navds-date__field--readonly": readOnly,
|
|
46
47
|
}) },
|
|
47
|
-
React.createElement(Label, { htmlFor: inputProps.id, size: size, className:
|
|
48
|
+
React.createElement(Label, { htmlFor: inputProps.id, size: size, className: cn("navds-form-field__label", {
|
|
48
49
|
"navds-sr-only": hideLabel,
|
|
49
50
|
}) },
|
|
50
51
|
readOnly && React.createElement(ReadOnlyIcon, null),
|
|
51
52
|
label),
|
|
52
|
-
!!description && (React.createElement(BodyShort, { as: "div", className:
|
|
53
|
+
!!description && (React.createElement(BodyShort, { as: "div", className: cn("navds-form-field__description", {
|
|
53
54
|
"navds-sr-only": hideLabel,
|
|
54
55
|
}), id: inputDescriptionId, size: size }, description)),
|
|
55
|
-
React.createElement("div", { className: "navds-date__field-wrapper" },
|
|
56
|
-
React.createElement("input", Object.assign({ ref: ref }, 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:
|
|
56
|
+
React.createElement("div", { className: cn("navds-date__field-wrapper") },
|
|
57
|
+
React.createElement("input", Object.assign({ ref: ref }, 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: cn("navds-date__field-input", "navds-text-field__input", "navds-body-short", `navds-body-short--${size}`), size: isDatepickerVariant ? 11 : 14 })),
|
|
57
58
|
React.createElement("button", { disabled: inputProps.disabled || readOnly, tabIndex: readOnly ? -1 : (context === null || context === void 0 ? void 0 : context.open) ? -1 : 0, onClick: () => {
|
|
58
59
|
context === null || context === void 0 ? void 0 : context.onOpen();
|
|
59
60
|
setAnchorRef === null || setAnchorRef === void 0 ? void 0 : setAnchorRef(buttonRef.current);
|
|
60
|
-
}, type: "button", className: "navds-date__field-button", ref: buttonRef },
|
|
61
|
+
}, type: "button", className: cn("navds-date__field-button"), ref: buttonRef },
|
|
61
62
|
React.createElement(CalendarIcon, { title: translate(conditionalVariables.iconTitle[(context === null || context === void 0 ? void 0 : context.open) ? "close" : "open"]) }))),
|
|
62
|
-
React.createElement("div", { className: "navds-form-field__error", id: errorId, "aria-relevant": "additions removals", "aria-live": "polite" }, showErrorMsg && (React.createElement(ErrorMessage, { size: size, showIcon: true }, props.error)))));
|
|
63
|
+
React.createElement("div", { className: cn("navds-form-field__error"), id: errorId, "aria-relevant": "additions removals", "aria-live": "polite" }, showErrorMsg && (React.createElement(ErrorMessage, { size: size, showIcon: true }, props.error)))));
|
|
63
64
|
});
|
|
64
65
|
export const DatePickerInput = forwardRef((props, ref) => React.createElement(DateInput, Object.assign({}, props, { ref: ref })));
|
|
65
66
|
export const MonthPickerInput = forwardRef((props, ref) => React.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,OAAO,
|
|
1
|
+
{"version":3,"file":"Date.Input.js","sourceRoot":"","sources":["../../src/date/Date.Input.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 { isSameDay } from "date-fns";
|
|
14
13
|
import React, { forwardRef, useState } from "react";
|
|
14
|
+
import { useRenameCSS } from "../../theme/Theme.js";
|
|
15
15
|
import { useControllableState, useId } from "../../util/hooks/index.js";
|
|
16
16
|
import { useMergeRefs } from "../../util/hooks/useMergeRefs.js";
|
|
17
17
|
import { useI18n } from "../../util/i18n/i18n.hooks.js";
|
|
@@ -46,6 +46,7 @@ import DatePickerStandalone from "./parts/DatePicker.Standalone.js";
|
|
|
46
46
|
export const DatePicker = forwardRef((_a, ref) => {
|
|
47
47
|
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"]);
|
|
48
48
|
const translate = useI18n("DatePicker", translations, getTranslations(locale));
|
|
49
|
+
const { cn } = useRenameCSS();
|
|
49
50
|
const ariaId = useId(id);
|
|
50
51
|
const [open, setOpen] = useControllableState({
|
|
51
52
|
defaultValue: false,
|
|
@@ -81,7 +82,7 @@ export const DatePicker = forwardRef((_a, ref) => {
|
|
|
81
82
|
setOpen((x) => !x);
|
|
82
83
|
onOpenToggle === null || onOpenToggle === void 0 ? void 0 : onOpenToggle();
|
|
83
84
|
}, ariaId: ariaId, defined: true },
|
|
84
|
-
React.createElement("div", { ref: mergedRef, className:
|
|
85
|
+
React.createElement("div", { ref: mergedRef, className: cn("navds-date__wrapper", wrapperClassName) },
|
|
85
86
|
children,
|
|
86
87
|
React.createElement(DateDialog, { open: open, anchor: wrapperRef, onClose: () => {
|
|
87
88
|
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,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/date/datepicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,11 +9,12 @@ 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, { useEffect, useRef } from "react";
|
|
14
|
+
import { useRenameCSS } from "../../../theme/Theme.js";
|
|
15
15
|
const DatePickerDayButton = (_a) => {
|
|
16
16
|
var { day, modifiers, locale, children } = _a, rest = __rest(_a, ["day", "modifiers", "locale", "children"]);
|
|
17
|
+
const { cn } = useRenameCSS();
|
|
17
18
|
const ref = useRef(null);
|
|
18
19
|
useEffect(() => {
|
|
19
20
|
var _a;
|
|
@@ -26,7 +27,7 @@ const DatePickerDayButton = (_a) => {
|
|
|
26
27
|
}
|
|
27
28
|
return (React.createElement("button", Object.assign({}, rest, { ref: ref, "aria-hidden": day.outside, "aria-pressed": !!modifiers.selected, "aria-label": format(day.date, "cccc d", {
|
|
28
29
|
locale,
|
|
29
|
-
}), "data-pressed": modifiers.selected, "data-today": modifiers.today || undefined, className:
|
|
30
|
+
}), "data-pressed": modifiers.selected, "data-today": modifiers.today || undefined, className: cn(rest.className, {
|
|
30
31
|
"rdp-day_disabled": modifiers.disabled,
|
|
31
32
|
"rdp-day_selected": modifiers.selected,
|
|
32
33
|
"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,OAAO,
|
|
1
|
+
{"version":3,"file":"DatePicker.DayButton.js","sourceRoot":"","sources":["../../../../src/date/datepicker/parts/DatePicker.DayButton.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAU,MAAM,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEpD,MAAM,mBAAmB,GAAG,CAAC,EAUoB,EAAE,EAAE;QAVxB,EAC3B,GAAG,EACH,SAAS,EACT,MAAM,EACN,QAAQ,OAMuC,EAL5C,IAAI,cALoB,0CAM5B,CADQ;IAMP,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,GAAG,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAE5C,SAAS,CAAC,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,yCAAK,CAAC;IACf,CAAC;IAED,OAAO,CACL,gDACM,IAAI,IACR,GAAG,EAAE,GAAG,iBACK,GAAG,CAAC,OAAO,kBACV,CAAC,CAAC,SAAS,CAAC,QAAQ,gBACtB,MAAM,CAAC,GAAG,CAAC,IAAI,EAAE,QAAQ,EAAE;YACrC,MAAM;SACP,CAAC,kBACY,SAAS,CAAC,QAAQ,gBACpB,SAAS,CAAC,KAAK,IAAI,SAAS,EACxC,SAAS,EAAE,EAAE,CAAC,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;AAEF,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
|