@navikt/ds-react 8.0.0 → 8.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/accordion/Accordion.js +2 -3
- package/cjs/accordion/Accordion.js.map +1 -1
- package/cjs/accordion/AccordionContent.js +3 -3
- package/cjs/accordion/AccordionContent.js.map +1 -1
- package/cjs/accordion/AccordionHeader.js +4 -5
- package/cjs/accordion/AccordionHeader.js.map +1 -1
- package/cjs/accordion/AccordionItem.js +4 -5
- package/cjs/accordion/AccordionItem.js.map +1 -1
- package/cjs/alert/Alert.js +9 -10
- package/cjs/alert/Alert.js.map +1 -1
- package/cjs/alert/base-alert/close-button/BaseAlertCloseButton.js +2 -3
- package/cjs/alert/base-alert/close-button/BaseAlertCloseButton.js.map +1 -1
- package/cjs/alert/base-alert/content/BaseAlertContent.js +2 -2
- package/cjs/alert/base-alert/content/BaseAlertContent.js.map +1 -1
- package/cjs/alert/base-alert/header/BaseAlertHeader.js +3 -4
- package/cjs/alert/base-alert/header/BaseAlertHeader.js.map +1 -1
- package/cjs/alert/base-alert/root/BaseAlertRoot.js +2 -3
- package/cjs/alert/base-alert/root/BaseAlertRoot.js.map +1 -1
- package/cjs/alert/base-alert/title/BaseAlertTitle.js +2 -7
- package/cjs/alert/base-alert/title/BaseAlertTitle.js.map +1 -1
- package/cjs/button/Button.js +7 -8
- package/cjs/button/Button.js.map +1 -1
- package/cjs/chat/Bubble.js +3 -4
- package/cjs/chat/Bubble.js.map +1 -1
- package/cjs/chat/Chat.js +4 -5
- package/cjs/chat/Chat.js.map +1 -1
- package/cjs/chips/Chips.js +4 -5
- package/cjs/chips/Chips.js.map +1 -1
- package/cjs/chips/Removable.js +4 -5
- package/cjs/chips/Removable.js.map +1 -1
- package/cjs/chips/Toggle.js +5 -6
- package/cjs/chips/Toggle.js.map +1 -1
- package/cjs/copybutton/CopyButton.js +4 -5
- package/cjs/copybutton/CopyButton.js.map +1 -1
- package/cjs/date/Date.Dialog.js +7 -8
- package/cjs/date/Date.Dialog.js.map +1 -1
- package/cjs/date/Date.Input.js +17 -18
- package/cjs/date/Date.Input.js.map +1 -1
- package/cjs/date/datepicker/DatePicker.js +2 -3
- package/cjs/date/datepicker/DatePicker.js.map +1 -1
- package/cjs/date/datepicker/DatePicker.types.d.ts +5 -0
- package/cjs/date/datepicker/parts/DatePicker.DayButton.js +2 -3
- package/cjs/date/datepicker/parts/DatePicker.DayButton.js.map +1 -1
- package/cjs/date/datepicker/parts/DatePicker.Months.js +7 -9
- package/cjs/date/datepicker/parts/DatePicker.Months.js.map +1 -1
- package/cjs/date/datepicker/parts/DatePicker.RDP.d.ts +0 -5
- package/cjs/date/datepicker/parts/DatePicker.RDP.js +2 -3
- package/cjs/date/datepicker/parts/DatePicker.RDP.js.map +1 -1
- package/cjs/date/datepicker/parts/DatePicker.Standalone.d.ts +0 -5
- package/cjs/date/datepicker/parts/DatePicker.Standalone.js +2 -3
- package/cjs/date/datepicker/parts/DatePicker.Standalone.js.map +1 -1
- package/cjs/date/datepicker/parts/DatePicker.WeekNumber.js +5 -6
- package/cjs/date/datepicker/parts/DatePicker.WeekNumber.js.map +1 -1
- package/cjs/date/datepicker/parts/DatePicker.WeekRow.js +4 -6
- package/cjs/date/datepicker/parts/DatePicker.WeekRow.js.map +1 -1
- package/cjs/date/monthpicker/MonthPicker.js +3 -4
- package/cjs/date/monthpicker/MonthPicker.js.map +1 -1
- package/cjs/date/monthpicker/parts/MonthPicker.Button.js +3 -4
- package/cjs/date/monthpicker/parts/MonthPicker.Button.js.map +1 -1
- package/cjs/date/monthpicker/parts/MonthPicker.Caption.js +4 -6
- package/cjs/date/monthpicker/parts/MonthPicker.Caption.js.map +1 -1
- package/cjs/date/monthpicker/parts/MonthPicker.Standalone.js +3 -4
- package/cjs/date/monthpicker/parts/MonthPicker.Standalone.js.map +1 -1
- package/cjs/dialog/backdrop/DialogBackdropInternal.js +2 -3
- package/cjs/dialog/backdrop/DialogBackdropInternal.js.map +1 -1
- package/cjs/dialog/body/DialogBody.js +2 -3
- package/cjs/dialog/body/DialogBody.js.map +1 -1
- package/cjs/dialog/description/DialogDescription.js +2 -3
- package/cjs/dialog/description/DialogDescription.js.map +1 -1
- package/cjs/dialog/footer/DialogFooter.js +2 -3
- package/cjs/dialog/footer/DialogFooter.js.map +1 -1
- package/cjs/dialog/header/DialogHeader.js +3 -4
- package/cjs/dialog/header/DialogHeader.js.map +1 -1
- package/cjs/dialog/popup/DialogPopupInternal.js +2 -3
- package/cjs/dialog/popup/DialogPopupInternal.js.map +1 -1
- package/cjs/dialog/title/DialogTitle.js +2 -3
- package/cjs/dialog/title/DialogTitle.js.map +1 -1
- package/cjs/dropdown/Menu/Divider.js +2 -3
- package/cjs/dropdown/Menu/Divider.js.map +1 -1
- package/cjs/dropdown/Menu/GroupedList/GroupedHeading.js +2 -3
- package/cjs/dropdown/Menu/GroupedList/GroupedHeading.js.map +1 -1
- package/cjs/dropdown/Menu/GroupedList/GroupedItem.js +3 -4
- package/cjs/dropdown/Menu/GroupedList/GroupedItem.js.map +1 -1
- package/cjs/dropdown/Menu/GroupedList/index.js +2 -3
- package/cjs/dropdown/Menu/GroupedList/index.js.map +1 -1
- package/cjs/dropdown/Menu/List/Item.js +3 -4
- package/cjs/dropdown/Menu/List/Item.js.map +1 -1
- package/cjs/dropdown/Menu/List/index.js +2 -3
- package/cjs/dropdown/Menu/List/index.js.map +1 -1
- package/cjs/dropdown/Menu/index.js +2 -3
- package/cjs/dropdown/Menu/index.js.map +1 -1
- package/cjs/dropdown/Toggle.js +2 -3
- package/cjs/dropdown/Toggle.js.map +1 -1
- package/cjs/expansion-card/ExpansionCard.js +3 -4
- package/cjs/expansion-card/ExpansionCard.js.map +1 -1
- package/cjs/expansion-card/ExpansionCardContent.js +4 -4
- package/cjs/expansion-card/ExpansionCardContent.js.map +1 -1
- package/cjs/expansion-card/ExpansionCardDescription.js +2 -3
- package/cjs/expansion-card/ExpansionCardDescription.js.map +1 -1
- package/cjs/expansion-card/ExpansionCardHeader.js +4 -5
- package/cjs/expansion-card/ExpansionCardHeader.js.map +1 -1
- package/cjs/expansion-card/ExpansionCardTitle.js +2 -3
- package/cjs/expansion-card/ExpansionCardTitle.js.map +1 -1
- package/cjs/form/ReadOnlyIcon.js +2 -5
- package/cjs/form/ReadOnlyIcon.js.map +1 -1
- package/cjs/form/checkbox/Checkbox.js +12 -14
- package/cjs/form/checkbox/Checkbox.js.map +1 -1
- package/cjs/form/checkbox/CheckboxGroup.js +3 -4
- package/cjs/form/checkbox/CheckboxGroup.js.map +1 -1
- package/cjs/form/combobox/Combobox.js +7 -8
- package/cjs/form/combobox/Combobox.js.map +1 -1
- package/cjs/form/combobox/ComboboxWrapper.js +7 -8
- package/cjs/form/combobox/ComboboxWrapper.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/AddNewOption.js +3 -4
- package/cjs/form/combobox/FilteredOptions/AddNewOption.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/FilteredOptions.js +6 -7
- package/cjs/form/combobox/FilteredOptions/FilteredOptions.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/FilteredOptionsItem.js +4 -5
- package/cjs/form/combobox/FilteredOptions/FilteredOptionsItem.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/LoadingMessage.js +1 -3
- package/cjs/form/combobox/FilteredOptions/LoadingMessage.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/MaxSelectedMessage.js +1 -3
- package/cjs/form/combobox/FilteredOptions/MaxSelectedMessage.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/NoSearchHitsMessage.js +1 -3
- package/cjs/form/combobox/FilteredOptions/NoSearchHitsMessage.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/filteredOptionsContext.js +2 -2
- package/cjs/form/combobox/FilteredOptions/filteredOptionsContext.js.map +1 -1
- package/cjs/form/combobox/Input/Input.js +2 -3
- package/cjs/form/combobox/Input/Input.js.map +1 -1
- package/cjs/form/combobox/Input/InputController.d.ts +1 -1
- package/cjs/form/combobox/Input/InputController.js +3 -4
- package/cjs/form/combobox/Input/InputController.js.map +1 -1
- package/cjs/form/combobox/Input/ToggleListButton.js +1 -3
- package/cjs/form/combobox/Input/ToggleListButton.js.map +1 -1
- package/cjs/form/combobox/SelectedOptions/SelectedOptions.js +2 -5
- package/cjs/form/combobox/SelectedOptions/SelectedOptions.js.map +1 -1
- package/cjs/form/confirmation-panel/ConfirmationPanel.js +9 -14
- package/cjs/form/confirmation-panel/ConfirmationPanel.js.map +1 -1
- package/cjs/form/error-summary/ErrorSummary.js +4 -5
- package/cjs/form/error-summary/ErrorSummary.js.map +1 -1
- package/cjs/form/error-summary/ErrorSummaryItem.js +2 -3
- package/cjs/form/error-summary/ErrorSummaryItem.js.map +1 -1
- package/cjs/form/fieldset/Fieldset.js +13 -16
- package/cjs/form/fieldset/Fieldset.js.map +1 -1
- package/cjs/form/fieldset/useFieldset.js +2 -5
- package/cjs/form/fieldset/useFieldset.js.map +1 -1
- package/cjs/form/file-upload/FileUpload.js +2 -3
- package/cjs/form/file-upload/FileUpload.js.map +1 -1
- package/cjs/form/file-upload/parts/dropzone/Dropzone.js +15 -20
- package/cjs/form/file-upload/parts/dropzone/Dropzone.js.map +1 -1
- package/cjs/form/file-upload/parts/item/Item.js +6 -7
- package/cjs/form/file-upload/parts/item/Item.js.map +1 -1
- package/cjs/form/file-upload/parts/item/ItemActionField.js +2 -4
- package/cjs/form/file-upload/parts/item/ItemActionField.js.map +1 -1
- package/cjs/form/file-upload/parts/item/ItemButton.js +1 -3
- package/cjs/form/file-upload/parts/item/ItemButton.js.map +1 -1
- package/cjs/form/file-upload/parts/item/ItemHeader.js +6 -6
- package/cjs/form/file-upload/parts/item/ItemHeader.js.map +1 -1
- package/cjs/form/file-upload/parts/item/ItemIcon.js +1 -3
- package/cjs/form/file-upload/parts/item/ItemIcon.js.map +1 -1
- package/cjs/form/file-upload/useFileUpload.d.ts +1 -1
- package/cjs/form/form-progress/FormProgress.js +7 -9
- package/cjs/form/form-progress/FormProgress.js.map +1 -1
- package/cjs/form/form-summary/FormSummary.js +2 -3
- package/cjs/form/form-summary/FormSummary.js.map +1 -1
- package/cjs/form/form-summary/FormSummaryAnswer.js +2 -2
- package/cjs/form/form-summary/FormSummaryAnswer.js.map +1 -1
- package/cjs/form/form-summary/FormSummaryAnswers.js +2 -3
- package/cjs/form/form-summary/FormSummaryAnswers.js.map +1 -1
- package/cjs/form/form-summary/FormSummaryEditLink.js +2 -3
- package/cjs/form/form-summary/FormSummaryEditLink.js.map +1 -1
- package/cjs/form/form-summary/FormSummaryFooter.js +2 -3
- package/cjs/form/form-summary/FormSummaryFooter.js.map +1 -1
- package/cjs/form/form-summary/FormSummaryHeader.js +2 -3
- package/cjs/form/form-summary/FormSummaryHeader.js.map +1 -1
- package/cjs/form/form-summary/FormSummaryValue.js +2 -3
- package/cjs/form/form-summary/FormSummaryValue.js.map +1 -1
- package/cjs/form/radio/Radio.js +9 -14
- package/cjs/form/radio/Radio.js.map +1 -1
- package/cjs/form/radio/RadioGroup.js +3 -4
- package/cjs/form/radio/RadioGroup.js.map +1 -1
- package/cjs/form/search/Search.js +15 -17
- package/cjs/form/search/Search.js.map +1 -1
- package/cjs/form/search/SearchButton.js +2 -3
- package/cjs/form/search/SearchButton.js.map +1 -1
- package/cjs/form/select/Select.js +14 -15
- package/cjs/form/select/Select.js.map +1 -1
- package/cjs/form/switch/Switch.js +15 -16
- package/cjs/form/switch/Switch.js.map +1 -1
- package/cjs/form/textarea/Textarea.js +15 -17
- package/cjs/form/textarea/Textarea.js.map +1 -1
- package/cjs/form/textarea/TextareaCounter.js +5 -6
- package/cjs/form/textarea/TextareaCounter.js.map +1 -1
- package/cjs/form/textfield/TextField.js +13 -14
- package/cjs/form/textfield/TextField.js.map +1 -1
- package/cjs/form/useFormField.js +2 -5
- package/cjs/form/useFormField.js.map +1 -1
- package/cjs/guide-panel/GuidePanel.js +6 -6
- package/cjs/guide-panel/GuidePanel.js.map +1 -1
- package/cjs/help-text/HelpText.js +5 -6
- package/cjs/help-text/HelpText.js.map +1 -1
- package/cjs/help-text/HelpTextIcon.js +3 -4
- package/cjs/help-text/HelpTextIcon.js.map +1 -1
- package/cjs/inline-message/icon/InlineMessageIcon.js +1 -3
- package/cjs/inline-message/icon/InlineMessageIcon.js.map +1 -1
- package/cjs/inline-message/root/InlineMessage.js +3 -7
- package/cjs/inline-message/root/InlineMessage.js.map +1 -1
- package/cjs/internal-header/InternalHeader.js +2 -2
- package/cjs/internal-header/InternalHeader.js.map +1 -1
- package/cjs/internal-header/InternalHeaderButton.js +2 -3
- package/cjs/internal-header/InternalHeaderButton.js.map +1 -1
- package/cjs/internal-header/InternalHeaderTitle.js +2 -3
- package/cjs/internal-header/InternalHeaderTitle.js.map +1 -1
- package/cjs/internal-header/InternalHeaderUser.js +2 -3
- package/cjs/internal-header/InternalHeaderUser.js.map +1 -1
- package/cjs/internal-header/InternalHeaderUserButton.js +2 -3
- package/cjs/internal-header/InternalHeaderUserButton.js.map +1 -1
- package/cjs/layout/base/BasePrimitive.js +27 -28
- package/cjs/layout/base/BasePrimitive.js.map +1 -1
- package/cjs/layout/bleed/Bleed.js +3 -4
- package/cjs/layout/bleed/Bleed.js.map +1 -1
- package/cjs/layout/box/Box.darkside.js +7 -8
- package/cjs/layout/box/Box.darkside.js.map +1 -1
- package/cjs/layout/box/Box.js +7 -8
- package/cjs/layout/box/Box.js.map +1 -1
- package/cjs/layout/grid/HGrid.js +4 -5
- package/cjs/layout/grid/HGrid.js.map +1 -1
- package/cjs/layout/page/Page.js +6 -7
- package/cjs/layout/page/Page.js.map +1 -1
- package/cjs/layout/page/parts/PageBlock.js +2 -3
- package/cjs/layout/page/parts/PageBlock.js.map +1 -1
- package/cjs/layout/responsive/Responsive.js +4 -5
- package/cjs/layout/responsive/Responsive.js.map +1 -1
- package/cjs/layout/stack/Spacer.js +1 -3
- package/cjs/layout/stack/Spacer.js.map +1 -1
- package/cjs/layout/stack/Stack.js +9 -10
- package/cjs/layout/stack/Stack.js.map +1 -1
- package/cjs/link/Link.js +4 -5
- package/cjs/link/Link.js.map +1 -1
- package/cjs/link-card/LinkCard.js +8 -14
- package/cjs/link-card/LinkCard.js.map +1 -1
- package/cjs/link-panel/LinkPanel.js +4 -5
- package/cjs/link-panel/LinkPanel.js.map +1 -1
- package/cjs/link-panel/LinkPanelDescription.js +2 -3
- package/cjs/link-panel/LinkPanelDescription.js.map +1 -1
- package/cjs/link-panel/LinkPanelTitle.js +2 -3
- package/cjs/link-panel/LinkPanelTitle.js.map +1 -1
- package/cjs/list/List.Item.js +5 -6
- package/cjs/list/List.Item.js.map +1 -1
- package/cjs/list/List.js +2 -3
- package/cjs/list/List.js.map +1 -1
- package/cjs/loader/Loader.js +5 -6
- package/cjs/loader/Loader.js.map +1 -1
- package/cjs/modal/Modal.context.d.ts +1 -1
- package/cjs/modal/Modal.js +10 -11
- package/cjs/modal/Modal.js.map +1 -1
- package/cjs/modal/ModalBody.js +2 -3
- package/cjs/modal/ModalBody.js.map +1 -1
- package/cjs/modal/ModalFooter.js +2 -3
- package/cjs/modal/ModalFooter.js.map +1 -1
- package/cjs/modal/ModalHeader.js +3 -4
- package/cjs/modal/ModalHeader.js.map +1 -1
- package/cjs/overlays/action-menu/ActionMenu.js +28 -39
- package/cjs/overlays/action-menu/ActionMenu.js.map +1 -1
- package/cjs/pagination/Pagination.js +8 -10
- package/cjs/pagination/Pagination.js.map +1 -1
- package/cjs/pagination/PaginationItem.js +3 -4
- package/cjs/pagination/PaginationItem.js.map +1 -1
- package/cjs/panel/Panel.js +3 -4
- package/cjs/panel/Panel.js.map +1 -1
- package/cjs/popover/Popover.js +3 -4
- package/cjs/popover/Popover.js.map +1 -1
- package/cjs/popover/PopoverContent.js +2 -3
- package/cjs/popover/PopoverContent.js.map +1 -1
- package/cjs/process/Process.js +11 -18
- package/cjs/process/Process.js.map +1 -1
- package/cjs/progress-bar/ProgressBar.js +4 -5
- package/cjs/progress-bar/ProgressBar.js.map +1 -1
- package/cjs/read-more/ReadMore.js +7 -8
- package/cjs/read-more/ReadMore.js.map +1 -1
- package/cjs/skeleton/Skeleton.js +6 -7
- package/cjs/skeleton/Skeleton.js.map +1 -1
- package/cjs/stepper/Step.js +9 -10
- package/cjs/stepper/Step.js.map +1 -1
- package/cjs/stepper/Stepper.js +5 -6
- package/cjs/stepper/Stepper.js.map +1 -1
- package/cjs/table/AnimateHeight.js +2 -4
- package/cjs/table/AnimateHeight.js.map +1 -1
- package/cjs/table/Body.js +2 -3
- package/cjs/table/Body.js.map +1 -1
- package/cjs/table/ColumnHeader.js +3 -5
- package/cjs/table/ColumnHeader.js.map +1 -1
- package/cjs/table/DataCell.js +3 -4
- package/cjs/table/DataCell.js.map +1 -1
- package/cjs/table/ExpandableRow.js +12 -13
- package/cjs/table/ExpandableRow.js.map +1 -1
- package/cjs/table/Header.js +2 -3
- package/cjs/table/Header.js.map +1 -1
- package/cjs/table/HeaderCell.js +4 -5
- package/cjs/table/HeaderCell.js.map +1 -1
- package/cjs/table/Row.js +4 -5
- package/cjs/table/Row.js.map +1 -1
- package/cjs/table/Table.js +4 -5
- package/cjs/table/Table.js.map +1 -1
- package/cjs/tabs/Tabs.context.d.ts +1 -1
- package/cjs/tabs/Tabs.js +2 -3
- package/cjs/tabs/Tabs.js.map +1 -1
- package/cjs/tabs/parts/tab/Tab.js +5 -6
- package/cjs/tabs/parts/tab/Tab.js.map +1 -1
- package/cjs/tabs/parts/tab/useTab.d.ts +1 -1
- package/cjs/tabs/parts/tablist/ScrollButtons.js +3 -4
- package/cjs/tabs/parts/tablist/ScrollButtons.js.map +1 -1
- package/cjs/tabs/parts/tablist/TabList.js +3 -4
- package/cjs/tabs/parts/tablist/TabList.js.map +1 -1
- package/cjs/tabs/parts/tabpanel/TabPanel.js +2 -3
- package/cjs/tabs/parts/tabpanel/TabPanel.js.map +1 -1
- package/cjs/tag/Tag.js +3 -4
- package/cjs/tag/Tag.js.map +1 -1
- package/cjs/theme/Theme.d.ts +1 -10
- package/cjs/theme/Theme.js +3 -27
- package/cjs/theme/Theme.js.map +1 -1
- package/cjs/timeline/AxisLabels.js +1 -3
- package/cjs/timeline/AxisLabels.js.map +1 -1
- package/cjs/timeline/Timeline.js +1 -3
- package/cjs/timeline/Timeline.js.map +1 -1
- package/cjs/timeline/TimelineRow.js +5 -6
- package/cjs/timeline/TimelineRow.js.map +1 -1
- package/cjs/timeline/period/ClickablePeriod.js +5 -6
- package/cjs/timeline/period/ClickablePeriod.js.map +1 -1
- package/cjs/timeline/period/NonClickablePeriod.js +4 -5
- package/cjs/timeline/period/NonClickablePeriod.js.map +1 -1
- package/cjs/timeline/pin/PinInternal.js +3 -5
- package/cjs/timeline/pin/PinInternal.js.map +1 -1
- package/cjs/timeline/utils/period.js +5 -9
- package/cjs/timeline/utils/period.js.map +1 -1
- package/cjs/timeline/zoom/ZoomButton.js +1 -3
- package/cjs/timeline/zoom/ZoomButton.js.map +1 -1
- package/cjs/timeline/zoom/index.js +2 -3
- package/cjs/timeline/zoom/index.js.map +1 -1
- package/cjs/toggle-group/ToggleGroup.context.d.ts +1 -1
- package/cjs/toggle-group/ToggleGroup.js +5 -6
- package/cjs/toggle-group/ToggleGroup.js.map +1 -1
- package/cjs/toggle-group/parts/ToggleItem.js +3 -4
- package/cjs/toggle-group/parts/ToggleItem.js.map +1 -1
- package/cjs/toggle-group/parts/useToggleItem.d.ts +1 -1
- package/cjs/tooltip/Tooltip.js +4 -5
- package/cjs/tooltip/Tooltip.js.map +1 -1
- package/cjs/typography/BodyLong.js +2 -3
- package/cjs/typography/BodyLong.js.map +1 -1
- package/cjs/typography/BodyShort.js +2 -3
- package/cjs/typography/BodyShort.js.map +1 -1
- package/cjs/typography/Detail.js +3 -4
- package/cjs/typography/Detail.js.map +1 -1
- package/cjs/typography/ErrorMessage.js +4 -5
- package/cjs/typography/ErrorMessage.js.map +1 -1
- package/cjs/typography/Heading.js +2 -3
- package/cjs/typography/Heading.js.map +1 -1
- package/cjs/typography/Ingress.js +3 -4
- package/cjs/typography/Ingress.js.map +1 -1
- package/cjs/typography/Label.js +3 -4
- package/cjs/typography/Label.js.map +1 -1
- package/cjs/typography/util.js +9 -13
- package/cjs/typography/util.js.map +1 -1
- package/cjs/util/className.d.ts +6 -0
- package/cjs/util/className.js +46 -0
- package/cjs/util/className.js.map +1 -0
- package/cjs/util/hooks/descendants/useDescendant.d.ts +1 -1
- package/cjs/util/hooks/useMergeRefs.d.ts +2 -1
- package/cjs/util/hooks/useMergeRefs.js.map +1 -1
- package/cjs/util/link-anchor/LinkAnchor.js +4 -7
- package/cjs/util/link-anchor/LinkAnchor.js.map +1 -1
- package/cjs/util/virtualfocus/Context.d.ts +1 -1
- package/esm/accordion/Accordion.js +2 -3
- 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 +4 -5
- package/esm/accordion/AccordionHeader.js.map +1 -1
- package/esm/accordion/AccordionItem.js +4 -5
- package/esm/accordion/AccordionItem.js.map +1 -1
- package/esm/alert/Alert.js +9 -10
- package/esm/alert/Alert.js.map +1 -1
- package/esm/alert/base-alert/close-button/BaseAlertCloseButton.js +2 -3
- package/esm/alert/base-alert/close-button/BaseAlertCloseButton.js.map +1 -1
- package/esm/alert/base-alert/content/BaseAlertContent.js +3 -3
- package/esm/alert/base-alert/content/BaseAlertContent.js.map +1 -1
- package/esm/alert/base-alert/header/BaseAlertHeader.js +3 -4
- package/esm/alert/base-alert/header/BaseAlertHeader.js.map +1 -1
- package/esm/alert/base-alert/root/BaseAlertRoot.js +2 -3
- package/esm/alert/base-alert/root/BaseAlertRoot.js.map +1 -1
- package/esm/alert/base-alert/title/BaseAlertTitle.js +2 -4
- package/esm/alert/base-alert/title/BaseAlertTitle.js.map +1 -1
- package/esm/button/Button.js +7 -8
- package/esm/button/Button.js.map +1 -1
- package/esm/chat/Bubble.js +3 -4
- package/esm/chat/Bubble.js.map +1 -1
- package/esm/chat/Chat.js +4 -5
- package/esm/chat/Chat.js.map +1 -1
- package/esm/chips/Chips.js +4 -5
- package/esm/chips/Chips.js.map +1 -1
- package/esm/chips/Removable.js +4 -5
- package/esm/chips/Removable.js.map +1 -1
- package/esm/chips/Toggle.js +5 -6
- package/esm/chips/Toggle.js.map +1 -1
- package/esm/copybutton/CopyButton.js +4 -5
- package/esm/copybutton/CopyButton.js.map +1 -1
- package/esm/date/Date.Dialog.js +7 -8
- package/esm/date/Date.Dialog.js.map +1 -1
- package/esm/date/Date.Input.js +17 -18
- package/esm/date/Date.Input.js.map +1 -1
- package/esm/date/datepicker/DatePicker.js +2 -3
- package/esm/date/datepicker/DatePicker.js.map +1 -1
- package/esm/date/datepicker/DatePicker.types.d.ts +5 -0
- package/esm/date/datepicker/parts/DatePicker.DayButton.js +2 -3
- package/esm/date/datepicker/parts/DatePicker.DayButton.js.map +1 -1
- package/esm/date/datepicker/parts/DatePicker.Months.js +7 -9
- package/esm/date/datepicker/parts/DatePicker.Months.js.map +1 -1
- package/esm/date/datepicker/parts/DatePicker.RDP.d.ts +0 -5
- package/esm/date/datepicker/parts/DatePicker.RDP.js +2 -3
- package/esm/date/datepicker/parts/DatePicker.RDP.js.map +1 -1
- package/esm/date/datepicker/parts/DatePicker.Standalone.d.ts +0 -5
- package/esm/date/datepicker/parts/DatePicker.Standalone.js +2 -3
- package/esm/date/datepicker/parts/DatePicker.Standalone.js.map +1 -1
- package/esm/date/datepicker/parts/DatePicker.WeekNumber.js +5 -6
- package/esm/date/datepicker/parts/DatePicker.WeekNumber.js.map +1 -1
- package/esm/date/datepicker/parts/DatePicker.WeekRow.js +4 -6
- package/esm/date/datepicker/parts/DatePicker.WeekRow.js.map +1 -1
- package/esm/date/monthpicker/MonthPicker.js +3 -4
- package/esm/date/monthpicker/MonthPicker.js.map +1 -1
- package/esm/date/monthpicker/parts/MonthPicker.Button.js +3 -4
- package/esm/date/monthpicker/parts/MonthPicker.Button.js.map +1 -1
- package/esm/date/monthpicker/parts/MonthPicker.Caption.js +4 -6
- package/esm/date/monthpicker/parts/MonthPicker.Caption.js.map +1 -1
- package/esm/date/monthpicker/parts/MonthPicker.Standalone.js +3 -4
- package/esm/date/monthpicker/parts/MonthPicker.Standalone.js.map +1 -1
- package/esm/dialog/backdrop/DialogBackdropInternal.js +2 -3
- package/esm/dialog/backdrop/DialogBackdropInternal.js.map +1 -1
- package/esm/dialog/body/DialogBody.js +2 -3
- package/esm/dialog/body/DialogBody.js.map +1 -1
- package/esm/dialog/description/DialogDescription.js +2 -3
- package/esm/dialog/description/DialogDescription.js.map +1 -1
- package/esm/dialog/footer/DialogFooter.js +2 -3
- package/esm/dialog/footer/DialogFooter.js.map +1 -1
- package/esm/dialog/header/DialogHeader.js +3 -4
- package/esm/dialog/header/DialogHeader.js.map +1 -1
- package/esm/dialog/popup/DialogPopupInternal.js +2 -3
- package/esm/dialog/popup/DialogPopupInternal.js.map +1 -1
- package/esm/dialog/title/DialogTitle.js +2 -3
- package/esm/dialog/title/DialogTitle.js.map +1 -1
- package/esm/dropdown/Menu/Divider.js +2 -3
- package/esm/dropdown/Menu/Divider.js.map +1 -1
- package/esm/dropdown/Menu/GroupedList/GroupedHeading.js +2 -3
- package/esm/dropdown/Menu/GroupedList/GroupedHeading.js.map +1 -1
- package/esm/dropdown/Menu/GroupedList/GroupedItem.js +3 -4
- package/esm/dropdown/Menu/GroupedList/GroupedItem.js.map +1 -1
- package/esm/dropdown/Menu/GroupedList/index.js +2 -3
- package/esm/dropdown/Menu/GroupedList/index.js.map +1 -1
- package/esm/dropdown/Menu/List/Item.js +3 -4
- package/esm/dropdown/Menu/List/Item.js.map +1 -1
- package/esm/dropdown/Menu/List/index.js +2 -3
- package/esm/dropdown/Menu/List/index.js.map +1 -1
- package/esm/dropdown/Menu/index.js +2 -3
- package/esm/dropdown/Menu/index.js.map +1 -1
- package/esm/dropdown/Toggle.js +2 -3
- package/esm/dropdown/Toggle.js.map +1 -1
- package/esm/expansion-card/ExpansionCard.js +3 -4
- package/esm/expansion-card/ExpansionCard.js.map +1 -1
- package/esm/expansion-card/ExpansionCardContent.js +5 -5
- package/esm/expansion-card/ExpansionCardContent.js.map +1 -1
- package/esm/expansion-card/ExpansionCardDescription.js +2 -3
- package/esm/expansion-card/ExpansionCardDescription.js.map +1 -1
- package/esm/expansion-card/ExpansionCardHeader.js +4 -5
- package/esm/expansion-card/ExpansionCardHeader.js.map +1 -1
- package/esm/expansion-card/ExpansionCardTitle.js +2 -3
- package/esm/expansion-card/ExpansionCardTitle.js.map +1 -1
- package/esm/form/ReadOnlyIcon.js +2 -5
- package/esm/form/ReadOnlyIcon.js.map +1 -1
- package/esm/form/checkbox/Checkbox.js +11 -13
- package/esm/form/checkbox/Checkbox.js.map +1 -1
- package/esm/form/checkbox/CheckboxGroup.js +3 -4
- package/esm/form/checkbox/CheckboxGroup.js.map +1 -1
- package/esm/form/combobox/Combobox.js +7 -8
- package/esm/form/combobox/Combobox.js.map +1 -1
- package/esm/form/combobox/ComboboxWrapper.js +7 -8
- package/esm/form/combobox/ComboboxWrapper.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/AddNewOption.js +3 -4
- package/esm/form/combobox/FilteredOptions/AddNewOption.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/FilteredOptions.js +6 -7
- package/esm/form/combobox/FilteredOptions/FilteredOptions.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/FilteredOptionsItem.js +4 -5
- package/esm/form/combobox/FilteredOptions/FilteredOptionsItem.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/LoadingMessage.js +1 -3
- package/esm/form/combobox/FilteredOptions/LoadingMessage.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/MaxSelectedMessage.js +1 -3
- package/esm/form/combobox/FilteredOptions/MaxSelectedMessage.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/NoSearchHitsMessage.js +1 -3
- package/esm/form/combobox/FilteredOptions/NoSearchHitsMessage.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/filteredOptionsContext.js +1 -1
- package/esm/form/combobox/FilteredOptions/filteredOptionsContext.js.map +1 -1
- package/esm/form/combobox/Input/Input.js +2 -3
- package/esm/form/combobox/Input/Input.js.map +1 -1
- package/esm/form/combobox/Input/InputController.d.ts +1 -1
- package/esm/form/combobox/Input/InputController.js +3 -4
- package/esm/form/combobox/Input/InputController.js.map +1 -1
- package/esm/form/combobox/Input/ToggleListButton.js +1 -3
- package/esm/form/combobox/Input/ToggleListButton.js.map +1 -1
- package/esm/form/combobox/SelectedOptions/SelectedOptions.js +2 -5
- package/esm/form/combobox/SelectedOptions/SelectedOptions.js.map +1 -1
- package/esm/form/confirmation-panel/ConfirmationPanel.js +8 -10
- package/esm/form/confirmation-panel/ConfirmationPanel.js.map +1 -1
- package/esm/form/error-summary/ErrorSummary.js +4 -5
- package/esm/form/error-summary/ErrorSummary.js.map +1 -1
- package/esm/form/error-summary/ErrorSummaryItem.js +2 -3
- package/esm/form/error-summary/ErrorSummaryItem.js.map +1 -1
- package/esm/form/fieldset/Fieldset.js +12 -12
- package/esm/form/fieldset/Fieldset.js.map +1 -1
- package/esm/form/fieldset/useFieldset.js +1 -1
- package/esm/form/fieldset/useFieldset.js.map +1 -1
- package/esm/form/file-upload/FileUpload.js +2 -3
- package/esm/form/file-upload/FileUpload.js.map +1 -1
- package/esm/form/file-upload/parts/dropzone/Dropzone.js +15 -17
- package/esm/form/file-upload/parts/dropzone/Dropzone.js.map +1 -1
- package/esm/form/file-upload/parts/item/Item.js +6 -7
- package/esm/form/file-upload/parts/item/Item.js.map +1 -1
- package/esm/form/file-upload/parts/item/ItemActionField.js +2 -4
- package/esm/form/file-upload/parts/item/ItemActionField.js.map +1 -1
- package/esm/form/file-upload/parts/item/ItemButton.js +1 -3
- package/esm/form/file-upload/parts/item/ItemButton.js.map +1 -1
- package/esm/form/file-upload/parts/item/ItemHeader.js +7 -7
- package/esm/form/file-upload/parts/item/ItemHeader.js.map +1 -1
- package/esm/form/file-upload/parts/item/ItemIcon.js +1 -3
- package/esm/form/file-upload/parts/item/ItemIcon.js.map +1 -1
- package/esm/form/file-upload/useFileUpload.d.ts +1 -1
- package/esm/form/form-progress/FormProgress.js +7 -9
- package/esm/form/form-progress/FormProgress.js.map +1 -1
- package/esm/form/form-summary/FormSummary.js +2 -3
- package/esm/form/form-summary/FormSummary.js.map +1 -1
- package/esm/form/form-summary/FormSummaryAnswer.js +3 -3
- package/esm/form/form-summary/FormSummaryAnswer.js.map +1 -1
- package/esm/form/form-summary/FormSummaryAnswers.js +2 -3
- package/esm/form/form-summary/FormSummaryAnswers.js.map +1 -1
- package/esm/form/form-summary/FormSummaryEditLink.js +2 -3
- package/esm/form/form-summary/FormSummaryEditLink.js.map +1 -1
- package/esm/form/form-summary/FormSummaryFooter.js +2 -3
- package/esm/form/form-summary/FormSummaryFooter.js.map +1 -1
- package/esm/form/form-summary/FormSummaryHeader.js +2 -3
- package/esm/form/form-summary/FormSummaryHeader.js.map +1 -1
- package/esm/form/form-summary/FormSummaryValue.js +2 -3
- package/esm/form/form-summary/FormSummaryValue.js.map +1 -1
- package/esm/form/radio/Radio.js +8 -10
- package/esm/form/radio/Radio.js.map +1 -1
- package/esm/form/radio/RadioGroup.js +3 -4
- package/esm/form/radio/RadioGroup.js.map +1 -1
- package/esm/form/search/Search.js +15 -17
- package/esm/form/search/Search.js.map +1 -1
- package/esm/form/search/SearchButton.js +2 -3
- package/esm/form/search/SearchButton.js.map +1 -1
- package/esm/form/select/Select.js +14 -15
- package/esm/form/select/Select.js.map +1 -1
- package/esm/form/switch/Switch.js +15 -16
- package/esm/form/switch/Switch.js.map +1 -1
- package/esm/form/textarea/Textarea.js +14 -16
- package/esm/form/textarea/Textarea.js.map +1 -1
- package/esm/form/textarea/TextareaCounter.js +5 -6
- package/esm/form/textarea/TextareaCounter.js.map +1 -1
- package/esm/form/textfield/TextField.js +13 -14
- package/esm/form/textfield/TextField.js.map +1 -1
- package/esm/form/useFormField.js +1 -1
- package/esm/form/useFormField.js.map +1 -1
- package/esm/guide-panel/GuidePanel.js +7 -7
- package/esm/guide-panel/GuidePanel.js.map +1 -1
- package/esm/help-text/HelpText.js +5 -6
- package/esm/help-text/HelpText.js.map +1 -1
- package/esm/help-text/HelpTextIcon.js +3 -4
- package/esm/help-text/HelpTextIcon.js.map +1 -1
- package/esm/inline-message/icon/InlineMessageIcon.js +1 -3
- package/esm/inline-message/icon/InlineMessageIcon.js.map +1 -1
- package/esm/inline-message/root/InlineMessage.js +3 -4
- package/esm/inline-message/root/InlineMessage.js.map +1 -1
- package/esm/internal-header/InternalHeader.js +3 -3
- package/esm/internal-header/InternalHeader.js.map +1 -1
- package/esm/internal-header/InternalHeaderButton.js +2 -3
- package/esm/internal-header/InternalHeaderButton.js.map +1 -1
- package/esm/internal-header/InternalHeaderTitle.js +2 -3
- package/esm/internal-header/InternalHeaderTitle.js.map +1 -1
- package/esm/internal-header/InternalHeaderUser.js +2 -3
- package/esm/internal-header/InternalHeaderUser.js.map +1 -1
- package/esm/internal-header/InternalHeaderUserButton.js +2 -3
- package/esm/internal-header/InternalHeaderUserButton.js.map +1 -1
- package/esm/layout/base/BasePrimitive.js +27 -28
- package/esm/layout/base/BasePrimitive.js.map +1 -1
- package/esm/layout/bleed/Bleed.js +3 -4
- package/esm/layout/bleed/Bleed.js.map +1 -1
- package/esm/layout/box/Box.darkside.js +7 -8
- package/esm/layout/box/Box.darkside.js.map +1 -1
- package/esm/layout/box/Box.js +7 -8
- package/esm/layout/box/Box.js.map +1 -1
- package/esm/layout/grid/HGrid.js +4 -5
- package/esm/layout/grid/HGrid.js.map +1 -1
- package/esm/layout/page/Page.js +6 -7
- package/esm/layout/page/Page.js.map +1 -1
- package/esm/layout/page/parts/PageBlock.js +2 -3
- package/esm/layout/page/parts/PageBlock.js.map +1 -1
- package/esm/layout/responsive/Responsive.js +4 -5
- package/esm/layout/responsive/Responsive.js.map +1 -1
- package/esm/layout/stack/Spacer.js +1 -3
- package/esm/layout/stack/Spacer.js.map +1 -1
- package/esm/layout/stack/Stack.js +9 -10
- package/esm/layout/stack/Stack.js.map +1 -1
- package/esm/link/Link.js +4 -5
- package/esm/link/Link.js.map +1 -1
- package/esm/link-card/LinkCard.js +8 -14
- package/esm/link-card/LinkCard.js.map +1 -1
- package/esm/link-panel/LinkPanel.js +4 -5
- package/esm/link-panel/LinkPanel.js.map +1 -1
- package/esm/link-panel/LinkPanelDescription.js +2 -3
- package/esm/link-panel/LinkPanelDescription.js.map +1 -1
- package/esm/link-panel/LinkPanelTitle.js +2 -3
- package/esm/link-panel/LinkPanelTitle.js.map +1 -1
- package/esm/list/List.Item.js +5 -6
- package/esm/list/List.Item.js.map +1 -1
- package/esm/list/List.js +2 -3
- package/esm/list/List.js.map +1 -1
- package/esm/loader/Loader.js +5 -6
- package/esm/loader/Loader.js.map +1 -1
- package/esm/modal/Modal.context.d.ts +1 -1
- package/esm/modal/Modal.js +10 -11
- package/esm/modal/Modal.js.map +1 -1
- package/esm/modal/ModalBody.js +2 -3
- package/esm/modal/ModalBody.js.map +1 -1
- package/esm/modal/ModalFooter.js +2 -3
- package/esm/modal/ModalFooter.js.map +1 -1
- package/esm/modal/ModalHeader.js +3 -4
- package/esm/modal/ModalHeader.js.map +1 -1
- package/esm/overlays/action-menu/ActionMenu.js +28 -39
- package/esm/overlays/action-menu/ActionMenu.js.map +1 -1
- package/esm/pagination/Pagination.js +8 -10
- package/esm/pagination/Pagination.js.map +1 -1
- package/esm/pagination/PaginationItem.js +3 -4
- package/esm/pagination/PaginationItem.js.map +1 -1
- package/esm/panel/Panel.js +3 -4
- package/esm/panel/Panel.js.map +1 -1
- package/esm/popover/Popover.js +3 -4
- package/esm/popover/Popover.js.map +1 -1
- package/esm/popover/PopoverContent.js +2 -3
- package/esm/popover/PopoverContent.js.map +1 -1
- package/esm/process/Process.js +11 -18
- package/esm/process/Process.js.map +1 -1
- package/esm/progress-bar/ProgressBar.js +4 -5
- package/esm/progress-bar/ProgressBar.js.map +1 -1
- package/esm/read-more/ReadMore.js +7 -8
- package/esm/read-more/ReadMore.js.map +1 -1
- package/esm/skeleton/Skeleton.js +6 -7
- package/esm/skeleton/Skeleton.js.map +1 -1
- package/esm/stepper/Step.js +9 -10
- package/esm/stepper/Step.js.map +1 -1
- package/esm/stepper/Stepper.js +5 -6
- package/esm/stepper/Stepper.js.map +1 -1
- package/esm/table/AnimateHeight.js +2 -4
- package/esm/table/AnimateHeight.js.map +1 -1
- package/esm/table/Body.js +2 -3
- package/esm/table/Body.js.map +1 -1
- package/esm/table/ColumnHeader.js +3 -5
- package/esm/table/ColumnHeader.js.map +1 -1
- package/esm/table/DataCell.js +3 -4
- package/esm/table/DataCell.js.map +1 -1
- package/esm/table/ExpandableRow.js +12 -13
- package/esm/table/ExpandableRow.js.map +1 -1
- package/esm/table/Header.js +2 -3
- package/esm/table/Header.js.map +1 -1
- package/esm/table/HeaderCell.js +4 -5
- package/esm/table/HeaderCell.js.map +1 -1
- package/esm/table/Row.js +4 -5
- package/esm/table/Row.js.map +1 -1
- package/esm/table/Table.js +4 -5
- package/esm/table/Table.js.map +1 -1
- package/esm/tabs/Tabs.context.d.ts +1 -1
- package/esm/tabs/Tabs.js +2 -3
- package/esm/tabs/Tabs.js.map +1 -1
- package/esm/tabs/parts/tab/Tab.js +5 -6
- package/esm/tabs/parts/tab/Tab.js.map +1 -1
- package/esm/tabs/parts/tab/useTab.d.ts +1 -1
- package/esm/tabs/parts/tablist/ScrollButtons.js +3 -4
- package/esm/tabs/parts/tablist/ScrollButtons.js.map +1 -1
- package/esm/tabs/parts/tablist/TabList.js +3 -4
- package/esm/tabs/parts/tablist/TabList.js.map +1 -1
- package/esm/tabs/parts/tabpanel/TabPanel.js +2 -3
- package/esm/tabs/parts/tabpanel/TabPanel.js.map +1 -1
- package/esm/tag/Tag.js +3 -4
- package/esm/tag/Tag.js.map +1 -1
- package/esm/theme/Theme.d.ts +1 -10
- package/esm/theme/Theme.js +3 -22
- package/esm/theme/Theme.js.map +1 -1
- package/esm/timeline/AxisLabels.js +1 -3
- package/esm/timeline/AxisLabels.js.map +1 -1
- package/esm/timeline/Timeline.js +1 -3
- package/esm/timeline/Timeline.js.map +1 -1
- package/esm/timeline/TimelineRow.js +5 -6
- package/esm/timeline/TimelineRow.js.map +1 -1
- package/esm/timeline/period/ClickablePeriod.js +5 -6
- package/esm/timeline/period/ClickablePeriod.js.map +1 -1
- package/esm/timeline/period/NonClickablePeriod.js +4 -5
- package/esm/timeline/period/NonClickablePeriod.js.map +1 -1
- package/esm/timeline/pin/PinInternal.js +3 -5
- package/esm/timeline/pin/PinInternal.js.map +1 -1
- package/esm/timeline/utils/period.js +5 -6
- package/esm/timeline/utils/period.js.map +1 -1
- package/esm/timeline/zoom/ZoomButton.js +1 -3
- package/esm/timeline/zoom/ZoomButton.js.map +1 -1
- package/esm/timeline/zoom/index.js +2 -3
- package/esm/timeline/zoom/index.js.map +1 -1
- package/esm/toggle-group/ToggleGroup.context.d.ts +1 -1
- package/esm/toggle-group/ToggleGroup.js +5 -6
- package/esm/toggle-group/ToggleGroup.js.map +1 -1
- package/esm/toggle-group/parts/ToggleItem.js +3 -4
- package/esm/toggle-group/parts/ToggleItem.js.map +1 -1
- package/esm/toggle-group/parts/useToggleItem.d.ts +1 -1
- package/esm/tooltip/Tooltip.js +4 -5
- package/esm/tooltip/Tooltip.js.map +1 -1
- package/esm/typography/BodyLong.js +2 -3
- package/esm/typography/BodyLong.js.map +1 -1
- package/esm/typography/BodyShort.js +2 -3
- package/esm/typography/BodyShort.js.map +1 -1
- package/esm/typography/Detail.js +3 -4
- package/esm/typography/Detail.js.map +1 -1
- package/esm/typography/ErrorMessage.js +4 -5
- package/esm/typography/ErrorMessage.js.map +1 -1
- package/esm/typography/Heading.js +2 -3
- package/esm/typography/Heading.js.map +1 -1
- package/esm/typography/Ingress.js +3 -4
- package/esm/typography/Ingress.js.map +1 -1
- package/esm/typography/Label.js +3 -4
- package/esm/typography/Label.js.map +1 -1
- package/esm/typography/util.js +8 -9
- package/esm/typography/util.js.map +1 -1
- package/esm/util/className.d.ts +6 -0
- package/esm/util/className.js +43 -0
- package/esm/util/className.js.map +1 -0
- package/esm/util/hooks/descendants/useDescendant.d.ts +1 -1
- package/esm/util/hooks/useMergeRefs.d.ts +2 -1
- package/esm/util/hooks/useMergeRefs.js.map +1 -1
- package/esm/util/link-anchor/LinkAnchor.js +4 -7
- package/esm/util/link-anchor/LinkAnchor.js.map +1 -1
- package/esm/util/virtualfocus/Context.d.ts +1 -1
- package/package.json +3 -4
- package/src/accordion/Accordion.tsx +5 -7
- package/src/accordion/AccordionContent.tsx +11 -7
- package/src/accordion/AccordionHeader.tsx +4 -6
- package/src/accordion/AccordionItem.tsx +4 -5
- package/src/alert/Alert.tsx +14 -15
- package/src/alert/base-alert/close-button/BaseAlertCloseButton.tsx +2 -3
- package/src/alert/base-alert/content/BaseAlertContent.tsx +3 -3
- package/src/alert/base-alert/header/BaseAlertHeader.tsx +3 -4
- package/src/alert/base-alert/root/BaseAlertRoot.tsx +2 -4
- package/src/alert/base-alert/title/BaseAlertTitle.tsx +2 -4
- package/src/button/Button.tsx +7 -9
- package/src/chat/Bubble.tsx +5 -7
- package/src/chat/Chat.tsx +9 -15
- package/src/chips/Chips.tsx +4 -5
- package/src/chips/Removable.tsx +5 -6
- package/src/chips/Toggle.tsx +5 -7
- package/src/copybutton/CopyButton.tsx +4 -6
- package/src/date/Date.Dialog.tsx +7 -8
- package/src/date/Date.Input.tsx +24 -25
- package/src/date/datepicker/DatePicker.tsx +2 -3
- package/src/date/datepicker/DatePicker.types.ts +5 -0
- package/src/date/datepicker/parts/DatePicker.DayButton.tsx +2 -3
- package/src/date/datepicker/parts/DatePicker.Months.tsx +8 -14
- package/src/date/datepicker/parts/DatePicker.RDP.tsx +2 -8
- package/src/date/datepicker/parts/DatePicker.Standalone.tsx +2 -8
- package/src/date/datepicker/parts/DatePicker.WeekNumber.tsx +5 -8
- package/src/date/datepicker/parts/DatePicker.WeekRow.tsx +4 -6
- package/src/date/monthpicker/MonthPicker.tsx +3 -4
- package/src/date/monthpicker/parts/MonthPicker.Button.tsx +3 -4
- package/src/date/monthpicker/parts/MonthPicker.Caption.tsx +5 -7
- package/src/date/monthpicker/parts/MonthPicker.Standalone.tsx +3 -4
- package/src/dialog/backdrop/DialogBackdropInternal.tsx +2 -3
- package/src/dialog/body/DialogBody.tsx +2 -4
- package/src/dialog/description/DialogDescription.tsx +2 -3
- package/src/dialog/footer/DialogFooter.tsx +2 -4
- package/src/dialog/header/DialogHeader.tsx +3 -4
- package/src/dialog/popup/DialogPopupInternal.tsx +2 -3
- package/src/dialog/title/DialogTitle.tsx +2 -3
- package/src/dropdown/Menu/Divider.tsx +2 -4
- package/src/dropdown/Menu/GroupedList/GroupedHeading.tsx +5 -6
- package/src/dropdown/Menu/GroupedList/GroupedItem.tsx +6 -7
- package/src/dropdown/Menu/GroupedList/index.tsx +2 -3
- package/src/dropdown/Menu/List/Item.tsx +6 -7
- package/src/dropdown/Menu/List/index.tsx +2 -4
- package/src/dropdown/Menu/index.tsx +2 -3
- package/src/dropdown/Toggle.tsx +2 -3
- package/src/expansion-card/ExpansionCard.tsx +5 -6
- package/src/expansion-card/ExpansionCardContent.tsx +5 -5
- package/src/expansion-card/ExpansionCardDescription.tsx +2 -3
- package/src/expansion-card/ExpansionCardHeader.tsx +4 -5
- package/src/expansion-card/ExpansionCardTitle.tsx +6 -8
- package/src/form/ReadOnlyIcon.tsx +2 -5
- package/src/form/checkbox/Checkbox.tsx +13 -17
- package/src/form/checkbox/CheckboxGroup.tsx +5 -6
- package/src/form/combobox/Combobox.tsx +7 -9
- package/src/form/combobox/ComboboxWrapper.tsx +9 -10
- package/src/form/combobox/FilteredOptions/AddNewOption.tsx +4 -6
- package/src/form/combobox/FilteredOptions/FilteredOptions.tsx +6 -10
- package/src/form/combobox/FilteredOptions/FilteredOptionsItem.tsx +4 -6
- package/src/form/combobox/FilteredOptions/LoadingMessage.tsx +1 -3
- package/src/form/combobox/FilteredOptions/MaxSelectedMessage.tsx +1 -3
- package/src/form/combobox/FilteredOptions/NoSearchHitsMessage.tsx +1 -4
- package/src/form/combobox/FilteredOptions/filteredOptionsContext.tsx +1 -1
- package/src/form/combobox/Input/Input.tsx +6 -8
- package/src/form/combobox/Input/InputController.tsx +3 -5
- package/src/form/combobox/Input/ToggleListButton.tsx +1 -3
- package/src/form/combobox/SelectedOptions/SelectedOptions.tsx +2 -6
- package/src/form/confirmation-panel/ConfirmationPanel.tsx +8 -10
- package/src/form/error-summary/ErrorSummary.tsx +6 -12
- package/src/form/error-summary/ErrorSummaryItem.tsx +2 -4
- package/src/form/fieldset/Fieldset.tsx +14 -14
- package/src/form/fieldset/useFieldset.ts +1 -1
- package/src/form/file-upload/FileUpload.tsx +2 -3
- package/src/form/file-upload/parts/dropzone/Dropzone.tsx +15 -17
- package/src/form/file-upload/parts/item/Item.tsx +6 -7
- package/src/form/file-upload/parts/item/ItemActionField.tsx +2 -5
- package/src/form/file-upload/parts/item/ItemButton.tsx +1 -3
- package/src/form/file-upload/parts/item/ItemHeader.tsx +14 -7
- package/src/form/file-upload/parts/item/ItemIcon.tsx +1 -3
- package/src/form/form-progress/FormProgress.tsx +7 -11
- package/src/form/form-summary/FormSummary.tsx +2 -4
- package/src/form/form-summary/FormSummaryAnswer.tsx +3 -3
- package/src/form/form-summary/FormSummaryAnswers.tsx +2 -4
- package/src/form/form-summary/FormSummaryEditLink.tsx +2 -4
- package/src/form/form-summary/FormSummaryFooter.tsx +2 -4
- package/src/form/form-summary/FormSummaryHeader.tsx +2 -4
- package/src/form/form-summary/FormSummaryValue.tsx +2 -4
- package/src/form/radio/Radio.tsx +8 -12
- package/src/form/radio/RadioGroup.tsx +5 -6
- package/src/form/search/Search.tsx +23 -27
- package/src/form/search/SearchButton.tsx +2 -3
- package/src/form/select/Select.tsx +19 -24
- package/src/form/switch/Switch.tsx +18 -29
- package/src/form/textarea/Textarea.tsx +19 -22
- package/src/form/textarea/TextareaCounter.tsx +5 -6
- package/src/form/textfield/TextField.tsx +18 -20
- package/src/form/useFormField.ts +1 -1
- package/src/guide-panel/GuidePanel.tsx +7 -7
- package/src/help-text/HelpText.tsx +5 -6
- package/src/help-text/HelpTextIcon.tsx +3 -5
- package/src/inline-message/icon/InlineMessageIcon.tsx +1 -4
- package/src/inline-message/root/InlineMessage.tsx +3 -4
- package/src/internal-header/InternalHeader.tsx +3 -4
- package/src/internal-header/InternalHeaderButton.tsx +2 -4
- package/src/internal-header/InternalHeaderTitle.tsx +4 -6
- package/src/internal-header/InternalHeaderUser.tsx +2 -4
- package/src/internal-header/InternalHeaderUserButton.tsx +2 -4
- package/src/layout/base/BasePrimitive.tsx +27 -29
- package/src/layout/bleed/Bleed.tsx +3 -5
- package/src/layout/box/Box.darkside.tsx +7 -8
- package/src/layout/box/Box.tsx +7 -8
- package/src/layout/grid/HGrid.tsx +4 -6
- package/src/layout/page/Page.tsx +6 -8
- package/src/layout/page/parts/PageBlock.tsx +5 -7
- package/src/layout/responsive/Responsive.tsx +4 -5
- package/src/layout/stack/Spacer.tsx +1 -3
- package/src/layout/stack/Stack.tsx +9 -11
- package/src/link/Link.tsx +4 -6
- package/src/link-card/LinkCard.tsx +10 -22
- package/src/link-panel/LinkPanel.tsx +4 -9
- package/src/link-panel/LinkPanelDescription.tsx +2 -4
- package/src/link-panel/LinkPanelTitle.tsx +5 -7
- package/src/list/List.Item.tsx +5 -6
- package/src/list/List.tsx +2 -4
- package/src/loader/Loader.tsx +8 -9
- package/src/modal/Modal.context.ts +1 -1
- package/src/modal/Modal.tsx +11 -15
- package/src/modal/ModalBody.tsx +2 -3
- package/src/modal/ModalFooter.tsx +2 -3
- package/src/modal/ModalHeader.tsx +3 -4
- package/src/overlays/action-menu/ActionMenu.tsx +35 -67
- package/src/pagination/Pagination.tsx +10 -15
- package/src/pagination/PaginationItem.tsx +3 -5
- package/src/panel/Panel.tsx +3 -4
- package/src/popover/Popover.tsx +3 -5
- package/src/popover/PopoverContent.tsx +2 -3
- package/src/process/Process.tsx +11 -29
- package/src/progress-bar/ProgressBar.tsx +6 -7
- package/src/read-more/ReadMore.tsx +10 -11
- package/src/skeleton/Skeleton.tsx +8 -9
- package/src/stepper/Step.tsx +9 -14
- package/src/stepper/Stepper.tsx +5 -10
- package/src/table/AnimateHeight.tsx +2 -4
- package/src/table/Body.tsx +2 -3
- package/src/table/ColumnHeader.tsx +2 -5
- package/src/table/DataCell.tsx +3 -4
- package/src/table/ExpandableRow.tsx +15 -21
- package/src/table/Header.tsx +2 -3
- package/src/table/HeaderCell.tsx +4 -5
- package/src/table/Row.tsx +4 -6
- package/src/table/Table.tsx +4 -5
- package/src/tabs/Tabs.tsx +2 -3
- package/src/tabs/parts/tab/Tab.tsx +8 -9
- package/src/tabs/parts/tablist/ScrollButtons.tsx +3 -5
- package/src/tabs/parts/tablist/TabList.tsx +3 -4
- package/src/tabs/parts/tabpanel/TabPanel.tsx +2 -3
- package/src/tag/Tag.tsx +3 -4
- package/src/theme/Theme.tsx +10 -51
- package/src/timeline/AxisLabels.tsx +2 -5
- package/src/timeline/Timeline.tsx +1 -3
- package/src/timeline/TimelineRow.tsx +5 -6
- package/src/timeline/period/ClickablePeriod.tsx +6 -7
- package/src/timeline/period/NonClickablePeriod.tsx +4 -5
- package/src/timeline/pin/PinInternal.tsx +3 -5
- package/src/timeline/utils/period.ts +5 -6
- package/src/timeline/zoom/ZoomButton.tsx +1 -4
- package/src/timeline/zoom/index.tsx +2 -4
- package/src/toggle-group/ToggleGroup.tsx +7 -8
- package/src/toggle-group/parts/ToggleItem.tsx +3 -4
- package/src/tooltip/Tooltip.tsx +7 -13
- package/src/typography/BodyLong.tsx +4 -6
- package/src/typography/BodyShort.tsx +4 -6
- package/src/typography/Detail.tsx +4 -6
- package/src/typography/ErrorMessage.tsx +6 -8
- package/src/typography/Heading.tsx +4 -5
- package/src/typography/Ingress.tsx +3 -5
- package/src/typography/Label.tsx +4 -6
- package/src/typography/util.ts +8 -9
- package/src/util/className.ts +58 -0
- package/src/util/hooks/useMergeRefs.ts +5 -3
- package/src/util/link-anchor/LinkAnchor.tsx +4 -9
- package/src/theme/RenameCSS.test.ts +0 -80
|
@@ -11,9 +11,9 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import React, { forwardRef } from "react";
|
|
13
13
|
import { ChevronDownIcon } from "@navikt/aksel-icons";
|
|
14
|
-
import { useRenameCSS } from "../../theme/Theme.js";
|
|
15
14
|
import { BodyShort, ErrorMessage, Label } from "../../typography/index.js";
|
|
16
15
|
import { omit } from "../../util/index.js";
|
|
16
|
+
import { cl } from "../../util/className.js";
|
|
17
17
|
import { ReadOnlyIconWithTitle } from "../ReadOnlyIcon.js";
|
|
18
18
|
import { useFormField } from "../useFormField.js";
|
|
19
19
|
/**
|
|
@@ -35,7 +35,6 @@ import { useFormField } from "../useFormField.js";
|
|
|
35
35
|
export const Select = forwardRef((props, ref) => {
|
|
36
36
|
const { inputProps, errorId, showErrorMsg, hasError, size, inputDescriptionId, readOnly, } = useFormField(props, "select");
|
|
37
37
|
const { children, label, className, description, hideLabel = false, style } = props, rest = __rest(props, ["children", "label", "className", "description", "hideLabel", "style"]);
|
|
38
|
-
const { cn } = useRenameCSS();
|
|
39
38
|
const readOnlyEventHandlers = {
|
|
40
39
|
onMouseDown: (evt) => {
|
|
41
40
|
// NOTE: does not prevent click
|
|
@@ -52,24 +51,24 @@ export const Select = forwardRef((props, ref) => {
|
|
|
52
51
|
}
|
|
53
52
|
},
|
|
54
53
|
};
|
|
55
|
-
return (React.createElement("div", { className:
|
|
56
|
-
"
|
|
57
|
-
"
|
|
58
|
-
"
|
|
59
|
-
"
|
|
54
|
+
return (React.createElement("div", { className: cl(className, "aksel-form-field", `aksel-form-field--${size}`, {
|
|
55
|
+
"aksel-form-field--disabled": !!inputProps.disabled,
|
|
56
|
+
"aksel-form-field--readonly": readOnly,
|
|
57
|
+
"aksel-select--error": hasError,
|
|
58
|
+
"aksel-select--readonly": readOnly,
|
|
60
59
|
}) },
|
|
61
|
-
React.createElement(Label, { htmlFor: inputProps.id, size: size, className:
|
|
62
|
-
"
|
|
60
|
+
React.createElement(Label, { htmlFor: inputProps.id, size: size, className: cl("aksel-form-field__label", {
|
|
61
|
+
"aksel-sr-only": hideLabel,
|
|
63
62
|
}) },
|
|
64
63
|
readOnly && React.createElement(ReadOnlyIconWithTitle, null),
|
|
65
64
|
label),
|
|
66
|
-
!!description && (React.createElement(BodyShort, { className:
|
|
67
|
-
"
|
|
65
|
+
!!description && (React.createElement(BodyShort, { className: cl("aksel-form-field__description", {
|
|
66
|
+
"aksel-sr-only": hideLabel,
|
|
68
67
|
}), id: inputDescriptionId, size: size, as: "div" }, description)),
|
|
69
|
-
React.createElement("div", { className:
|
|
70
|
-
React.createElement("select", Object.assign({}, omit(rest, ["error", "errorId", "size", "readOnly"]), inputProps, readOnlyEventHandlers, { ref: ref, className:
|
|
71
|
-
React.createElement(ChevronDownIcon, { className:
|
|
72
|
-
React.createElement("div", { className:
|
|
68
|
+
React.createElement("div", { className: "aksel-select__container", style: style },
|
|
69
|
+
React.createElement("select", Object.assign({}, omit(rest, ["error", "errorId", "size", "readOnly"]), inputProps, readOnlyEventHandlers, { ref: ref, className: cl("aksel-select__input", "aksel-body-short", `aksel-body-short--${size !== null && size !== void 0 ? size : "medium"}`) }), children),
|
|
70
|
+
React.createElement(ChevronDownIcon, { className: "aksel-select__chevron", "aria-hidden": true })),
|
|
71
|
+
React.createElement("div", { className: "aksel-form-field__error", id: errorId, "aria-relevant": "additions removals", "aria-live": "polite" }, showErrorMsg && (React.createElement(ErrorMessage, { size: size, showIcon: true }, props.error)))));
|
|
73
72
|
});
|
|
74
73
|
export default Select;
|
|
75
74
|
//# sourceMappingURL=Select.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/form/select/Select.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAwB,UAAU,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/form/select/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,9 +11,9 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import React, { forwardRef, useEffect, useState, } from "react";
|
|
13
13
|
import { Loader } from "../../loader/index.js";
|
|
14
|
-
import { useRenameCSS } from "../../theme/Theme.js";
|
|
15
14
|
import { BodyShort } from "../../typography/index.js";
|
|
16
15
|
import { omit } from "../../util/index.js";
|
|
16
|
+
import { cl } from "../../util/className.js";
|
|
17
17
|
import { ReadOnlyIconWithTitle } from "../ReadOnlyIcon.js";
|
|
18
18
|
import { useFormField } from "../useFormField.js";
|
|
19
19
|
/**
|
|
@@ -31,17 +31,16 @@ export const Switch = forwardRef((props, ref) => {
|
|
|
31
31
|
var _a, _b, _c;
|
|
32
32
|
const { inputProps, size, readOnly } = useFormField(props, "switch");
|
|
33
33
|
const { children, className, description, hideLabel = false, loading, checked: checkedProp, defaultChecked, position = "left" } = props, rest = __rest(props, ["children", "className", "description", "hideLabel", "loading", "checked", "defaultChecked", "position"]);
|
|
34
|
-
const { cn } = useRenameCSS();
|
|
35
34
|
const [_checked, setChecked] = useState((_a = defaultChecked !== null && defaultChecked !== void 0 ? defaultChecked : checkedProp) !== null && _a !== void 0 ? _a : false);
|
|
36
35
|
useEffect(() => {
|
|
37
36
|
checkedProp !== undefined && setChecked(checkedProp);
|
|
38
37
|
}, [checkedProp]);
|
|
39
38
|
const checked = checkedProp !== null && checkedProp !== void 0 ? checkedProp : _checked;
|
|
40
|
-
return (React.createElement("div", { className:
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"
|
|
39
|
+
return (React.createElement("div", { className: cl("aksel-switch", props.className, `aksel-switch--${size}`, `aksel-switch--${position}`, {
|
|
40
|
+
"aksel-switch--loading": loading,
|
|
41
|
+
"aksel-switch--disabled": (_b = inputProps.disabled) !== null && _b !== void 0 ? _b : loading,
|
|
42
|
+
"aksel-switch--readonly": readOnly,
|
|
43
|
+
"aksel-switch--standalone": hideLabel,
|
|
45
44
|
}) },
|
|
46
45
|
React.createElement("input", Object.assign({}, omit(rest, ["size", "readOnly"]), omit(inputProps, ["aria-invalid", "aria-describedby"]), { disabled: (_c = inputProps.disabled) !== null && _c !== void 0 ? _c : loading, checked: checkedProp, defaultChecked: defaultChecked, ref: ref, type: "checkbox", onChange: (event) => {
|
|
47
46
|
var _a;
|
|
@@ -57,19 +56,19 @@ export const Switch = forwardRef((props, ref) => {
|
|
|
57
56
|
return;
|
|
58
57
|
}
|
|
59
58
|
(_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, event);
|
|
60
|
-
}, className:
|
|
61
|
-
React.createElement("span", { className:
|
|
62
|
-
React.createElement("span", { className:
|
|
59
|
+
}, className: cl(className, "aksel-switch__input") })),
|
|
60
|
+
React.createElement("span", { className: "aksel-switch__track" },
|
|
61
|
+
React.createElement("span", { className: "aksel-switch__thumb" },
|
|
63
62
|
React.createElement(SwitchIcon, { size: size, checked: checked, loading: loading }))),
|
|
64
|
-
React.createElement("label", { htmlFor: inputProps.id, className:
|
|
65
|
-
React.createElement("span", { className:
|
|
66
|
-
"
|
|
67
|
-
"
|
|
63
|
+
React.createElement("label", { htmlFor: inputProps.id, className: "aksel-switch__label-wrapper" },
|
|
64
|
+
React.createElement("span", { className: cl("aksel-switch__content", {
|
|
65
|
+
"aksel-sr-only": hideLabel,
|
|
66
|
+
"aksel-switch--with-description": description && !hideLabel,
|
|
68
67
|
}) },
|
|
69
|
-
React.createElement(BodyShort, { as: "span", size: size, className:
|
|
68
|
+
React.createElement(BodyShort, { as: "span", size: size, className: "aksel-switch__label" },
|
|
70
69
|
readOnly && React.createElement(ReadOnlyIconWithTitle, null),
|
|
71
70
|
children),
|
|
72
|
-
description && (React.createElement(BodyShort, { size: size, as: "span", className:
|
|
71
|
+
description && (React.createElement(BodyShort, { size: size, as: "span", className: "aksel-form-field__subdescription aksel-switch__description" }, description))))));
|
|
73
72
|
});
|
|
74
73
|
const SwitchIcon = ({ size, checked, loading, }) => {
|
|
75
74
|
if (loading) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/form/switch/Switch.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAEZ,UAAU,EACV,SAAS,EACT,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/form/switch/Switch.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,12 +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, useState } from "react";
|
|
14
|
-
import { useRenameCSS } from "../../theme/Theme.js";
|
|
15
13
|
import { BodyShort, ErrorMessage, Label } from "../../typography/index.js";
|
|
16
14
|
import { omit } from "../../util/index.js";
|
|
17
15
|
import TextareaAutosize from "../../util/TextareaAutoSize.js";
|
|
16
|
+
import { cl } from "../../util/className.js";
|
|
18
17
|
import { composeEventHandlers } from "../../util/composeEventHandlers.js";
|
|
19
18
|
import { useId } from "../../util/hooks/index.js";
|
|
20
19
|
import { ReadOnlyIcon } from "../ReadOnlyIcon.js";
|
|
@@ -35,34 +34,33 @@ export const Textarea = forwardRef((props, ref) => {
|
|
|
35
34
|
var _a, _b, _c;
|
|
36
35
|
const { inputProps, errorId, showErrorMsg, hasError, size, inputDescriptionId, } = useFormField(props, "textarea");
|
|
37
36
|
const { label, className, description, maxLength, hideLabel = false, resize, UNSAFE_autoScrollbar, i18n, readOnly } = props, rest = __rest(props, ["label", "className", "description", "maxLength", "hideLabel", "resize", "UNSAFE_autoScrollbar", "i18n", "readOnly"]);
|
|
38
|
-
const { cn } = useRenameCSS();
|
|
39
37
|
const maxLengthId = useId();
|
|
40
38
|
const hasMaxLength = maxLength !== undefined && maxLength > 0;
|
|
41
39
|
const [uncontrolledValue, setUncontrolledValue] = useState((_a = props === null || props === void 0 ? void 0 : props.defaultValue) !== null && _a !== void 0 ? _a : "");
|
|
42
40
|
const describedBy = cl(inputProps["aria-describedby"], {
|
|
43
41
|
[maxLengthId !== null && maxLengthId !== void 0 ? maxLengthId : ""]: hasMaxLength,
|
|
44
42
|
});
|
|
45
|
-
return (React.createElement("div", { className:
|
|
46
|
-
"
|
|
47
|
-
"
|
|
48
|
-
"
|
|
49
|
-
"
|
|
50
|
-
"
|
|
51
|
-
[`
|
|
43
|
+
return (React.createElement("div", { className: cl(className, "aksel-form-field", `aksel-form-field--${size}`, {
|
|
44
|
+
"aksel-form-field--disabled": !!inputProps.disabled,
|
|
45
|
+
"aksel-form-field--readonly": readOnly,
|
|
46
|
+
"aksel-textarea--readonly": readOnly,
|
|
47
|
+
"aksel-textarea--error": hasError,
|
|
48
|
+
"aksel-textarea--autoscrollbar": UNSAFE_autoScrollbar,
|
|
49
|
+
[`aksel-textarea--resize-${resize === true ? "both" : resize}`]: resize,
|
|
52
50
|
}) },
|
|
53
|
-
React.createElement(Label, { htmlFor: inputProps.id, size: size, className:
|
|
54
|
-
"
|
|
51
|
+
React.createElement(Label, { htmlFor: inputProps.id, size: size, className: cl("aksel-form-field__label", {
|
|
52
|
+
"aksel-sr-only": hideLabel,
|
|
55
53
|
}) },
|
|
56
54
|
readOnly && React.createElement(ReadOnlyIcon, null),
|
|
57
55
|
label),
|
|
58
|
-
!!description && (React.createElement(BodyShort, { className:
|
|
59
|
-
"
|
|
56
|
+
!!description && (React.createElement(BodyShort, { className: cl("aksel-form-field__description", {
|
|
57
|
+
"aksel-sr-only": hideLabel,
|
|
60
58
|
}), id: inputDescriptionId, size: size, as: "div" }, description)),
|
|
61
59
|
React.createElement(TextareaAutosize, Object.assign({}, omit(rest, ["error", "errorId", "size"]), inputProps, { onChange: composeEventHandlers(props.onChange, props.value === undefined
|
|
62
60
|
? (e) => setUncontrolledValue(e.target.value)
|
|
63
|
-
: undefined), minRows: rest.minRows || (size === "small" ? 2 : 3), autoScrollbar: UNSAFE_autoScrollbar, ref: ref, readOnly: readOnly, className:
|
|
61
|
+
: undefined), minRows: rest.minRows || (size === "small" ? 2 : 3), autoScrollbar: UNSAFE_autoScrollbar, ref: ref, readOnly: readOnly, className: cl("aksel-textarea__input", "aksel-body-short", `aksel-body-short--${size !== null && size !== void 0 ? size : "medium"}`) }, (describedBy ? { "aria-describedby": describedBy } : {}))),
|
|
64
62
|
hasMaxLength && !readOnly && !inputProps.disabled && (React.createElement(Counter, { maxLengthId: maxLengthId, maxLength: maxLength, currentLength: (_c = (_b = props.value) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : uncontrolledValue.length, size: size, i18n: i18n })),
|
|
65
|
-
React.createElement("div", { className:
|
|
63
|
+
React.createElement("div", { className: "aksel-form-field__error", id: errorId, "aria-relevant": "additions removals", "aria-live": "polite" }, showErrorMsg && (React.createElement(ErrorMessage, { size: size, showIcon: true }, props.error)))));
|
|
66
64
|
});
|
|
67
65
|
export default Textarea;
|
|
68
66
|
//# sourceMappingURL=Textarea.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../src/form/textarea/Textarea.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../src/form/textarea/Textarea.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import React, { useEffect, useState } from "react";
|
|
2
|
-
import { useRenameCSS } from "../../theme/Theme.js";
|
|
3
2
|
import { BodyShort } from "../../typography/index.js";
|
|
3
|
+
import { cl } from "../../util/className.js";
|
|
4
4
|
import debounce from "../../util/debounce.js";
|
|
5
5
|
import { useI18n } from "../../util/i18n/i18n.hooks.js";
|
|
6
6
|
const TextareaCounter = ({ maxLengthId, maxLength, currentLength, size, i18n, }) => {
|
|
7
|
-
const { cn } = useRenameCSS();
|
|
8
7
|
const translate = useI18n("Textarea", {
|
|
9
8
|
charsLeft: (i18n === null || i18n === void 0 ? void 0 : i18n.counterLeft) ? `{chars} ${i18n.counterLeft}` : undefined,
|
|
10
9
|
charsTooMany: (i18n === null || i18n === void 0 ? void 0 : i18n.counterTooMuch)
|
|
@@ -23,10 +22,10 @@ const TextareaCounter = ({ maxLengthId, maxLength, currentLength, size, i18n, })
|
|
|
23
22
|
};
|
|
24
23
|
}, [difference]);
|
|
25
24
|
return (React.createElement(React.Fragment, null,
|
|
26
|
-
React.createElement("span", { id: maxLengthId, className:
|
|
27
|
-
difference < 20 && (React.createElement("span", { role: "status", className:
|
|
28
|
-
React.createElement(BodyShort, { className:
|
|
29
|
-
"
|
|
25
|
+
React.createElement("span", { id: maxLengthId, className: "aksel-sr-only" }, translate("maxLength", { maxLength })),
|
|
26
|
+
difference < 20 && (React.createElement("span", { role: "status", className: "aksel-textarea__sr-counter aksel-sr-only" }, getCounterText(debouncedDiff, translate))),
|
|
27
|
+
React.createElement(BodyShort, { className: cl("aksel-textarea__counter", {
|
|
28
|
+
"aksel-textarea__counter--error": difference < 0,
|
|
30
29
|
}), size: size }, getCounterText(difference, translate))));
|
|
31
30
|
};
|
|
32
31
|
const getCounterText = (difference, translate) => difference < 0
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextareaCounter.js","sourceRoot":"","sources":["../../../src/form/textarea/TextareaCounter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"TextareaCounter.js","sourceRoot":"","sources":["../../../src/form/textarea/TextareaCounter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAC1C,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAWrD,MAAM,eAAe,GAAG,CAAC,EACvB,WAAW,EACX,SAAS,EACT,aAAa,EACb,IAAI,EACJ,IAAI,GACE,EAAE,EAAE;IACV,MAAM,SAAS,GAAG,OAAO,CAAC,UAAU,EAAE;QACpC,SAAS,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,EAAC,CAAC,CAAC,WAAW,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,SAAS;QACxE,YAAY,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,cAAc;YAChC,CAAC,CAAC,WAAW,IAAI,CAAC,cAAc,EAAE;YAClC,CAAC,CAAC,SAAS;KACd,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,SAAS,GAAG,aAAa,CAAC;IAC7C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC;IAE/D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,QAAQ,CAAC,GAAG,EAAE;YACjC,gBAAgB,CAAC,UAAU,CAAC,CAAC;QAC/B,CAAC,EAAE,IAAI,CAAC,CAAC;QACT,YAAY,EAAE,CAAC;QAEf,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,KAAK,EAAE,CAAC;QACvB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,CACL;QACE,8BAAM,EAAE,EAAE,WAAW,EAAE,SAAS,EAAC,eAAe,IAC7C,SAAS,CAAC,WAAW,EAAE,EAAE,SAAS,EAAE,CAAC,CACjC;QAEN,UAAU,GAAG,EAAE,IAAI,CAClB,8BACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,0CAA0C,IAEnD,cAAc,CAAC,aAAa,EAAE,SAAS,CAAC,CACpC,CACR;QAED,oBAAC,SAAS,IACR,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE;gBACvC,gCAAgC,EAAE,UAAU,GAAG,CAAC;aACjD,CAAC,EACF,IAAI,EAAE,IAAI,IAET,cAAc,CAAC,UAAU,EAAE,SAAS,CAAC,CAC5B,CACX,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CACrB,UAAkB,EAClB,SAGW,EACX,EAAE,CACF,UAAU,GAAG,CAAC;IACZ,CAAC,CAAC,SAAS,CAAC,cAAc,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;IAC5D,CAAC,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC;AAEpD,eAAe,eAAe,CAAC"}
|
|
@@ -10,9 +10,9 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import React, { forwardRef } from "react";
|
|
13
|
-
import { useRenameCSS } from "../../theme/Theme.js";
|
|
14
13
|
import { BodyShort, ErrorMessage, Label } from "../../typography/index.js";
|
|
15
14
|
import { omit } from "../../util/index.js";
|
|
15
|
+
import { cl } from "../../util/className.js";
|
|
16
16
|
import { ReadOnlyIcon } from "../ReadOnlyIcon.js";
|
|
17
17
|
import { useFormField } from "../useFormField.js";
|
|
18
18
|
/**
|
|
@@ -27,26 +27,25 @@ import { useFormField } from "../useFormField.js";
|
|
|
27
27
|
* ```
|
|
28
28
|
*/
|
|
29
29
|
export const TextField = forwardRef((props, ref) => {
|
|
30
|
-
const { cn } = useRenameCSS();
|
|
31
30
|
const { inputProps, errorId, showErrorMsg, hasError, size, inputDescriptionId, } = useFormField(props, "textField");
|
|
32
31
|
const { label, className, description, htmlSize, hideLabel = false, type = "text", readOnly } = props, rest = __rest(props, ["label", "className", "description", "htmlSize", "hideLabel", "type", "readOnly"]);
|
|
33
|
-
return (React.createElement("div", { className:
|
|
34
|
-
"
|
|
35
|
-
"
|
|
36
|
-
"
|
|
37
|
-
"
|
|
38
|
-
"
|
|
32
|
+
return (React.createElement("div", { className: cl(className, "aksel-form-field", `aksel-form-field--${size}`, {
|
|
33
|
+
"aksel-text-field--error": hasError,
|
|
34
|
+
"aksel-text-field--disabled": !!inputProps.disabled,
|
|
35
|
+
"aksel-form-field--disabled": !!inputProps.disabled,
|
|
36
|
+
"aksel-form-field--readonly": readOnly,
|
|
37
|
+
"aksel-text-field--readonly": readOnly,
|
|
39
38
|
}) },
|
|
40
|
-
React.createElement(Label, { htmlFor: inputProps.id, size: size, className:
|
|
41
|
-
"
|
|
39
|
+
React.createElement(Label, { htmlFor: inputProps.id, size: size, className: cl("aksel-form-field__label", {
|
|
40
|
+
"aksel-sr-only": hideLabel,
|
|
42
41
|
}) },
|
|
43
42
|
readOnly && React.createElement(ReadOnlyIcon, null),
|
|
44
43
|
label),
|
|
45
|
-
!!description && (React.createElement(BodyShort, { className:
|
|
46
|
-
"
|
|
44
|
+
!!description && (React.createElement(BodyShort, { className: cl("aksel-form-field__description", {
|
|
45
|
+
"aksel-sr-only": hideLabel,
|
|
47
46
|
}), id: inputDescriptionId, size: size, as: "div" }, description)),
|
|
48
|
-
React.createElement("input", Object.assign({}, omit(rest, ["error", "errorId", "size"]), inputProps, { ref: ref, type: type, readOnly: readOnly, className:
|
|
49
|
-
React.createElement("div", { className:
|
|
47
|
+
React.createElement("input", Object.assign({}, omit(rest, ["error", "errorId", "size"]), inputProps, { ref: ref, type: type, readOnly: readOnly, className: cl("aksel-text-field__input", "aksel-body-short", `aksel-body-short--${size !== null && size !== void 0 ? size : "medium"}`), size: htmlSize })),
|
|
48
|
+
React.createElement("div", { className: "aksel-form-field__error", id: errorId, "aria-relevant": "additions removals", "aria-live": "polite" }, showErrorMsg && (React.createElement(ErrorMessage, { size: size, showIcon: true }, props.error)))));
|
|
50
49
|
});
|
|
51
50
|
export default TextField;
|
|
52
51
|
//# sourceMappingURL=TextField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../src/form/textfield/TextField.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAuB,UAAU,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../src/form/textfield/TextField.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAuB,UAAU,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAClE,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAkB,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAgC/D;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CACjC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EACJ,UAAU,EACV,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,IAAI,EACJ,kBAAkB,GACnB,GAAG,YAAY,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;IAErC,MAAM,EACJ,KAAK,EACL,SAAS,EACT,WAAW,EACX,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,IAAI,GAAG,MAAM,EACb,QAAQ,KAEN,KAAK,EADJ,IAAI,UACL,KAAK,EATH,kFASL,CAAQ,CAAC;IAEV,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CACX,SAAS,EACT,kBAAkB,EAClB,qBAAqB,IAAI,EAAE,EAE3B;YACE,yBAAyB,EAAE,QAAQ;YACnC,4BAA4B,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ;YACnD,4BAA4B,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ;YACnD,4BAA4B,EAAE,QAAQ;YACtC,4BAA4B,EAAE,QAAQ;SACvC,CACF;QAED,oBAAC,KAAK,IACJ,OAAO,EAAE,UAAU,CAAC,EAAE,EACtB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE;gBACvC,eAAe,EAAE,SAAS;aAC3B,CAAC;YAED,QAAQ,IAAI,oBAAC,YAAY,OAAG;YAC5B,KAAK,CACA;QAEP,CAAC,CAAC,WAAW,IAAI,CAChB,oBAAC,SAAS,IACR,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE;gBAC7C,eAAe,EAAE,SAAS;aAC3B,CAAC,EACF,EAAE,EAAE,kBAAkB,EACtB,IAAI,EAAE,IAAI,EACV,EAAE,EAAC,KAAK,IAEP,WAAW,CACF,CACb;QACD,+CACM,IAAI,CAAC,IAAI,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,EACxC,UAAU,IACd,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CACX,yBAAyB,EACzB,kBAAkB,EAClB,qBAAqB,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,QAAQ,EAAE,CACxC,EACD,IAAI,EAAE,QAAQ,IACd;QACF,6BACE,SAAS,EAAC,yBAAyB,EACnC,EAAE,EAAE,OAAO,mBACG,oBAAoB,eACxB,QAAQ,IAEjB,YAAY,IAAI,CACf,oBAAC,YAAY,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,UAC/B,KAAK,CAAC,KAAK,CACC,CAChB,CACG,CACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
package/esm/form/useFormField.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import cl from "clsx";
|
|
2
1
|
import React, { useContext } from "react";
|
|
3
2
|
import { ReadMore } from "../read-more/ReadMore.js";
|
|
3
|
+
import { cl } from "../util/className.js";
|
|
4
4
|
import { useId } from "../util/hooks/index.js";
|
|
5
5
|
import { FieldsetContext } from "./fieldset/context.js";
|
|
6
6
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useFormField.js","sourceRoot":"","sources":["../../src/form/useFormField.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"useFormField.js","sourceRoot":"","sources":["../../src/form/useFormField.ts"],"names":[],"mappings":"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"}
|
|
@@ -10,7 +10,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import React, { forwardRef } from "react";
|
|
13
|
-
import {
|
|
13
|
+
import { useThemeInternal } from "../theme/Theme.js";
|
|
14
|
+
import { cl } from "../util/className.js";
|
|
14
15
|
import { GudiepanelIllustration } from "./Illustration.js";
|
|
15
16
|
/**
|
|
16
17
|
* A component for guiding users on the website
|
|
@@ -29,16 +30,15 @@ import { GudiepanelIllustration } from "./Illustration.js";
|
|
|
29
30
|
*/
|
|
30
31
|
export const GuidePanel = forwardRef((_a, ref) => {
|
|
31
32
|
var { children, className, illustration, poster, "data-color": color = "info" } = _a, rest = __rest(_a, ["children", "className", "illustration", "poster", "data-color"]);
|
|
32
|
-
const { cn } = useRenameCSS();
|
|
33
33
|
const themeContext = useThemeInternal();
|
|
34
|
-
return (React.createElement("div", Object.assign({ "data-color": color }, rest, { ref: ref, className:
|
|
35
|
-
React.createElement("div", { className:
|
|
36
|
-
React.createElement("div", { className:
|
|
37
|
-
React.createElement("svg", { viewBox: "0 0 33 22", width: "33", height: "22", fill: "none", xmlns: "http://www.w3.org/2000/svg", className:
|
|
34
|
+
return (React.createElement("div", Object.assign({ "data-color": color }, rest, { ref: ref, className: cl("aksel-guide-panel", className), "data-responsive": poster === undefined, "data-poster": poster }),
|
|
35
|
+
React.createElement("div", { className: "aksel-guide" }, illustration !== null && illustration !== void 0 ? illustration : React.createElement(GudiepanelIllustration, null)),
|
|
36
|
+
React.createElement("div", { className: "aksel-guide-panel__content" },
|
|
37
|
+
React.createElement("svg", { viewBox: "0 0 33 22", width: "33", height: "22", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "aksel-guide-panel__tail" },
|
|
38
38
|
React.createElement("path", { d: "M8.74229e-08 22L0 20L33 20V22L8.74229e-08 22Z", fill: "var(--ax-bg-raised)" }),
|
|
39
39
|
React.createElement("path", { d: "M31 20.0001L2 20.0001C2.09817 10.0296 3 7.00011 6 2.00011C8 12.5001 20 20.0001 31 20.0001Z", fill: "var(--ax-bg-raised)" }),
|
|
40
40
|
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 20C-2.87106e-10 19.9934 3.21047e-05 19.987 9.68646e-05 19.9804C0.0494722 14.9659 0.299239 11.5341 0.964025 8.68212C1.64231 5.77217 2.72947 3.56367 4.28501 0.971094C4.71185 0.259692 5.53358 -0.114327 6.35038 0.0310157C7.16718 0.176359 7.80944 0.810884 7.96467 1.62586C8.84145 6.22896 11.9453 10.3172 16.2599 13.2908C20.5715 16.2623 25.9294 18.0001 31 18.0001C32.1046 18.0001 33 18.8954 33 20L0 20ZM6.755 4.70521C8.97688 10.7068 14.4934 15.469 20.8803 18.0001C24.1345 19.2897 27.6146 20.0001 31 20.0001L2 20.0001C2.00689 19.3003 2.01774 18.6346 2.033 18.0001C2.19625 11.2107 2.86405 7.98363 4.58479 4.54371C4.9944 3.72487 5.46367 2.89399 6 2.00011C6.17639 2.92619 6.43058 3.82889 6.755 4.70521Z", fill: "var(--ax-border-default)" })),
|
|
41
|
-
React.createElement("div", { className:
|
|
41
|
+
React.createElement("div", { className: "aksel-guide-panel__content-inner", "data-color": themeContext === null || themeContext === void 0 ? void 0 : themeContext.color }, children))));
|
|
42
42
|
});
|
|
43
43
|
export default GuidePanel;
|
|
44
44
|
//# sourceMappingURL=GuidePanel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GuidePanel.js","sourceRoot":"","sources":["../../src/guide-panel/GuidePanel.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"GuidePanel.js","sourceRoot":"","sources":["../../src/guide-panel/GuidePanel.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAkBxD;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAClC,CACE,EAOC,EACD,GAAG,EACH,EAAE;QATF,EACE,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,MAAM,EACN,YAAY,EAAE,KAAK,GAAG,MAAM,OAE7B,EADI,IAAI,cANT,iEAOC,CADQ;IAIT,MAAM,YAAY,GAAG,gBAAgB,EAAE,CAAC;IAExC,OAAO,CACL,yDACc,KAAK,IACb,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,SAAS,CAAC,qBAC5B,MAAM,KAAK,SAAS,iBACxB,MAAM;QAEnB,6BAAK,SAAS,EAAC,aAAa,IACzB,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,oBAAC,sBAAsB,OAAG,CACvC;QACN,6BAAK,SAAS,EAAC,4BAA4B;YACzC,6BACE,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAC,yBAAyB;gBAEnC,8BACE,CAAC,EAAC,+CAA+C,EACjD,IAAI,EAAC,qBAAqB,GAC1B;gBACF,8BACE,CAAC,EAAC,4FAA4F,EAC9F,IAAI,EAAC,qBAAqB,GAC1B;gBACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,yrBAAyrB,EAC3rB,IAAI,EAAC,0BAA0B,GAC/B,CACE;YACN,6BACE,SAAS,EAAC,kCAAkC,gBAChC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,IAE9B,QAAQ,CACL,CACF,CACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import React, { forwardRef, useRef, useState } from "react";
|
|
13
13
|
import { Popover } from "../popover/index.js";
|
|
14
|
-
import {
|
|
14
|
+
import { cl } from "../util/className.js";
|
|
15
15
|
import { composeEventHandlers } from "../util/composeEventHandlers.js";
|
|
16
16
|
import { useMergeRefs } from "../util/hooks/useMergeRefs.js";
|
|
17
17
|
import { useI18n } from "../util/i18n/i18n.hooks.js";
|
|
@@ -31,18 +31,17 @@ import { HelpTextIcon } from "./HelpTextIcon.js";
|
|
|
31
31
|
*/
|
|
32
32
|
export const HelpText = forwardRef((_a, ref) => {
|
|
33
33
|
var { className, children, placement, strategy = "absolute", title, onClick, wrapperClassName, "data-color": color = "info" } = _a, rest = __rest(_a, ["className", "children", "placement", "strategy", "title", "onClick", "wrapperClassName", "data-color"]);
|
|
34
|
-
const { cn } = useRenameCSS();
|
|
35
34
|
const buttonRef = useRef(null);
|
|
36
35
|
const mergedRef = useMergeRefs(buttonRef, ref);
|
|
37
36
|
const [open, setOpen] = useState(false);
|
|
38
37
|
const translate = useI18n("HelpText");
|
|
39
38
|
const titleWithFallback = title || translate("title");
|
|
40
|
-
return (React.createElement("div", { className:
|
|
41
|
-
React.createElement("button", Object.assign({}, rest, { ref: mergedRef, onClick: composeEventHandlers(onClick, () => setOpen((x) => !x)), className:
|
|
39
|
+
return (React.createElement("div", { className: cl("aksel-help-text", wrapperClassName), "data-color": color },
|
|
40
|
+
React.createElement("button", Object.assign({}, rest, { ref: mergedRef, onClick: composeEventHandlers(onClick, () => setOpen((x) => !x)), className: cl(className, "aksel-help-text__button"), type: "button", "aria-expanded": open, "aria-label": titleWithFallback }),
|
|
42
41
|
React.createElement(HelpTextIcon, null),
|
|
43
42
|
React.createElement(HelpTextIcon, { filled: true })),
|
|
44
|
-
React.createElement(Popover, { onClose: () => setOpen(false), className:
|
|
45
|
-
React.createElement(Popover.Content, { className:
|
|
43
|
+
React.createElement(Popover, { onClose: () => setOpen(false), className: "aksel-help-text__popover", open: open, anchorEl: buttonRef.current, placement: placement, strategy: strategy },
|
|
44
|
+
React.createElement(Popover.Content, { className: "aksel-body-short" }, children))));
|
|
46
45
|
});
|
|
47
46
|
export default HelpText;
|
|
48
47
|
//# sourceMappingURL=HelpText.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HelpText.js","sourceRoot":"","sources":["../../src/help-text/HelpText.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAgB,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"HelpText.js","sourceRoot":"","sources":["../../src/help-text/HelpText.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAgB,MAAM,YAAY,CAAC;AAEnD,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AA0B9C;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CACE,EAUC,EACD,GAAG,EACH,EAAE;QAZF,EACE,SAAS,EACT,QAAQ,EACR,SAAS,EACT,QAAQ,GAAG,UAAU,EACrB,KAAK,EACL,OAAO,EACP,gBAAgB,EAChB,YAAY,EAAE,KAAK,GAAG,MAAM,OAE7B,EADI,IAAI,cATT,wGAUC,CADQ;IAIT,MAAM,SAAS,GAAG,MAAM,CAA2B,IAAI,CAAC,CAAC;IACzD,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;IAC/C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,SAAS,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;IAEtC,MAAM,iBAAiB,GAAG,KAAK,IAAI,SAAS,CAAC,OAAO,CAAC,CAAC;IAEtD,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,gBACtC,KAAK;QAEjB,gDACM,IAAI,IACR,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,oBAAoB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAChE,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,yBAAyB,CAAC,EACnD,IAAI,EAAC,QAAQ,mBACE,IAAI,gBACP,iBAAiB;YAE7B,oBAAC,YAAY,OAAG;YAChB,oBAAC,YAAY,IAAC,MAAM,SAAG,CAChB;QACT,oBAAC,OAAO,IACN,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,SAAS,EAAC,0BAA0B,EACpC,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,SAAS,CAAC,OAAO,EAC3B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ;YAElB,oBAAC,OAAO,CAAC,OAAO,IAAC,SAAS,EAAC,kBAAkB,IAC1C,QAAQ,CACO,CACV,CACN,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import {
|
|
2
|
+
import { cl } from "../util/className.js";
|
|
3
3
|
export const HelpTextIcon = ({ filled = false }) => {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
"navds-help-text__icon--filled": filled,
|
|
4
|
+
return (React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", focusable: false, role: "img", className: cl("aksel-help-text__icon", {
|
|
5
|
+
"aksel-help-text__icon--filled": filled,
|
|
7
6
|
}), "aria-hidden": true },
|
|
8
7
|
React.createElement("circle", { cx: "12", cy: "12", r: "11", strokeWidth: "1.5", stroke: "currentColor", fill: filled ? "currentColor" : "transparent" }),
|
|
9
8
|
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.75 9C9.75 7.75736 10.7574 6.75 12 6.75H12.1716C13.3195 6.75 14.25 7.68054 14.25 8.82843C14.25 9.37966 14.031 9.90832 13.6412 10.2981L12.6412 11.2981C11.7504 12.1889 11.25 13.3971 11.25 14.6569C11.25 15.0711 11.5858 15.4069 12 15.4069C12.4142 15.4069 12.75 15.0711 12.75 14.6569C12.75 13.7949 13.0924 12.9682 13.7019 12.3588L14.7019 11.3588C15.373 10.6877 15.75 9.77748 15.75 8.82843C15.75 6.85212 14.1479 5.25 12.1716 5.25H12C9.92893 5.25 8.25 6.92893 8.25 9V9.5C8.25 9.91421 8.58579 10.25 9 10.25C9.41421 10.25 9.75 9.91421 9.75 9.5V9ZM12 16.5C11.4477 16.5 11 16.9477 11 17.5C11 18.0523 11.4477 18.5 12 18.5C12.5523 18.5 13 18.0523 13 17.5C13 16.9477 12.5523 16.5 12 16.5Z", fill: filled ? "var(--ax-text-accent-contrast)" : "currentColor" })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HelpTextIcon.js","sourceRoot":"","sources":["../../src/help-text/HelpTextIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"HelpTextIcon.js","sourceRoot":"","sources":["../../src/help-text/HelpTextIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,MAAM,GAAG,KAAK,EAAwB,EAAE,EAAE;IACvE,OAAO,CACL,6BACE,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,KAAK,EAChB,IAAI,EAAC,KAAK,EACV,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE;YACrC,+BAA+B,EAAE,MAAM;SACxC,CAAC;QAGF,gCACE,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,IAAI,EACN,WAAW,EAAC,KAAK,EACjB,MAAM,EAAC,cAAc,EACrB,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,GAC7C;QACF,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,sqBAAsqB,EACxqB,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,cAAc,GAChE,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { CheckmarkCircleFillIcon, ExclamationmarkTriangleFillIcon, InformationSquareFillIcon, XMarkOctagonFillIcon, } from "@navikt/aksel-icons";
|
|
3
|
-
import { useRenameCSS } from "../../theme/Theme.js";
|
|
4
3
|
const STATUS_ICONS = {
|
|
5
4
|
info: InformationSquareFillIcon,
|
|
6
5
|
success: CheckmarkCircleFillIcon,
|
|
@@ -8,12 +7,11 @@ const STATUS_ICONS = {
|
|
|
8
7
|
error: XMarkOctagonFillIcon,
|
|
9
8
|
};
|
|
10
9
|
function InlineMessageIcon({ status, }) {
|
|
11
|
-
const { cn } = useRenameCSS();
|
|
12
10
|
if (!(status in STATUS_ICONS)) {
|
|
13
11
|
return null;
|
|
14
12
|
}
|
|
15
13
|
const Icon = STATUS_ICONS[status];
|
|
16
|
-
return React.createElement(Icon, { className:
|
|
14
|
+
return React.createElement(Icon, { className: "aksel-inline-message__icon", "aria-hidden": true });
|
|
17
15
|
}
|
|
18
16
|
export { InlineMessageIcon };
|
|
19
17
|
//# sourceMappingURL=InlineMessageIcon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InlineMessageIcon.js","sourceRoot":"","sources":["../../../src/inline-message/icon/InlineMessageIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,uBAAuB,EACvB,+BAA+B,EAC/B,yBAAyB,EACzB,oBAAoB,GACrB,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"InlineMessageIcon.js","sourceRoot":"","sources":["../../../src/inline-message/icon/InlineMessageIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,uBAAuB,EACvB,+BAA+B,EAC/B,yBAAyB,EACzB,oBAAoB,GACrB,MAAM,qBAAqB,CAAC;AAE7B,MAAM,YAAY,GAAG;IACnB,IAAI,EAAE,yBAAyB;IAC/B,OAAO,EAAE,uBAAuB;IAChC,OAAO,EAAE,+BAA+B;IACxC,KAAK,EAAE,oBAAoB;CACnB,CAAC;AAEX,SAAS,iBAAiB,CAAC,EACzB,MAAM,GAGP;IACC,IAAI,CAAC,CAAC,MAAM,IAAI,YAAY,CAAC,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,IAAI,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;IAElC,OAAO,oBAAC,IAAI,IAAC,SAAS,EAAC,4BAA4B,wBAAe,CAAC;AACrE,CAAC;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -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 } from "react";
|
|
14
|
-
import {
|
|
13
|
+
import { useThemeInternal } from "../../theme/Theme.js";
|
|
15
14
|
import { BodyShort } from "../../typography/index.js";
|
|
16
15
|
import { useId } from "../../util/index.js";
|
|
16
|
+
import { cl } from "../../util/className.js";
|
|
17
17
|
import { useI18n } from "../../util/i18n/i18n.hooks.js";
|
|
18
18
|
import { InlineMessageIcon } from "../icon/InlineMessageIcon.js";
|
|
19
19
|
/**
|
|
@@ -38,12 +38,11 @@ import { InlineMessageIcon } from "../icon/InlineMessageIcon.js";
|
|
|
38
38
|
*/
|
|
39
39
|
export const InlineMessage = forwardRef((_a, forwardedRef) => {
|
|
40
40
|
var { as: Component = "div", children, className, status, size = "medium" } = _a, restProps = __rest(_a, ["as", "children", "className", "status", "size"]);
|
|
41
|
-
const { cn } = useRenameCSS();
|
|
42
41
|
const themeContext = useThemeInternal();
|
|
43
42
|
const translate = useI18n("global");
|
|
44
43
|
const statusId = useId();
|
|
45
44
|
const contentId = useId();
|
|
46
|
-
return (React.createElement(BodyShort, Object.assign({ ref: forwardedRef, className:
|
|
45
|
+
return (React.createElement(BodyShort, Object.assign({ ref: forwardedRef, className: cl("aksel-inline-message", className), "data-color": status === "error" ? "danger" : status }, restProps, { size: size, as: Component, "data-size": size }),
|
|
47
46
|
React.createElement(InlineMessageIcon, { status: status }),
|
|
48
47
|
status && (React.createElement(BodyShort, { id: statusId, "aria-hidden": true, visuallyHidden: true }, `${translate(status)}: `)),
|
|
49
48
|
React.createElement("span", { "data-color": themeContext === null || themeContext === void 0 ? void 0 : themeContext.color, id: contentId, "aria-labelledby": cl(statusId, contentId) }, children)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InlineMessage.js","sourceRoot":"","sources":["../../../src/inline-message/root/InlineMessage.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"InlineMessage.js","sourceRoot":"","sources":["../../../src/inline-message/root/InlineMessage.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAA6B,KAAK,EAAE,MAAM,YAAY,CAAC;AAC9D,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAkB9D;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,MAAM,aAAa,GAGtB,UAAU,CACZ,CACE,EAOkD,EAClD,YAAY,EACZ,EAAE;QATF,EACE,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,QAAQ,EACR,SAAS,EACT,MAAM,EACN,IAAI,GAAG,QAAQ,OAEiC,EAD7C,SAAS,cANd,iDAOC,CADa;IAId,MAAM,YAAY,GAAG,gBAAgB,EAAE,CAAC;IAExC,MAAM,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IACpC,MAAM,QAAQ,GAAG,KAAK,EAAE,CAAC;IACzB,MAAM,SAAS,GAAG,KAAK,EAAE,CAAC;IAE1B,OAAO,CACL,oBAAC,SAAS,kBACR,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,gBACpC,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,IAC9C,SAAS,IACb,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,SAAS,eACF,IAAI;QAEf,oBAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,GAAI;QACpC,MAAM,IAAI,CACT,oBAAC,SAAS,IAAC,EAAE,EAAE,QAAQ,uBAAc,cAAc,UAChD,GAAG,SAAS,CAAC,MAAM,CAAC,IAAI,CACf,CACb;QAED,4CACc,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,EAC/B,EAAE,EAAE,SAAS,qBACI,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,IAEvC,QAAQ,CACJ,CACG,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -10,7 +10,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import React, { forwardRef } from "react";
|
|
13
|
-
import { Theme
|
|
13
|
+
import { Theme } from "../theme/Theme.js";
|
|
14
|
+
import { cl } from "../util/className.js";
|
|
14
15
|
import InternalHeaderButton from "./InternalHeaderButton.js";
|
|
15
16
|
import InternalHeaderTitle from "./InternalHeaderTitle.js";
|
|
16
17
|
import InternalHeaderUser from "./InternalHeaderUser.js";
|
|
@@ -46,12 +47,11 @@ import InternalHeaderUserButton from "./InternalHeaderUserButton.js";
|
|
|
46
47
|
*/
|
|
47
48
|
export const InternalHeader = forwardRef((_a, ref) => {
|
|
48
49
|
var { className } = _a, rest = __rest(_a, ["className"]);
|
|
49
|
-
const { cn } = useRenameCSS();
|
|
50
50
|
/*
|
|
51
51
|
* Component is always in "dark" mode, so we manually override global theme.
|
|
52
52
|
*/
|
|
53
53
|
return (React.createElement(Theme, { theme: "dark", asChild: true, hasBackground: false },
|
|
54
|
-
React.createElement("header", Object.assign({}, rest, { ref: ref, className:
|
|
54
|
+
React.createElement("header", Object.assign({}, rest, { ref: ref, className: cl("aksel-internalheader", className) }))));
|
|
55
55
|
});
|
|
56
56
|
InternalHeader.Title = InternalHeaderTitle;
|
|
57
57
|
InternalHeader.User = InternalHeaderUser;
|