@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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"period.js","sourceRoot":"","sources":["../../../src/timeline/utils/period.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"period.js","sourceRoot":"","sources":["../../../src/timeline/utils/period.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAI1C,MAAM,CAAC,MAAM,qBAAqB,GAAG,CACnC,OAAe,EACf,SAAiB,EACjB,MAA6B,EAC7B,EAAE;IACF,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"}
|
|
@@ -11,7 +11,6 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import { addMonths, addYears, format, isSameDay, subMonths, subYears, } from "date-fns";
|
|
13
13
|
import React, { forwardRef } from "react";
|
|
14
|
-
import { useRenameCSS } from "../../theme/Theme.js";
|
|
15
14
|
import { Detail } from "../../typography/Detail.js";
|
|
16
15
|
import { useI18n } from "../../util/i18n/i18n.hooks.js";
|
|
17
16
|
import { useTimelineContext } from "../hooks/useTimelineContext.js";
|
|
@@ -20,7 +19,6 @@ export const ZoomButton = forwardRef((_a, ref) => {
|
|
|
20
19
|
const { setStart, endDate, startDate, direction } = useTimelineContext();
|
|
21
20
|
const translate = useI18n("Timeline");
|
|
22
21
|
const dateFormat = translate("dateFormat");
|
|
23
|
-
const { cn } = useRenameCSS();
|
|
24
22
|
let startOfRange;
|
|
25
23
|
if (interval === "month") {
|
|
26
24
|
startOfRange =
|
|
@@ -43,7 +41,7 @@ export const ZoomButton = forwardRef((_a, ref) => {
|
|
|
43
41
|
start: format(startOfRange, dateFormat),
|
|
44
42
|
end: format(endDate, dateFormat),
|
|
45
43
|
})
|
|
46
|
-
: translate("Zoom.reset"), ref: ref }, rest, { className:
|
|
44
|
+
: translate("Zoom.reset"), ref: ref }, rest, { className: "aksel-timeline__zoom-button", onClick: () => {
|
|
47
45
|
setStart(startOfRange);
|
|
48
46
|
}, "aria-pressed": currentZoom }), label)));
|
|
49
47
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ZoomButton.js","sourceRoot":"","sources":["../../../src/timeline/zoom/ZoomButton.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EACL,SAAS,EACT,QAAQ,EACR,MAAM,EACN,SAAS,EACT,SAAS,EACT,QAAQ,GACT,MAAM,UAAU,CAAC;AAClB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"ZoomButton.js","sourceRoot":"","sources":["../../../src/timeline/zoom/ZoomButton.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EACL,SAAS,EACT,QAAQ,EACR,MAAM,EACN,SAAS,EACT,SAAS,EACT,QAAQ,GACT,MAAM,UAAU,CAAC;AAClB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAsBjE,MAAM,CAAC,MAAM,UAAU,GAAmB,UAAU,CAClD,CAAC,EAAmC,EAAE,GAAG,EAAE,EAAE;QAA5C,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,OAAW,EAAN,IAAI,cAAjC,8BAAmC,CAAF;IAChC,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,kBAAkB,EAAE,CAAC;IACzE,MAAM,SAAS,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;IACtC,MAAM,UAAU,GAAG,SAAS,CAAC,YAAY,CAAC,CAAC;IAE3C,IAAI,YAAkB,CAAC;IAEvB,IAAI,QAAQ,KAAK,OAAO,EAAE,CAAC;QACzB,YAAY;YACV,SAAS,KAAK,MAAM;gBAClB,CAAC,CAAC,SAAS,CAAC,OAAO,EAAE,KAAK,CAAC;gBAC3B,CAAC,CAAC,SAAS,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IACpC,CAAC;SAAM,CAAC;QACN,YAAY;YACV,SAAS,KAAK,MAAM;gBAClB,CAAC,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC;gBAC1B,CAAC,CAAC,QAAQ,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IACnC,CAAC;IAED,MAAM,WAAW,GACf,SAAS,KAAK,MAAM;QAClB,CAAC,CAAC,SAAS,CAAC,SAAS,EAAE,YAAY,CAAC;QACpC,CAAC,CAAC,SAAS,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;IAEvC,OAAO,CACL,oBAAC,MAAM,IAAC,EAAE,EAAC,IAAI;QACb,8CACE,IAAI,EAAC,QAAQ,gBAEX,CAAC,WAAW;gBACV,CAAC,CAAC,SAAS,CAAC,WAAW,EAAE;oBACrB,KAAK,EAAE,MAAM,CAAC,YAAY,EAAE,UAAU,CAAC;oBACvC,GAAG,EAAE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC;iBACjC,CAAC;gBACJ,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC,EAE7B,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAC,6BAA6B,EACvC,OAAO,EAAE,GAAG,EAAE;gBACZ,QAAQ,CAAC,YAAY,CAAC,CAAC;YACzB,CAAC,kBACa,WAAW,KAExB,KAAK,CACC,CACF,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -10,12 +10,11 @@ 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 { cl } from "../../util/className.js";
|
|
14
14
|
import ZoomButton from "./ZoomButton.js";
|
|
15
15
|
export const Zoom = forwardRef((_a, ref) => {
|
|
16
16
|
var { className, children } = _a, rest = __rest(_a, ["className", "children"]);
|
|
17
|
-
|
|
18
|
-
return (React.createElement("ul", Object.assign({ ref: ref, className: cn(className, "navds-timeline__zoom") }, rest), children));
|
|
17
|
+
return (React.createElement("ul", Object.assign({ ref: ref, className: cl(className, "aksel-timeline__zoom") }, rest), children));
|
|
19
18
|
});
|
|
20
19
|
Zoom.Button = ZoomButton;
|
|
21
20
|
Zoom.componentType = "zoom";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/timeline/zoom/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/timeline/zoom/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAC1C,OAAO,UAA8B,MAAM,cAAc,CAAC;AAc1D,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,SAAS,EAAE,QAAQ,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC7B,OAAO,CACL,0CAAI,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,sBAAsB,CAAC,IAAM,IAAI,GACrE,QAAQ,CACN,CACN,CAAC;AACJ,CAAC,CACU,CAAC;AAEd,IAAI,CAAC,MAAM,GAAG,UAAU,CAAC;AACzB,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC;AAE5B,eAAe,IAAI,CAAC"}
|
|
@@ -20,7 +20,7 @@ export declare const ToggleGroupDescendantsProvider: import("react").Provider<im
|
|
|
20
20
|
}>;
|
|
21
21
|
index: number;
|
|
22
22
|
enabledIndex: number;
|
|
23
|
-
register: ((instance: HTMLButtonElement | null) => void
|
|
23
|
+
register: ((instance: HTMLButtonElement | null) => void) | null;
|
|
24
24
|
};
|
|
25
25
|
type ToggleGroupProviderProps = ReturnType<typeof useToggleGroup> & Pick<ToggleGroupProps, "size">;
|
|
26
26
|
export declare const ToggleGroupProvider: import("react").FC<{
|
|
@@ -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 { Label } from "../typography/index.js";
|
|
15
14
|
import { useId } from "../util/index.js";
|
|
15
|
+
import { cl } from "../util/className.js";
|
|
16
16
|
import { ToggleGroupDescendantsProvider, ToggleGroupProvider, useToggleGroupDescendants, } from "./ToggleGroup.context.js";
|
|
17
17
|
import ToggleItem from "./parts/ToggleItem.js";
|
|
18
18
|
import { useToggleGroup } from "./useToggleGroup.js";
|
|
@@ -33,7 +33,6 @@ import { useToggleGroup } from "./useToggleGroup.js";
|
|
|
33
33
|
*/
|
|
34
34
|
export const ToggleGroup = forwardRef((_a, ref) => {
|
|
35
35
|
var { className, children, onChange, size = "medium", label, value, defaultValue, variant, fill = false, "data-color": color } = _a, rest = __rest(_a, ["className", "children", "onChange", "size", "label", "value", "defaultValue", "variant", "fill", "data-color"]);
|
|
36
|
-
const { cn } = useRenameCSS();
|
|
37
36
|
const descendants = useToggleGroupDescendants();
|
|
38
37
|
const toggleGroupContext = useToggleGroup({
|
|
39
38
|
defaultValue,
|
|
@@ -53,11 +52,11 @@ export const ToggleGroup = forwardRef((_a, ref) => {
|
|
|
53
52
|
}
|
|
54
53
|
return (React.createElement(ToggleGroupDescendantsProvider, { value: descendants },
|
|
55
54
|
React.createElement(ToggleGroupProvider, Object.assign({}, context),
|
|
56
|
-
React.createElement("div", { className:
|
|
57
|
-
"
|
|
55
|
+
React.createElement("div", { className: cl("aksel-toggle-group__wrapper", className, {
|
|
56
|
+
"aksel-toggle-group__wrapper--fill": fill,
|
|
58
57
|
}), "data-color": color !== null && color !== void 0 ? color : variantToColor(variant) },
|
|
59
|
-
label && (React.createElement(Label, { as: "div", size: size, className:
|
|
60
|
-
React.createElement("div", Object.assign({ "aria-labelledby": label ? labelId : undefined }, rest, { ref: ref, className:
|
|
58
|
+
label && (React.createElement(Label, { as: "div", size: size, className: "aksel-toggle-group__label", id: labelId }, label)),
|
|
59
|
+
React.createElement("div", Object.assign({ "aria-labelledby": label ? labelId : undefined }, rest, { ref: ref, className: cl("aksel-toggle-group", `aksel-toggle-group--${size}`), role: "radiogroup" }), children)))));
|
|
61
60
|
});
|
|
62
61
|
function variantToColor(variant) {
|
|
63
62
|
switch (variant) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleGroup.js","sourceRoot":"","sources":["../../src/toggle-group/ToggleGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ToggleGroup.js","sourceRoot":"","sources":["../../src/toggle-group/ToggleGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AACvC,OAAO,EACL,8BAA8B,EAC9B,mBAAmB,EACnB,yBAAyB,GAC1B,MAAM,uBAAuB,CAAC;AAE/B,OAAO,UAAU,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAYlD;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,CACE,EAYC,EACD,GAAG,EACH,EAAE;QAdF,EACE,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,KAAK,EACL,KAAK,EACL,YAAY,EACZ,OAAO,EACP,IAAI,GAAG,KAAK,EACZ,YAAY,EAAE,KAAK,OAEpB,EADI,IAAI,cAXT,gHAYC,CADQ;IAIT,MAAM,WAAW,GAAG,yBAAyB,EAAE,CAAC;IAEhD,MAAM,kBAAkB,GAAG,cAAc,CAAC;QACxC,YAAY;QACZ,KAAK;QACL,QAAQ;KACT,CAAC,CAAC;IAEH;;OAEG;IACH,MAAM,OAAO,mCACR,kBAAkB,KACrB,IAAI,GACL,CAAC;IAEF,MAAM,OAAO,GAAG,KAAK,EAAE,CAAC;IAExB,IAAI,CAAC,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC;QAC5B,OAAO,CAAC,KAAK,CAAC,0DAA0D,CAAC,CAAC;IAC5E,CAAC;IAED,IAAI,CAAC,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC;QAC5B,OAAO,CAAC,KAAK,CAAC,kDAAkD,CAAC,CAAC;IACpE,CAAC;IAED,OAAO,CACL,oBAAC,8BAA8B,IAAC,KAAK,EAAE,WAAW;QAChD,oBAAC,mBAAmB,oBAAK,OAAO;YAC9B,6BACE,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,EAAE;oBACtD,mCAAmC,EAAE,IAAI;iBAC1C,CAAC,gBACU,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,cAAc,CAAC,OAAO,CAAC;gBAE3C,KAAK,IAAI,CACR,oBAAC,KAAK,IACJ,EAAE,EAAC,KAAK,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,2BAA2B,EACrC,EAAE,EAAE,OAAO,IAEV,KAAK,CACA,CACT;gBACD,8DACmB,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,IACxC,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,oBAAoB,EACpB,uBAAuB,IAAI,EAAE,CAC9B,EACD,IAAI,EAAC,YAAY,KAEhB,QAAQ,CACL,CACF,CACc,CACS,CAClC,CAAC;AACJ,CAAC,CACsB,CAAC;AAE1B,SAAS,cAAc,CACrB,OAAqC;IAErC,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,QAAQ;YACX,OAAO,QAAQ,CAAC;QAClB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB;YACE,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC;AAED,WAAW,CAAC,IAAI,GAAG,UAAU,CAAC;AAE9B,eAAe,WAAW,CAAC"}
|
|
@@ -10,17 +10,16 @@ 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 } from "../../typography/BodyShort.js";
|
|
14
|
+
import { cl } from "../../util/className.js";
|
|
15
15
|
import { useToggleGroupContext } from "../ToggleGroup.context.js";
|
|
16
16
|
import { useToggleItem } from "./useToggleItem.js";
|
|
17
17
|
const ToggleItem = forwardRef((_a, forwardedRef) => {
|
|
18
18
|
var { className, children, icon, label, value, onClick, onFocus, onKeyDown } = _a, rest = __rest(_a, ["className", "children", "icon", "label", "value", "onClick", "onFocus", "onKeyDown"]);
|
|
19
|
-
const { cn } = useRenameCSS();
|
|
20
19
|
const itemCtx = useToggleItem({ value, onClick, onFocus, disabled: false, onKeyDown }, forwardedRef);
|
|
21
20
|
const ctx = useToggleGroupContext();
|
|
22
|
-
return (React.createElement("button", Object.assign({}, rest, { ref: itemCtx.ref, className:
|
|
23
|
-
React.createElement(BodyShort, { as: "span", className:
|
|
21
|
+
return (React.createElement("button", Object.assign({}, rest, { ref: itemCtx.ref, className: cl("aksel-toggle-group__button", className), type: "button", role: "radio", "aria-checked": itemCtx.isSelected, "data-selected": itemCtx.isSelected, tabIndex: itemCtx.isFocused ? 0 : -1, onClick: itemCtx.onClick, onFocus: itemCtx.onFocus, onKeyDown: itemCtx.onKeyDown }),
|
|
22
|
+
React.createElement(BodyShort, { as: "span", className: "aksel-toggle-group__button-inner", size: ctx === null || ctx === void 0 ? void 0 : ctx.size }, children !== null && children !== void 0 ? children : (React.createElement(React.Fragment, null,
|
|
24
23
|
icon,
|
|
25
24
|
label)))));
|
|
26
25
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleItem.js","sourceRoot":"","sources":["../../../src/toggle-group/parts/ToggleItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"ToggleItem.js","sourceRoot":"","sources":["../../../src/toggle-group/parts/ToggleItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AA6ChD,MAAM,UAAU,GAAG,UAAU,CAC3B,CACE,EAUC,EACD,YAAY,EACZ,EAAE;QAZF,EACE,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,KAAK,EACL,OAAO,EACP,OAAO,EACP,SAAS,OAEV,EADI,IAAI,cATT,sFAUC,CADQ;IAIT,MAAM,OAAO,GAAG,aAAa,CAC3B,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,EACvD,YAAY,CACb,CAAC;IACF,MAAM,GAAG,GAAG,qBAAqB,EAAE,CAAC;IAEpC,OAAO,CACL,gDACM,IAAI,IACR,GAAG,EAAE,OAAO,CAAC,GAAG,EAChB,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,EACtD,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,OAAO,kBACE,OAAO,CAAC,UAAU,mBACjB,OAAO,CAAC,UAAU,EACjC,QAAQ,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACpC,OAAO,EAAE,OAAO,CAAC,OAAO,EACxB,OAAO,EAAE,OAAO,CAAC,OAAO,EACxB,SAAS,EAAE,OAAO,CAAC,SAAS;QAE5B,oBAAC,SAAS,IACR,EAAE,EAAC,MAAM,EACT,SAAS,EAAC,kCAAkC,EAC5C,IAAI,EAAE,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,IAAI,IAEd,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CACX;YACG,IAAI;YACJ,KAAK,CACL,CACJ,CACS,CACL,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -10,7 +10,7 @@ export interface UseToggleItemProps {
|
|
|
10
10
|
value: string;
|
|
11
11
|
}
|
|
12
12
|
export declare function useToggleItem<P extends UseToggleItemProps>({ value, disabled, onFocus: _onFocus, onClick, onKeyDown: _onKeyDown, }: P, ref: React.ForwardedRef<HTMLButtonElement>): {
|
|
13
|
-
ref: ((instance: HTMLButtonElement | null) => void
|
|
13
|
+
ref: ((instance: HTMLButtonElement | null) => void) | null;
|
|
14
14
|
isSelected: boolean;
|
|
15
15
|
isFocused: boolean;
|
|
16
16
|
onClick: (event: import("react").MouseEvent<Element, MouseEvent>) => void;
|
package/esm/tooltip/Tooltip.js
CHANGED
|
@@ -14,8 +14,8 @@ import React, { forwardRef, useRef } from "react";
|
|
|
14
14
|
import { useModalContext } from "../modal/Modal.context.js";
|
|
15
15
|
import { Portal } from "../portal/index.js";
|
|
16
16
|
import { Slot } from "../slot/Slot.js";
|
|
17
|
-
import { useRenameCSS } from "../theme/Theme.js";
|
|
18
17
|
import { Detail } from "../typography/index.js";
|
|
18
|
+
import { cl } from "../util/className.js";
|
|
19
19
|
import { useId } from "../util/hooks/index.js";
|
|
20
20
|
import { useControllableState } from "../util/hooks/useControllableState.js";
|
|
21
21
|
import { useMergeRefs } from "../util/hooks/useMergeRefs.js";
|
|
@@ -34,7 +34,6 @@ import { useMergeRefs } from "../util/hooks/useMergeRefs.js";
|
|
|
34
34
|
*/
|
|
35
35
|
export const Tooltip = forwardRef((_a, ref) => {
|
|
36
36
|
var { children, className, arrow: _arrow = true, placement: _placement = "top", open, defaultOpen = false, onOpenChange, offset: _offset, content, delay = 150, id, keys, maxChar = 80, describesChild = false } = _a, rest = __rest(_a, ["children", "className", "arrow", "placement", "open", "defaultOpen", "onOpenChange", "offset", "content", "delay", "id", "keys", "maxChar", "describesChild"]);
|
|
37
|
-
const { cn } = useRenameCSS();
|
|
38
37
|
const [_open, _setOpen] = useControllableState({
|
|
39
38
|
defaultValue: defaultOpen,
|
|
40
39
|
value: open,
|
|
@@ -93,12 +92,12 @@ export const Tooltip = forwardRef((_a, ref) => {
|
|
|
93
92
|
top: y !== null && y !== void 0 ? y : 0,
|
|
94
93
|
left: x !== null && x !== void 0 ? x : 0,
|
|
95
94
|
visibility: referenceHidden ? "hidden" : "visible",
|
|
96
|
-
}, role: "tooltip", id: ariaId, className:
|
|
95
|
+
}, role: "tooltip", id: ariaId, className: cl("aksel-tooltip", "aksel-detail aksel-detail--small", className) })), { "data-side": placement, "data-state": "open" }),
|
|
97
96
|
content,
|
|
98
|
-
keys && (React.createElement("span", { className:
|
|
97
|
+
keys && (React.createElement("span", { className: "aksel-tooltip__keys", "aria-hidden": true }, keys.map((key) => (React.createElement(Detail, { as: "kbd", key: key, className: "aksel-tooltip__key" }, key))))),
|
|
99
98
|
_arrow && (React.createElement("div", { ref: (node) => {
|
|
100
99
|
arrowRef.current = node;
|
|
101
|
-
}, className:
|
|
100
|
+
}, className: "aksel-tooltip__arrow", style: {
|
|
102
101
|
left: arrowX != null ? `${arrowX}px` : "",
|
|
103
102
|
top: arrowY != null ? `${arrowY}px` : "",
|
|
104
103
|
right: "",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/tooltip/Tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EACL,UAAU,EACV,KAAK,IAAI,OAAO,EAChB,IAAI,EACJ,MAAM,EACN,WAAW,EACX,KAAK,EACL,UAAU,EACV,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,eAAe,GAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/tooltip/Tooltip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,7 +10,7 @@ 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 { cl } from "../util/className.js";
|
|
14
14
|
import { typoClassNames } from "./util.js";
|
|
15
15
|
/**
|
|
16
16
|
* Part of a set of components for displaying text with consistent typography.
|
|
@@ -30,8 +30,7 @@ import { typoClassNames } from "./util.js";
|
|
|
30
30
|
*/
|
|
31
31
|
export const BodyLong = forwardRef((_a, ref) => {
|
|
32
32
|
var { className, size = "medium", as: Component = "p", spacing, truncate, weight = "regular", align, visuallyHidden, textColor } = _a, rest = __rest(_a, ["className", "size", "as", "spacing", "truncate", "weight", "align", "visuallyHidden", "textColor"]);
|
|
33
|
-
|
|
34
|
-
return (React.createElement(Component, Object.assign({}, rest, { ref: ref, className: cn(className, "navds-body-long", `navds-body-long--${size}`, typoClassNames({
|
|
33
|
+
return (React.createElement(Component, Object.assign({}, rest, { ref: ref, className: cl(className, "aksel-body-long", `aksel-body-long--${size}`, typoClassNames({
|
|
35
34
|
spacing,
|
|
36
35
|
truncate,
|
|
37
36
|
weight,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BodyLong.js","sourceRoot":"","sources":["../../src/typography/BodyLong.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"BodyLong.js","sourceRoot":"","sources":["../../src/typography/BodyLong.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAGvC,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAwBxC;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,QAAQ,GAGjB,UAAU,CACZ,CACE,EAWC,EACD,GAAG,EACH,EAAE;QAbF,EACE,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,EAAE,EAAE,SAAS,GAAG,GAAG,EACnB,OAAO,EACP,QAAQ,EACR,MAAM,GAAG,SAAS,EAClB,KAAK,EACL,cAAc,EACd,SAAS,OAEV,EADI,IAAI,cAVT,oGAWC,CADQ;IAIT,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,iBAAiB,EACjB,oBAAoB,IAAI,EAAE,EAC1B,cAAc,CAAC;YACb,OAAO;YACP,QAAQ;YACR,MAAM;YACN,KAAK;YACL,cAAc;YACd,SAAS;SACV,CAAC,CACH,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -10,7 +10,7 @@ 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 { cl } from "../util/className.js";
|
|
14
14
|
import { typoClassNames } from "./util.js";
|
|
15
15
|
/**
|
|
16
16
|
* Part of a set of components for displaying text with consistent typography.
|
|
@@ -28,8 +28,7 @@ import { typoClassNames } from "./util.js";
|
|
|
28
28
|
*/
|
|
29
29
|
export const BodyShort = forwardRef((_a, ref) => {
|
|
30
30
|
var { className, size = "medium", as: Component = "p", spacing, truncate, weight = "regular", align, visuallyHidden, textColor } = _a, rest = __rest(_a, ["className", "size", "as", "spacing", "truncate", "weight", "align", "visuallyHidden", "textColor"]);
|
|
31
|
-
|
|
32
|
-
return (React.createElement(Component, Object.assign({}, rest, { ref: ref, className: cn(className, "navds-body-short", `navds-body-short--${size}`, typoClassNames({
|
|
31
|
+
return (React.createElement(Component, Object.assign({}, rest, { ref: ref, className: cl(className, "aksel-body-short", `aksel-body-short--${size}`, typoClassNames({
|
|
33
32
|
spacing,
|
|
34
33
|
truncate,
|
|
35
34
|
weight,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BodyShort.js","sourceRoot":"","sources":["../../src/typography/BodyShort.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"BodyShort.js","sourceRoot":"","sources":["../../src/typography/BodyShort.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAGvC,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAwBxC;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,SAAS,GAGlB,UAAU,CACZ,CACE,EAWC,EACD,GAAG,EACH,EAAE;QAbF,EACE,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,EAAE,EAAE,SAAS,GAAG,GAAG,EACnB,OAAO,EACP,QAAQ,EACR,MAAM,GAAG,SAAS,EAClB,KAAK,EACL,cAAc,EACd,SAAS,OAEV,EADI,IAAI,cAVT,oGAWC,CADQ;IAIT,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,kBAAkB,EAClB,qBAAqB,IAAI,EAAE,EAC3B,cAAc,CAAC;YACb,OAAO;YACP,QAAQ;YACR,MAAM;YACN,KAAK;YACL,cAAc;YACd,SAAS;SACV,CAAC,CACH,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
package/esm/typography/Detail.js
CHANGED
|
@@ -10,7 +10,7 @@ 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 { cl } from "../util/className.js";
|
|
14
14
|
import { typoClassNames } from "./util.js";
|
|
15
15
|
/**
|
|
16
16
|
* Part of a set of components for displaying text with consistent typography.
|
|
@@ -28,8 +28,7 @@ import { typoClassNames } from "./util.js";
|
|
|
28
28
|
*/
|
|
29
29
|
export const Detail = forwardRef((_a, ref) => {
|
|
30
30
|
var { className, size = "medium", spacing, uppercase, as: Component = "p", truncate, weight = "regular", align, visuallyHidden, textColor } = _a, rest = __rest(_a, ["className", "size", "spacing", "uppercase", "as", "truncate", "weight", "align", "visuallyHidden", "textColor"]);
|
|
31
|
-
|
|
32
|
-
return (React.createElement(Component, Object.assign({}, rest, { ref: ref, className: cn(className, "navds-detail", typoClassNames({
|
|
31
|
+
return (React.createElement(Component, Object.assign({}, rest, { ref: ref, className: cl(className, "aksel-detail", typoClassNames({
|
|
33
32
|
spacing,
|
|
34
33
|
truncate,
|
|
35
34
|
weight,
|
|
@@ -38,7 +37,7 @@ export const Detail = forwardRef((_a, ref) => {
|
|
|
38
37
|
textColor,
|
|
39
38
|
uppercase,
|
|
40
39
|
}), {
|
|
41
|
-
"
|
|
40
|
+
"aksel-detail--small": size === "small",
|
|
42
41
|
}) })));
|
|
43
42
|
});
|
|
44
43
|
export default Detail;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Detail.js","sourceRoot":"","sources":["../../src/typography/Detail.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Detail.js","sourceRoot":"","sources":["../../src/typography/Detail.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAGvC,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AA2BxC;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,MAAM,GACjB,UAAU,CACR,CACE,EAYC,EACD,GAAG,EACH,EAAE;QAdF,EACE,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,OAAO,EACP,SAAS,EACT,EAAE,EAAE,SAAS,GAAG,GAAG,EACnB,QAAQ,EACR,MAAM,GAAG,SAAS,EAClB,KAAK,EACL,cAAc,EACd,SAAS,OAEV,EADI,IAAI,cAXT,iHAYC,CADQ;IAIT,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,cAAc,EACd,cAAc,CAAC;YACb,OAAO;YACP,QAAQ;YACR,MAAM;YACN,KAAK;YACL,cAAc;YACd,SAAS;YACT,SAAS;SACV,CAAC,EACF;YACE,qBAAqB,EAAE,IAAI,KAAK,OAAO;SACxC,CACF,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,eAAe,MAAM,CAAC"}
|
|
@@ -10,7 +10,7 @@ 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 { cl } from "../util/className.js";
|
|
14
14
|
import { typoClassNames } from "./util.js";
|
|
15
15
|
/**
|
|
16
16
|
* Part of a set of components for displaying text with consistent typography.
|
|
@@ -28,12 +28,11 @@ import { typoClassNames } from "./util.js";
|
|
|
28
28
|
*/
|
|
29
29
|
export const ErrorMessage = forwardRef((_a, ref) => {
|
|
30
30
|
var { children, className, size, spacing, as: Component = "p", showIcon = false } = _a, rest = __rest(_a, ["children", "className", "size", "spacing", "as", "showIcon"]);
|
|
31
|
-
|
|
32
|
-
return (React.createElement(Component, Object.assign({}, rest, { ref: ref, className: cn("navds-error-message", "navds-label", className, typoClassNames({
|
|
31
|
+
return (React.createElement(Component, Object.assign({}, rest, { ref: ref, className: cl("aksel-error-message", "aksel-label", className, typoClassNames({
|
|
33
32
|
spacing,
|
|
34
33
|
}), {
|
|
35
|
-
"
|
|
36
|
-
"
|
|
34
|
+
"aksel-label--small": size === "small",
|
|
35
|
+
"aksel-error-message--show-icon": showIcon,
|
|
37
36
|
}) }),
|
|
38
37
|
showIcon && (React.createElement("svg", { viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", focusable: false, "aria-hidden": true },
|
|
39
38
|
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.49209 11.534L8.11398 2.7594C8.48895 2.04752 9.50833 2.04743 9.88343 2.75924L14.5073 11.5339C14.8582 12.1998 14.3753 13 13.6226 13H4.37685C3.6242 13 3.14132 12.1999 3.49209 11.534ZM9.74855 10.495C9.74855 10.9092 9.41276 11.245 8.99855 11.245C8.58433 11.245 8.24855 10.9092 8.24855 10.495C8.24855 10.0808 8.58433 9.74497 8.99855 9.74497C9.41276 9.74497 9.74855 10.0808 9.74855 10.495ZM9.49988 5.49997C9.49988 5.22383 9.27602 4.99997 8.99988 4.99997C8.72373 4.99997 8.49988 5.22383 8.49988 5.49997V7.99997C8.49988 8.27611 8.72373 8.49997 8.99988 8.49997C9.27602 8.49997 9.49988 8.27611 9.49988 7.99997V5.49997Z", fill: "currentColor" }))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorMessage.js","sourceRoot":"","sources":["../../src/typography/ErrorMessage.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"ErrorMessage.js","sourceRoot":"","sources":["../../src/typography/ErrorMessage.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAGvC,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAoBxC;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,YAAY,GAGrB,UAAU,CACZ,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,OAAO,EACP,EAAE,EAAE,SAAS,GAAG,GAAG,EACnB,QAAQ,GAAG,KAAK,OAEjB,EADI,IAAI,cAPT,8DAQC,CADQ;IAIT,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,qBAAqB,EACrB,aAAa,EACb,SAAS,EACT,cAAc,CAAC;YACb,OAAO;SACR,CAAC,EACF;YACE,oBAAoB,EAAE,IAAI,KAAK,OAAO;YACtC,gCAAgC,EAAE,QAAQ;SAC3C,CACF;QAEA,QAAQ,IAAI,CACX,6BACE,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,KAAK;YAGhB,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,omBAAomB,EACtmB,IAAI,EAAC,cAAc,GACnB,CACE,CACP;QACA,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -10,7 +10,7 @@ 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 { cl } from "../util/className.js";
|
|
14
14
|
import { typoClassNames } from "./util.js";
|
|
15
15
|
/**
|
|
16
16
|
* Part of a set of components for displaying text with consistent typography.
|
|
@@ -28,9 +28,8 @@ import { typoClassNames } from "./util.js";
|
|
|
28
28
|
*/
|
|
29
29
|
export const Heading = forwardRef((_a, ref) => {
|
|
30
30
|
var { level = "1", size, className, as, spacing, align, visuallyHidden, textColor } = _a, rest = __rest(_a, ["level", "size", "className", "as", "spacing", "align", "visuallyHidden", "textColor"]);
|
|
31
|
-
const { cn } = useRenameCSS();
|
|
32
31
|
const HeadingTag = as !== null && as !== void 0 ? as : `h${level}`;
|
|
33
|
-
return (React.createElement(HeadingTag, Object.assign({}, rest, { ref: ref, className:
|
|
32
|
+
return (React.createElement(HeadingTag, Object.assign({}, rest, { ref: ref, className: cl(className, "aksel-heading", `aksel-heading--${size}`, typoClassNames({
|
|
34
33
|
spacing,
|
|
35
34
|
align,
|
|
36
35
|
visuallyHidden,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../src/typography/Heading.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../src/typography/Heading.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAGvC,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AA4BxC;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,OAAO,GAClB,UAAU,CACR,CACE,EAUC,EACD,GAAG,EACH,EAAE;QAZF,EACE,KAAK,GAAG,GAAG,EACX,IAAI,EACJ,SAAS,EACT,EAAE,EACF,OAAO,EACP,KAAK,EACL,cAAc,EACd,SAAS,OAEV,EADI,IAAI,cATT,uFAUC,CADQ;IAIT,MAAM,UAAU,GAAG,EAAE,aAAF,EAAE,cAAF,EAAE,GAAK,IAAI,KAAK,EAAwB,CAAC;IAE5D,OAAO,CACL,oBAAC,UAAU,oBACL,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,eAAe,EACf,kBAAkB,IAAI,EAAE,EACxB,cAAc,CAAC;YACb,OAAO;YACP,KAAK;YACL,cAAc;YACd,SAAS;SACV,CAAC,CACH,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,eAAe,OAAO,CAAC"}
|
|
@@ -10,7 +10,7 @@ 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 { cl } from "../util/className.js";
|
|
14
14
|
/**
|
|
15
15
|
* @deprecated Use `<BodyLong size="large" />`
|
|
16
16
|
*
|
|
@@ -29,9 +29,8 @@ import { useRenameCSS } from "../theme/Theme.js";
|
|
|
29
29
|
*/
|
|
30
30
|
export const Ingress = forwardRef((_a, ref) => {
|
|
31
31
|
var { className, spacing, as: Component = "p" } = _a, rest = __rest(_a, ["className", "spacing", "as"]);
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
"navds-typo--spacing": !!spacing,
|
|
32
|
+
return (React.createElement(Component, Object.assign({}, rest, { ref: ref, className: cl(className, "aksel-ingress", {
|
|
33
|
+
"aksel-typo--spacing": !!spacing,
|
|
35
34
|
}) })));
|
|
36
35
|
});
|
|
37
36
|
export default Ingress;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Ingress.js","sourceRoot":"","sources":["../../src/typography/Ingress.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Ingress.js","sourceRoot":"","sources":["../../src/typography/Ingress.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAevC;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,OAAO,GAClB,UAAU,CAAC,CAAC,EAAoD,EAAE,GAAG,EAAE,EAAE;QAA7D,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE,SAAS,GAAG,GAAG,OAAW,EAAN,IAAI,cAAlD,8BAAoD,CAAF;IAC5D,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,eAAe,EAAE;YACxC,qBAAqB,EAAE,CAAC,CAAC,OAAO;SACjC,CAAC,IACF,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEL,eAAe,OAAO,CAAC"}
|
package/esm/typography/Label.js
CHANGED
|
@@ -10,7 +10,7 @@ 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 { cl } from "../util/className.js";
|
|
14
14
|
import { typoClassNames } from "./util.js";
|
|
15
15
|
/**
|
|
16
16
|
* Part of a set of components for displaying text with consistent typography.
|
|
@@ -28,13 +28,12 @@ import { typoClassNames } from "./util.js";
|
|
|
28
28
|
*/
|
|
29
29
|
export const Label = forwardRef((_a, ref) => {
|
|
30
30
|
var { className, size = "medium", as: Component = "label", spacing, visuallyHidden, textColor } = _a, rest = __rest(_a, ["className", "size", "as", "spacing", "visuallyHidden", "textColor"]);
|
|
31
|
-
|
|
32
|
-
return (React.createElement(Component, Object.assign({}, rest, { ref: ref, className: cn(className, "navds-label", typoClassNames({
|
|
31
|
+
return (React.createElement(Component, Object.assign({}, rest, { ref: ref, className: cl(className, "aksel-label", typoClassNames({
|
|
33
32
|
spacing,
|
|
34
33
|
visuallyHidden,
|
|
35
34
|
textColor,
|
|
36
35
|
}), {
|
|
37
|
-
"
|
|
36
|
+
"aksel-label--small": size === "small",
|
|
38
37
|
}) })));
|
|
39
38
|
});
|
|
40
39
|
export default Label;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../src/typography/Label.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../src/typography/Label.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAGvC,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAwBxC;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,KAAK,GAChB,UAAU,CACR,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,EAAE,EAAE,SAAS,GAAG,OAAO,EACvB,OAAO,EACP,cAAc,EACd,SAAS,OAEV,EADI,IAAI,cAPT,qEAQC,CADQ;IAIT,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,aAAa,EACb,cAAc,CAAC;YACb,OAAO;YACP,cAAc;YACd,SAAS;SACV,CAAC,EACF;YACE,oBAAoB,EAAE,IAAI,KAAK,OAAO;SACvC,CACF,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,eAAe,KAAK,CAAC"}
|
package/esm/typography/util.js
CHANGED
|
@@ -1,14 +1,13 @@
|
|
|
1
|
-
import cl from "
|
|
1
|
+
import { cl } from "../util/className.js";
|
|
2
2
|
export const typoClassNames = (props) => {
|
|
3
|
-
/* Renaming to aksel-* prefix is done in components themselves */
|
|
4
3
|
return cl({
|
|
5
|
-
"
|
|
6
|
-
"
|
|
7
|
-
"
|
|
8
|
-
[`
|
|
9
|
-
[`
|
|
10
|
-
"
|
|
11
|
-
"
|
|
4
|
+
"aksel-typo--spacing": props.spacing,
|
|
5
|
+
"aksel-typo--truncate": props.truncate,
|
|
6
|
+
"aksel-typo--semibold": props.weight === "semibold",
|
|
7
|
+
[`aksel-typo--align-${props.align}`]: props.align,
|
|
8
|
+
[`aksel-typo--color-${props.textColor}`]: props.textColor,
|
|
9
|
+
"aksel-typo--visually-hidden": props.visuallyHidden,
|
|
10
|
+
"aksel-typo--uppercase": props.uppercase,
|
|
12
11
|
});
|
|
13
12
|
};
|
|
14
13
|
//# sourceMappingURL=util.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"util.js","sourceRoot":"","sources":["../../src/typography/util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"util.js","sourceRoot":"","sources":["../../src/typography/util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAGvC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAA0C,EAAE,EAAE;IAC3E,OAAO,EAAE,CAAC;QACR,qBAAqB,EAAE,KAAK,CAAC,OAAO;QACpC,sBAAsB,EAAE,KAAK,CAAC,QAAQ;QACtC,sBAAsB,EAAE,KAAK,CAAC,MAAM,KAAK,UAAU;QACnD,CAAC,qBAAqB,KAAK,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC,KAAK;QACjD,CAAC,qBAAqB,KAAK,CAAC,SAAS,EAAE,CAAC,EAAE,KAAK,CAAC,SAAS;QACzD,6BAA6B,EAAE,KAAK,CAAC,cAAc;QACnD,uBAAuB,EAAE,KAAK,CAAC,SAAS;KACzC,CAAC,CAAC;AACL,CAAC,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/** biome-ignore-all lint/suspicious/noAssignInExpressions: Because why not? */
|
|
2
|
+
type ClassValue = ClassArray | ClassDictionary | string | number | bigint | null | boolean | undefined;
|
|
3
|
+
type ClassDictionary = Record<string, any>;
|
|
4
|
+
type ClassArray = ClassValue[];
|
|
5
|
+
export declare function cl(...inputs: ClassValue[]): string;
|
|
6
|
+
export {};
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
function toVal(mix) {
|
|
2
|
+
let result = "";
|
|
3
|
+
if (typeof mix === "string" || typeof mix === "number") {
|
|
4
|
+
result += mix;
|
|
5
|
+
}
|
|
6
|
+
else if (typeof mix === "object") {
|
|
7
|
+
if (Array.isArray(mix)) {
|
|
8
|
+
for (let i = 0; i < mix.length; i++) {
|
|
9
|
+
if (mix[i]) {
|
|
10
|
+
const parsedValue = toVal(mix[i]);
|
|
11
|
+
if (parsedValue) {
|
|
12
|
+
result && (result += " ");
|
|
13
|
+
result += parsedValue;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
else {
|
|
19
|
+
for (const key in mix) {
|
|
20
|
+
if (mix[key]) {
|
|
21
|
+
result && (result += " ");
|
|
22
|
+
result += key;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
return result;
|
|
28
|
+
}
|
|
29
|
+
export function cl(...inputs) {
|
|
30
|
+
let parsedValue = "";
|
|
31
|
+
let currentValue;
|
|
32
|
+
let result = "";
|
|
33
|
+
for (let i = 0; i < inputs.length; i++) {
|
|
34
|
+
if ((currentValue = inputs[i])) {
|
|
35
|
+
if ((parsedValue = toVal(currentValue))) {
|
|
36
|
+
result && (result += " ");
|
|
37
|
+
result += parsedValue;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
return result;
|
|
42
|
+
}
|
|
43
|
+
//# sourceMappingURL=className.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"className.js","sourceRoot":"","sources":["../../src/util/className.ts"],"names":[],"mappings":"AAaA,SAAS,KAAK,CAAC,GAAkD;IAC/D,IAAI,MAAM,GAAG,EAAE,CAAC;IAEhB,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;QACvD,MAAM,IAAI,GAAG,CAAC;IAChB,CAAC;SAAM,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;QACnC,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;YACvB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;gBACpC,IAAI,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;oBACX,MAAM,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;oBAClC,IAAI,WAAW,EAAE,CAAC;wBAChB,MAAM,IAAI,CAAC,MAAM,IAAI,GAAG,CAAC,CAAC;wBAC1B,MAAM,IAAI,WAAW,CAAC;oBACxB,CAAC;gBACH,CAAC;YACH,CAAC;QACH,CAAC;aAAM,CAAC;YACN,KAAK,MAAM,GAAG,IAAI,GAAG,EAAE,CAAC;gBACtB,IAAI,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;oBACb,MAAM,IAAI,CAAC,MAAM,IAAI,GAAG,CAAC,CAAC;oBAC1B,MAAM,IAAI,GAAG,CAAC;gBAChB,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,EAAE,CAAC,GAAG,MAAoB;IACxC,IAAI,WAAW,GAAG,EAAE,CAAC;IACrB,IAAI,YAAwB,CAAC;IAC7B,IAAI,MAAM,GAAG,EAAE,CAAC;IAEhB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACvC,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;YAC/B,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC;gBACxC,MAAM,IAAI,CAAC,MAAM,IAAI,GAAG,CAAC,CAAC;gBAC1B,MAAM,IAAI,WAAW,CAAC;YACxB,CAAC;QACH,CAAC;IACH,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC"}
|
|
@@ -10,5 +10,5 @@ export declare function createDescendantContext<T extends HTMLElement = HTMLElem
|
|
|
10
10
|
descendants: DescendantsManager<T, K>;
|
|
11
11
|
index: number;
|
|
12
12
|
enabledIndex: number;
|
|
13
|
-
register: ((instance: T | null) => void
|
|
13
|
+
register: ((instance: T | null) => void) | null;
|
|
14
14
|
}];
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
type RefCallback<T> = (instance: T | null) => void;
|
|
2
3
|
type Empty = null | undefined;
|
|
3
4
|
type InputRef<I> = React.Ref<I> | Empty;
|
|
4
|
-
type Result<I> =
|
|
5
|
+
type Result<I> = RefCallback<I> | null;
|
|
5
6
|
/**
|
|
6
7
|
* Merges refs into a single memoized callback ref or `null`.
|
|
7
8
|
* This makes sure multiple refs are updated together and have the same value.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMergeRefs.js","sourceRoot":"","sources":["../../../src/util/hooks/useMergeRefs.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"useMergeRefs.js","sourceRoot":"","sources":["../../../src/util/hooks/useMergeRefs.ts"],"names":[],"mappings":"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"}
|