@salt-ds/lab 1.0.0-alpha.12 → 1.0.0-alpha.14
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/dist-cjs/app-header/AppHeader.js +0 -1
- package/dist-cjs/app-header/AppHeader.js.map +1 -1
- package/dist-cjs/calendar/internal/CalendarNavigation.js +0 -1
- package/dist-cjs/calendar/internal/CalendarNavigation.js.map +1 -1
- package/dist-cjs/calendar/useSelection.js +0 -1
- package/dist-cjs/calendar/useSelection.js.map +1 -1
- package/dist-cjs/carousel/Carousel.js +0 -1
- package/dist-cjs/carousel/Carousel.js.map +1 -1
- package/dist-cjs/cascading-menu/CascadingMenu.js +0 -1
- package/dist-cjs/cascading-menu/CascadingMenu.js.map +1 -1
- package/dist-cjs/cascading-menu/CascadingMenuItem.js +0 -1
- package/dist-cjs/cascading-menu/CascadingMenuItem.js.map +1 -1
- package/dist-cjs/cascading-menu/CascadingMenuList.js +0 -1
- package/dist-cjs/cascading-menu/CascadingMenuList.js.map +1 -1
- package/dist-cjs/cascading-menu/internal/useClickAway.js +0 -1
- package/dist-cjs/cascading-menu/internal/useClickAway.js.map +1 -1
- package/dist-cjs/cascading-menu/internal/useMenuTriggerHandlers.js +0 -1
- package/dist-cjs/cascading-menu/internal/useMenuTriggerHandlers.js.map +1 -1
- package/dist-cjs/combo-box/ComboBox.js +0 -1
- package/dist-cjs/combo-box/ComboBox.js.map +1 -1
- package/dist-cjs/combo-box/useCombobox.js +0 -1
- package/dist-cjs/combo-box/useCombobox.js.map +1 -1
- package/dist-cjs/combo-box-deprecated/filterHelpers.js +0 -1
- package/dist-cjs/combo-box-deprecated/filterHelpers.js.map +1 -1
- package/dist-cjs/combo-box-deprecated/internal/DefaultComboBox.js +0 -1
- package/dist-cjs/combo-box-deprecated/internal/DefaultComboBox.js.map +1 -1
- package/dist-cjs/combo-box-deprecated/internal/MultiSelectComboBox.js +0 -1
- package/dist-cjs/combo-box-deprecated/internal/MultiSelectComboBox.js.map +1 -1
- package/dist-cjs/combo-box-deprecated/internal/useComboBox.js +0 -1
- package/dist-cjs/combo-box-deprecated/internal/useComboBox.js.map +1 -1
- package/dist-cjs/combo-box-deprecated/internal/useMultiSelectComboBox.js +0 -1
- package/dist-cjs/combo-box-deprecated/internal/useMultiSelectComboBox.js.map +1 -1
- package/dist-cjs/common-hooks/useViewportTracking.js +0 -1
- package/dist-cjs/common-hooks/useViewportTracking.js.map +1 -1
- package/dist-cjs/common-hooks/utils/filter-utils.js +0 -1
- package/dist-cjs/common-hooks/utils/filter-utils.js.map +1 -1
- package/dist-cjs/contact-details/MailLinkComponent.js +0 -1
- package/dist-cjs/contact-details/MailLinkComponent.js.map +1 -1
- package/dist-cjs/content-status/internal/StatusIndicator.js +0 -1
- package/dist-cjs/content-status/internal/StatusIndicator.js.map +1 -1
- package/dist-cjs/deck-layout/DeckLayout.js +0 -1
- package/dist-cjs/deck-layout/DeckLayout.js.map +1 -1
- package/dist-cjs/drawer/Drawer.css.js +6 -0
- package/dist-cjs/drawer/Drawer.css.js.map +1 -0
- package/dist-cjs/drawer/Drawer.js +83 -0
- package/dist-cjs/drawer/Drawer.js.map +1 -0
- package/dist-cjs/dropdown/Dropdown.js +0 -1
- package/dist-cjs/dropdown/Dropdown.js.map +1 -1
- package/dist-cjs/dropdown/DropdownBase.js +0 -1
- package/dist-cjs/dropdown/DropdownBase.js.map +1 -1
- package/dist-cjs/dropdown/useDropdown.js +0 -1
- package/dist-cjs/dropdown/useDropdown.js.map +1 -1
- package/dist-cjs/dropdown/useDropdownBase.js +0 -1
- package/dist-cjs/dropdown/useDropdownBase.js.map +1 -1
- package/dist-cjs/index.js +13 -18
- package/dist-cjs/index.js.map +1 -1
- package/dist-cjs/layer-layout/LayerLayout.js +0 -1
- package/dist-cjs/layer-layout/LayerLayout.js.map +1 -1
- package/dist-cjs/list/Highlighter.js +0 -1
- package/dist-cjs/list/Highlighter.js.map +1 -1
- package/dist-cjs/list/List.js +0 -1
- package/dist-cjs/list/List.js.map +1 -1
- package/dist-cjs/list/VirtualizedList.js +0 -1
- package/dist-cjs/list/VirtualizedList.js.map +1 -1
- package/dist-cjs/list/useList.js +0 -1
- package/dist-cjs/list/useList.js.map +1 -1
- package/dist-cjs/list/useListHeight.js +0 -1
- package/dist-cjs/list/useListHeight.js.map +1 -1
- package/dist-cjs/list-deprecated/ListItemBase.js +0 -1
- package/dist-cjs/list-deprecated/ListItemBase.js.map +1 -1
- package/dist-cjs/list-deprecated/internal/Highlighter.js +0 -1
- package/dist-cjs/list-deprecated/internal/Highlighter.js.map +1 -1
- package/dist-cjs/list-deprecated/useTypeSelect.js +0 -1
- package/dist-cjs/list-deprecated/useTypeSelect.js.map +1 -1
- package/dist-cjs/list-next/ListItemNext.css.js +1 -1
- package/dist-cjs/multiline-input/MultilineInput.css.js +1 -1
- package/dist-cjs/multiline-input/MultilineInput.js +25 -13
- package/dist-cjs/multiline-input/MultilineInput.js.map +1 -1
- package/dist-cjs/parent-child-layout/ParentChildLayout.js +0 -1
- package/dist-cjs/parent-child-layout/ParentChildLayout.js.map +1 -1
- package/dist-cjs/pill-next/PillNext.css.js +6 -0
- package/dist-cjs/pill-next/PillNext.css.js.map +1 -0
- package/dist-cjs/pill-next/PillNext.js +58 -0
- package/dist-cjs/pill-next/PillNext.js.map +1 -0
- package/dist-cjs/progress/CircularProgress/CircularProgress.css.js +1 -1
- package/dist-cjs/progress/CircularProgress/CircularProgress.js +36 -75
- package/dist-cjs/progress/CircularProgress/CircularProgress.js.map +1 -1
- package/dist-cjs/progress/LinearProgress/LinearProgress.css.js +1 -1
- package/dist-cjs/progress/LinearProgress/LinearProgress.js +16 -24
- package/dist-cjs/progress/LinearProgress/LinearProgress.js.map +1 -1
- package/dist-cjs/query-input/internal/CategoryList.js +0 -1
- package/dist-cjs/query-input/internal/CategoryList.js.map +1 -1
- package/dist-cjs/query-input/internal/CategoryListItem.js +0 -1
- package/dist-cjs/query-input/internal/CategoryListItem.js.map +1 -1
- package/dist-cjs/query-input/internal/QueryInputBody.js +3 -7
- package/dist-cjs/query-input/internal/QueryInputBody.js.map +1 -1
- package/dist-cjs/query-input/internal/SearchList.js +0 -1
- package/dist-cjs/query-input/internal/SearchList.js.map +1 -1
- package/dist-cjs/query-input/internal/ValueList.js +0 -1
- package/dist-cjs/query-input/internal/ValueList.js.map +1 -1
- package/dist-cjs/query-input/useQueryInput.js +0 -1
- package/dist-cjs/query-input/useQueryInput.js.map +1 -1
- package/dist-cjs/responsive/useOverflow.js +0 -1
- package/dist-cjs/responsive/useOverflow.js.map +1 -1
- package/dist-cjs/stepped-tracker/StepLabel/StepLabel.css.js +6 -0
- package/dist-cjs/stepped-tracker/StepLabel/StepLabel.css.js.map +1 -0
- package/dist-cjs/stepped-tracker/StepLabel/StepLabel.js +42 -0
- package/dist-cjs/stepped-tracker/StepLabel/StepLabel.js.map +1 -0
- package/dist-cjs/stepped-tracker/SteppedTracker.css.js +6 -0
- package/dist-cjs/stepped-tracker/SteppedTracker.css.js.map +1 -0
- package/dist-cjs/stepped-tracker/SteppedTracker.js +64 -0
- package/dist-cjs/stepped-tracker/SteppedTracker.js.map +1 -0
- package/dist-cjs/stepped-tracker/SteppedTrackerContext.js +57 -0
- package/dist-cjs/stepped-tracker/SteppedTrackerContext.js.map +1 -0
- package/dist-cjs/stepped-tracker/TrackerConnector/TrackerConnector.css.js +6 -0
- package/dist-cjs/stepped-tracker/TrackerConnector/TrackerConnector.css.js.map +1 -0
- package/dist-cjs/stepped-tracker/TrackerConnector/TrackerConnector.js +26 -0
- package/dist-cjs/stepped-tracker/TrackerConnector/TrackerConnector.js.map +1 -0
- package/dist-cjs/stepped-tracker/TrackerStep/TrackerStep.css.js +6 -0
- package/dist-cjs/stepped-tracker/TrackerStep/TrackerStep.css.js.map +1 -0
- package/dist-cjs/stepped-tracker/TrackerStep/TrackerStep.js +111 -0
- package/dist-cjs/stepped-tracker/TrackerStep/TrackerStep.js.map +1 -0
- package/dist-cjs/stepped-tracker/TrackerStep/TrackerStepTooltipContext.js +21 -0
- package/dist-cjs/stepped-tracker/TrackerStep/TrackerStepTooltipContext.js.map +1 -0
- package/dist-cjs/stepped-tracker/useDetectTruncatedText.js +71 -0
- package/dist-cjs/stepped-tracker/useDetectTruncatedText.js.map +1 -0
- package/dist-cjs/tabs/Tabstrip.js +0 -1
- package/dist-cjs/tabs/Tabstrip.js.map +1 -1
- package/dist-cjs/tabs/useActivationIndicator.js +0 -1
- package/dist-cjs/tabs/useActivationIndicator.js.map +1 -1
- package/dist-cjs/tabs/useKeyboardNavigation.js +0 -1
- package/dist-cjs/tabs/useKeyboardNavigation.js.map +1 -1
- package/dist-cjs/tabs-next/OverflowMenu.js +0 -1
- package/dist-cjs/tabs-next/OverflowMenu.js.map +1 -1
- package/dist-cjs/tokenized-input/useTokenizedInput.js +0 -1
- package/dist-cjs/tokenized-input/useTokenizedInput.js.map +1 -1
- package/dist-cjs/toolbar/Toolbar.js +0 -1
- package/dist-cjs/toolbar/Toolbar.js.map +1 -1
- package/dist-cjs/toolbar/internal/renderToolbarItems.js +0 -1
- package/dist-cjs/toolbar/internal/renderToolbarItems.js.map +1 -1
- package/dist-cjs/toolbar/overflow-panel/OverflowPanel.js +0 -1
- package/dist-cjs/toolbar/overflow-panel/OverflowPanel.js.map +1 -1
- package/dist-cjs/tree/Tree.js +0 -1
- package/dist-cjs/tree/Tree.js.map +1 -1
- package/dist-cjs/tree/useTree.js +0 -1
- package/dist-cjs/tree/useTree.js.map +1 -1
- package/dist-es/app-header/AppHeader.js +0 -1
- package/dist-es/app-header/AppHeader.js.map +1 -1
- package/dist-es/calendar/internal/CalendarNavigation.js +0 -1
- package/dist-es/calendar/internal/CalendarNavigation.js.map +1 -1
- package/dist-es/calendar/useSelection.js +0 -1
- package/dist-es/calendar/useSelection.js.map +1 -1
- package/dist-es/carousel/Carousel.js +0 -1
- package/dist-es/carousel/Carousel.js.map +1 -1
- package/dist-es/cascading-menu/CascadingMenu.js +0 -1
- package/dist-es/cascading-menu/CascadingMenu.js.map +1 -1
- package/dist-es/cascading-menu/CascadingMenuItem.js +0 -1
- package/dist-es/cascading-menu/CascadingMenuItem.js.map +1 -1
- package/dist-es/cascading-menu/CascadingMenuList.js +0 -1
- package/dist-es/cascading-menu/CascadingMenuList.js.map +1 -1
- package/dist-es/cascading-menu/internal/useClickAway.js +0 -1
- package/dist-es/cascading-menu/internal/useClickAway.js.map +1 -1
- package/dist-es/cascading-menu/internal/useMenuTriggerHandlers.js +0 -1
- package/dist-es/cascading-menu/internal/useMenuTriggerHandlers.js.map +1 -1
- package/dist-es/combo-box/ComboBox.js +0 -1
- package/dist-es/combo-box/ComboBox.js.map +1 -1
- package/dist-es/combo-box/useCombobox.js +0 -1
- package/dist-es/combo-box/useCombobox.js.map +1 -1
- package/dist-es/combo-box-deprecated/filterHelpers.js +0 -1
- package/dist-es/combo-box-deprecated/filterHelpers.js.map +1 -1
- package/dist-es/combo-box-deprecated/internal/DefaultComboBox.js +0 -1
- package/dist-es/combo-box-deprecated/internal/DefaultComboBox.js.map +1 -1
- package/dist-es/combo-box-deprecated/internal/MultiSelectComboBox.js +0 -1
- package/dist-es/combo-box-deprecated/internal/MultiSelectComboBox.js.map +1 -1
- package/dist-es/combo-box-deprecated/internal/useComboBox.js +0 -1
- package/dist-es/combo-box-deprecated/internal/useComboBox.js.map +1 -1
- package/dist-es/combo-box-deprecated/internal/useMultiSelectComboBox.js +0 -1
- package/dist-es/combo-box-deprecated/internal/useMultiSelectComboBox.js.map +1 -1
- package/dist-es/common-hooks/useViewportTracking.js +0 -1
- package/dist-es/common-hooks/useViewportTracking.js.map +1 -1
- package/dist-es/common-hooks/utils/filter-utils.js +0 -1
- package/dist-es/common-hooks/utils/filter-utils.js.map +1 -1
- package/dist-es/contact-details/MailLinkComponent.js +0 -1
- package/dist-es/contact-details/MailLinkComponent.js.map +1 -1
- package/dist-es/content-status/internal/StatusIndicator.js +0 -1
- package/dist-es/content-status/internal/StatusIndicator.js.map +1 -1
- package/dist-es/deck-layout/DeckLayout.js +0 -1
- package/dist-es/deck-layout/DeckLayout.js.map +1 -1
- package/dist-es/drawer/Drawer.css.js +4 -0
- package/dist-es/drawer/Drawer.css.js.map +1 -0
- package/dist-es/drawer/Drawer.js +78 -0
- package/dist-es/drawer/Drawer.js.map +1 -0
- package/dist-es/dropdown/Dropdown.js +0 -1
- package/dist-es/dropdown/Dropdown.js.map +1 -1
- package/dist-es/dropdown/DropdownBase.js +0 -1
- package/dist-es/dropdown/DropdownBase.js.map +1 -1
- package/dist-es/dropdown/useDropdown.js +0 -1
- package/dist-es/dropdown/useDropdown.js.map +1 -1
- package/dist-es/dropdown/useDropdownBase.js +0 -1
- package/dist-es/dropdown/useDropdownBase.js.map +1 -1
- package/dist-es/index.js +7 -9
- package/dist-es/index.js.map +1 -1
- package/dist-es/layer-layout/LayerLayout.js +0 -1
- package/dist-es/layer-layout/LayerLayout.js.map +1 -1
- package/dist-es/list/Highlighter.js +0 -1
- package/dist-es/list/Highlighter.js.map +1 -1
- package/dist-es/list/List.js +0 -1
- package/dist-es/list/List.js.map +1 -1
- package/dist-es/list/VirtualizedList.js +0 -1
- package/dist-es/list/VirtualizedList.js.map +1 -1
- package/dist-es/list/useList.js +0 -1
- package/dist-es/list/useList.js.map +1 -1
- package/dist-es/list/useListHeight.js +0 -1
- package/dist-es/list/useListHeight.js.map +1 -1
- package/dist-es/list-deprecated/ListItemBase.js +0 -1
- package/dist-es/list-deprecated/ListItemBase.js.map +1 -1
- package/dist-es/list-deprecated/internal/Highlighter.js +0 -1
- package/dist-es/list-deprecated/internal/Highlighter.js.map +1 -1
- package/dist-es/list-deprecated/useTypeSelect.js +0 -1
- package/dist-es/list-deprecated/useTypeSelect.js.map +1 -1
- package/dist-es/list-next/ListItemNext.css.js +1 -1
- package/dist-es/multiline-input/MultilineInput.css.js +1 -1
- package/dist-es/multiline-input/MultilineInput.js +25 -13
- package/dist-es/multiline-input/MultilineInput.js.map +1 -1
- package/dist-es/parent-child-layout/ParentChildLayout.js +0 -1
- package/dist-es/parent-child-layout/ParentChildLayout.js.map +1 -1
- package/dist-es/pill-next/PillNext.css.js +4 -0
- package/dist-es/pill-next/PillNext.css.js.map +1 -0
- package/dist-es/pill-next/PillNext.js +50 -0
- package/dist-es/pill-next/PillNext.js.map +1 -0
- package/dist-es/progress/CircularProgress/CircularProgress.css.js +1 -1
- package/dist-es/progress/CircularProgress/CircularProgress.js +37 -75
- package/dist-es/progress/CircularProgress/CircularProgress.js.map +1 -1
- package/dist-es/progress/LinearProgress/LinearProgress.css.js +1 -1
- package/dist-es/progress/LinearProgress/LinearProgress.js +16 -24
- package/dist-es/progress/LinearProgress/LinearProgress.js.map +1 -1
- package/dist-es/query-input/internal/CategoryList.js +0 -1
- package/dist-es/query-input/internal/CategoryList.js.map +1 -1
- package/dist-es/query-input/internal/CategoryListItem.js +0 -1
- package/dist-es/query-input/internal/CategoryListItem.js.map +1 -1
- package/dist-es/query-input/internal/QueryInputBody.js +1 -5
- package/dist-es/query-input/internal/QueryInputBody.js.map +1 -1
- package/dist-es/query-input/internal/SearchList.js +0 -1
- package/dist-es/query-input/internal/SearchList.js.map +1 -1
- package/dist-es/query-input/internal/ValueList.js +0 -1
- package/dist-es/query-input/internal/ValueList.js.map +1 -1
- package/dist-es/query-input/useQueryInput.js +0 -1
- package/dist-es/query-input/useQueryInput.js.map +1 -1
- package/dist-es/responsive/useOverflow.js +0 -1
- package/dist-es/responsive/useOverflow.js.map +1 -1
- package/dist-es/stepped-tracker/StepLabel/StepLabel.css.js +4 -0
- package/dist-es/stepped-tracker/StepLabel/StepLabel.css.js.map +1 -0
- package/dist-es/stepped-tracker/StepLabel/StepLabel.js +38 -0
- package/dist-es/stepped-tracker/StepLabel/StepLabel.js.map +1 -0
- package/dist-es/stepped-tracker/SteppedTracker.css.js +4 -0
- package/dist-es/stepped-tracker/SteppedTracker.css.js.map +1 -0
- package/dist-es/stepped-tracker/SteppedTracker.js +60 -0
- package/dist-es/stepped-tracker/SteppedTracker.js.map +1 -0
- package/dist-es/stepped-tracker/SteppedTrackerContext.js +50 -0
- package/dist-es/stepped-tracker/SteppedTrackerContext.js.map +1 -0
- package/dist-es/stepped-tracker/TrackerConnector/TrackerConnector.css.js +4 -0
- package/dist-es/stepped-tracker/TrackerConnector/TrackerConnector.css.js.map +1 -0
- package/dist-es/stepped-tracker/TrackerConnector/TrackerConnector.js +22 -0
- package/dist-es/stepped-tracker/TrackerConnector/TrackerConnector.js.map +1 -0
- package/dist-es/stepped-tracker/TrackerStep/TrackerStep.css.js +4 -0
- package/dist-es/stepped-tracker/TrackerStep/TrackerStep.css.js.map +1 -0
- package/dist-es/stepped-tracker/TrackerStep/TrackerStep.js +107 -0
- package/dist-es/stepped-tracker/TrackerStep/TrackerStep.js.map +1 -0
- package/dist-es/stepped-tracker/TrackerStep/TrackerStepTooltipContext.js +16 -0
- package/dist-es/stepped-tracker/TrackerStep/TrackerStepTooltipContext.js.map +1 -0
- package/dist-es/stepped-tracker/useDetectTruncatedText.js +69 -0
- package/dist-es/stepped-tracker/useDetectTruncatedText.js.map +1 -0
- package/dist-es/tabs/Tabstrip.js +0 -1
- package/dist-es/tabs/Tabstrip.js.map +1 -1
- package/dist-es/tabs/useActivationIndicator.js +0 -1
- package/dist-es/tabs/useActivationIndicator.js.map +1 -1
- package/dist-es/tabs/useKeyboardNavigation.js +0 -1
- package/dist-es/tabs/useKeyboardNavigation.js.map +1 -1
- package/dist-es/tabs-next/OverflowMenu.js +0 -1
- package/dist-es/tabs-next/OverflowMenu.js.map +1 -1
- package/dist-es/tokenized-input/useTokenizedInput.js +0 -1
- package/dist-es/tokenized-input/useTokenizedInput.js.map +1 -1
- package/dist-es/toolbar/Toolbar.js +0 -1
- package/dist-es/toolbar/Toolbar.js.map +1 -1
- package/dist-es/toolbar/internal/renderToolbarItems.js +0 -1
- package/dist-es/toolbar/internal/renderToolbarItems.js.map +1 -1
- package/dist-es/toolbar/overflow-panel/OverflowPanel.js +0 -1
- package/dist-es/toolbar/overflow-panel/OverflowPanel.js.map +1 -1
- package/dist-es/tree/Tree.js +0 -1
- package/dist-es/tree/Tree.js.map +1 -1
- package/dist-es/tree/useTree.js +0 -1
- package/dist-es/tree/useTree.js.map +1 -1
- package/dist-types/combo-box-deprecated/internal/useComboBox.d.ts +2 -2
- package/dist-types/combo-box-deprecated/internal/useMultiSelectComboBox.d.ts +7 -7
- package/dist-types/drawer/Drawer.d.ts +31 -0
- package/dist-types/drawer/index.d.ts +1 -0
- package/dist-types/index.d.ts +3 -3
- package/dist-types/multiline-input/MultilineInput.d.ts +14 -14
- package/dist-types/pill-next/PillNext.d.ts +7 -0
- package/dist-types/pill-next/index.d.ts +1 -0
- package/dist-types/progress/CircularProgress/CircularProgress.d.ts +7 -24
- package/dist-types/progress/LinearProgress/LinearProgress.d.ts +7 -11
- package/dist-types/stepped-tracker/StepLabel/StepLabel.d.ts +5 -0
- package/dist-types/stepped-tracker/StepLabel/index.d.ts +1 -0
- package/dist-types/stepped-tracker/SteppedTracker.d.ts +12 -0
- package/dist-types/stepped-tracker/SteppedTrackerContext.d.ts +21 -0
- package/dist-types/stepped-tracker/TrackerConnector/TrackerConnector.d.ts +10 -0
- package/dist-types/stepped-tracker/TrackerConnector/index.d.ts +1 -0
- package/dist-types/stepped-tracker/TrackerStep/TrackerStep.d.ts +10 -0
- package/dist-types/stepped-tracker/TrackerStep/TrackerStepTooltipContext.d.ts +7 -0
- package/dist-types/stepped-tracker/TrackerStep/index.d.ts +3 -0
- package/dist-types/stepped-tracker/index.d.ts +3 -0
- package/dist-types/stepped-tracker/useDetectTruncatedText.d.ts +11 -0
- package/dist-types/stepper-input/useStepperInput.d.ts +2 -2
- package/dist-types/utils/index.d.ts +0 -1
- package/package.json +9 -9
- package/dist-cjs/accordion/Accordion.css.js +0 -6
- package/dist-cjs/accordion/Accordion.css.js.map +0 -1
- package/dist-cjs/accordion/Accordion.js +0 -62
- package/dist-cjs/accordion/Accordion.js.map +0 -1
- package/dist-cjs/accordion/AccordionContext.js +0 -25
- package/dist-cjs/accordion/AccordionContext.js.map +0 -1
- package/dist-cjs/accordion/AccordionGroup.js +0 -23
- package/dist-cjs/accordion/AccordionGroup.js.map +0 -1
- package/dist-cjs/accordion/AccordionHeader.css.js +0 -6
- package/dist-cjs/accordion/AccordionHeader.css.js.map +0 -1
- package/dist-cjs/accordion/AccordionHeader.js +0 -50
- package/dist-cjs/accordion/AccordionHeader.js.map +0 -1
- package/dist-cjs/accordion/AccordionPanel.css.js +0 -6
- package/dist-cjs/accordion/AccordionPanel.css.js.map +0 -1
- package/dist-cjs/accordion/AccordionPanel.js +0 -45
- package/dist-cjs/accordion/AccordionPanel.js.map +0 -1
- package/dist-cjs/progress/CircularProgress/CircularProgressParts.js +0 -72
- package/dist-cjs/progress/CircularProgress/CircularProgressParts.js.map +0 -1
- package/dist-cjs/toggle-button/ToggleButton.css.js +0 -6
- package/dist-cjs/toggle-button/ToggleButton.css.js.map +0 -1
- package/dist-cjs/toggle-button/ToggleButton.js +0 -75
- package/dist-cjs/toggle-button/ToggleButton.js.map +0 -1
- package/dist-cjs/toggle-button-group/ToggleButtonGroup.css.js +0 -6
- package/dist-cjs/toggle-button-group/ToggleButtonGroup.css.js.map +0 -1
- package/dist-cjs/toggle-button-group/ToggleButtonGroup.js +0 -111
- package/dist-cjs/toggle-button-group/ToggleButtonGroup.js.map +0 -1
- package/dist-cjs/toggle-button-group/ToggleButtonGroupContext.js +0 -15
- package/dist-cjs/toggle-button-group/ToggleButtonGroupContext.js.map +0 -1
- package/dist-cjs/utils/useFloatingUI.js +0 -38
- package/dist-cjs/utils/useFloatingUI.js.map +0 -1
- package/dist-es/accordion/Accordion.css.js +0 -4
- package/dist-es/accordion/Accordion.css.js.map +0 -1
- package/dist-es/accordion/Accordion.js +0 -58
- package/dist-es/accordion/Accordion.js.map +0 -1
- package/dist-es/accordion/AccordionContext.js +0 -20
- package/dist-es/accordion/AccordionContext.js.map +0 -1
- package/dist-es/accordion/AccordionGroup.js +0 -19
- package/dist-es/accordion/AccordionGroup.js.map +0 -1
- package/dist-es/accordion/AccordionHeader.css.js +0 -4
- package/dist-es/accordion/AccordionHeader.css.js.map +0 -1
- package/dist-es/accordion/AccordionHeader.js +0 -46
- package/dist-es/accordion/AccordionHeader.js.map +0 -1
- package/dist-es/accordion/AccordionPanel.css.js +0 -4
- package/dist-es/accordion/AccordionPanel.css.js.map +0 -1
- package/dist-es/accordion/AccordionPanel.js +0 -41
- package/dist-es/accordion/AccordionPanel.js.map +0 -1
- package/dist-es/progress/CircularProgress/CircularProgressParts.js +0 -64
- package/dist-es/progress/CircularProgress/CircularProgressParts.js.map +0 -1
- package/dist-es/toggle-button/ToggleButton.css.js +0 -4
- package/dist-es/toggle-button/ToggleButton.css.js.map +0 -1
- package/dist-es/toggle-button/ToggleButton.js +0 -71
- package/dist-es/toggle-button/ToggleButton.js.map +0 -1
- package/dist-es/toggle-button-group/ToggleButtonGroup.css.js +0 -4
- package/dist-es/toggle-button-group/ToggleButtonGroup.css.js.map +0 -1
- package/dist-es/toggle-button-group/ToggleButtonGroup.js +0 -107
- package/dist-es/toggle-button-group/ToggleButtonGroup.js.map +0 -1
- package/dist-es/toggle-button-group/ToggleButtonGroupContext.js +0 -10
- package/dist-es/toggle-button-group/ToggleButtonGroupContext.js.map +0 -1
- package/dist-es/utils/useFloatingUI.js +0 -33
- package/dist-es/utils/useFloatingUI.js.map +0 -1
- package/dist-types/accordion/Accordion.d.ts +0 -25
- package/dist-types/accordion/AccordionContext.d.ts +0 -10
- package/dist-types/accordion/AccordionGroup.d.ts +0 -4
- package/dist-types/accordion/AccordionHeader.d.ts +0 -4
- package/dist-types/accordion/AccordionPanel.d.ts +0 -4
- package/dist-types/accordion/index.d.ts +0 -4
- package/dist-types/progress/CircularProgress/CircularProgressParts.d.ts +0 -13
- package/dist-types/toggle-button/ToggleButton.d.ts +0 -7
- package/dist-types/toggle-button/index.d.ts +0 -1
- package/dist-types/toggle-button-group/ToggleButtonGroup.d.ts +0 -25
- package/dist-types/toggle-button-group/ToggleButtonGroupContext.d.ts +0 -10
- package/dist-types/toggle-button-group/index.d.ts +0 -2
- package/dist-types/utils/useFloatingUI.d.ts +0 -34
|
@@ -1,107 +0,0 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { forwardRef, useRef, useState, useCallback, useMemo } from 'react';
|
|
3
|
-
import { makePrefixer, useForkRef, useControlled } from '@salt-ds/core';
|
|
4
|
-
import { clsx } from 'clsx';
|
|
5
|
-
import { useWindow } from '@salt-ds/window';
|
|
6
|
-
import { useComponentCssInjection } from '@salt-ds/styles';
|
|
7
|
-
import { ToggleButtonGroupContext } from './ToggleButtonGroupContext.js';
|
|
8
|
-
import css_248z from './ToggleButtonGroup.css.js';
|
|
9
|
-
|
|
10
|
-
const withBaseName = makePrefixer("saltToggleButtonGroup");
|
|
11
|
-
const ToggleButtonGroup = forwardRef(function ToggleButtonGroup2(props, ref) {
|
|
12
|
-
const {
|
|
13
|
-
children,
|
|
14
|
-
className,
|
|
15
|
-
value: valueProp,
|
|
16
|
-
defaultValue,
|
|
17
|
-
disabled,
|
|
18
|
-
onChange,
|
|
19
|
-
onKeyDown,
|
|
20
|
-
orientation = "horizontal",
|
|
21
|
-
...rest
|
|
22
|
-
} = props;
|
|
23
|
-
const targetWindow = useWindow();
|
|
24
|
-
useComponentCssInjection({
|
|
25
|
-
testId: "salt-toggle-button-group",
|
|
26
|
-
css: css_248z,
|
|
27
|
-
window: targetWindow
|
|
28
|
-
});
|
|
29
|
-
const groupRef = useRef(null);
|
|
30
|
-
const handleRef = useForkRef(ref, groupRef);
|
|
31
|
-
const [value, setValue] = useControlled({
|
|
32
|
-
default: defaultValue,
|
|
33
|
-
controlled: valueProp,
|
|
34
|
-
name: "ToggleButtonGroup",
|
|
35
|
-
state: "value"
|
|
36
|
-
});
|
|
37
|
-
const [focused, setFocused] = useState(value);
|
|
38
|
-
const select = useCallback(
|
|
39
|
-
(event) => {
|
|
40
|
-
const newValue = event.currentTarget.value;
|
|
41
|
-
setValue(newValue);
|
|
42
|
-
if (value !== newValue) {
|
|
43
|
-
onChange == null ? void 0 : onChange(event);
|
|
44
|
-
}
|
|
45
|
-
},
|
|
46
|
-
[onChange, value, setValue]
|
|
47
|
-
);
|
|
48
|
-
const isSelected = useCallback(
|
|
49
|
-
(id) => {
|
|
50
|
-
return value === id;
|
|
51
|
-
},
|
|
52
|
-
[value]
|
|
53
|
-
);
|
|
54
|
-
const focus = (id) => {
|
|
55
|
-
setFocused(id);
|
|
56
|
-
};
|
|
57
|
-
const isFocused = useCallback(
|
|
58
|
-
(id) => {
|
|
59
|
-
return focused === id || !focused;
|
|
60
|
-
},
|
|
61
|
-
[focused]
|
|
62
|
-
);
|
|
63
|
-
const contextValue = useMemo(
|
|
64
|
-
() => ({
|
|
65
|
-
select,
|
|
66
|
-
isSelected,
|
|
67
|
-
focus,
|
|
68
|
-
isFocused,
|
|
69
|
-
disabled
|
|
70
|
-
}),
|
|
71
|
-
[select, isSelected, isFocused, disabled]
|
|
72
|
-
);
|
|
73
|
-
const handleKeyDown = (event) => {
|
|
74
|
-
var _a, _b, _c, _d;
|
|
75
|
-
const elements = Array.from(
|
|
76
|
-
(_b = (_a = groupRef.current) == null ? void 0 : _a.querySelectorAll("button:not([disabled])")) != null ? _b : []
|
|
77
|
-
);
|
|
78
|
-
const currentIndex = elements.findIndex(
|
|
79
|
-
(element) => element === document.activeElement
|
|
80
|
-
);
|
|
81
|
-
switch (event.key) {
|
|
82
|
-
case "ArrowDown":
|
|
83
|
-
case "ArrowRight":
|
|
84
|
-
(_c = elements[(currentIndex + 1) % elements.length]) == null ? void 0 : _c.focus();
|
|
85
|
-
break;
|
|
86
|
-
case "ArrowUp":
|
|
87
|
-
case "ArrowLeft":
|
|
88
|
-
(_d = elements[(currentIndex - 1 + elements.length) % elements.length]) == null ? void 0 : _d.focus();
|
|
89
|
-
break;
|
|
90
|
-
}
|
|
91
|
-
onKeyDown == null ? void 0 : onKeyDown(event);
|
|
92
|
-
};
|
|
93
|
-
return /* @__PURE__ */ jsx(ToggleButtonGroupContext.Provider, {
|
|
94
|
-
value: contextValue,
|
|
95
|
-
children: /* @__PURE__ */ jsx("div", {
|
|
96
|
-
className: clsx(withBaseName(), withBaseName(orientation), className),
|
|
97
|
-
role: "radiogroup",
|
|
98
|
-
ref: handleRef,
|
|
99
|
-
onKeyDown: handleKeyDown,
|
|
100
|
-
...rest,
|
|
101
|
-
children
|
|
102
|
-
})
|
|
103
|
-
});
|
|
104
|
-
});
|
|
105
|
-
|
|
106
|
-
export { ToggleButtonGroup };
|
|
107
|
-
//# sourceMappingURL=ToggleButtonGroup.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleButtonGroup.js","sources":["../src/toggle-button-group/ToggleButtonGroup.tsx"],"sourcesContent":["import {\n ComponentPropsWithoutRef,\n forwardRef,\n KeyboardEvent,\n SyntheticEvent,\n useCallback,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { makePrefixer, useControlled, useForkRef } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport { ToggleButtonGroupContext } from \"./ToggleButtonGroupContext\";\nimport toggleButtonGroupCss from \"./ToggleButtonGroup.css\";\n\nexport interface ToggleButtonGroupProps\n extends Omit<ComponentPropsWithoutRef<\"div\">, \"onChange\"> {\n /**\n * The default value. Use when the component is not controlled.\n */\n defaultValue?: string | ReadonlyArray<string> | number | undefined;\n /**\n * If `true`, the Toggle Button Group will be disabled.\n */\n disabled?: boolean;\n /**\n * The value. Use when the component is controlled.\n */\n value?: string | ReadonlyArray<string> | number | undefined;\n /**\n * Callback fired when the selection changes.\n * @param event\n */\n onChange?: (event: SyntheticEvent<HTMLButtonElement>) => void;\n /**\n * The orientation of the toggle buttons.\n */\n orientation?: \"horizontal\" | \"vertical\";\n}\n\nconst withBaseName = makePrefixer(\"saltToggleButtonGroup\");\n\nexport const ToggleButtonGroup = forwardRef<\n HTMLDivElement,\n ToggleButtonGroupProps\n>(function ToggleButtonGroup(props, ref) {\n const {\n children,\n className,\n value: valueProp,\n defaultValue,\n disabled,\n onChange,\n onKeyDown,\n orientation = \"horizontal\",\n ...rest\n } = props;\n\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-toggle-button-group\",\n css: toggleButtonGroupCss,\n window: targetWindow,\n });\n\n const groupRef = useRef<HTMLDivElement>(null);\n const handleRef = useForkRef(ref, groupRef);\n\n const [value, setValue] = useControlled({\n default: defaultValue,\n controlled: valueProp,\n name: \"ToggleButtonGroup\",\n state: \"value\",\n });\n const [focused, setFocused] = useState<\n string | ReadonlyArray<string> | number | undefined\n >(value);\n\n const select = useCallback(\n (event: SyntheticEvent<HTMLButtonElement>) => {\n const newValue = event.currentTarget.value;\n setValue(newValue);\n if (value !== newValue) {\n onChange?.(event);\n }\n },\n [onChange, value, setValue]\n );\n\n const isSelected = useCallback(\n (id: string | ReadonlyArray<string> | number | undefined) => {\n return value === id;\n },\n [value]\n );\n\n const focus = (id: string | ReadonlyArray<string> | number | undefined) => {\n setFocused(id);\n };\n\n const isFocused = useCallback(\n (id: string | ReadonlyArray<string> | number | undefined) => {\n return focused === id || !focused;\n },\n [focused]\n );\n\n const contextValue = useMemo(\n () => ({\n select,\n isSelected,\n focus,\n isFocused,\n disabled,\n }),\n [select, isSelected, isFocused, disabled]\n );\n\n const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n const elements: HTMLElement[] = Array.from(\n groupRef.current?.querySelectorAll(\"button:not([disabled])\") ?? []\n );\n const currentIndex = elements.findIndex(\n (element) => element === document.activeElement\n );\n switch (event.key) {\n case \"ArrowDown\":\n case \"ArrowRight\":\n elements[(currentIndex + 1) % elements.length]?.focus();\n break;\n case \"ArrowUp\":\n case \"ArrowLeft\":\n elements[\n (currentIndex - 1 + elements.length) % elements.length\n ]?.focus();\n break;\n }\n\n onKeyDown?.(event);\n };\n\n return (\n <ToggleButtonGroupContext.Provider value={contextValue}>\n <div\n className={clsx(withBaseName(), withBaseName(orientation), className)}\n role=\"radiogroup\"\n ref={handleRef}\n onKeyDown={handleKeyDown}\n {...rest}\n >\n {children}\n </div>\n </ToggleButtonGroupContext.Provider>\n );\n});\n"],"names":["ToggleButtonGroup","toggleButtonGroupCss"],"mappings":"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"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { createContext } from '@salt-ds/core';
|
|
2
|
-
import { useContext } from 'react';
|
|
3
|
-
|
|
4
|
-
const ToggleButtonGroupContext = createContext("ToggleButtonGroupContext", void 0);
|
|
5
|
-
function useToggleButtonGroup() {
|
|
6
|
-
return useContext(ToggleButtonGroupContext);
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
export { ToggleButtonGroupContext, useToggleButtonGroup };
|
|
10
|
-
//# sourceMappingURL=ToggleButtonGroupContext.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleButtonGroupContext.js","sources":["../src/toggle-button-group/ToggleButtonGroupContext.ts"],"sourcesContent":["import { createContext } from \"@salt-ds/core\";\nimport { SyntheticEvent, useContext } from \"react\";\n\nexport interface ToggleButtonGroupContextValue {\n disabled?: boolean;\n select: (event: SyntheticEvent<HTMLButtonElement>) => void;\n isSelected: (\n id: string | ReadonlyArray<string> | number | undefined\n ) => boolean;\n focus: (id: string | ReadonlyArray<string> | number | undefined) => void;\n isFocused: (\n id: string | ReadonlyArray<string> | number | undefined\n ) => boolean;\n}\n\nexport const ToggleButtonGroupContext = createContext<\n ToggleButtonGroupContextValue | undefined\n>(\"ToggleButtonGroupContext\", undefined);\n\nexport function useToggleButtonGroup() {\n return useContext(ToggleButtonGroupContext);\n}\n"],"names":[],"mappings":";;;AAea,MAAA,wBAAA,GAA2B,aAEtC,CAAA,0BAAA,EAA4B,KAAS,CAAA,EAAA;AAEhC,SAAS,oBAAuB,GAAA;AACrC,EAAA,OAAO,WAAW,wBAAwB,CAAA,CAAA;AAC5C;;;;"}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { flip, shift, limitShift, useFloating, autoUpdate } from '@floating-ui/react';
|
|
2
|
-
|
|
3
|
-
const DEFAULT_FLOATING_UI_MIDDLEWARE = [
|
|
4
|
-
flip(),
|
|
5
|
-
shift({ limiter: limitShift() })
|
|
6
|
-
];
|
|
7
|
-
function useFloatingUI(props) {
|
|
8
|
-
const {
|
|
9
|
-
placement,
|
|
10
|
-
strategy,
|
|
11
|
-
middleware = DEFAULT_FLOATING_UI_MIDDLEWARE,
|
|
12
|
-
open = false,
|
|
13
|
-
onOpenChange
|
|
14
|
-
} = props;
|
|
15
|
-
const { reference, floating, refs, update, ...rest } = useFloating({
|
|
16
|
-
placement,
|
|
17
|
-
strategy,
|
|
18
|
-
middleware,
|
|
19
|
-
open,
|
|
20
|
-
onOpenChange,
|
|
21
|
-
whileElementsMounted: autoUpdate
|
|
22
|
-
});
|
|
23
|
-
return {
|
|
24
|
-
reference,
|
|
25
|
-
floating,
|
|
26
|
-
refs,
|
|
27
|
-
update,
|
|
28
|
-
...rest
|
|
29
|
-
};
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
export { DEFAULT_FLOATING_UI_MIDDLEWARE, useFloatingUI };
|
|
33
|
-
//# sourceMappingURL=useFloatingUI.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useFloatingUI.js","sources":["../src/utils/useFloatingUI.tsx"],"sourcesContent":["import type { Middleware, Placement, Strategy } from \"@floating-ui/react\";\nimport {\n autoUpdate,\n flip,\n limitShift,\n shift,\n useFloating,\n} from \"@floating-ui/react\";\n\nexport type UseFloatingUIProps = {\n /**\n * Set position relative to trigger\n */\n placement?: Placement;\n strategy?: Strategy;\n middleware?: Middleware[];\n /**\n * Set visible state. Defaults to false\n */\n open?: boolean;\n /**\n * Callback function triggered when open state changes\n */\n onOpenChange?: (open: boolean) => void;\n};\n\nexport const DEFAULT_FLOATING_UI_MIDDLEWARE = [\n flip(),\n shift({ limiter: limitShift() }),\n];\n\nexport function useFloatingUI(\n props: UseFloatingUIProps\n): ReturnType<typeof useFloating> {\n const {\n placement,\n strategy,\n middleware = DEFAULT_FLOATING_UI_MIDDLEWARE,\n open = false,\n onOpenChange,\n } = props;\n\n const { reference, floating, refs, update, ...rest } = useFloating({\n placement,\n strategy,\n middleware,\n open,\n onOpenChange,\n whileElementsMounted: autoUpdate,\n });\n\n return {\n reference,\n floating,\n refs,\n update,\n ...rest,\n };\n}\n"],"names":[],"mappings":";;AA0BO,MAAM,8BAAiC,GAAA;AAAA,EAC5C,IAAK,EAAA;AAAA,EACL,KAAM,CAAA,EAAE,OAAS,EAAA,UAAA,IAAc,CAAA;AACjC,EAAA;AAEO,SAAS,cACd,KACgC,EAAA;AAChC,EAAM,MAAA;AAAA,IACJ,SAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAa,GAAA,8BAAA;AAAA,IACb,IAAO,GAAA,KAAA;AAAA,IACP,YAAA;AAAA,GACE,GAAA,KAAA,CAAA;AAEJ,EAAA,MAAM,EAAE,SAAW,EAAA,QAAA,EAAU,MAAM,MAAW,EAAA,GAAA,IAAA,KAAS,WAAY,CAAA;AAAA,IACjE,SAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,IAAA;AAAA,IACA,YAAA;AAAA,IACA,oBAAsB,EAAA,UAAA;AAAA,GACvB,CAAA,CAAA;AAED,EAAO,OAAA;AAAA,IACL,SAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,MAAA;AAAA,IACA,GAAG,IAAA;AAAA,GACL,CAAA;AACF;;;;"}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { ComponentPropsWithoutRef, SyntheticEvent } from "react";
|
|
2
|
-
export interface AccordionProps extends ComponentPropsWithoutRef<"div"> {
|
|
3
|
-
/**
|
|
4
|
-
* AccordionGroup value.
|
|
5
|
-
*/
|
|
6
|
-
value: string;
|
|
7
|
-
/**
|
|
8
|
-
* Whether the accordion is expanded.
|
|
9
|
-
*/
|
|
10
|
-
expanded?: boolean;
|
|
11
|
-
/**
|
|
12
|
-
* Whether the accordion is expanded by default.
|
|
13
|
-
*/
|
|
14
|
-
defaultExpanded?: boolean;
|
|
15
|
-
/**
|
|
16
|
-
* Callback fired when the accordion is toggled.
|
|
17
|
-
* @param event
|
|
18
|
-
*/
|
|
19
|
-
onToggle?: (event: SyntheticEvent<HTMLButtonElement>) => void;
|
|
20
|
-
/**
|
|
21
|
-
* Whether the accordion is disabled.
|
|
22
|
-
*/
|
|
23
|
-
disabled?: boolean;
|
|
24
|
-
}
|
|
25
|
-
export declare const Accordion: import("react").ForwardRefExoticComponent<AccordionProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { SyntheticEvent } from "react";
|
|
2
|
-
export interface AccordionContextValue {
|
|
3
|
-
value: string;
|
|
4
|
-
expanded: boolean;
|
|
5
|
-
toggle: (event: SyntheticEvent<HTMLButtonElement>) => void;
|
|
6
|
-
disabled: boolean;
|
|
7
|
-
id: string;
|
|
8
|
-
}
|
|
9
|
-
export declare const AccordionContext: import("react").Context<AccordionContextValue>;
|
|
10
|
-
export declare function useAccordion(): AccordionContextValue;
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { ComponentPropsWithoutRef } from "react";
|
|
2
|
-
export interface AccordionGroupProps extends ComponentPropsWithoutRef<"div"> {
|
|
3
|
-
}
|
|
4
|
-
export declare const AccordionGroup: import("react").ForwardRefExoticComponent<AccordionGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { ComponentPropsWithoutRef } from "react";
|
|
2
|
-
export interface AccordionHeaderProps extends ComponentPropsWithoutRef<"button"> {
|
|
3
|
-
}
|
|
4
|
-
export declare const AccordionHeader: import("react").ForwardRefExoticComponent<AccordionHeaderProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { ComponentPropsWithoutRef } from "react";
|
|
2
|
-
export interface AccordionPanelProps extends ComponentPropsWithoutRef<"div"> {
|
|
3
|
-
}
|
|
4
|
-
export declare const AccordionPanel: import("react").ForwardRefExoticComponent<AccordionPanelProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { CSSProperties, ReactNode } from "react";
|
|
2
|
-
export declare const SIZE = 44;
|
|
3
|
-
export declare const circularGradientId = "salt-circular-progress-gradient";
|
|
4
|
-
export declare const ViewBox: (props: {
|
|
5
|
-
children?: ReactNode;
|
|
6
|
-
}) => JSX.Element;
|
|
7
|
-
export declare const LinearGradient: () => JSX.Element;
|
|
8
|
-
export interface CircleProps {
|
|
9
|
-
strokeWidth: number;
|
|
10
|
-
style?: CSSProperties;
|
|
11
|
-
className?: string;
|
|
12
|
-
}
|
|
13
|
-
export declare const Circle: ({ strokeWidth, style, className }: CircleProps) => JSX.Element;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { ComponentProps, MouseEvent } from "react";
|
|
2
|
-
export interface ToggleButtonProps extends ComponentProps<"button"> {
|
|
3
|
-
selected?: boolean;
|
|
4
|
-
onChange?: (event: MouseEvent<HTMLButtonElement>) => void;
|
|
5
|
-
value: string | ReadonlyArray<string> | number | undefined;
|
|
6
|
-
}
|
|
7
|
-
export declare const ToggleButton: import("react").ForwardRefExoticComponent<Omit<ToggleButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./ToggleButton";
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { ComponentPropsWithoutRef, SyntheticEvent } from "react";
|
|
2
|
-
export interface ToggleButtonGroupProps extends Omit<ComponentPropsWithoutRef<"div">, "onChange"> {
|
|
3
|
-
/**
|
|
4
|
-
* The default value. Use when the component is not controlled.
|
|
5
|
-
*/
|
|
6
|
-
defaultValue?: string | ReadonlyArray<string> | number | undefined;
|
|
7
|
-
/**
|
|
8
|
-
* If `true`, the Toggle Button Group will be disabled.
|
|
9
|
-
*/
|
|
10
|
-
disabled?: boolean;
|
|
11
|
-
/**
|
|
12
|
-
* The value. Use when the component is controlled.
|
|
13
|
-
*/
|
|
14
|
-
value?: string | ReadonlyArray<string> | number | undefined;
|
|
15
|
-
/**
|
|
16
|
-
* Callback fired when the selection changes.
|
|
17
|
-
* @param event
|
|
18
|
-
*/
|
|
19
|
-
onChange?: (event: SyntheticEvent<HTMLButtonElement>) => void;
|
|
20
|
-
/**
|
|
21
|
-
* The orientation of the toggle buttons.
|
|
22
|
-
*/
|
|
23
|
-
orientation?: "horizontal" | "vertical";
|
|
24
|
-
}
|
|
25
|
-
export declare const ToggleButtonGroup: import("react").ForwardRefExoticComponent<ToggleButtonGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { SyntheticEvent } from "react";
|
|
2
|
-
export interface ToggleButtonGroupContextValue {
|
|
3
|
-
disabled?: boolean;
|
|
4
|
-
select: (event: SyntheticEvent<HTMLButtonElement>) => void;
|
|
5
|
-
isSelected: (id: string | ReadonlyArray<string> | number | undefined) => boolean;
|
|
6
|
-
focus: (id: string | ReadonlyArray<string> | number | undefined) => void;
|
|
7
|
-
isFocused: (id: string | ReadonlyArray<string> | number | undefined) => boolean;
|
|
8
|
-
}
|
|
9
|
-
export declare const ToggleButtonGroupContext: import("react").Context<ToggleButtonGroupContextValue | undefined>;
|
|
10
|
-
export declare function useToggleButtonGroup(): ToggleButtonGroupContextValue | undefined;
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import type { Middleware, Placement, Strategy } from "@floating-ui/react";
|
|
2
|
-
import { useFloating } from "@floating-ui/react";
|
|
3
|
-
export declare type UseFloatingUIProps = {
|
|
4
|
-
/**
|
|
5
|
-
* Set position relative to trigger
|
|
6
|
-
*/
|
|
7
|
-
placement?: Placement;
|
|
8
|
-
strategy?: Strategy;
|
|
9
|
-
middleware?: Middleware[];
|
|
10
|
-
/**
|
|
11
|
-
* Set visible state. Defaults to false
|
|
12
|
-
*/
|
|
13
|
-
open?: boolean;
|
|
14
|
-
/**
|
|
15
|
-
* Callback function triggered when open state changes
|
|
16
|
-
*/
|
|
17
|
-
onOpenChange?: (open: boolean) => void;
|
|
18
|
-
};
|
|
19
|
-
export declare const DEFAULT_FLOATING_UI_MIDDLEWARE: {
|
|
20
|
-
name: string;
|
|
21
|
-
options?: any;
|
|
22
|
-
fn: (state: {
|
|
23
|
-
x: number;
|
|
24
|
-
y: number;
|
|
25
|
-
initialPlacement: Placement;
|
|
26
|
-
placement: Placement;
|
|
27
|
-
strategy: Strategy;
|
|
28
|
-
middlewareData: import("@floating-ui/react").MiddlewareData;
|
|
29
|
-
rects: import("@floating-ui/react").ElementRects;
|
|
30
|
-
platform: import("@floating-ui/core").Platform;
|
|
31
|
-
elements: import("@floating-ui/react").Elements;
|
|
32
|
-
}) => import("@floating-ui/react").MiddlewareReturn | Promise<import("@floating-ui/react").MiddlewareReturn>;
|
|
33
|
-
}[];
|
|
34
|
-
export declare function useFloatingUI(props: UseFloatingUIProps): ReturnType<typeof useFloating>;
|