@navikt/ds-react 7.21.1 → 7.23.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 +17 -7
- package/cjs/accordion/Accordion.js.map +1 -1
- package/cjs/accordion/AccordionContent.js +17 -7
- package/cjs/accordion/AccordionContent.js.map +1 -1
- package/cjs/accordion/AccordionHeader.js +17 -7
- package/cjs/accordion/AccordionHeader.js.map +1 -1
- package/cjs/accordion/AccordionItem.js +17 -7
- package/cjs/accordion/AccordionItem.js.map +1 -1
- package/cjs/alert/Alert.d.ts +4 -0
- package/cjs/alert/Alert.js +32 -8
- package/cjs/alert/Alert.js.map +1 -1
- package/cjs/button/Button.js +47 -9
- package/cjs/button/Button.js.map +1 -1
- package/cjs/chat/Bubble.js +17 -7
- package/cjs/chat/Bubble.js.map +1 -1
- package/cjs/chat/Chat.js +31 -9
- package/cjs/chat/Chat.js.map +1 -1
- package/cjs/chips/Chips.js +17 -7
- package/cjs/chips/Chips.js.map +1 -1
- package/cjs/chips/Removable.js +39 -9
- package/cjs/chips/Removable.js.map +1 -1
- package/cjs/chips/Toggle.js +41 -12
- package/cjs/chips/Toggle.js.map +1 -1
- package/cjs/collapsible/Collapsible.context.d.ts +1 -1
- package/cjs/collapsible/Collapsible.js +17 -7
- package/cjs/collapsible/Collapsible.js.map +1 -1
- package/cjs/collapsible/parts/Collapsible.Content.js +17 -7
- package/cjs/collapsible/parts/Collapsible.Content.js.map +1 -1
- package/cjs/collapsible/parts/Collapsible.Trigger.js +17 -7
- package/cjs/collapsible/parts/Collapsible.Trigger.js.map +1 -1
- package/cjs/copybutton/CopyButton.js +17 -7
- package/cjs/copybutton/CopyButton.js.map +1 -1
- package/cjs/date/Date.Dialog.js +17 -7
- package/cjs/date/Date.Dialog.js.map +1 -1
- package/cjs/date/Date.Input.js +17 -7
- package/cjs/date/Date.Input.js.map +1 -1
- package/cjs/date/Date.locale.d.ts +1 -1
- package/cjs/date/datepicker/DatePicker.js +17 -7
- package/cjs/date/datepicker/DatePicker.js.map +1 -1
- package/cjs/date/datepicker/parts/DatePicker.DayButton.js +17 -7
- package/cjs/date/datepicker/parts/DatePicker.DayButton.js.map +1 -1
- package/cjs/date/datepicker/parts/DatePicker.Months.js +17 -7
- package/cjs/date/datepicker/parts/DatePicker.Months.js.map +1 -1
- package/cjs/date/datepicker/parts/DatePicker.RDP.js +17 -7
- package/cjs/date/datepicker/parts/DatePicker.RDP.js.map +1 -1
- package/cjs/date/datepicker/parts/DatePicker.Standalone.js +17 -7
- package/cjs/date/datepicker/parts/DatePicker.Standalone.js.map +1 -1
- package/cjs/date/datepicker/parts/DatePicker.WeekNumber.js +17 -7
- package/cjs/date/datepicker/parts/DatePicker.WeekNumber.js.map +1 -1
- package/cjs/date/monthpicker/MonthPicker.js +17 -7
- package/cjs/date/monthpicker/MonthPicker.js.map +1 -1
- package/cjs/date/monthpicker/index.d.ts +1 -1
- package/cjs/date/monthpicker/parts/MonthPicker.Button.js +17 -7
- package/cjs/date/monthpicker/parts/MonthPicker.Button.js.map +1 -1
- package/cjs/date/monthpicker/parts/MonthPicker.Standalone.js +17 -7
- package/cjs/date/monthpicker/parts/MonthPicker.Standalone.js.map +1 -1
- package/cjs/date/monthpicker/parts/MonthPicker.Table.js +17 -7
- package/cjs/date/monthpicker/parts/MonthPicker.Table.js.map +1 -1
- package/cjs/dropdown/Dropdown.js +17 -7
- package/cjs/dropdown/Dropdown.js.map +1 -1
- package/cjs/dropdown/Menu/Divider.js +17 -7
- package/cjs/dropdown/Menu/Divider.js.map +1 -1
- package/cjs/dropdown/Menu/GroupedList/GroupedHeading.js +17 -7
- package/cjs/dropdown/Menu/GroupedList/GroupedHeading.js.map +1 -1
- package/cjs/dropdown/Menu/GroupedList/GroupedItem.js +17 -7
- package/cjs/dropdown/Menu/GroupedList/GroupedItem.js.map +1 -1
- package/cjs/dropdown/Menu/GroupedList/index.js +17 -7
- package/cjs/dropdown/Menu/GroupedList/index.js.map +1 -1
- package/cjs/dropdown/Menu/List/Item.js +17 -7
- package/cjs/dropdown/Menu/List/Item.js.map +1 -1
- package/cjs/dropdown/Menu/List/index.js +17 -7
- package/cjs/dropdown/Menu/List/index.js.map +1 -1
- package/cjs/dropdown/Menu/index.js +17 -7
- package/cjs/dropdown/Menu/index.js.map +1 -1
- package/cjs/dropdown/Toggle.js +17 -7
- package/cjs/dropdown/Toggle.js.map +1 -1
- package/cjs/expansion-card/ExpansionCard.js +19 -9
- package/cjs/expansion-card/ExpansionCard.js.map +1 -1
- package/cjs/expansion-card/ExpansionCardContent.js +17 -7
- package/cjs/expansion-card/ExpansionCardContent.js.map +1 -1
- package/cjs/expansion-card/ExpansionCardDescription.js +17 -7
- package/cjs/expansion-card/ExpansionCardDescription.js.map +1 -1
- package/cjs/expansion-card/ExpansionCardHeader.js +17 -7
- package/cjs/expansion-card/ExpansionCardHeader.js.map +1 -1
- package/cjs/expansion-card/ExpansionCardTitle.js +17 -7
- package/cjs/expansion-card/ExpansionCardTitle.js.map +1 -1
- package/cjs/form/checkbox/Checkbox.js +18 -8
- package/cjs/form/checkbox/Checkbox.js.map +1 -1
- package/cjs/form/checkbox/CheckboxGroup.js +17 -7
- package/cjs/form/checkbox/CheckboxGroup.js.map +1 -1
- package/cjs/form/checkbox/index.d.ts +1 -1
- package/cjs/form/combobox/Combobox.js +17 -7
- package/cjs/form/combobox/Combobox.js.map +1 -1
- package/cjs/form/combobox/ComboboxProvider.js +17 -7
- package/cjs/form/combobox/ComboboxProvider.js.map +1 -1
- package/cjs/form/combobox/ComboboxWrapper.js +17 -7
- package/cjs/form/combobox/ComboboxWrapper.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/filteredOptionsContext.js +17 -7
- package/cjs/form/combobox/FilteredOptions/filteredOptionsContext.js.map +1 -1
- package/cjs/form/combobox/Input/Input.context.js +17 -7
- package/cjs/form/combobox/Input/Input.context.js.map +1 -1
- package/cjs/form/combobox/Input/Input.js +17 -7
- package/cjs/form/combobox/Input/Input.js.map +1 -1
- package/cjs/form/combobox/Input/InputController.js +17 -7
- package/cjs/form/combobox/Input/InputController.js.map +1 -1
- package/cjs/form/combobox/Input/ToggleListButton.js +17 -7
- package/cjs/form/combobox/Input/ToggleListButton.js.map +1 -1
- package/cjs/form/combobox/SelectedOptions/SelectedOptions.js +1 -1
- package/cjs/form/combobox/SelectedOptions/SelectedOptions.js.map +1 -1
- package/cjs/form/combobox/SelectedOptions/selectedOptionsContext.js +17 -7
- package/cjs/form/combobox/SelectedOptions/selectedOptionsContext.js.map +1 -1
- package/cjs/form/combobox/customOptionsContext.js +17 -7
- package/cjs/form/combobox/customOptionsContext.js.map +1 -1
- package/cjs/form/combobox/index.d.ts +1 -1
- package/cjs/form/confirmation-panel/ConfirmationPanel.d.ts +1 -0
- package/cjs/form/confirmation-panel/ConfirmationPanel.js +20 -9
- package/cjs/form/confirmation-panel/ConfirmationPanel.js.map +1 -1
- package/cjs/form/error-summary/ErrorSummary.js +18 -8
- package/cjs/form/error-summary/ErrorSummary.js.map +1 -1
- package/cjs/form/error-summary/ErrorSummaryItem.js +17 -7
- package/cjs/form/error-summary/ErrorSummaryItem.js.map +1 -1
- package/cjs/form/fieldset/Fieldset.js +17 -7
- package/cjs/form/fieldset/Fieldset.js.map +1 -1
- package/cjs/form/file-upload/FileUpload.context.d.ts +1 -1
- package/cjs/form/file-upload/FileUpload.js +17 -7
- package/cjs/form/file-upload/FileUpload.js.map +1 -1
- package/cjs/form/file-upload/index.d.ts +3 -3
- package/cjs/form/file-upload/parts/Trigger.js +17 -7
- package/cjs/form/file-upload/parts/Trigger.js.map +1 -1
- package/cjs/form/file-upload/parts/dropzone/Dropzone.js +17 -7
- package/cjs/form/file-upload/parts/dropzone/Dropzone.js.map +1 -1
- package/cjs/form/file-upload/parts/item/Item.js +17 -7
- package/cjs/form/file-upload/parts/item/Item.js.map +1 -1
- package/cjs/form/form-progress/FormProgress.js +17 -7
- package/cjs/form/form-progress/FormProgress.js.map +1 -1
- package/cjs/form/form-summary/FormSummary.js +17 -7
- package/cjs/form/form-summary/FormSummary.js.map +1 -1
- package/cjs/form/form-summary/FormSummaryAnswers.js +19 -9
- package/cjs/form/form-summary/FormSummaryAnswers.js.map +1 -1
- package/cjs/form/form-summary/FormSummaryEditLink.js +17 -7
- package/cjs/form/form-summary/FormSummaryEditLink.js.map +1 -1
- package/cjs/form/form-summary/FormSummaryHeader.js +17 -7
- package/cjs/form/form-summary/FormSummaryHeader.js.map +1 -1
- package/cjs/form/form-summary/FormSummaryHeading.js +17 -7
- package/cjs/form/form-summary/FormSummaryHeading.js.map +1 -1
- package/cjs/form/form-summary/FormSummaryLabel.js +17 -7
- package/cjs/form/form-summary/FormSummaryLabel.js.map +1 -1
- package/cjs/form/form-summary/FormSummaryValue.js +17 -7
- package/cjs/form/form-summary/FormSummaryValue.js.map +1 -1
- package/cjs/form/radio/Radio.js +18 -8
- package/cjs/form/radio/Radio.js.map +1 -1
- package/cjs/form/radio/RadioGroup.js +17 -7
- package/cjs/form/radio/RadioGroup.js.map +1 -1
- package/cjs/form/radio/index.d.ts +1 -1
- package/cjs/form/search/Search.d.ts +1 -1
- package/cjs/form/search/Search.js +19 -9
- package/cjs/form/search/Search.js.map +1 -1
- package/cjs/form/search/SearchButton.js +17 -7
- package/cjs/form/search/SearchButton.js.map +1 -1
- package/cjs/form/select/Select.js +17 -7
- package/cjs/form/select/Select.js.map +1 -1
- package/cjs/form/switch/Switch.js +17 -7
- package/cjs/form/switch/Switch.js.map +1 -1
- package/cjs/form/textarea/Textarea.js +17 -7
- package/cjs/form/textarea/Textarea.js.map +1 -1
- package/cjs/form/textarea/TextareaCounter.js +17 -7
- package/cjs/form/textarea/TextareaCounter.js.map +1 -1
- package/cjs/form/textfield/TextField.js +17 -7
- package/cjs/form/textfield/TextField.js.map +1 -1
- package/cjs/guide-panel/GuidePanel.js +20 -10
- package/cjs/guide-panel/GuidePanel.js.map +1 -1
- package/cjs/guide-panel/Illustration.darkside.js +1 -1
- package/cjs/guide-panel/Illustration.darkside.js.map +1 -1
- package/cjs/help-text/HelpText.js +19 -9
- package/cjs/help-text/HelpText.js.map +1 -1
- package/cjs/internal-header/InternalHeader.js +17 -7
- package/cjs/internal-header/InternalHeader.js.map +1 -1
- package/cjs/internal-header/InternalHeaderButton.js +17 -7
- package/cjs/internal-header/InternalHeaderButton.js.map +1 -1
- package/cjs/internal-header/InternalHeaderTitle.js +17 -7
- package/cjs/internal-header/InternalHeaderTitle.js.map +1 -1
- package/cjs/internal-header/InternalHeaderUser.js +17 -7
- package/cjs/internal-header/InternalHeaderUser.js.map +1 -1
- package/cjs/internal-header/InternalHeaderUserButton.js +17 -7
- package/cjs/internal-header/InternalHeaderUserButton.js.map +1 -1
- package/cjs/layout/bleed/Bleed.js +17 -7
- package/cjs/layout/bleed/Bleed.js.map +1 -1
- package/cjs/layout/box/Box.d.ts +4 -5
- package/cjs/layout/box/Box.darkside.d.ts +8 -8
- package/cjs/layout/box/Box.darkside.js +19 -9
- package/cjs/layout/box/Box.darkside.js.map +1 -1
- package/cjs/layout/box/Box.js +18 -8
- package/cjs/layout/box/Box.js.map +1 -1
- package/cjs/layout/grid/HGrid.js +17 -7
- package/cjs/layout/grid/HGrid.js.map +1 -1
- package/cjs/layout/page/Page.js +17 -7
- package/cjs/layout/page/Page.js.map +1 -1
- package/cjs/layout/page/parts/PageBlock.js +17 -7
- package/cjs/layout/page/parts/PageBlock.js.map +1 -1
- package/cjs/layout/responsive/Responsive.js +17 -7
- package/cjs/layout/responsive/Responsive.js.map +1 -1
- package/cjs/layout/stack/HStack.js +17 -7
- package/cjs/layout/stack/HStack.js.map +1 -1
- package/cjs/layout/stack/Stack.js +17 -7
- package/cjs/layout/stack/Stack.js.map +1 -1
- package/cjs/layout/stack/VStack.js +17 -7
- package/cjs/layout/stack/VStack.js.map +1 -1
- package/cjs/layout/utilities/css.d.ts +1 -1
- package/cjs/layout/utilities/css.js +12 -1
- package/cjs/layout/utilities/css.js.map +1 -1
- package/cjs/layout/utilities/types.d.ts +8 -7
- package/cjs/link/Link.js +43 -9
- package/cjs/link/Link.js.map +1 -1
- package/cjs/link/stories/RandomIcon.js +17 -7
- package/cjs/link/stories/RandomIcon.js.map +1 -1
- package/cjs/link-panel/LinkPanel.js +17 -7
- package/cjs/link-panel/LinkPanel.js.map +1 -1
- package/cjs/link-panel/LinkPanelDescription.js +17 -7
- package/cjs/link-panel/LinkPanelDescription.js.map +1 -1
- package/cjs/link-panel/LinkPanelTitle.js +17 -7
- package/cjs/link-panel/LinkPanelTitle.js.map +1 -1
- package/cjs/list/List.Item.js +17 -7
- package/cjs/list/List.Item.js.map +1 -1
- package/cjs/list/List.js +17 -7
- package/cjs/list/List.js.map +1 -1
- package/cjs/loader/Loader.d.ts +5 -0
- package/cjs/loader/Loader.js +32 -9
- package/cjs/loader/Loader.js.map +1 -1
- package/cjs/loader/index.d.ts +1 -1
- package/cjs/modal/Modal.js +17 -7
- package/cjs/modal/Modal.js.map +1 -1
- package/cjs/modal/ModalBody.js +17 -7
- package/cjs/modal/ModalBody.js.map +1 -1
- package/cjs/modal/ModalFooter.js +17 -7
- package/cjs/modal/ModalFooter.js.map +1 -1
- package/cjs/modal/ModalHeader.js +17 -7
- package/cjs/modal/ModalHeader.js.map +1 -1
- package/cjs/modal/index.d.ts +1 -1
- package/cjs/overlays/action-menu/ActionMenu.js +22 -12
- package/cjs/overlays/action-menu/ActionMenu.js.map +1 -1
- package/cjs/overlays/dismissablelayer/DismissableLayer.js +17 -7
- package/cjs/overlays/dismissablelayer/DismissableLayer.js.map +1 -1
- package/cjs/overlays/floating/Floating.js +17 -7
- package/cjs/overlays/floating/Floating.js.map +1 -1
- package/cjs/overlays/floating-menu/Menu.js +17 -7
- package/cjs/overlays/floating-menu/Menu.js.map +1 -1
- package/cjs/overlays/floating-menu/parts/FocusScope.js +17 -7
- package/cjs/overlays/floating-menu/parts/FocusScope.js.map +1 -1
- package/cjs/overlays/floating-menu/parts/RovingFocus.js +17 -7
- package/cjs/overlays/floating-menu/parts/RovingFocus.js.map +1 -1
- package/cjs/overlays/floating-menu/parts/SlottedDivElement.js +17 -7
- package/cjs/overlays/floating-menu/parts/SlottedDivElement.js.map +1 -1
- package/cjs/pagination/Pagination.js +22 -14
- package/cjs/pagination/Pagination.js.map +1 -1
- package/cjs/pagination/PaginationItem.js +19 -9
- package/cjs/pagination/PaginationItem.js.map +1 -1
- package/cjs/panel/Panel.js +17 -7
- package/cjs/panel/Panel.js.map +1 -1
- package/cjs/panel/index.d.ts +1 -1
- package/cjs/popover/Popover.js +17 -7
- package/cjs/popover/Popover.js.map +1 -1
- package/cjs/popover/PopoverContent.js +17 -7
- package/cjs/popover/PopoverContent.js.map +1 -1
- package/cjs/portal/Portal.js +18 -8
- package/cjs/portal/Portal.js.map +1 -1
- package/cjs/progress-bar/ProgressBar.js +17 -7
- package/cjs/progress-bar/ProgressBar.js.map +1 -1
- package/cjs/provider/Provider.js +17 -7
- package/cjs/provider/Provider.js.map +1 -1
- package/cjs/read-more/ReadMore.js +17 -7
- package/cjs/read-more/ReadMore.js.map +1 -1
- package/cjs/skeleton/Skeleton.js +17 -7
- package/cjs/skeleton/Skeleton.js.map +1 -1
- package/cjs/slot/Slot.js +17 -7
- package/cjs/slot/Slot.js.map +1 -1
- package/cjs/stepper/Step.js +17 -7
- package/cjs/stepper/Step.js.map +1 -1
- package/cjs/stepper/Stepper.js +20 -9
- package/cjs/stepper/Stepper.js.map +1 -1
- package/cjs/stepper/context.d.ts +1 -1
- package/cjs/table/AnimateHeight.js +17 -7
- package/cjs/table/AnimateHeight.js.map +1 -1
- package/cjs/table/Body.js +17 -7
- package/cjs/table/Body.js.map +1 -1
- package/cjs/table/ColumnHeader.js +17 -7
- package/cjs/table/ColumnHeader.js.map +1 -1
- package/cjs/table/DataCell.js +17 -7
- package/cjs/table/DataCell.js.map +1 -1
- package/cjs/table/ExpandableRow.js +17 -7
- package/cjs/table/ExpandableRow.js.map +1 -1
- package/cjs/table/Header.js +17 -7
- package/cjs/table/Header.js.map +1 -1
- package/cjs/table/HeaderCell.js +17 -7
- package/cjs/table/HeaderCell.js.map +1 -1
- package/cjs/table/Row.js +17 -7
- package/cjs/table/Row.js.map +1 -1
- package/cjs/table/Table.js +17 -7
- package/cjs/table/Table.js.map +1 -1
- package/cjs/table/index.d.ts +1 -1
- package/cjs/tabs/Tabs.context.d.ts +1 -1
- package/cjs/tabs/Tabs.js +17 -7
- package/cjs/tabs/Tabs.js.map +1 -1
- package/cjs/tabs/index.d.ts +1 -1
- package/cjs/tabs/parts/tab/Tab.js +17 -7
- package/cjs/tabs/parts/tab/Tab.js.map +1 -1
- package/cjs/tabs/parts/tablist/TabList.js +17 -7
- package/cjs/tabs/parts/tablist/TabList.js.map +1 -1
- package/cjs/tabs/parts/tabpanel/TabPanel.js +17 -7
- package/cjs/tabs/parts/tabpanel/TabPanel.js.map +1 -1
- package/cjs/tag/Tag.js +56 -10
- package/cjs/tag/Tag.js.map +1 -1
- package/cjs/theme/Theme.d.ts +10 -1
- package/cjs/theme/Theme.js +20 -10
- package/cjs/theme/Theme.js.map +1 -1
- package/cjs/timeline/Pin.js +18 -10
- package/cjs/timeline/Pin.js.map +1 -1
- package/cjs/timeline/Timeline.js +17 -7
- package/cjs/timeline/Timeline.js.map +1 -1
- package/cjs/timeline/TimelineRow.js +17 -7
- package/cjs/timeline/TimelineRow.js.map +1 -1
- package/cjs/timeline/period/ClickablePeriod.js +20 -12
- package/cjs/timeline/period/ClickablePeriod.js.map +1 -1
- package/cjs/timeline/period/NonClickablePeriod.js +2 -1
- package/cjs/timeline/period/NonClickablePeriod.js.map +1 -1
- package/cjs/timeline/period/index.js +17 -7
- package/cjs/timeline/period/index.js.map +1 -1
- package/cjs/timeline/utils/period.d.ts +1 -1
- package/cjs/timeline/utils/period.js.map +1 -1
- package/cjs/timeline/zoom/ZoomButton.js +17 -7
- package/cjs/timeline/zoom/ZoomButton.js.map +1 -1
- package/cjs/timeline/zoom/index.js +17 -7
- package/cjs/timeline/zoom/index.js.map +1 -1
- package/cjs/toggle-group/ToggleGroup.context.d.ts +1 -1
- package/cjs/toggle-group/ToggleGroup.js +38 -10
- package/cjs/toggle-group/ToggleGroup.js.map +1 -1
- package/cjs/toggle-group/index.d.ts +1 -1
- package/cjs/toggle-group/parts/ToggleItem.js +17 -7
- package/cjs/toggle-group/parts/ToggleItem.js.map +1 -1
- package/cjs/tooltip/Tooltip.js +17 -7
- package/cjs/tooltip/Tooltip.js.map +1 -1
- package/cjs/types/index.d.ts +1 -0
- package/cjs/types/index.js +18 -0
- package/cjs/types/index.js.map +1 -0
- package/cjs/typography/BodyLong.js +17 -7
- package/cjs/typography/BodyLong.js.map +1 -1
- package/cjs/typography/BodyShort.js +17 -7
- package/cjs/typography/BodyShort.js.map +1 -1
- package/cjs/typography/Detail.js +17 -7
- package/cjs/typography/Detail.js.map +1 -1
- package/cjs/typography/ErrorMessage.js +17 -7
- package/cjs/typography/ErrorMessage.js.map +1 -1
- package/cjs/typography/Heading.js +17 -7
- package/cjs/typography/Heading.js.map +1 -1
- package/cjs/typography/Ingress.js +17 -7
- package/cjs/typography/Ingress.js.map +1 -1
- package/cjs/typography/Label.js +17 -7
- package/cjs/typography/Label.js.map +1 -1
- package/cjs/util/TextareaAutoSize.js +17 -7
- package/cjs/util/TextareaAutoSize.js.map +1 -1
- package/cjs/util/create-context.js +17 -7
- package/cjs/util/create-context.js.map +1 -1
- package/cjs/util/hooks/descendants/useDescendant.js +17 -7
- package/cjs/util/hooks/descendants/useDescendant.js.map +1 -1
- package/cjs/util/hooks/useId.js +17 -7
- package/cjs/util/hooks/useId.js.map +1 -1
- package/cjs/util/virtualfocus/Context.d.ts +1 -1
- package/cjs/util/virtualfocus/SlottedDivElement.js +17 -7
- package/cjs/util/virtualfocus/SlottedDivElement.js.map +1 -1
- package/cjs/util/virtualfocus/VirtualFocus.js +17 -7
- package/cjs/util/virtualfocus/VirtualFocus.js.map +1 -1
- package/cjs/util/virtualfocus/parts/VirtualFocusAnchor.js +17 -7
- package/cjs/util/virtualfocus/parts/VirtualFocusAnchor.js.map +1 -1
- package/cjs/util/virtualfocus/parts/VirtualFocusContent.js +17 -7
- package/cjs/util/virtualfocus/parts/VirtualFocusContent.js.map +1 -1
- package/cjs/util/virtualfocus/parts/VirtualFocusItem.js +17 -7
- package/cjs/util/virtualfocus/parts/VirtualFocusItem.js.map +1 -1
- package/esm/alert/Alert.d.ts +4 -0
- package/esm/alert/Alert.js +15 -1
- package/esm/alert/Alert.js.map +1 -1
- package/esm/button/Button.js +30 -2
- package/esm/button/Button.js.map +1 -1
- package/esm/chat/Chat.js +14 -2
- package/esm/chat/Chat.js.map +1 -1
- package/esm/chips/Removable.js +23 -3
- package/esm/chips/Removable.js.map +1 -1
- package/esm/chips/Toggle.js +25 -6
- package/esm/chips/Toggle.js.map +1 -1
- package/esm/collapsible/Collapsible.context.d.ts +1 -1
- package/esm/date/Date.locale.d.ts +1 -1
- package/esm/date/monthpicker/index.d.ts +1 -1
- package/esm/expansion-card/ExpansionCard.js +2 -2
- package/esm/expansion-card/ExpansionCard.js.map +1 -1
- package/esm/form/checkbox/Checkbox.js +1 -1
- package/esm/form/checkbox/Checkbox.js.map +1 -1
- package/esm/form/checkbox/index.d.ts +1 -1
- package/esm/form/combobox/SelectedOptions/SelectedOptions.js +1 -1
- package/esm/form/combobox/SelectedOptions/SelectedOptions.js.map +1 -1
- package/esm/form/combobox/index.d.ts +1 -1
- package/esm/form/confirmation-panel/ConfirmationPanel.d.ts +1 -0
- package/esm/form/confirmation-panel/ConfirmationPanel.js +3 -2
- package/esm/form/confirmation-panel/ConfirmationPanel.js.map +1 -1
- package/esm/form/error-summary/ErrorSummary.js +1 -1
- package/esm/form/error-summary/ErrorSummary.js.map +1 -1
- package/esm/form/file-upload/FileUpload.context.d.ts +1 -1
- package/esm/form/file-upload/index.d.ts +3 -3
- package/esm/form/form-summary/FormSummaryAnswers.js +2 -2
- package/esm/form/form-summary/FormSummaryAnswers.js.map +1 -1
- package/esm/form/radio/Radio.js +1 -1
- package/esm/form/radio/Radio.js.map +1 -1
- package/esm/form/radio/index.d.ts +1 -1
- package/esm/form/search/Search.d.ts +1 -1
- package/esm/form/search/Search.js +2 -2
- package/esm/form/search/Search.js.map +1 -1
- package/esm/guide-panel/GuidePanel.js +3 -3
- package/esm/guide-panel/GuidePanel.js.map +1 -1
- package/esm/guide-panel/Illustration.darkside.js +1 -1
- package/esm/guide-panel/Illustration.darkside.js.map +1 -1
- package/esm/help-text/HelpText.js +2 -2
- package/esm/help-text/HelpText.js.map +1 -1
- package/esm/layout/box/Box.d.ts +4 -5
- package/esm/layout/box/Box.darkside.d.ts +8 -8
- package/esm/layout/box/Box.darkside.js +2 -2
- package/esm/layout/box/Box.darkside.js.map +1 -1
- package/esm/layout/box/Box.js +1 -1
- package/esm/layout/box/Box.js.map +1 -1
- package/esm/layout/utilities/css.d.ts +1 -1
- package/esm/layout/utilities/css.js +12 -1
- package/esm/layout/utilities/css.js.map +1 -1
- package/esm/layout/utilities/types.d.ts +8 -7
- package/esm/link/Link.js +27 -3
- package/esm/link/Link.js.map +1 -1
- package/esm/loader/Loader.d.ts +5 -0
- package/esm/loader/Loader.js +15 -2
- package/esm/loader/Loader.js.map +1 -1
- package/esm/loader/index.d.ts +1 -1
- package/esm/modal/index.d.ts +1 -1
- package/esm/overlays/action-menu/ActionMenu.js +5 -5
- package/esm/overlays/action-menu/ActionMenu.js.map +1 -1
- package/esm/pagination/Pagination.js +5 -7
- package/esm/pagination/Pagination.js.map +1 -1
- package/esm/pagination/PaginationItem.js +2 -2
- package/esm/pagination/PaginationItem.js.map +1 -1
- package/esm/panel/index.d.ts +1 -1
- package/esm/portal/Portal.js +1 -1
- package/esm/portal/Portal.js.map +1 -1
- package/esm/stepper/Stepper.js +3 -2
- package/esm/stepper/Stepper.js.map +1 -1
- package/esm/stepper/context.d.ts +1 -1
- package/esm/table/index.d.ts +1 -1
- package/esm/tabs/Tabs.context.d.ts +1 -1
- package/esm/tabs/index.d.ts +1 -1
- package/esm/tag/Tag.js +39 -3
- package/esm/tag/Tag.js.map +1 -1
- package/esm/theme/Theme.d.ts +10 -1
- package/esm/theme/Theme.js +3 -3
- package/esm/theme/Theme.js.map +1 -1
- package/esm/timeline/Pin.js +2 -4
- package/esm/timeline/Pin.js.map +1 -1
- package/esm/timeline/period/ClickablePeriod.js +4 -6
- package/esm/timeline/period/ClickablePeriod.js.map +1 -1
- package/esm/timeline/period/NonClickablePeriod.js +2 -1
- package/esm/timeline/period/NonClickablePeriod.js.map +1 -1
- package/esm/timeline/utils/period.d.ts +1 -1
- package/esm/timeline/utils/period.js.map +1 -1
- package/esm/toggle-group/ToggleGroup.context.d.ts +1 -1
- package/esm/toggle-group/ToggleGroup.js +22 -4
- package/esm/toggle-group/ToggleGroup.js.map +1 -1
- package/esm/toggle-group/index.d.ts +1 -1
- package/esm/types/index.d.ts +1 -0
- package/esm/types/index.js +2 -0
- package/esm/types/index.js.map +1 -0
- package/esm/types/theme.d.ts +15 -0
- package/esm/util/virtualfocus/Context.d.ts +1 -1
- package/package.json +16 -10
- package/src/alert/Alert.tsx +22 -0
- package/src/button/Button.tsx +38 -0
- package/src/chat/Chat.tsx +17 -0
- package/src/chips/Removable.tsx +30 -3
- package/src/chips/Toggle.tsx +31 -13
- package/src/date/monthpicker/index.ts +1 -1
- package/src/expansion-card/ExpansionCard.tsx +2 -0
- package/src/form/checkbox/Checkbox.tsx +1 -0
- package/src/form/checkbox/index.ts +1 -1
- package/src/form/combobox/SelectedOptions/SelectedOptions.tsx +6 -1
- package/src/form/combobox/index.ts +1 -1
- package/src/form/confirmation-panel/ConfirmationPanel.tsx +3 -2
- package/src/form/error-summary/ErrorSummary.tsx +1 -1
- package/src/form/file-upload/index.ts +9 -9
- package/src/form/form-summary/FormSummaryAnswers.tsx +23 -12
- package/src/form/radio/Radio.tsx +1 -0
- package/src/form/radio/index.ts +1 -1
- package/src/form/search/Search.tsx +4 -2
- package/src/guide-panel/GuidePanel.tsx +13 -2
- package/src/guide-panel/Illustration.darkside.tsx +1 -6
- package/src/help-text/HelpText.tsx +5 -1
- package/src/layout/box/Box.darkside.tsx +21 -16
- package/src/layout/box/Box.tsx +6 -6
- package/src/layout/utilities/css.ts +24 -5
- package/src/layout/utilities/types.ts +18 -13
- package/src/link/Link.tsx +36 -3
- package/src/loader/Loader.tsx +24 -0
- package/src/loader/index.ts +1 -1
- package/src/modal/index.ts +1 -1
- package/src/overlays/action-menu/ActionMenu.tsx +5 -5
- package/src/pagination/Pagination.tsx +5 -0
- package/src/pagination/PaginationItem.tsx +3 -1
- package/src/panel/index.ts +1 -1
- package/src/portal/Portal.tsx +6 -1
- package/src/react-css.d.ts +0 -4
- package/src/stepper/Stepper.tsx +4 -3
- package/src/table/index.ts +1 -1
- package/src/tabs/index.ts +1 -1
- package/src/tag/Tag.tsx +53 -4
- package/src/theme/Theme.tsx +13 -2
- package/src/timeline/Pin.tsx +1 -3
- package/src/timeline/period/ClickablePeriod.tsx +2 -3
- package/src/timeline/period/NonClickablePeriod.tsx +1 -0
- package/src/timeline/utils/period.ts +1 -1
- package/src/toggle-group/ToggleGroup.tsx +28 -3
- package/src/toggle-group/index.ts +1 -1
- package/src/types/index.ts +1 -0
- package/src/types/theme.d.ts +15 -0
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;
|
|
1
|
+
{"version":3,"file":"Theme.js","sourceRoot":"","sources":["../../src/theme/Theme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,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;AAcF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,aAAa,CAAe;IACpE,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,eAAe;IACrB,YAAY,EAAE,eAAe;CAC9B,CAAC,CAAC;AAeH,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,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,EACtB,aAAa,EAAE,iBAAiB,GAAG,IAAI,EACvC,YAAY,EAAE,KAAK,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,GACrC,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,EAAE,KAAK,EAAE,KAAK;QACvC,oBAAC,SAAS;YACR,oBAAC,WAAW,IACV,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE,KAAK,CAAC,qBAC7B,aAAa,gBAClB,KAAK,IAEhB,QAAQ,CACG,CACJ,CACE,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAC"}
|
package/esm/timeline/Pin.js
CHANGED
|
@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import { FloatingFocusManager, autoUpdate, arrow as flArrow, flip, offset, safePolygon, shift, useDismiss, useFloating, useFocus, useHover, useInteractions,
|
|
12
|
+
import { FloatingFocusManager, autoUpdate, arrow as flArrow, flip, offset, safePolygon, shift, useDismiss, useFloating, useFocus, useHover, useInteractions, } from "@floating-ui/react";
|
|
13
13
|
import { format } from "date-fns";
|
|
14
14
|
import React, { forwardRef, useRef, useState } from "react";
|
|
15
15
|
import { useRenameCSS, useThemeInternal } from "../theme/Theme.js";
|
|
@@ -46,12 +46,10 @@ export const Pin = forwardRef((_a, ref) => {
|
|
|
46
46
|
});
|
|
47
47
|
const focus = useFocus(context);
|
|
48
48
|
const dismiss = useDismiss(context);
|
|
49
|
-
const role = useRole(context, { role: "dialog" });
|
|
50
49
|
const { getFloatingProps, getReferenceProps } = useInteractions([
|
|
51
50
|
hover,
|
|
52
51
|
focus,
|
|
53
52
|
dismiss,
|
|
54
|
-
role,
|
|
55
53
|
]);
|
|
56
54
|
const mergedRef = useMergeRefs(refs.setReference, ref);
|
|
57
55
|
const staticSide = {
|
|
@@ -77,7 +75,7 @@ export const Pin = forwardRef((_a, ref) => {
|
|
|
77
75
|
},
|
|
78
76
|
})))),
|
|
79
77
|
children && open && (React.createElement(FloatingFocusManager, { context: context, modal: false, initialFocus: -1, returnFocus: false },
|
|
80
|
-
React.createElement("div", Object.assign({ className: cn("navds-timeline__popover"), "data-placement": placement, ref: refs.setFloating }, getFloatingProps(), { style: floatingStyles }),
|
|
78
|
+
React.createElement("div", Object.assign({ className: cn("navds-timeline__popover"), "data-placement": placement, ref: refs.setFloating, role: "dialog" }, getFloatingProps(), { style: floatingStyles }),
|
|
81
79
|
children,
|
|
82
80
|
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") })))))));
|
|
83
81
|
});
|
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,
|
|
1
|
+
{"version":3,"file":"Pin.js","sourceRoot":"","sources":["../../src/timeline/Pin.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FloatingFocusManager, autoUpdate, arrow as flArrow, flip, offset, safePolygon, shift, useDismiss, useFloating, useFocus, useHover, useInteractions,
|
|
1
|
+
import { FloatingFocusManager, autoUpdate, arrow as flArrow, flip, offset, safePolygon, shift, useDismiss, useFloating, useFocus, useHover, useInteractions, } from "@floating-ui/react";
|
|
2
2
|
import React, { useRef, useState } from "react";
|
|
3
3
|
import { useRenameCSS, useThemeInternal } from "../../theme/Theme.js";
|
|
4
4
|
import { useMergeRefs } from "../../util/hooks/useMergeRefs.js";
|
|
@@ -8,7 +8,7 @@ import { useRowContext } from "../hooks/useRowContext.js";
|
|
|
8
8
|
import { useTimelineContext } from "../hooks/useTimelineContext.js";
|
|
9
9
|
import { ariaLabel, getConditionalClasses } from "../utils/period.js";
|
|
10
10
|
const ClickablePeriod = React.memo(({ onSelectPeriod, start, end, status, cropped, direction, left, width, icon, children, isActive, statusLabel, restProps, periodRef, }) => {
|
|
11
|
-
var _a;
|
|
11
|
+
var _a, _b;
|
|
12
12
|
const { cn } = useRenameCSS();
|
|
13
13
|
const [open, setOpen] = useState(false);
|
|
14
14
|
const { index } = useRowContext();
|
|
@@ -38,12 +38,10 @@ const ClickablePeriod = React.memo(({ onSelectPeriod, start, end, status, croppe
|
|
|
38
38
|
});
|
|
39
39
|
const focus = useFocus(context);
|
|
40
40
|
const dismiss = useDismiss(context);
|
|
41
|
-
const role = useRole(context, { role: "dialog" });
|
|
42
41
|
const { getFloatingProps, getReferenceProps } = useInteractions([
|
|
43
42
|
hover,
|
|
44
43
|
focus,
|
|
45
44
|
dismiss,
|
|
46
|
-
role,
|
|
47
45
|
]);
|
|
48
46
|
const mergedRef = useMergeRefs(refs.setReference, periodRef);
|
|
49
47
|
const staticSide = {
|
|
@@ -53,7 +51,7 @@ const ClickablePeriod = React.memo(({ onSelectPeriod, start, end, status, croppe
|
|
|
53
51
|
left: "right",
|
|
54
52
|
}[placement.split("-")[0]];
|
|
55
53
|
return (React.createElement(React.Fragment, null,
|
|
56
|
-
React.createElement("button", Object.assign({}, restProps, { type: "button", ref: (r) => {
|
|
54
|
+
React.createElement("button", Object.assign({}, restProps, { "data-color": (_b = restProps === null || restProps === void 0 ? void 0 : restProps["data-color"]) !== null && _b !== void 0 ? _b : status, type: "button", ref: (r) => {
|
|
57
55
|
firstFocus && addFocusable(r, index);
|
|
58
56
|
mergedRef(r);
|
|
59
57
|
}, "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, {
|
|
@@ -88,7 +86,7 @@ const ClickablePeriod = React.memo(({ onSelectPeriod, start, end, status, croppe
|
|
|
88
86
|
})),
|
|
89
87
|
React.createElement("span", { className: cn("navds-timeline__period--inner") }, icon)),
|
|
90
88
|
children && open && (React.createElement(FloatingFocusManager, { context: context, modal: false, initialFocus: -1, returnFocus: false },
|
|
91
|
-
React.createElement("div", Object.assign({ className: cn("navds-timeline__popover"), "data-placement": placement, ref: refs.setFloating }, getFloatingProps(), { style: floatingStyles }),
|
|
89
|
+
React.createElement("div", Object.assign({ className: cn("navds-timeline__popover"), "data-placement": placement, ref: refs.setFloating, role: "dialog" }, getFloatingProps(), { style: floatingStyles }),
|
|
92
90
|
children,
|
|
93
91
|
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") })))))));
|
|
94
92
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClickablePeriod.js","sourceRoot":"","sources":["../../../src/timeline/period/ClickablePeriod.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,
|
|
1
|
+
{"version":3,"file":"ClickablePeriod.js","sourceRoot":"","sources":["../../../src/timeline/period/ClickablePeriod.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,9 +3,10 @@ import { useRenameCSS } from "../../theme/Theme.js";
|
|
|
3
3
|
import { useI18n } from "../../util/i18n/i18n.hooks.js";
|
|
4
4
|
import { ariaLabel, getConditionalClasses } from "../utils/period.js";
|
|
5
5
|
const NonClickablePeriod = ({ start, end, status, cropped, direction, left, width, icon, statusLabel, restProps, periodRef, }) => {
|
|
6
|
+
var _a;
|
|
6
7
|
const translate = useI18n("Timeline");
|
|
7
8
|
const { cn } = useRenameCSS();
|
|
8
|
-
return (React.createElement("div", Object.assign({ ref: periodRef }, restProps, { className: cn(getConditionalClasses(cropped, direction, status), restProps === null || restProps === void 0 ? void 0 : restProps.className), style: {
|
|
9
|
+
return (React.createElement("div", Object.assign({ ref: periodRef }, restProps, { "data-color": (_a = restProps === null || restProps === void 0 ? void 0 : restProps["data-color"]) !== null && _a !== void 0 ? _a : status, className: cn(getConditionalClasses(cropped, direction, status), restProps === null || restProps === void 0 ? void 0 : restProps.className), style: {
|
|
9
10
|
width: `${width}%`,
|
|
10
11
|
[direction]: `${left}%`,
|
|
11
12
|
} }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NonClickablePeriod.js","sourceRoot":"","sources":["../../../src/timeline/period/NonClickablePeriod.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAOnE,MAAM,kBAAkB,GAAG,CAAC,EAC1B,KAAK,EACL,GAAG,EACH,MAAM,EACN,OAAO,EACP,SAAS,EACT,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,WAAW,EACX,SAAS,EACT,SAAS,GACuB,EAAE,EAAE
|
|
1
|
+
{"version":3,"file":"NonClickablePeriod.js","sourceRoot":"","sources":["../../../src/timeline/period/NonClickablePeriod.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAOnE,MAAM,kBAAkB,GAAG,CAAC,EAC1B,KAAK,EACL,GAAG,EACH,MAAM,EACN,OAAO,EACP,SAAS,EACT,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,WAAW,EACX,SAAS,EACT,SAAS,GACuB,EAAE,EAAE;;IACpC,MAAM,SAAS,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;IAEtC,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,OAAO,CACL,2CACE,GAAG,EAAE,SAAS,IACV,SAAS,kBACD,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,YAAY,CAAC,mCAAI,MAAM,EAC/C,SAAS,EAAE,EAAE,CACX,qBAAqB,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,EACjD,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,CACrB,EACD,KAAK,EAAE;YACL,KAAK,EAAE,GAAG,KAAK,GAAG;YAClB,CAAC,SAAS,CAAC,EAAE,GAAG,IAAI,GAAG;SACxB;QAED,8BAAM,SAAS,EAAE,EAAE,CAAC,+BAA+B,CAAC;YACjD,IAAI;YACL,8BAAM,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,IACjC,SAAS,CAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE,SAAS,CAAC,CACjD,CACF,CACH,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import type { TFunction } from "../../util/i18n/i18n.types.js";
|
|
2
2
|
import type { PeriodProps } from "../period/types.js";
|
|
3
|
-
export declare const getConditionalClasses: (cropped: string, direction: string, status:
|
|
3
|
+
export declare const getConditionalClasses: (cropped: string, direction: string, status: PeriodProps["status"]) => string;
|
|
4
4
|
export declare const ariaLabel: (startDate: Date, endDate: Date, status: PeriodProps["status"], statusLabel: string | undefined, translate: TFunction<"Timeline">) => string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"period.js","sourceRoot":"","sources":["../../../src/timeline/utils/period.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAIlC,MAAM,CAAC,MAAM,qBAAqB,GAAG,CACnC,OAAe,EACf,SAAiB,EACjB,
|
|
1
|
+
{"version":3,"file":"period.js","sourceRoot":"","sources":["../../../src/timeline/utils/period.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAIlC,MAAM,CAAC,MAAM,qBAAqB,GAAG,CACnC,OAAe,EACf,SAAiB,EACjB,MAA6B,EAC7B,EAAE;IACF,kFAAkF;IAClF,OAAO,EAAE,CAAC,kDAAkD,MAAM,EAAE,EAAE;QACpE,wCAAwC,EAAE,OAAO,KAAK,MAAM;QAC5D,yCAAyC,EACvC,CAAC,OAAO,KAAK,OAAO,IAAI,SAAS,KAAK,MAAM,CAAC;YAC7C,CAAC,OAAO,KAAK,MAAM,IAAI,SAAS,KAAK,OAAO,CAAC;QAC/C,wCAAwC,EACtC,CAAC,OAAO,KAAK,MAAM,IAAI,SAAS,KAAK,MAAM,CAAC;YAC5C,CAAC,OAAO,KAAK,OAAO,IAAI,SAAS,KAAK,OAAO,CAAC;KACjD,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,CACvB,SAAe,EACf,OAAa,EACb,MAA6B,EAC7B,WAA+B,EAC/B,SAAgC,EACxB,EAAE;IACV,MAAM,UAAU,GAAG,SAAS,CAAC,YAAY,CAAC,CAAC;IAC3C,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;IAC5C,MAAM,GAAG,GAAG,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;IACxC,OAAO,SAAS,CAAC,eAAe,EAAE;QAChC,MAAM,EAAE,WAAW,IAAI,SAAS,CAAC,UAAU,MAAM,EAAE,CAAC;QACpD,KAAK;QACL,GAAG;KACJ,CAAC,CAAC;AACL,CAAC,CAAC"}
|
|
@@ -29,6 +29,6 @@ export declare const ToggleGroupProvider: import("react").ForwardRefExoticCompon
|
|
|
29
29
|
focusedValue: string;
|
|
30
30
|
setFocusedValue: import("react").Dispatch<import("react").SetStateAction<string>>;
|
|
31
31
|
} & Pick<ToggleGroupProps, "size"> & {
|
|
32
|
-
children:
|
|
32
|
+
children: React.ReactNode;
|
|
33
33
|
} & import("react").RefAttributes<unknown>>, useToggleGroupContext: <S extends boolean = true>(strict?: S) => S extends true ? ToggleGroupProviderProps : ToggleGroupProviderProps | undefined;
|
|
34
34
|
export {};
|
|
@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import cl from "clsx";
|
|
13
13
|
import React, { forwardRef } from "react";
|
|
14
|
-
import { useRenameCSS } from "../theme/Theme.js";
|
|
14
|
+
import { useRenameCSS, useThemeInternal } from "../theme/Theme.js";
|
|
15
15
|
import { Label } from "../typography/index.js";
|
|
16
16
|
import { useId } from "../util/index.js";
|
|
17
17
|
import { ToggleGroupDescendantsProvider, ToggleGroupProvider, useToggleGroupDescendants, } from "./ToggleGroup.context.js";
|
|
@@ -33,8 +33,9 @@ import { useToggleGroup } from "./useToggleGroup.js";
|
|
|
33
33
|
* ```
|
|
34
34
|
*/
|
|
35
35
|
export const ToggleGroup = forwardRef((_a, ref) => {
|
|
36
|
-
var { className, children, onChange, size = "medium", label, value, defaultValue, "aria-describedby": userDescribedby, variant
|
|
36
|
+
var { className, children, onChange, size = "medium", label, value, defaultValue, "aria-describedby": userDescribedby, variant, fill = false, "data-color": color } = _a, rest = __rest(_a, ["className", "children", "onChange", "size", "label", "value", "defaultValue", "aria-describedby", "variant", "fill", "data-color"]);
|
|
37
37
|
const { cn } = useRenameCSS();
|
|
38
|
+
const themeContext = useThemeInternal(false);
|
|
38
39
|
const descendants = useToggleGroupDescendants();
|
|
39
40
|
const toggleGroupContext = useToggleGroup({
|
|
40
41
|
defaultValue,
|
|
@@ -52,14 +53,31 @@ export const ToggleGroup = forwardRef((_a, ref) => {
|
|
|
52
53
|
if (!value && !defaultValue) {
|
|
53
54
|
console.error("ToggleGroup needs either a value or defaultValue");
|
|
54
55
|
}
|
|
56
|
+
let localVariant;
|
|
57
|
+
if (themeContext) {
|
|
58
|
+
localVariant = variant;
|
|
59
|
+
}
|
|
60
|
+
else {
|
|
61
|
+
localVariant = variant !== null && variant !== void 0 ? variant : "action";
|
|
62
|
+
}
|
|
55
63
|
return (React.createElement(ToggleGroupDescendantsProvider, { value: descendants },
|
|
56
64
|
React.createElement(ToggleGroupProvider, Object.assign({}, context),
|
|
57
65
|
React.createElement("div", { className: cn("navds-toggle-group__wrapper", className, {
|
|
58
66
|
"navds-toggle-group__wrapper--fill": fill,
|
|
59
|
-
}) },
|
|
67
|
+
}), "data-color": color !== null && color !== void 0 ? color : variantToColor(localVariant) },
|
|
60
68
|
label && (React.createElement(Label, { size: size, className: cn("navds-toggle-group__label"), id: labelId }, label)),
|
|
61
|
-
React.createElement("div", Object.assign({}, rest, { ref: ref, className: cn("navds-toggle-group", `navds-toggle-group--${size}`, `navds-toggle-group--${
|
|
69
|
+
React.createElement("div", Object.assign({}, rest, { ref: ref, className: cn("navds-toggle-group", `navds-toggle-group--${size}`, { [`navds-toggle-group--${localVariant}`]: localVariant }), "aria-describedby": cl(userDescribedby, !!label && labelId) || undefined, role: "radiogroup" }), children)))));
|
|
62
70
|
});
|
|
71
|
+
function variantToColor(variant) {
|
|
72
|
+
switch (variant) {
|
|
73
|
+
case "action":
|
|
74
|
+
return "accent";
|
|
75
|
+
case "neutral":
|
|
76
|
+
return "neutral";
|
|
77
|
+
default:
|
|
78
|
+
return undefined;
|
|
79
|
+
}
|
|
80
|
+
}
|
|
63
81
|
ToggleGroup.Item = ToggleItem;
|
|
64
82
|
export default ToggleGroup;
|
|
65
83
|
//# sourceMappingURL=ToggleGroup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleGroup.js","sourceRoot":"","sources":["../../src/toggle-group/ToggleGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"ToggleGroup.js","sourceRoot":"","sources":["../../src/toggle-group/ToggleGroup.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { default as ToggleGroup } from "./ToggleGroup.js";
|
|
2
|
-
export {
|
|
2
|
+
export type { ToggleGroupProps } from "./ToggleGroup.types.js";
|
|
3
3
|
export { default as ToggleGroupItem, type ToggleGroupItemProps, } from "./parts/ToggleItem.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./theme";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/* eslint-disable @typescript-eslint/no-empty-object-type */
|
|
2
|
+
import type { AkselColorRole } from "@navikt/ds-tokens/types";
|
|
3
|
+
|
|
4
|
+
// biome-ignore lint/suspicious/noEmptyInterface: Users can/will augment this interface
|
|
5
|
+
export interface CustomAkselColor {}
|
|
6
|
+
|
|
7
|
+
export type AkselColor = AkselColorRole | keyof CustomAkselColor;
|
|
8
|
+
|
|
9
|
+
declare global {
|
|
10
|
+
namespace React {
|
|
11
|
+
interface HTMLAttributes {
|
|
12
|
+
"data-color"?: AkselColor | (string & {});
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
}
|
|
@@ -29,7 +29,7 @@ export declare const VirtualFocusInternalContextProvider: import("react").Forwar
|
|
|
29
29
|
loop: boolean;
|
|
30
30
|
uniqueId: string;
|
|
31
31
|
} & {
|
|
32
|
-
children:
|
|
32
|
+
children: React.ReactNode;
|
|
33
33
|
} & import("react").RefAttributes<unknown>>, useVirtualFocusInternalContext: <S extends boolean = true>(strict?: S) => S extends true ? {
|
|
34
34
|
virtualFocusIdx: number;
|
|
35
35
|
setVirtualFocusIdx: Dispatch<SetStateAction<number>>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@navikt/ds-react",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.23.0",
|
|
4
4
|
"description": "React components from the Norwegian Labour and Welfare Administration.",
|
|
5
5
|
"author": "Aksel, a team part of the Norwegian Labour and Welfare Administration.",
|
|
6
6
|
"license": "MIT",
|
|
@@ -12,7 +12,8 @@
|
|
|
12
12
|
],
|
|
13
13
|
"repository": {
|
|
14
14
|
"type": "git",
|
|
15
|
-
"url": "git+https://github.com/navikt/aksel.git"
|
|
15
|
+
"url": "git+https://github.com/navikt/aksel.git",
|
|
16
|
+
"directory": "@navikt/core/react"
|
|
16
17
|
},
|
|
17
18
|
"sideEffects": false,
|
|
18
19
|
"typings": "./esm/index.d.ts",
|
|
@@ -40,6 +41,9 @@
|
|
|
40
41
|
"default": "./cjs/index.js"
|
|
41
42
|
}
|
|
42
43
|
},
|
|
44
|
+
"./types/theme": {
|
|
45
|
+
"types": "./esm/types/theme.d.ts"
|
|
46
|
+
},
|
|
43
47
|
"./locales": {
|
|
44
48
|
"import": {
|
|
45
49
|
"types": "./esm/util/i18n/locales/index.d.ts",
|
|
@@ -617,19 +621,20 @@
|
|
|
617
621
|
"i18n-jsdoc": "tsx ./scripts/addJsdocToLocales.ts",
|
|
618
622
|
"write-packagejson": "echo '{\"type\": \"module\"}' > esm/package.json",
|
|
619
623
|
"clean": "rimraf cjs esm",
|
|
620
|
-
"build": "yarn i18n-jsdoc && concurrently \"tsc -p tsconfig.build.json\" \"tsc -p tsconfig.esm.json && tsc-alias -p tsconfig.esm.json && yarn write-packagejson\" && yarn i18n-jsdoc --cleanup",
|
|
624
|
+
"build": "yarn i18n-jsdoc && concurrently \"tsc -p tsconfig.build.json\" \"tsc -p tsconfig.esm.json && tsc-alias -p tsconfig.esm.json && yarn write-packagejson\" && yarn i18n-jsdoc --cleanup && yarn copy-types",
|
|
621
625
|
"watch": "tsc --watch -p tsconfig.esm.json",
|
|
622
626
|
"test": "TZ=UTC vitest run -c tests/vitest.config.ts",
|
|
623
|
-
"test:watch": "TZ=UTC vitest watch -c tests/vitest.config.ts"
|
|
627
|
+
"test:watch": "TZ=UTC vitest watch -c tests/vitest.config.ts",
|
|
628
|
+
"copy-types": "copyfiles -f ./src/types/theme.d.ts ./esm/types"
|
|
624
629
|
},
|
|
625
630
|
"dependencies": {
|
|
626
631
|
"@floating-ui/react": "0.27.8",
|
|
627
632
|
"@floating-ui/react-dom": "^2.0.9",
|
|
628
|
-
"@navikt/aksel-icons": "^7.
|
|
629
|
-
"@navikt/ds-tokens": "^7.
|
|
633
|
+
"@navikt/aksel-icons": "^7.23.0",
|
|
634
|
+
"@navikt/ds-tokens": "^7.23.0",
|
|
630
635
|
"clsx": "^2.1.0",
|
|
631
636
|
"date-fns": "^4.0.0",
|
|
632
|
-
"react-day-picker": "9.
|
|
637
|
+
"react-day-picker": "9.7.0"
|
|
633
638
|
},
|
|
634
639
|
"devDependencies": {
|
|
635
640
|
"@testing-library/dom": "10.4.0",
|
|
@@ -639,16 +644,17 @@
|
|
|
639
644
|
"@types/jscodeshift": "^0.11.11",
|
|
640
645
|
"aksel": "workspace:^",
|
|
641
646
|
"concurrently": "9.0.1",
|
|
647
|
+
"copyfiles": "^2.4.1",
|
|
642
648
|
"fast-glob": "3.2.11",
|
|
643
649
|
"jscodeshift": "^0.15.1",
|
|
644
|
-
"jsdom": "26.
|
|
650
|
+
"jsdom": "26.1.0",
|
|
645
651
|
"react-dom": "^18.0.0",
|
|
646
652
|
"react-router-dom": "^6.3.0",
|
|
647
653
|
"rimraf": "6.0.1",
|
|
648
654
|
"swr": "^2.3.2",
|
|
649
|
-
"tsc-alias": "1.8.
|
|
655
|
+
"tsc-alias": "1.8.16",
|
|
650
656
|
"tsx": "^4.19.1",
|
|
651
|
-
"typescript": "5.
|
|
657
|
+
"typescript": "5.8.3",
|
|
652
658
|
"vitest": "^2.1.9"
|
|
653
659
|
},
|
|
654
660
|
"peerDependencies": {
|
package/src/alert/Alert.tsx
CHANGED
|
@@ -8,6 +8,7 @@ import {
|
|
|
8
8
|
} from "@navikt/aksel-icons";
|
|
9
9
|
import { Button } from "../button";
|
|
10
10
|
import { useRenameCSS } from "../theme/Theme";
|
|
11
|
+
import { AkselColor } from "../types";
|
|
11
12
|
import { BodyLong } from "../typography";
|
|
12
13
|
import { useI18n } from "../util/i18n/i18n.hooks";
|
|
13
14
|
|
|
@@ -53,6 +54,10 @@ export interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
53
54
|
* **Requires closeButton to be true**.
|
|
54
55
|
*/
|
|
55
56
|
onClose?: () => void;
|
|
57
|
+
/**
|
|
58
|
+
* Overriding Alert color is not supported.
|
|
59
|
+
*/
|
|
60
|
+
"data-color"?: never;
|
|
56
61
|
}
|
|
57
62
|
|
|
58
63
|
const IconMap = {
|
|
@@ -93,6 +98,8 @@ export const Alert = forwardRef<HTMLDivElement, AlertProps>(
|
|
|
93
98
|
return (
|
|
94
99
|
<div
|
|
95
100
|
{...rest}
|
|
101
|
+
data-color={variantToRole(variant)}
|
|
102
|
+
data-variant={variant}
|
|
96
103
|
ref={ref}
|
|
97
104
|
className={cn(
|
|
98
105
|
className,
|
|
@@ -142,4 +149,19 @@ export const Alert = forwardRef<HTMLDivElement, AlertProps>(
|
|
|
142
149
|
},
|
|
143
150
|
);
|
|
144
151
|
|
|
152
|
+
function variantToRole(variant: AlertProps["variant"]): AkselColor {
|
|
153
|
+
switch (variant) {
|
|
154
|
+
case "warning":
|
|
155
|
+
return "warning";
|
|
156
|
+
case "error":
|
|
157
|
+
return "danger";
|
|
158
|
+
case "info":
|
|
159
|
+
return "info";
|
|
160
|
+
case "success":
|
|
161
|
+
return "success";
|
|
162
|
+
default:
|
|
163
|
+
return "info";
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
|
|
145
167
|
export default Alert;
|
package/src/button/Button.tsx
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React, { forwardRef } from "react";
|
|
2
2
|
import { Loader } from "../loader";
|
|
3
3
|
import { useRenameCSS } from "../theme/Theme";
|
|
4
|
+
import { AkselColor } from "../types";
|
|
4
5
|
import { Label } from "../typography";
|
|
5
6
|
import { omit } from "../util";
|
|
6
7
|
import { composeEventHandlers } from "../util/composeEventHandlers";
|
|
@@ -75,6 +76,7 @@ export const Button: OverridableComponent<ButtonProps, HTMLButtonElement> =
|
|
|
75
76
|
icon,
|
|
76
77
|
iconPosition = "left",
|
|
77
78
|
onKeyUp,
|
|
79
|
+
"data-color": color,
|
|
78
80
|
...rest
|
|
79
81
|
},
|
|
80
82
|
ref,
|
|
@@ -93,6 +95,8 @@ export const Button: OverridableComponent<ButtonProps, HTMLButtonElement> =
|
|
|
93
95
|
return (
|
|
94
96
|
<Component
|
|
95
97
|
{...(Component !== "button" ? { role: "button" } : {})}
|
|
98
|
+
data-color={color ?? variantToColor(variant)}
|
|
99
|
+
data-variant={variantToSimplifiedVariant(variant)}
|
|
96
100
|
{...filterProps}
|
|
97
101
|
ref={ref}
|
|
98
102
|
onKeyUp={composeEventHandlers(onKeyUp, handleKeyUp)}
|
|
@@ -126,4 +130,38 @@ export const Button: OverridableComponent<ButtonProps, HTMLButtonElement> =
|
|
|
126
130
|
},
|
|
127
131
|
);
|
|
128
132
|
|
|
133
|
+
function variantToColor(
|
|
134
|
+
variant: ButtonProps["variant"],
|
|
135
|
+
): AkselColor | undefined {
|
|
136
|
+
switch (variant) {
|
|
137
|
+
case "primary-neutral":
|
|
138
|
+
case "secondary-neutral":
|
|
139
|
+
case "tertiary-neutral":
|
|
140
|
+
return "neutral";
|
|
141
|
+
case "danger":
|
|
142
|
+
return "danger";
|
|
143
|
+
default:
|
|
144
|
+
return undefined;
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
function variantToSimplifiedVariant(
|
|
149
|
+
variant: ButtonProps["variant"],
|
|
150
|
+
): "primary" | "secondary" | "tertiary" {
|
|
151
|
+
switch (variant) {
|
|
152
|
+
case "primary":
|
|
153
|
+
case "primary-neutral":
|
|
154
|
+
case "danger":
|
|
155
|
+
return "primary";
|
|
156
|
+
case "secondary":
|
|
157
|
+
case "secondary-neutral":
|
|
158
|
+
return "secondary";
|
|
159
|
+
case "tertiary":
|
|
160
|
+
case "tertiary-neutral":
|
|
161
|
+
return "tertiary";
|
|
162
|
+
default:
|
|
163
|
+
return "primary";
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
|
|
129
167
|
export default Button;
|
package/src/chat/Chat.tsx
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React, { HTMLAttributes, forwardRef } from "react";
|
|
2
2
|
import { useRenameCSS } from "../theme/Theme";
|
|
3
|
+
import { AkselColor } from "../types";
|
|
3
4
|
import { BodyLong, HeadingProps } from "../typography";
|
|
4
5
|
import Bubble from "./Bubble";
|
|
5
6
|
|
|
@@ -94,6 +95,7 @@ export const Chat = forwardRef<HTMLDivElement, ChatProps>(
|
|
|
94
95
|
toptextPosition,
|
|
95
96
|
size = "medium",
|
|
96
97
|
toptextHeadingLevel = "3",
|
|
98
|
+
"data-color": color,
|
|
97
99
|
...rest
|
|
98
100
|
}: ChatProps,
|
|
99
101
|
ref,
|
|
@@ -111,7 +113,9 @@ export const Chat = forwardRef<HTMLDivElement, ChatProps>(
|
|
|
111
113
|
`navds-chat--${size}`,
|
|
112
114
|
`navds-chat--${variant}`,
|
|
113
115
|
)}
|
|
116
|
+
data-color={color ?? variantToColor(variant)}
|
|
114
117
|
{...rest}
|
|
118
|
+
data-variant={variant}
|
|
115
119
|
>
|
|
116
120
|
{avatar && (
|
|
117
121
|
<div className={cn("navds-chat__avatar")} aria-hidden>
|
|
@@ -139,6 +143,19 @@ export const Chat = forwardRef<HTMLDivElement, ChatProps>(
|
|
|
139
143
|
},
|
|
140
144
|
) as ChatComponent;
|
|
141
145
|
|
|
146
|
+
function variantToColor(variant: ChatProps["variant"]): AkselColor {
|
|
147
|
+
switch (variant) {
|
|
148
|
+
case "neutral":
|
|
149
|
+
return "neutral";
|
|
150
|
+
case "subtle":
|
|
151
|
+
return "neutral";
|
|
152
|
+
case "info":
|
|
153
|
+
return "info";
|
|
154
|
+
default:
|
|
155
|
+
return "neutral";
|
|
156
|
+
}
|
|
157
|
+
}
|
|
158
|
+
|
|
142
159
|
Chat.Bubble = Bubble;
|
|
143
160
|
|
|
144
161
|
export default Chat;
|
package/src/chips/Removable.tsx
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React, { forwardRef } from "react";
|
|
2
2
|
import { XMarkIcon } from "@navikt/aksel-icons";
|
|
3
|
-
import { useRenameCSS } from "../theme/Theme";
|
|
3
|
+
import { useRenameCSS, useThemeInternal } from "../theme/Theme";
|
|
4
|
+
import { AkselColor } from "../types";
|
|
4
5
|
import { composeEventHandlers } from "../util/composeEventHandlers";
|
|
5
6
|
import { useI18n } from "../util/i18n/i18n.hooks";
|
|
6
7
|
|
|
@@ -25,27 +26,40 @@ export const RemovableChips = forwardRef<
|
|
|
25
26
|
(
|
|
26
27
|
{
|
|
27
28
|
children,
|
|
28
|
-
variant
|
|
29
|
+
variant,
|
|
29
30
|
onDelete,
|
|
30
31
|
className,
|
|
31
32
|
onClick,
|
|
32
33
|
type = "button",
|
|
34
|
+
"data-color": color,
|
|
33
35
|
...rest
|
|
34
36
|
},
|
|
35
37
|
ref,
|
|
36
38
|
) => {
|
|
37
39
|
const translate = useI18n("Chips");
|
|
40
|
+
const themeContext = useThemeInternal(false);
|
|
38
41
|
const { cn } = useRenameCSS();
|
|
39
42
|
|
|
43
|
+
let localVariant: ChipsRemovableProps["variant"] | undefined;
|
|
44
|
+
|
|
45
|
+
if (themeContext) {
|
|
46
|
+
localVariant = variant;
|
|
47
|
+
} else {
|
|
48
|
+
localVariant = variant ?? "action";
|
|
49
|
+
}
|
|
50
|
+
|
|
40
51
|
return (
|
|
41
52
|
<button
|
|
53
|
+
data-color={color ?? variantToColor(localVariant)}
|
|
42
54
|
{...rest}
|
|
43
55
|
ref={ref}
|
|
44
56
|
type={type}
|
|
45
57
|
className={cn(
|
|
46
58
|
"navds-chips__chip navds-chips__removable navds-chips--icon-right",
|
|
47
59
|
className,
|
|
48
|
-
|
|
60
|
+
{
|
|
61
|
+
[`navds-chips__removable--${localVariant}`]: localVariant,
|
|
62
|
+
},
|
|
49
63
|
)}
|
|
50
64
|
aria-label={`${children} ${translate("Removable.labelSuffix")}`}
|
|
51
65
|
onClick={composeEventHandlers(onClick, onDelete)}
|
|
@@ -59,4 +73,17 @@ export const RemovableChips = forwardRef<
|
|
|
59
73
|
},
|
|
60
74
|
);
|
|
61
75
|
|
|
76
|
+
function variantToColor(
|
|
77
|
+
variant?: ChipsRemovableProps["variant"],
|
|
78
|
+
): AkselColor | undefined {
|
|
79
|
+
switch (variant) {
|
|
80
|
+
case "action":
|
|
81
|
+
return "accent";
|
|
82
|
+
case "neutral":
|
|
83
|
+
return "neutral";
|
|
84
|
+
default:
|
|
85
|
+
return undefined;
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
|
|
62
89
|
export default RemovableChips;
|