@salt-ds/core 1.37.1 → 1.37.2
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/CHANGELOG.md +1753 -0
- package/css/salt-core.css +75 -37
- package/dist-cjs/accordion/Accordion.js +31 -123
- package/dist-cjs/accordion/Accordion.js.map +1 -1
- package/dist-cjs/accordion/AccordionContext.js +0 -101
- package/dist-cjs/accordion/AccordionContext.js.map +1 -1
- package/dist-cjs/accordion/AccordionGroup.js +1 -103
- package/dist-cjs/accordion/AccordionGroup.js.map +1 -1
- package/dist-cjs/accordion/AccordionHeader.js +33 -136
- package/dist-cjs/accordion/AccordionHeader.js.map +1 -1
- package/dist-cjs/accordion/AccordionPanel.js +22 -117
- package/dist-cjs/accordion/AccordionPanel.js.map +1 -1
- package/dist-cjs/aria-announcer/AriaAnnounce.js +0 -2
- package/dist-cjs/aria-announcer/AriaAnnounce.js.map +1 -1
- package/dist-cjs/aria-announcer/AriaAnnouncerContext.js +0 -2
- package/dist-cjs/aria-announcer/AriaAnnouncerContext.js.map +1 -1
- package/dist-cjs/aria-announcer/AriaAnnouncerProvider.js +8 -10
- package/dist-cjs/aria-announcer/AriaAnnouncerProvider.js.map +1 -1
- package/dist-cjs/aria-announcer/useAriaAnnouncer.js +0 -106
- package/dist-cjs/aria-announcer/useAriaAnnouncer.js.map +1 -1
- package/dist-cjs/avatar/Avatar.js +18 -117
- package/dist-cjs/avatar/Avatar.js.map +1 -1
- package/dist-cjs/avatar/useAvatarImage.js +0 -101
- package/dist-cjs/avatar/useAvatarImage.js.map +1 -1
- package/dist-cjs/badge/Badge.js +8 -108
- package/dist-cjs/badge/Badge.js.map +1 -1
- package/dist-cjs/banner/Banner.js +18 -115
- package/dist-cjs/banner/Banner.js.map +1 -1
- package/dist-cjs/banner/BannerActions.js +1 -103
- package/dist-cjs/banner/BannerActions.js.map +1 -1
- package/dist-cjs/banner/BannerContent.js +1 -103
- package/dist-cjs/banner/BannerContent.js.map +1 -1
- package/dist-cjs/border-item/BorderItem.js +17 -111
- package/dist-cjs/border-item/BorderItem.js.map +1 -1
- package/dist-cjs/border-layout/BorderLayout.js +12 -108
- package/dist-cjs/border-layout/BorderLayout.js.map +1 -1
- package/dist-cjs/breakpoints/BreakpointProvider.js +2 -111
- package/dist-cjs/breakpoints/BreakpointProvider.js.map +1 -1
- package/dist-cjs/breakpoints/Breakpoints.js +0 -2
- package/dist-cjs/breakpoints/Breakpoints.js.map +1 -1
- package/dist-cjs/button/Button.js +24 -120
- package/dist-cjs/button/Button.js.map +1 -1
- package/dist-cjs/button/useButton.js +0 -2
- package/dist-cjs/button/useButton.js.map +1 -1
- package/dist-cjs/card/Card.js +21 -115
- package/dist-cjs/card/Card.js.map +1 -1
- package/dist-cjs/checkbox/Checkbox.css.js +1 -1
- package/dist-cjs/checkbox/Checkbox.js +62 -150
- package/dist-cjs/checkbox/Checkbox.js.map +1 -1
- package/dist-cjs/checkbox/CheckboxGroup.js +32 -123
- package/dist-cjs/checkbox/CheckboxGroup.js.map +1 -1
- package/dist-cjs/checkbox/CheckboxIcon.js +24 -131
- package/dist-cjs/checkbox/CheckboxIcon.js.map +1 -1
- package/dist-cjs/checkbox/internal/CheckboxGroupContext.js +0 -101
- package/dist-cjs/checkbox/internal/CheckboxGroupContext.js.map +1 -1
- package/dist-cjs/checkbox/internal/useCheckboxGroup.js +0 -2
- package/dist-cjs/checkbox/internal/useCheckboxGroup.js.map +1 -1
- package/dist-cjs/combo-box/ComboBox.js +29 -123
- package/dist-cjs/combo-box/ComboBox.js.map +1 -1
- package/dist-cjs/combo-box/useComboBox.js +1 -102
- package/dist-cjs/combo-box/useComboBox.js.map +1 -1
- package/dist-cjs/dialog/Dialog.js +38 -143
- package/dist-cjs/dialog/Dialog.js.map +1 -1
- package/dist-cjs/dialog/DialogActions.js +1 -104
- package/dist-cjs/dialog/DialogActions.js.map +1 -1
- package/dist-cjs/dialog/DialogCloseButton.js +11 -110
- package/dist-cjs/dialog/DialogCloseButton.js.map +1 -1
- package/dist-cjs/dialog/DialogContent.css.js +1 -1
- package/dist-cjs/dialog/DialogContent.js +39 -113
- package/dist-cjs/dialog/DialogContent.js.map +1 -1
- package/dist-cjs/dialog/DialogContext.js +0 -2
- package/dist-cjs/dialog/DialogContext.js.map +1 -1
- package/dist-cjs/dialog/DialogHeader.js +24 -125
- package/dist-cjs/dialog/DialogHeader.js.map +1 -1
- package/dist-cjs/divider/Divider.js +15 -110
- package/dist-cjs/divider/Divider.js.map +1 -1
- package/dist-cjs/drawer/Drawer.js +13 -114
- package/dist-cjs/drawer/Drawer.js.map +1 -1
- package/dist-cjs/drawer/DrawerCloseButton.js +8 -110
- package/dist-cjs/drawer/DrawerCloseButton.js.map +1 -1
- package/dist-cjs/dropdown/Dropdown.js +34 -133
- package/dist-cjs/dropdown/Dropdown.js.map +1 -1
- package/dist-cjs/file-drop-zone/FileDropZone.js +21 -116
- package/dist-cjs/file-drop-zone/FileDropZone.js.map +1 -1
- package/dist-cjs/file-drop-zone/FileDropZoneIcon.js +2 -9
- package/dist-cjs/file-drop-zone/FileDropZoneIcon.js.map +1 -1
- package/dist-cjs/file-drop-zone/FileDropZoneTrigger.js +14 -110
- package/dist-cjs/file-drop-zone/FileDropZoneTrigger.js.map +1 -1
- package/dist-cjs/file-drop-zone/internal/utils.js +1 -4
- package/dist-cjs/file-drop-zone/internal/utils.js.map +1 -1
- package/dist-cjs/flex-item/FlexItem.js +10 -106
- package/dist-cjs/flex-item/FlexItem.js.map +1 -1
- package/dist-cjs/flex-layout/FlexLayout.js +21 -117
- package/dist-cjs/flex-layout/FlexLayout.js.map +1 -1
- package/dist-cjs/flow-layout/FlowLayout.js +1 -9
- package/dist-cjs/flow-layout/FlowLayout.js.map +1 -1
- package/dist-cjs/form-field/FormField.js +30 -121
- package/dist-cjs/form-field/FormField.js.map +1 -1
- package/dist-cjs/form-field/FormFieldHelperText.js +24 -114
- package/dist-cjs/form-field/FormFieldHelperText.js.map +1 -1
- package/dist-cjs/form-field/FormFieldLabel.js +15 -106
- package/dist-cjs/form-field/FormFieldLabel.js.map +1 -1
- package/dist-cjs/form-field-context/FormFieldContext.js +0 -100
- package/dist-cjs/form-field-context/FormFieldContext.js.map +1 -1
- package/dist-cjs/form-field-context/useFormFieldProps.js +0 -2
- package/dist-cjs/form-field-context/useFormFieldProps.js.map +1 -1
- package/dist-cjs/grid-item/GridItem.js +10 -106
- package/dist-cjs/grid-item/GridItem.js.map +1 -1
- package/dist-cjs/grid-layout/GridLayout.js +13 -109
- package/dist-cjs/grid-layout/GridLayout.js.map +1 -1
- package/dist-cjs/index.js +0 -2
- package/dist-cjs/index.js.map +1 -1
- package/dist-cjs/input/Input.js +49 -149
- package/dist-cjs/input/Input.js.map +1 -1
- package/dist-cjs/interactable-card/InteractableCard.js +28 -122
- package/dist-cjs/interactable-card/InteractableCard.js.map +1 -1
- package/dist-cjs/interactable-card/InteractableCardGroup.js +9 -106
- package/dist-cjs/interactable-card/InteractableCardGroup.js.map +1 -1
- package/dist-cjs/interactable-card/InteractableCardGroupContext.js +0 -100
- package/dist-cjs/interactable-card/InteractableCardGroupContext.js.map +1 -1
- package/dist-cjs/interactable-card/useInteractableCard.js +0 -2
- package/dist-cjs/interactable-card/useInteractableCard.js.map +1 -1
- package/dist-cjs/link/Link.js +22 -117
- package/dist-cjs/link/Link.js.map +1 -1
- package/dist-cjs/link-card/LinkCard.js +18 -113
- package/dist-cjs/link-card/LinkCard.js.map +1 -1
- package/dist-cjs/list-box/ListBox.js +8 -106
- package/dist-cjs/list-box/ListBox.js.map +1 -1
- package/dist-cjs/list-control/ListControlContext.js +0 -100
- package/dist-cjs/list-control/ListControlContext.js.map +1 -1
- package/dist-cjs/list-control/ListControlState.js +3 -104
- package/dist-cjs/list-control/ListControlState.js.map +1 -1
- package/dist-cjs/menu/Menu.js +2 -10
- package/dist-cjs/menu/Menu.js.map +1 -1
- package/dist-cjs/menu/MenuBase.js +10 -109
- package/dist-cjs/menu/MenuBase.js.map +1 -1
- package/dist-cjs/menu/MenuContext.js +0 -100
- package/dist-cjs/menu/MenuContext.js.map +1 -1
- package/dist-cjs/menu/MenuGroup.js +14 -114
- package/dist-cjs/menu/MenuGroup.js.map +1 -1
- package/dist-cjs/menu/MenuItem.js +51 -143
- package/dist-cjs/menu/MenuItem.js.map +1 -1
- package/dist-cjs/menu/MenuPanel.js +27 -123
- package/dist-cjs/menu/MenuPanel.js.map +1 -1
- package/dist-cjs/menu/MenuPanelBase.js +1 -7
- package/dist-cjs/menu/MenuPanelBase.js.map +1 -1
- package/dist-cjs/menu/MenuPanelContext.js +0 -100
- package/dist-cjs/menu/MenuPanelContext.js.map +1 -1
- package/dist-cjs/menu/MenuTrigger.js +20 -118
- package/dist-cjs/menu/MenuTrigger.js.map +1 -1
- package/dist-cjs/menu/MenuTriggerContext.js +0 -100
- package/dist-cjs/menu/MenuTriggerContext.js.map +1 -1
- package/dist-cjs/multiline-input/MultilineInput.js +54 -161
- package/dist-cjs/multiline-input/MultilineInput.js.map +1 -1
- package/dist-cjs/navigation-item/ExpansionIcon.js +1 -5
- package/dist-cjs/navigation-item/ExpansionIcon.js.map +1 -1
- package/dist-cjs/navigation-item/NavigationItem.js +32 -132
- package/dist-cjs/navigation-item/NavigationItem.js.map +1 -1
- package/dist-cjs/navigation-item/NavigationItemAction.js +0 -102
- package/dist-cjs/navigation-item/NavigationItemAction.js.map +1 -1
- package/dist-cjs/option/Option.js +32 -120
- package/dist-cjs/option/Option.js.map +1 -1
- package/dist-cjs/option/OptionGroup.js +14 -114
- package/dist-cjs/option/OptionGroup.js.map +1 -1
- package/dist-cjs/option/OptionList.js +17 -117
- package/dist-cjs/option/OptionList.js.map +1 -1
- package/dist-cjs/option/OptionListBase.js +9 -105
- package/dist-cjs/option/OptionListBase.js.map +1 -1
- package/dist-cjs/overlay/Overlay.js +18 -114
- package/dist-cjs/overlay/Overlay.js.map +1 -1
- package/dist-cjs/overlay/OverlayContext.js +0 -100
- package/dist-cjs/overlay/OverlayContext.js.map +1 -1
- package/dist-cjs/overlay/OverlayPanel.js +34 -127
- package/dist-cjs/overlay/OverlayPanel.js.map +1 -1
- package/dist-cjs/overlay/OverlayPanelCloseButton.js +7 -109
- package/dist-cjs/overlay/OverlayPanelCloseButton.js.map +1 -1
- package/dist-cjs/overlay/OverlayPanelContent.css.js +1 -1
- package/dist-cjs/overlay/OverlayPanelContent.js +41 -107
- package/dist-cjs/overlay/OverlayPanelContent.js.map +1 -1
- package/dist-cjs/overlay/OverlayTrigger.js +6 -111
- package/dist-cjs/overlay/OverlayTrigger.js.map +1 -1
- package/dist-cjs/pagination/CompactInput.js +20 -114
- package/dist-cjs/pagination/CompactInput.js.map +1 -1
- package/dist-cjs/pagination/CompactPaginator.js +21 -123
- package/dist-cjs/pagination/CompactPaginator.js.map +1 -1
- package/dist-cjs/pagination/GoToInput.js +31 -114
- package/dist-cjs/pagination/GoToInput.js.map +1 -1
- package/dist-cjs/pagination/PageButton.js +17 -112
- package/dist-cjs/pagination/PageButton.js.map +1 -1
- package/dist-cjs/pagination/PageRanges.js +15 -126
- package/dist-cjs/pagination/PageRanges.js.map +1 -1
- package/dist-cjs/pagination/Pagination.js +6 -103
- package/dist-cjs/pagination/Pagination.js.map +1 -1
- package/dist-cjs/pagination/PaginationContext.js +0 -2
- package/dist-cjs/pagination/PaginationContext.js.map +1 -1
- package/dist-cjs/pagination/Paginator.js +19 -121
- package/dist-cjs/pagination/Paginator.js.map +1 -1
- package/dist-cjs/pagination/usePagination.js +0 -2
- package/dist-cjs/pagination/usePagination.js.map +1 -1
- package/dist-cjs/pagination/usePaginationContext.js +0 -2
- package/dist-cjs/pagination/usePaginationContext.js.map +1 -1
- package/dist-cjs/panel/Panel.js +9 -104
- package/dist-cjs/panel/Panel.js.map +1 -1
- package/dist-cjs/parent-child-layout/ParentChildLayout.js +24 -123
- package/dist-cjs/parent-child-layout/ParentChildLayout.js.map +1 -1
- package/dist-cjs/parent-child-layout/useIsViewportLargerThanBreakpoint.js +0 -103
- package/dist-cjs/parent-child-layout/useIsViewportLargerThanBreakpoint.js.map +1 -1
- package/dist-cjs/pill/Pill.js +17 -115
- package/dist-cjs/pill/Pill.js.map +1 -1
- package/dist-cjs/pill-input/PillInput.js +97 -204
- package/dist-cjs/pill-input/PillInput.js.map +1 -1
- package/dist-cjs/pill-input/useTruncatePills.js +0 -2
- package/dist-cjs/pill-input/useTruncatePills.js.map +1 -1
- package/dist-cjs/progress/CircularProgress/CircularProgress.js +44 -153
- package/dist-cjs/progress/CircularProgress/CircularProgress.js.map +1 -1
- package/dist-cjs/progress/LinearProgress/LinearProgress.js +28 -125
- package/dist-cjs/progress/LinearProgress/LinearProgress.js.map +1 -1
- package/dist-cjs/radio-button/RadioButton.css.js +1 -1
- package/dist-cjs/radio-button/RadioButton.js +60 -150
- package/dist-cjs/radio-button/RadioButton.js.map +1 -1
- package/dist-cjs/radio-button/RadioButtonGroup.js +36 -127
- package/dist-cjs/radio-button/RadioButtonGroup.js.map +1 -1
- package/dist-cjs/radio-button/RadioButtonIcon.js +45 -134
- package/dist-cjs/radio-button/RadioButtonIcon.js.map +1 -1
- package/dist-cjs/radio-button/internal/RadioGroupContext.js +0 -101
- package/dist-cjs/radio-button/internal/RadioGroupContext.js.map +1 -1
- package/dist-cjs/radio-button/internal/useRadioGroup.js +0 -2
- package/dist-cjs/radio-button/internal/useRadioGroup.js.map +1 -1
- package/dist-cjs/salt-provider/SaltProvider.js +32 -155
- package/dist-cjs/salt-provider/SaltProvider.js.map +1 -1
- package/dist-cjs/scrim/Scrim.js +16 -111
- package/dist-cjs/scrim/Scrim.js.map +1 -1
- package/dist-cjs/segmented-button-group/SegmentedButtonGroup.js +1 -104
- package/dist-cjs/segmented-button-group/SegmentedButtonGroup.js.map +1 -1
- package/dist-cjs/semantic-icon-provider/SemanticIconProvider.js +1 -6
- package/dist-cjs/semantic-icon-provider/SemanticIconProvider.js.map +1 -1
- package/dist-cjs/spinner/Spinner.js +16 -116
- package/dist-cjs/spinner/Spinner.js.map +1 -1
- package/dist-cjs/spinner/svgSpinners/SpinnerSVG.js +43 -141
- package/dist-cjs/spinner/svgSpinners/SpinnerSVG.js.map +1 -1
- package/dist-cjs/split-layout/SplitLayout.js +13 -107
- package/dist-cjs/split-layout/SplitLayout.js.map +1 -1
- package/dist-cjs/stack-layout/StackLayout.js +21 -116
- package/dist-cjs/stack-layout/StackLayout.js.map +1 -1
- package/dist-cjs/status-adornment/ErrorAdornment.js +5 -11
- package/dist-cjs/status-adornment/ErrorAdornment.js.map +1 -1
- package/dist-cjs/status-adornment/StatusAdornment.js +9 -104
- package/dist-cjs/status-adornment/StatusAdornment.js.map +1 -1
- package/dist-cjs/status-adornment/SuccessAdornment.js +18 -14
- package/dist-cjs/status-adornment/SuccessAdornment.js.map +1 -1
- package/dist-cjs/status-adornment/WarningAdornment.js +1 -12
- package/dist-cjs/status-adornment/WarningAdornment.js.map +1 -1
- package/dist-cjs/status-indicator/StatusIndicator.js +10 -103
- package/dist-cjs/status-indicator/StatusIndicator.js.map +1 -1
- package/dist-cjs/status-indicator/ValidationStatus.js +0 -2
- package/dist-cjs/status-indicator/ValidationStatus.js.map +1 -1
- package/dist-cjs/switch/Switch.js +44 -150
- package/dist-cjs/switch/Switch.js.map +1 -1
- package/dist-cjs/tag/Tag.js +17 -112
- package/dist-cjs/tag/Tag.js.map +1 -1
- package/dist-cjs/text/Code.js +1 -8
- package/dist-cjs/text/Code.js.map +1 -1
- package/dist-cjs/text/Display.js +4 -30
- package/dist-cjs/text/Display.js.map +1 -1
- package/dist-cjs/text/Headings.js +4 -26
- package/dist-cjs/text/Headings.js.map +1 -1
- package/dist-cjs/text/Label.js +1 -8
- package/dist-cjs/text/Label.js.map +1 -1
- package/dist-cjs/text/Text.js +21 -117
- package/dist-cjs/text/Text.js.map +1 -1
- package/dist-cjs/text/TextAction.js +1 -9
- package/dist-cjs/text/TextAction.js.map +1 -1
- package/dist-cjs/text/TextNotation.js +1 -9
- package/dist-cjs/text/TextNotation.js.map +1 -1
- package/dist-cjs/theme/Accent.js +0 -2
- package/dist-cjs/theme/Accent.js.map +1 -1
- package/dist-cjs/theme/ActionFont.js +0 -2
- package/dist-cjs/theme/ActionFont.js.map +1 -1
- package/dist-cjs/theme/Corner.js +0 -2
- package/dist-cjs/theme/Corner.js.map +1 -1
- package/dist-cjs/theme/Density.js +0 -2
- package/dist-cjs/theme/Density.js.map +1 -1
- package/dist-cjs/theme/HeadingFont.js +0 -2
- package/dist-cjs/theme/HeadingFont.js.map +1 -1
- package/dist-cjs/theme/Mode.js +0 -2
- package/dist-cjs/theme/Mode.js.map +1 -1
- package/dist-cjs/theme/Theme.js +0 -2
- package/dist-cjs/theme/Theme.js.map +1 -1
- package/dist-cjs/toast/Toast.js +17 -116
- package/dist-cjs/toast/Toast.js.map +1 -1
- package/dist-cjs/toast/ToastContent.js +1 -104
- package/dist-cjs/toast/ToastContent.js.map +1 -1
- package/dist-cjs/toggle-button/ToggleButton.css.js +1 -1
- package/dist-cjs/toggle-button/ToggleButton.js +18 -111
- package/dist-cjs/toggle-button/ToggleButton.js.map +1 -1
- package/dist-cjs/toggle-button-group/ToggleButtonGroup.js +10 -107
- package/dist-cjs/toggle-button-group/ToggleButtonGroup.js.map +1 -1
- package/dist-cjs/toggle-button-group/ToggleButtonGroupContext.js +0 -100
- package/dist-cjs/toggle-button-group/ToggleButtonGroupContext.js.map +1 -1
- package/dist-cjs/tooltip/Tooltip.js +25 -119
- package/dist-cjs/tooltip/Tooltip.js.map +1 -1
- package/dist-cjs/tooltip/TooltipBase.js +25 -117
- package/dist-cjs/tooltip/TooltipBase.js.map +1 -1
- package/dist-cjs/tooltip/useAriaAnnounce.js +2 -104
- package/dist-cjs/tooltip/useAriaAnnounce.js.map +1 -1
- package/dist-cjs/tooltip/useTooltip.js +4 -103
- package/dist-cjs/tooltip/useTooltip.js.map +1 -1
- package/dist-cjs/utils/capitalize.js +0 -2
- package/dist-cjs/utils/capitalize.js.map +1 -1
- package/dist-cjs/utils/createChainedFunction.js +0 -2
- package/dist-cjs/utils/createChainedFunction.js.map +1 -1
- package/dist-cjs/utils/createContext.js +0 -2
- package/dist-cjs/utils/createContext.js.map +1 -1
- package/dist-cjs/utils/debounce.js +0 -2
- package/dist-cjs/utils/debounce.js.map +1 -1
- package/dist-cjs/utils/getRefFromChildren.js +4 -3
- package/dist-cjs/utils/getRefFromChildren.js.map +1 -1
- package/dist-cjs/utils/makePrefixer.js +0 -2
- package/dist-cjs/utils/makePrefixer.js.map +1 -1
- package/dist-cjs/utils/marginMiddleware.js +0 -2
- package/dist-cjs/utils/marginMiddleware.js.map +1 -1
- package/dist-cjs/utils/mergeProps.js +0 -2
- package/dist-cjs/utils/mergeProps.js.map +1 -1
- package/dist-cjs/utils/ownerDocument.js +0 -2
- package/dist-cjs/utils/ownerDocument.js.map +1 -1
- package/dist-cjs/utils/ownerWindow.js +0 -2
- package/dist-cjs/utils/ownerWindow.js.map +1 -1
- package/dist-cjs/utils/renderProps.js +1 -5
- package/dist-cjs/utils/renderProps.js.map +1 -1
- package/dist-cjs/utils/setRef.js +0 -2
- package/dist-cjs/utils/setRef.js.map +1 -1
- package/dist-cjs/utils/useControlled.js +0 -2
- package/dist-cjs/utils/useControlled.js.map +1 -1
- package/dist-cjs/utils/useEventCallback.js +4 -3
- package/dist-cjs/utils/useEventCallback.js.map +1 -1
- package/dist-cjs/utils/useFloatingUI/useFloatingUI.js +6 -33
- package/dist-cjs/utils/useFloatingUI/useFloatingUI.js.map +1 -1
- package/dist-cjs/utils/useForkRef.js +0 -2
- package/dist-cjs/utils/useForkRef.js.map +1 -1
- package/dist-cjs/utils/useId.js +5 -8
- package/dist-cjs/utils/useId.js.map +1 -1
- package/dist-cjs/utils/useIsFocusVisible.js +0 -2
- package/dist-cjs/utils/useIsFocusVisible.js.map +1 -1
- package/dist-cjs/utils/useIsomorphicLayoutEffect.js +0 -2
- package/dist-cjs/utils/useIsomorphicLayoutEffect.js.map +1 -1
- package/dist-cjs/utils/usePrevious.js +0 -2
- package/dist-cjs/utils/usePrevious.js.map +1 -1
- package/dist-cjs/utils/useResizeObserver.js +5 -7
- package/dist-cjs/utils/useResizeObserver.js.map +1 -1
- package/dist-cjs/utils/useResponsiveProp.js +2 -5
- package/dist-cjs/utils/useResponsiveProp.js.map +1 -1
- package/dist-cjs/utils/useValueEffect.js +1 -108
- package/dist-cjs/utils/useValueEffect.js.map +1 -1
- package/dist-cjs/viewport/ViewportProvider.js +1 -109
- package/dist-cjs/viewport/ViewportProvider.js.map +1 -1
- package/dist-es/accordion/Accordion.js +31 -121
- package/dist-es/accordion/Accordion.js.map +1 -1
- package/dist-es/accordion/AccordionContext.js +0 -99
- package/dist-es/accordion/AccordionContext.js.map +1 -1
- package/dist-es/accordion/AccordionGroup.js +1 -101
- package/dist-es/accordion/AccordionGroup.js.map +1 -1
- package/dist-es/accordion/AccordionHeader.js +33 -134
- package/dist-es/accordion/AccordionHeader.js.map +1 -1
- package/dist-es/accordion/AccordionPanel.js +22 -115
- package/dist-es/accordion/AccordionPanel.js.map +1 -1
- package/dist-es/aria-announcer/AriaAnnounce.js.map +1 -1
- package/dist-es/aria-announcer/AriaAnnouncerContext.js.map +1 -1
- package/dist-es/aria-announcer/AriaAnnouncerProvider.js +8 -8
- package/dist-es/aria-announcer/AriaAnnouncerProvider.js.map +1 -1
- package/dist-es/aria-announcer/useAriaAnnouncer.js +0 -104
- package/dist-es/aria-announcer/useAriaAnnouncer.js.map +1 -1
- package/dist-es/avatar/Avatar.js +18 -115
- package/dist-es/avatar/Avatar.js.map +1 -1
- package/dist-es/avatar/useAvatarImage.js +0 -99
- package/dist-es/avatar/useAvatarImage.js.map +1 -1
- package/dist-es/badge/Badge.js +8 -106
- package/dist-es/badge/Badge.js.map +1 -1
- package/dist-es/banner/Banner.js +18 -113
- package/dist-es/banner/Banner.js.map +1 -1
- package/dist-es/banner/BannerActions.js +1 -101
- package/dist-es/banner/BannerActions.js.map +1 -1
- package/dist-es/banner/BannerContent.js +1 -101
- package/dist-es/banner/BannerContent.js.map +1 -1
- package/dist-es/border-item/BorderItem.js +17 -109
- package/dist-es/border-item/BorderItem.js.map +1 -1
- package/dist-es/border-layout/BorderLayout.js +12 -106
- package/dist-es/border-layout/BorderLayout.js.map +1 -1
- package/dist-es/breakpoints/BreakpointProvider.js +2 -109
- package/dist-es/breakpoints/BreakpointProvider.js.map +1 -1
- package/dist-es/breakpoints/Breakpoints.js.map +1 -1
- package/dist-es/button/Button.js +24 -118
- package/dist-es/button/Button.js.map +1 -1
- package/dist-es/button/useButton.js.map +1 -1
- package/dist-es/card/Card.js +21 -113
- package/dist-es/card/Card.js.map +1 -1
- package/dist-es/checkbox/Checkbox.css.js +1 -1
- package/dist-es/checkbox/Checkbox.js +62 -148
- package/dist-es/checkbox/Checkbox.js.map +1 -1
- package/dist-es/checkbox/CheckboxGroup.js +32 -121
- package/dist-es/checkbox/CheckboxGroup.js.map +1 -1
- package/dist-es/checkbox/CheckboxIcon.js +24 -129
- package/dist-es/checkbox/CheckboxIcon.js.map +1 -1
- package/dist-es/checkbox/internal/CheckboxGroupContext.js +0 -99
- package/dist-es/checkbox/internal/CheckboxGroupContext.js.map +1 -1
- package/dist-es/checkbox/internal/useCheckboxGroup.js.map +1 -1
- package/dist-es/combo-box/ComboBox.js +29 -121
- package/dist-es/combo-box/ComboBox.js.map +1 -1
- package/dist-es/combo-box/useComboBox.js +1 -100
- package/dist-es/combo-box/useComboBox.js.map +1 -1
- package/dist-es/dialog/Dialog.js +38 -141
- package/dist-es/dialog/Dialog.js.map +1 -1
- package/dist-es/dialog/DialogActions.js +1 -102
- package/dist-es/dialog/DialogActions.js.map +1 -1
- package/dist-es/dialog/DialogCloseButton.js +11 -104
- package/dist-es/dialog/DialogCloseButton.js.map +1 -1
- package/dist-es/dialog/DialogContent.css.js +1 -1
- package/dist-es/dialog/DialogContent.js +40 -112
- package/dist-es/dialog/DialogContent.js.map +1 -1
- package/dist-es/dialog/DialogContext.js.map +1 -1
- package/dist-es/dialog/DialogHeader.js +24 -119
- package/dist-es/dialog/DialogHeader.js.map +1 -1
- package/dist-es/divider/Divider.js +15 -108
- package/dist-es/divider/Divider.js.map +1 -1
- package/dist-es/drawer/Drawer.js +13 -112
- package/dist-es/drawer/Drawer.js.map +1 -1
- package/dist-es/drawer/DrawerCloseButton.js +7 -103
- package/dist-es/drawer/DrawerCloseButton.js.map +1 -1
- package/dist-es/dropdown/Dropdown.js +34 -131
- package/dist-es/dropdown/Dropdown.js.map +1 -1
- package/dist-es/file-drop-zone/FileDropZone.js +21 -114
- package/dist-es/file-drop-zone/FileDropZone.js.map +1 -1
- package/dist-es/file-drop-zone/FileDropZoneIcon.js +2 -7
- package/dist-es/file-drop-zone/FileDropZoneIcon.js.map +1 -1
- package/dist-es/file-drop-zone/FileDropZoneTrigger.js +14 -108
- package/dist-es/file-drop-zone/FileDropZoneTrigger.js.map +1 -1
- package/dist-es/file-drop-zone/internal/utils.js +1 -2
- package/dist-es/file-drop-zone/internal/utils.js.map +1 -1
- package/dist-es/flex-item/FlexItem.js +10 -104
- package/dist-es/flex-item/FlexItem.js.map +1 -1
- package/dist-es/flex-layout/FlexLayout.js +21 -115
- package/dist-es/flex-layout/FlexLayout.js.map +1 -1
- package/dist-es/flow-layout/FlowLayout.js +1 -7
- package/dist-es/flow-layout/FlowLayout.js.map +1 -1
- package/dist-es/form-field/FormField.js +30 -119
- package/dist-es/form-field/FormField.js.map +1 -1
- package/dist-es/form-field/FormFieldHelperText.js +24 -108
- package/dist-es/form-field/FormFieldHelperText.js.map +1 -1
- package/dist-es/form-field/FormFieldLabel.js +15 -104
- package/dist-es/form-field/FormFieldLabel.js.map +1 -1
- package/dist-es/form-field-context/FormFieldContext.js +0 -98
- package/dist-es/form-field-context/FormFieldContext.js.map +1 -1
- package/dist-es/form-field-context/useFormFieldProps.js.map +1 -1
- package/dist-es/grid-item/GridItem.js +10 -104
- package/dist-es/grid-item/GridItem.js.map +1 -1
- package/dist-es/grid-layout/GridLayout.js +13 -107
- package/dist-es/grid-layout/GridLayout.js.map +1 -1
- package/dist-es/input/Input.js +49 -147
- package/dist-es/input/Input.js.map +1 -1
- package/dist-es/interactable-card/InteractableCard.js +28 -120
- package/dist-es/interactable-card/InteractableCard.js.map +1 -1
- package/dist-es/interactable-card/InteractableCardGroup.js +9 -104
- package/dist-es/interactable-card/InteractableCardGroup.js.map +1 -1
- package/dist-es/interactable-card/InteractableCardGroupContext.js +0 -98
- package/dist-es/interactable-card/InteractableCardGroupContext.js.map +1 -1
- package/dist-es/interactable-card/useInteractableCard.js.map +1 -1
- package/dist-es/link/Link.js +22 -115
- package/dist-es/link/Link.js.map +1 -1
- package/dist-es/link-card/LinkCard.js +18 -111
- package/dist-es/link-card/LinkCard.js.map +1 -1
- package/dist-es/list-box/ListBox.js +8 -104
- package/dist-es/list-box/ListBox.js.map +1 -1
- package/dist-es/list-control/ListControlContext.js +0 -98
- package/dist-es/list-control/ListControlContext.js.map +1 -1
- package/dist-es/list-control/ListControlState.js +3 -102
- package/dist-es/list-control/ListControlState.js.map +1 -1
- package/dist-es/menu/Menu.js +2 -8
- package/dist-es/menu/Menu.js.map +1 -1
- package/dist-es/menu/MenuBase.js +10 -107
- package/dist-es/menu/MenuBase.js.map +1 -1
- package/dist-es/menu/MenuContext.js +0 -98
- package/dist-es/menu/MenuContext.js.map +1 -1
- package/dist-es/menu/MenuGroup.js +14 -112
- package/dist-es/menu/MenuGroup.js.map +1 -1
- package/dist-es/menu/MenuItem.js +51 -141
- package/dist-es/menu/MenuItem.js.map +1 -1
- package/dist-es/menu/MenuPanel.js +27 -121
- package/dist-es/menu/MenuPanel.js.map +1 -1
- package/dist-es/menu/MenuPanelBase.js +1 -5
- package/dist-es/menu/MenuPanelBase.js.map +1 -1
- package/dist-es/menu/MenuPanelContext.js +0 -98
- package/dist-es/menu/MenuPanelContext.js.map +1 -1
- package/dist-es/menu/MenuTrigger.js +20 -116
- package/dist-es/menu/MenuTrigger.js.map +1 -1
- package/dist-es/menu/MenuTriggerContext.js +0 -98
- package/dist-es/menu/MenuTriggerContext.js.map +1 -1
- package/dist-es/multiline-input/MultilineInput.js +54 -159
- package/dist-es/multiline-input/MultilineInput.js.map +1 -1
- package/dist-es/navigation-item/ExpansionIcon.js +1 -3
- package/dist-es/navigation-item/ExpansionIcon.js.map +1 -1
- package/dist-es/navigation-item/NavigationItem.js +32 -130
- package/dist-es/navigation-item/NavigationItem.js.map +1 -1
- package/dist-es/navigation-item/NavigationItemAction.js +0 -100
- package/dist-es/navigation-item/NavigationItemAction.js.map +1 -1
- package/dist-es/option/Option.js +32 -118
- package/dist-es/option/Option.js.map +1 -1
- package/dist-es/option/OptionGroup.js +14 -112
- package/dist-es/option/OptionGroup.js.map +1 -1
- package/dist-es/option/OptionList.js +17 -115
- package/dist-es/option/OptionList.js.map +1 -1
- package/dist-es/option/OptionListBase.js +9 -103
- package/dist-es/option/OptionListBase.js.map +1 -1
- package/dist-es/overlay/Overlay.js +18 -112
- package/dist-es/overlay/Overlay.js.map +1 -1
- package/dist-es/overlay/OverlayContext.js +0 -98
- package/dist-es/overlay/OverlayContext.js.map +1 -1
- package/dist-es/overlay/OverlayPanel.js +34 -125
- package/dist-es/overlay/OverlayPanel.js.map +1 -1
- package/dist-es/overlay/OverlayPanelCloseButton.js +7 -103
- package/dist-es/overlay/OverlayPanelCloseButton.js.map +1 -1
- package/dist-es/overlay/OverlayPanelContent.css.js +1 -1
- package/dist-es/overlay/OverlayPanelContent.js +43 -103
- package/dist-es/overlay/OverlayPanelContent.js.map +1 -1
- package/dist-es/overlay/OverlayTrigger.js +6 -109
- package/dist-es/overlay/OverlayTrigger.js.map +1 -1
- package/dist-es/pagination/CompactInput.js +20 -112
- package/dist-es/pagination/CompactInput.js.map +1 -1
- package/dist-es/pagination/CompactPaginator.js +21 -121
- package/dist-es/pagination/CompactPaginator.js.map +1 -1
- package/dist-es/pagination/GoToInput.js +31 -112
- package/dist-es/pagination/GoToInput.js.map +1 -1
- package/dist-es/pagination/PageButton.js +17 -110
- package/dist-es/pagination/PageButton.js.map +1 -1
- package/dist-es/pagination/PageRanges.js +15 -124
- package/dist-es/pagination/PageRanges.js.map +1 -1
- package/dist-es/pagination/Pagination.js +6 -101
- package/dist-es/pagination/Pagination.js.map +1 -1
- package/dist-es/pagination/PaginationContext.js.map +1 -1
- package/dist-es/pagination/Paginator.js +19 -119
- package/dist-es/pagination/Paginator.js.map +1 -1
- package/dist-es/pagination/usePagination.js.map +1 -1
- package/dist-es/pagination/usePaginationContext.js.map +1 -1
- package/dist-es/panel/Panel.js +9 -102
- package/dist-es/panel/Panel.js.map +1 -1
- package/dist-es/parent-child-layout/ParentChildLayout.js +24 -121
- package/dist-es/parent-child-layout/ParentChildLayout.js.map +1 -1
- package/dist-es/parent-child-layout/useIsViewportLargerThanBreakpoint.js +0 -101
- package/dist-es/parent-child-layout/useIsViewportLargerThanBreakpoint.js.map +1 -1
- package/dist-es/pill/Pill.js +17 -109
- package/dist-es/pill/Pill.js.map +1 -1
- package/dist-es/pill-input/PillInput.js +97 -202
- package/dist-es/pill-input/PillInput.js.map +1 -1
- package/dist-es/pill-input/useTruncatePills.js.map +1 -1
- package/dist-es/progress/CircularProgress/CircularProgress.js +44 -151
- package/dist-es/progress/CircularProgress/CircularProgress.js.map +1 -1
- package/dist-es/progress/LinearProgress/LinearProgress.js +28 -123
- package/dist-es/progress/LinearProgress/LinearProgress.js.map +1 -1
- package/dist-es/radio-button/RadioButton.css.js +1 -1
- package/dist-es/radio-button/RadioButton.js +60 -148
- package/dist-es/radio-button/RadioButton.js.map +1 -1
- package/dist-es/radio-button/RadioButtonGroup.js +36 -125
- package/dist-es/radio-button/RadioButtonGroup.js.map +1 -1
- package/dist-es/radio-button/RadioButtonIcon.js +45 -132
- package/dist-es/radio-button/RadioButtonIcon.js.map +1 -1
- package/dist-es/radio-button/internal/RadioGroupContext.js +0 -99
- package/dist-es/radio-button/internal/RadioGroupContext.js.map +1 -1
- package/dist-es/radio-button/internal/useRadioGroup.js.map +1 -1
- package/dist-es/salt-provider/SaltProvider.js +32 -153
- package/dist-es/salt-provider/SaltProvider.js.map +1 -1
- package/dist-es/scrim/Scrim.js +16 -109
- package/dist-es/scrim/Scrim.js.map +1 -1
- package/dist-es/segmented-button-group/SegmentedButtonGroup.js +1 -102
- package/dist-es/segmented-button-group/SegmentedButtonGroup.js.map +1 -1
- package/dist-es/semantic-icon-provider/SemanticIconProvider.js +1 -4
- package/dist-es/semantic-icon-provider/SemanticIconProvider.js.map +1 -1
- package/dist-es/spinner/Spinner.js +16 -114
- package/dist-es/spinner/Spinner.js.map +1 -1
- package/dist-es/spinner/svgSpinners/SpinnerSVG.js +43 -139
- package/dist-es/spinner/svgSpinners/SpinnerSVG.js.map +1 -1
- package/dist-es/split-layout/SplitLayout.js +13 -105
- package/dist-es/split-layout/SplitLayout.js.map +1 -1
- package/dist-es/stack-layout/StackLayout.js +21 -114
- package/dist-es/stack-layout/StackLayout.js.map +1 -1
- package/dist-es/status-adornment/ErrorAdornment.js +5 -9
- package/dist-es/status-adornment/ErrorAdornment.js.map +1 -1
- package/dist-es/status-adornment/StatusAdornment.js +9 -102
- package/dist-es/status-adornment/StatusAdornment.js.map +1 -1
- package/dist-es/status-adornment/SuccessAdornment.js +18 -12
- package/dist-es/status-adornment/SuccessAdornment.js.map +1 -1
- package/dist-es/status-adornment/WarningAdornment.js +1 -10
- package/dist-es/status-adornment/WarningAdornment.js.map +1 -1
- package/dist-es/status-indicator/StatusIndicator.js +10 -101
- package/dist-es/status-indicator/StatusIndicator.js.map +1 -1
- package/dist-es/status-indicator/ValidationStatus.js.map +1 -1
- package/dist-es/switch/Switch.js +44 -148
- package/dist-es/switch/Switch.js.map +1 -1
- package/dist-es/tag/Tag.js +17 -110
- package/dist-es/tag/Tag.js.map +1 -1
- package/dist-es/text/Code.js +1 -6
- package/dist-es/text/Code.js.map +1 -1
- package/dist-es/text/Display.js +4 -28
- package/dist-es/text/Display.js.map +1 -1
- package/dist-es/text/Headings.js +4 -24
- package/dist-es/text/Headings.js.map +1 -1
- package/dist-es/text/Label.js +1 -6
- package/dist-es/text/Label.js.map +1 -1
- package/dist-es/text/Text.js +21 -115
- package/dist-es/text/Text.js.map +1 -1
- package/dist-es/text/TextAction.js +1 -7
- package/dist-es/text/TextAction.js.map +1 -1
- package/dist-es/text/TextNotation.js +1 -7
- package/dist-es/text/TextNotation.js.map +1 -1
- package/dist-es/theme/Accent.js.map +1 -1
- package/dist-es/theme/ActionFont.js.map +1 -1
- package/dist-es/theme/Corner.js.map +1 -1
- package/dist-es/theme/HeadingFont.js.map +1 -1
- package/dist-es/theme/Theme.js.map +1 -1
- package/dist-es/toast/Toast.js +17 -114
- package/dist-es/toast/Toast.js.map +1 -1
- package/dist-es/toast/ToastContent.js +1 -102
- package/dist-es/toast/ToastContent.js.map +1 -1
- package/dist-es/toggle-button/ToggleButton.css.js +1 -1
- package/dist-es/toggle-button/ToggleButton.js +18 -109
- package/dist-es/toggle-button/ToggleButton.js.map +1 -1
- package/dist-es/toggle-button-group/ToggleButtonGroup.js +10 -105
- package/dist-es/toggle-button-group/ToggleButtonGroup.js.map +1 -1
- package/dist-es/toggle-button-group/ToggleButtonGroupContext.js +0 -98
- package/dist-es/toggle-button-group/ToggleButtonGroupContext.js.map +1 -1
- package/dist-es/tooltip/Tooltip.js +25 -117
- package/dist-es/tooltip/Tooltip.js.map +1 -1
- package/dist-es/tooltip/TooltipBase.js +25 -115
- package/dist-es/tooltip/TooltipBase.js.map +1 -1
- package/dist-es/tooltip/useAriaAnnounce.js +2 -102
- package/dist-es/tooltip/useAriaAnnounce.js.map +1 -1
- package/dist-es/tooltip/useTooltip.js +4 -101
- package/dist-es/tooltip/useTooltip.js.map +1 -1
- package/dist-es/utils/capitalize.js.map +1 -1
- package/dist-es/utils/createChainedFunction.js.map +1 -1
- package/dist-es/utils/createContext.js.map +1 -1
- package/dist-es/utils/debounce.js.map +1 -1
- package/dist-es/utils/getRefFromChildren.js +4 -1
- package/dist-es/utils/getRefFromChildren.js.map +1 -1
- package/dist-es/utils/marginMiddleware.js.map +1 -1
- package/dist-es/utils/mergeProps.js.map +1 -1
- package/dist-es/utils/ownerDocument.js.map +1 -1
- package/dist-es/utils/ownerWindow.js.map +1 -1
- package/dist-es/utils/renderProps.js +1 -3
- package/dist-es/utils/renderProps.js.map +1 -1
- package/dist-es/utils/setRef.js.map +1 -1
- package/dist-es/utils/useControlled.js.map +1 -1
- package/dist-es/utils/useEventCallback.js +4 -1
- package/dist-es/utils/useEventCallback.js.map +1 -1
- package/dist-es/utils/useFloatingUI/useFloatingUI.js +6 -31
- package/dist-es/utils/useFloatingUI/useFloatingUI.js.map +1 -1
- package/dist-es/utils/useForkRef.js.map +1 -1
- package/dist-es/utils/useId.js +2 -2
- package/dist-es/utils/useId.js.map +1 -1
- package/dist-es/utils/useIsFocusVisible.js.map +1 -1
- package/dist-es/utils/usePrevious.js.map +1 -1
- package/dist-es/utils/useResizeObserver.js +5 -5
- package/dist-es/utils/useResizeObserver.js.map +1 -1
- package/dist-es/utils/useResponsiveProp.js +2 -3
- package/dist-es/utils/useResponsiveProp.js.map +1 -1
- package/dist-es/utils/useValueEffect.js +1 -106
- package/dist-es/utils/useValueEffect.js.map +1 -1
- package/dist-es/viewport/ViewportProvider.js +1 -107
- package/dist-es/viewport/ViewportProvider.js.map +1 -1
- package/dist-types/file-drop-zone/FileDropZoneIcon.d.ts +1 -1
- package/package.json +8 -7
|
@@ -8,102 +8,6 @@ import '../utils/useFloatingUI/useFloatingUI.js';
|
|
|
8
8
|
import '../utils/useId.js';
|
|
9
9
|
import '../salt-provider/SaltProvider.js';
|
|
10
10
|
import '../viewport/ViewportProvider.js';
|
|
11
|
-
import '../accordion/AccordionGroup.js';
|
|
12
|
-
import '../accordion/AccordionPanel.js';
|
|
13
|
-
import '../accordion/Accordion.js';
|
|
14
|
-
import '../accordion/AccordionHeader.js';
|
|
15
|
-
import '../aria-announcer/AriaAnnouncerContext.js';
|
|
16
|
-
import '../avatar/Avatar.js';
|
|
17
|
-
import '../badge/Badge.js';
|
|
18
|
-
import '../banner/Banner.js';
|
|
19
|
-
import '../banner/BannerActions.js';
|
|
20
|
-
import '../banner/BannerContent.js';
|
|
21
|
-
import '../border-item/BorderItem.js';
|
|
22
|
-
import '../border-layout/BorderLayout.js';
|
|
23
|
-
import '../breakpoints/BreakpointProvider.js';
|
|
24
|
-
import '../button/Button.js';
|
|
25
|
-
import '../card/Card.js';
|
|
26
|
-
import '../checkbox/Checkbox.js';
|
|
27
|
-
import '../checkbox/CheckboxGroup.js';
|
|
28
|
-
import '@salt-ds/icons';
|
|
29
|
-
import '../combo-box/ComboBox.js';
|
|
30
|
-
import '../dialog/Dialog.js';
|
|
31
|
-
import '../dialog/DialogHeader.js';
|
|
32
|
-
import '../dialog/DialogActions.js';
|
|
33
|
-
import '../dialog/DialogContent.js';
|
|
34
|
-
import '../dialog/DialogContext.js';
|
|
35
|
-
import '../dialog/DialogCloseButton.js';
|
|
36
|
-
import '../drawer/Drawer.js';
|
|
37
|
-
import '../drawer/DrawerCloseButton.js';
|
|
38
|
-
import '../dropdown/Dropdown.js';
|
|
39
|
-
import '../file-drop-zone/FileDropZone.js';
|
|
40
|
-
import '../file-drop-zone/FileDropZoneIcon.js';
|
|
41
|
-
import '../file-drop-zone/FileDropZoneTrigger.js';
|
|
42
|
-
import '../flex-item/FlexItem.js';
|
|
43
|
-
import '../flex-layout/FlexLayout.js';
|
|
44
|
-
import '../flow-layout/FlowLayout.js';
|
|
45
|
-
import '../form-field/FormField.js';
|
|
46
|
-
import '../form-field-context/FormFieldContext.js';
|
|
47
|
-
import '../status-indicator/StatusIndicator.js';
|
|
48
|
-
import '../text/Text.js';
|
|
49
|
-
import '../text/Code.js';
|
|
50
|
-
import '../text/Display.js';
|
|
51
|
-
import '../text/Headings.js';
|
|
52
|
-
import '../text/Label.js';
|
|
53
|
-
import '../text/TextAction.js';
|
|
54
|
-
import '../text/TextNotation.js';
|
|
55
|
-
import '../grid-item/GridItem.js';
|
|
56
|
-
import '../grid-layout/GridLayout.js';
|
|
57
|
-
import '../input/Input.js';
|
|
58
|
-
import '../interactable-card/InteractableCard.js';
|
|
59
|
-
import '../interactable-card/InteractableCardGroup.js';
|
|
60
|
-
import '../interactable-card/InteractableCardGroupContext.js';
|
|
61
|
-
import '../link/Link.js';
|
|
62
|
-
import '../link-card/LinkCard.js';
|
|
63
|
-
import '../list-box/ListBox.js';
|
|
64
|
-
import '../list-control/ListControlContext.js';
|
|
65
|
-
import '@floating-ui/react';
|
|
66
|
-
import '../menu/MenuContext.js';
|
|
67
|
-
import '../menu/MenuItem.js';
|
|
68
|
-
import '../menu/MenuPanel.js';
|
|
69
|
-
import '../menu/MenuPanelContext.js';
|
|
70
|
-
import '../menu/MenuTriggerContext.js';
|
|
71
|
-
import '../menu/MenuGroup.js';
|
|
72
|
-
import '../multiline-input/MultilineInput.js';
|
|
73
|
-
import '../navigation-item/NavigationItem.js';
|
|
74
|
-
import '../option/Option.js';
|
|
75
|
-
import '../option/OptionGroup.js';
|
|
76
|
-
import '../overlay/OverlayContext.js';
|
|
77
|
-
import '../overlay/OverlayPanel.js';
|
|
78
|
-
import '../overlay/OverlayPanelCloseButton.js';
|
|
79
|
-
import '../overlay/OverlayPanelContent.js';
|
|
80
|
-
import '../pagination/Pagination.js';
|
|
81
|
-
import '../pagination/Paginator.js';
|
|
82
|
-
import '../pagination/CompactInput.js';
|
|
83
|
-
import '../pagination/CompactPaginator.js';
|
|
84
|
-
import '../pagination/GoToInput.js';
|
|
85
|
-
import '../panel/Panel.js';
|
|
86
|
-
import '../parent-child-layout/ParentChildLayout.js';
|
|
87
|
-
import '../pill/Pill.js';
|
|
88
|
-
import '../progress/CircularProgress/CircularProgress.js';
|
|
89
|
-
import '../progress/LinearProgress/LinearProgress.js';
|
|
90
|
-
import '../radio-button/RadioButton.js';
|
|
91
|
-
import '../radio-button/RadioButtonGroup.js';
|
|
92
|
-
import '../scrim/Scrim.js';
|
|
93
|
-
import '../segmented-button-group/SegmentedButtonGroup.js';
|
|
94
|
-
import '../spinner/Spinner.js';
|
|
95
|
-
import '../stack-layout/StackLayout.js';
|
|
96
|
-
import '../status-adornment/StatusAdornment.js';
|
|
97
|
-
import '../toast/Toast.js';
|
|
98
|
-
import '../toast/ToastContent.js';
|
|
99
|
-
import '../split-layout/SplitLayout.js';
|
|
100
|
-
import '../switch/Switch.js';
|
|
101
|
-
import '../tag/Tag.js';
|
|
102
|
-
import '../toggle-button/ToggleButton.js';
|
|
103
|
-
import '../toggle-button-group/ToggleButtonGroup.js';
|
|
104
|
-
import '../toggle-button-group/ToggleButtonGroupContext.js';
|
|
105
|
-
import '../tooltip/Tooltip.js';
|
|
106
|
-
import '../semantic-icon-provider/SemanticIconProvider.js';
|
|
107
11
|
import css_248z from './Divider.css.js';
|
|
108
12
|
|
|
109
13
|
const withBaseName = makePrefixer("saltDivider");
|
|
@@ -121,18 +25,21 @@ const Divider = forwardRef(
|
|
|
121
25
|
css: css_248z,
|
|
122
26
|
window: targetWindow
|
|
123
27
|
});
|
|
124
|
-
return /* @__PURE__ */ jsx(
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
28
|
+
return /* @__PURE__ */ jsx(
|
|
29
|
+
"div",
|
|
30
|
+
{
|
|
31
|
+
className: clsx(
|
|
32
|
+
withBaseName(),
|
|
33
|
+
withBaseName(orientation),
|
|
34
|
+
withBaseName(variant),
|
|
35
|
+
className
|
|
36
|
+
),
|
|
37
|
+
"aria-orientation": orientation,
|
|
38
|
+
role: "separator",
|
|
39
|
+
ref,
|
|
40
|
+
...rest
|
|
41
|
+
}
|
|
42
|
+
);
|
|
136
43
|
}
|
|
137
44
|
);
|
|
138
45
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Divider.js","sources":["../src/divider/Divider.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { type ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { makePrefixer } from \"../utils\";\nimport dividerCss from \"./Divider.css\";\n\nexport interface DividerProps extends ComponentPropsWithoutRef<\"div\"> {\n /**\n * The orientation of the divider. Defaults to `\"horizontal\"`.\n */\n orientation?: \"horizontal\" | \"vertical\";\n /**\n * The variant of the divider. Defaults to `\"primary\"`.\n */\n variant?: \"primary\" | \"secondary\" | \"tertiary\";\n}\n\nconst withBaseName = makePrefixer(\"saltDivider\");\n\nexport const Divider = forwardRef<HTMLDivElement, DividerProps>(\n function Divider(props, ref) {\n const {\n className,\n orientation = \"horizontal\",\n variant = \"primary\",\n ...rest\n } = props;\n\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-divider\",\n css: dividerCss,\n window: targetWindow,\n });\n\n return (\n <div\n className={clsx(\n withBaseName(),\n withBaseName(orientation),\n withBaseName(variant),\n className,\n )}\n aria-orientation={orientation}\n role=\"separator\"\n ref={ref}\n {...rest}\n />\n );\n },\n);\n"],"names":["Divider","dividerCss"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Divider.js","sources":["../src/divider/Divider.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { type ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { makePrefixer } from \"../utils\";\nimport dividerCss from \"./Divider.css\";\n\nexport interface DividerProps extends ComponentPropsWithoutRef<\"div\"> {\n /**\n * The orientation of the divider. Defaults to `\"horizontal\"`.\n */\n orientation?: \"horizontal\" | \"vertical\";\n /**\n * The variant of the divider. Defaults to `\"primary\"`.\n */\n variant?: \"primary\" | \"secondary\" | \"tertiary\";\n}\n\nconst withBaseName = makePrefixer(\"saltDivider\");\n\nexport const Divider = forwardRef<HTMLDivElement, DividerProps>(\n function Divider(props, ref) {\n const {\n className,\n orientation = \"horizontal\",\n variant = \"primary\",\n ...rest\n } = props;\n\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-divider\",\n css: dividerCss,\n window: targetWindow,\n });\n\n return (\n <div\n className={clsx(\n withBaseName(),\n withBaseName(orientation),\n withBaseName(variant),\n className,\n )}\n aria-orientation={orientation}\n role=\"separator\"\n ref={ref}\n {...rest}\n />\n );\n },\n);\n"],"names":["Divider","dividerCss"],"mappings":";;;;;;;;;;;;AAkBA,MAAM,YAAA,GAAe,aAAa,aAAa,CAAA;AAExC,MAAM,OAAU,GAAA,UAAA;AAAA,EACrB,SAASA,QAAQ,CAAA,KAAA,EAAO,GAAK,EAAA;AAC3B,IAAM,MAAA;AAAA,MACJ,SAAA;AAAA,MACA,WAAc,GAAA,YAAA;AAAA,MACd,OAAU,GAAA,SAAA;AAAA,MACV,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,cAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA;AAAA,KACT,CAAA;AAED,IACE,uBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAA,IAAA;AAAA,UACT,YAAa,EAAA;AAAA,UACb,aAAa,WAAW,CAAA;AAAA,UACxB,aAAa,OAAO,CAAA;AAAA,UACpB;AAAA,SACF;AAAA,QACA,kBAAkB,EAAA,WAAA;AAAA,QAClB,IAAK,EAAA,WAAA;AAAA,QACL,GAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA;AAGN;;;;"}
|
package/dist-es/drawer/Drawer.js
CHANGED
|
@@ -11,119 +11,20 @@ import { useForkRef } from '../utils/useForkRef.js';
|
|
|
11
11
|
import '../utils/useId.js';
|
|
12
12
|
import '../salt-provider/SaltProvider.js';
|
|
13
13
|
import '../viewport/ViewportProvider.js';
|
|
14
|
-
import '../accordion/AccordionGroup.js';
|
|
15
|
-
import '../accordion/AccordionPanel.js';
|
|
16
|
-
import '../accordion/Accordion.js';
|
|
17
|
-
import '../accordion/AccordionHeader.js';
|
|
18
|
-
import '../aria-announcer/AriaAnnouncerContext.js';
|
|
19
|
-
import '../avatar/Avatar.js';
|
|
20
|
-
import '../badge/Badge.js';
|
|
21
|
-
import '../banner/Banner.js';
|
|
22
|
-
import '../banner/BannerActions.js';
|
|
23
|
-
import '../banner/BannerContent.js';
|
|
24
|
-
import '../border-item/BorderItem.js';
|
|
25
|
-
import '../border-layout/BorderLayout.js';
|
|
26
|
-
import '../breakpoints/BreakpointProvider.js';
|
|
27
|
-
import '../button/Button.js';
|
|
28
|
-
import '../card/Card.js';
|
|
29
|
-
import '../checkbox/Checkbox.js';
|
|
30
|
-
import '../checkbox/CheckboxGroup.js';
|
|
31
|
-
import '@salt-ds/icons';
|
|
32
|
-
import '../combo-box/ComboBox.js';
|
|
33
|
-
import '../dialog/Dialog.js';
|
|
34
|
-
import '../dialog/DialogHeader.js';
|
|
35
|
-
import '../dialog/DialogActions.js';
|
|
36
|
-
import '../dialog/DialogContent.js';
|
|
37
|
-
import '../dialog/DialogContext.js';
|
|
38
|
-
import '../dialog/DialogCloseButton.js';
|
|
39
|
-
import '../divider/Divider.js';
|
|
40
|
-
import './DrawerCloseButton.js';
|
|
41
|
-
import '../dropdown/Dropdown.js';
|
|
42
|
-
import '../file-drop-zone/FileDropZone.js';
|
|
43
|
-
import '../file-drop-zone/FileDropZoneIcon.js';
|
|
44
|
-
import '../file-drop-zone/FileDropZoneTrigger.js';
|
|
45
|
-
import '../flex-item/FlexItem.js';
|
|
46
|
-
import '../flex-layout/FlexLayout.js';
|
|
47
|
-
import '../flow-layout/FlowLayout.js';
|
|
48
|
-
import '../form-field/FormField.js';
|
|
49
|
-
import '../form-field-context/FormFieldContext.js';
|
|
50
|
-
import '../status-indicator/StatusIndicator.js';
|
|
51
|
-
import '../text/Text.js';
|
|
52
|
-
import '../text/Code.js';
|
|
53
|
-
import '../text/Display.js';
|
|
54
|
-
import '../text/Headings.js';
|
|
55
|
-
import '../text/Label.js';
|
|
56
|
-
import '../text/TextAction.js';
|
|
57
|
-
import '../text/TextNotation.js';
|
|
58
|
-
import '../grid-item/GridItem.js';
|
|
59
|
-
import '../grid-layout/GridLayout.js';
|
|
60
|
-
import '../input/Input.js';
|
|
61
|
-
import '../interactable-card/InteractableCard.js';
|
|
62
|
-
import '../interactable-card/InteractableCardGroup.js';
|
|
63
|
-
import '../interactable-card/InteractableCardGroupContext.js';
|
|
64
|
-
import '../link/Link.js';
|
|
65
|
-
import '../link-card/LinkCard.js';
|
|
66
|
-
import '../list-box/ListBox.js';
|
|
67
|
-
import '../list-control/ListControlContext.js';
|
|
68
|
-
import '../menu/MenuContext.js';
|
|
69
|
-
import '../menu/MenuItem.js';
|
|
70
|
-
import '../menu/MenuPanel.js';
|
|
71
|
-
import '../menu/MenuPanelContext.js';
|
|
72
|
-
import '../menu/MenuTriggerContext.js';
|
|
73
|
-
import '../menu/MenuGroup.js';
|
|
74
|
-
import '../multiline-input/MultilineInput.js';
|
|
75
|
-
import '../navigation-item/NavigationItem.js';
|
|
76
|
-
import '../option/Option.js';
|
|
77
|
-
import '../option/OptionGroup.js';
|
|
78
|
-
import '../overlay/OverlayContext.js';
|
|
79
|
-
import '../overlay/OverlayPanel.js';
|
|
80
|
-
import '../overlay/OverlayPanelCloseButton.js';
|
|
81
|
-
import '../overlay/OverlayPanelContent.js';
|
|
82
|
-
import '../pagination/Pagination.js';
|
|
83
|
-
import '../pagination/Paginator.js';
|
|
84
|
-
import '../pagination/CompactInput.js';
|
|
85
|
-
import '../pagination/CompactPaginator.js';
|
|
86
|
-
import '../pagination/GoToInput.js';
|
|
87
|
-
import '../panel/Panel.js';
|
|
88
|
-
import '../parent-child-layout/ParentChildLayout.js';
|
|
89
|
-
import '../pill/Pill.js';
|
|
90
|
-
import '../progress/CircularProgress/CircularProgress.js';
|
|
91
|
-
import '../progress/LinearProgress/LinearProgress.js';
|
|
92
|
-
import '../radio-button/RadioButton.js';
|
|
93
|
-
import '../radio-button/RadioButtonGroup.js';
|
|
94
|
-
import '../segmented-button-group/SegmentedButtonGroup.js';
|
|
95
|
-
import '../spinner/Spinner.js';
|
|
96
|
-
import '../stack-layout/StackLayout.js';
|
|
97
|
-
import '../status-adornment/StatusAdornment.js';
|
|
98
|
-
import '../toast/Toast.js';
|
|
99
|
-
import '../toast/ToastContent.js';
|
|
100
|
-
import '../split-layout/SplitLayout.js';
|
|
101
|
-
import '../switch/Switch.js';
|
|
102
|
-
import '../tag/Tag.js';
|
|
103
|
-
import '../toggle-button/ToggleButton.js';
|
|
104
|
-
import '../toggle-button-group/ToggleButtonGroup.js';
|
|
105
|
-
import '../toggle-button-group/ToggleButtonGroupContext.js';
|
|
106
|
-
import '../tooltip/Tooltip.js';
|
|
107
|
-
import '../semantic-icon-provider/SemanticIconProvider.js';
|
|
108
14
|
import css_248z from './Drawer.css.js';
|
|
109
15
|
|
|
110
16
|
const ConditionalScrimWrapper = ({
|
|
111
17
|
condition,
|
|
112
18
|
children
|
|
113
19
|
}) => {
|
|
114
|
-
return condition ? /* @__PURE__ */ jsxs(Scrim, {
|
|
115
|
-
|
|
116
|
-
children
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
})
|
|
122
|
-
children: [
|
|
123
|
-
children,
|
|
124
|
-
" "
|
|
125
|
-
]
|
|
126
|
-
});
|
|
20
|
+
return condition ? /* @__PURE__ */ jsxs(Scrim, { fixed: true, children: [
|
|
21
|
+
" ",
|
|
22
|
+
children,
|
|
23
|
+
" "
|
|
24
|
+
] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
25
|
+
children,
|
|
26
|
+
" "
|
|
27
|
+
] });
|
|
127
28
|
};
|
|
128
29
|
const withBaseName = makePrefixer("saltDrawer");
|
|
129
30
|
const Drawer = forwardRef(
|
|
@@ -168,9 +69,9 @@ const Drawer = forwardRef(
|
|
|
168
69
|
return () => clearTimeout(animate);
|
|
169
70
|
}
|
|
170
71
|
}, [open, showComponent]);
|
|
171
|
-
return /* @__PURE__ */ jsx(ConditionalScrimWrapper, {
|
|
172
|
-
|
|
173
|
-
|
|
72
|
+
return /* @__PURE__ */ jsx(ConditionalScrimWrapper, { condition: showComponent && !disableScrim, children: /* @__PURE__ */ jsx(
|
|
73
|
+
FloatingComponent,
|
|
74
|
+
{
|
|
174
75
|
open: showComponent,
|
|
175
76
|
ref: handleRef,
|
|
176
77
|
role: "dialog",
|
|
@@ -193,8 +94,8 @@ const Drawer = forwardRef(
|
|
|
193
94
|
...getFloatingProps(),
|
|
194
95
|
...rest,
|
|
195
96
|
children
|
|
196
|
-
}
|
|
197
|
-
});
|
|
97
|
+
}
|
|
98
|
+
) });
|
|
198
99
|
}
|
|
199
100
|
);
|
|
200
101
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.js","sources":["../src/drawer/Drawer.tsx"],"sourcesContent":["import { useClick, useDismiss, useInteractions } from \"@floating-ui/react\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n type ComponentPropsWithoutRef,\n type PropsWithChildren,\n forwardRef,\n useEffect,\n useState,\n} from \"react\";\nimport { Scrim } from \"../scrim\";\nimport {\n makePrefixer,\n useFloatingComponent,\n useFloatingUI,\n useForkRef,\n} from \"../utils\";\nimport drawerCss from \"./Drawer.css\";\n\ninterface ConditionalScrimWrapperProps extends PropsWithChildren {\n condition: boolean;\n}\n\nconst ConditionalScrimWrapper = ({\n condition,\n children,\n}: ConditionalScrimWrapperProps) => {\n return condition ? <Scrim fixed> {children} </Scrim> : <>{children} </>;\n};\n\nexport interface DrawerProps extends ComponentPropsWithoutRef<\"div\"> {\n /**\n * Defines the drawer position within the screen. Defaults to `left`.\n */\n position?: \"left\" | \"top\" | \"right\" | \"bottom\";\n /**\n * Display or hide the component.\n */\n open?: boolean;\n /**\n * Callback function triggered when open state changes.\n */\n onOpenChange?: (newOpen: boolean) => void;\n /**\n * Change background color palette\n */\n variant?: \"primary\" | \"secondary\";\n /**\n * Prevent the dialog closing on click away\n * */\n disableDismiss?: boolean;\n /**\n * Prevent Scrim from rendering\n * */\n disableScrim?: boolean;\n}\n\nconst withBaseName = makePrefixer(\"saltDrawer\");\n\nexport const Drawer = forwardRef<HTMLDivElement, DrawerProps>(\n function Drawer(props, ref) {\n const {\n children,\n className,\n position = \"left\",\n open = false,\n onOpenChange,\n variant = \"primary\",\n disableDismiss,\n disableScrim,\n ...rest\n } = props;\n\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-drawer\",\n css: drawerCss,\n window: targetWindow,\n });\n\n const [showComponent, setShowComponent] = useState(false);\n const { Component: FloatingComponent } = useFloatingComponent();\n\n const { context, floating, elements } = useFloatingUI({\n open: showComponent,\n onOpenChange,\n });\n\n const { getFloatingProps } = useInteractions([\n useClick(context),\n useDismiss(context, { enabled: !disableDismiss }),\n ]);\n\n const handleRef = useForkRef<HTMLDivElement>(floating, ref);\n\n useEffect(() => {\n if (open && !showComponent) {\n setShowComponent(true);\n }\n\n if (!open && showComponent) {\n const animate = setTimeout(() => {\n setShowComponent(false);\n }, 300); // var(--salt-duration-perceptible)\n return () => clearTimeout(animate);\n }\n }, [open, showComponent]);\n\n return (\n <ConditionalScrimWrapper condition={showComponent && !disableScrim}>\n <FloatingComponent\n open={showComponent}\n ref={handleRef}\n role={\"dialog\"}\n width={elements.floating?.offsetWidth}\n height={elements.floating?.offsetHeight}\n aria-modal=\"true\"\n focusManagerProps={{\n context: context,\n }}\n className={clsx(\n withBaseName(),\n withBaseName(position),\n {\n [withBaseName(\"enterAnimation\")]: open,\n [withBaseName(\"exitAnimation\")]: !open,\n [withBaseName(variant)]: variant,\n },\n className,\n )}\n {...getFloatingProps()}\n {...rest}\n >\n {children}\n </FloatingComponent>\n </ConditionalScrimWrapper>\n );\n },\n);\n"],"names":["Drawer","drawerCss"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Drawer.js","sources":["../src/drawer/Drawer.tsx"],"sourcesContent":["import { useClick, useDismiss, useInteractions } from \"@floating-ui/react\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n type ComponentPropsWithoutRef,\n type PropsWithChildren,\n forwardRef,\n useEffect,\n useState,\n} from \"react\";\nimport { Scrim } from \"../scrim\";\nimport {\n makePrefixer,\n useFloatingComponent,\n useFloatingUI,\n useForkRef,\n} from \"../utils\";\nimport drawerCss from \"./Drawer.css\";\n\ninterface ConditionalScrimWrapperProps extends PropsWithChildren {\n condition: boolean;\n}\n\nconst ConditionalScrimWrapper = ({\n condition,\n children,\n}: ConditionalScrimWrapperProps) => {\n return condition ? <Scrim fixed> {children} </Scrim> : <>{children} </>;\n};\n\nexport interface DrawerProps extends ComponentPropsWithoutRef<\"div\"> {\n /**\n * Defines the drawer position within the screen. Defaults to `left`.\n */\n position?: \"left\" | \"top\" | \"right\" | \"bottom\";\n /**\n * Display or hide the component.\n */\n open?: boolean;\n /**\n * Callback function triggered when open state changes.\n */\n onOpenChange?: (newOpen: boolean) => void;\n /**\n * Change background color palette\n */\n variant?: \"primary\" | \"secondary\";\n /**\n * Prevent the dialog closing on click away\n * */\n disableDismiss?: boolean;\n /**\n * Prevent Scrim from rendering\n * */\n disableScrim?: boolean;\n}\n\nconst withBaseName = makePrefixer(\"saltDrawer\");\n\nexport const Drawer = forwardRef<HTMLDivElement, DrawerProps>(\n function Drawer(props, ref) {\n const {\n children,\n className,\n position = \"left\",\n open = false,\n onOpenChange,\n variant = \"primary\",\n disableDismiss,\n disableScrim,\n ...rest\n } = props;\n\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-drawer\",\n css: drawerCss,\n window: targetWindow,\n });\n\n const [showComponent, setShowComponent] = useState(false);\n const { Component: FloatingComponent } = useFloatingComponent();\n\n const { context, floating, elements } = useFloatingUI({\n open: showComponent,\n onOpenChange,\n });\n\n const { getFloatingProps } = useInteractions([\n useClick(context),\n useDismiss(context, { enabled: !disableDismiss }),\n ]);\n\n const handleRef = useForkRef<HTMLDivElement>(floating, ref);\n\n useEffect(() => {\n if (open && !showComponent) {\n setShowComponent(true);\n }\n\n if (!open && showComponent) {\n const animate = setTimeout(() => {\n setShowComponent(false);\n }, 300); // var(--salt-duration-perceptible)\n return () => clearTimeout(animate);\n }\n }, [open, showComponent]);\n\n return (\n <ConditionalScrimWrapper condition={showComponent && !disableScrim}>\n <FloatingComponent\n open={showComponent}\n ref={handleRef}\n role={\"dialog\"}\n width={elements.floating?.offsetWidth}\n height={elements.floating?.offsetHeight}\n aria-modal=\"true\"\n focusManagerProps={{\n context: context,\n }}\n className={clsx(\n withBaseName(),\n withBaseName(position),\n {\n [withBaseName(\"enterAnimation\")]: open,\n [withBaseName(\"exitAnimation\")]: !open,\n [withBaseName(variant)]: variant,\n },\n className,\n )}\n {...getFloatingProps()}\n {...rest}\n >\n {children}\n </FloatingComponent>\n </ConditionalScrimWrapper>\n );\n },\n);\n"],"names":["Drawer","drawerCss"],"mappings":";;;;;;;;;;;;;;;AAwBA,MAAM,0BAA0B,CAAC;AAAA,EAC/B,SAAA;AAAA,EACA;AACF,CAAoC,KAAA;AAClC,EAAA,OAAO,SAAY,mBAAA,IAAA,CAAC,KAAM,EAAA,EAAA,KAAA,EAAK,IAAC,EAAA,QAAA,EAAA;AAAA,IAAA,GAAA;AAAA,IAAE,QAAA;AAAA,IAAS;AAAA,GAAA,EAAC,oBAAc,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IAAS;AAAA,GAAC,EAAA,CAAA;AACtE,CAAA;AA6BA,MAAM,YAAA,GAAe,aAAa,YAAY,CAAA;AAEvC,MAAM,MAAS,GAAA,UAAA;AAAA,EACpB,SAASA,OAAO,CAAA,KAAA,EAAO,GAAK,EAAA;AA7D9B,IAAA,IAAA,EAAA,EAAA,EAAA;AA8DI,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAW,GAAA,MAAA;AAAA,MACX,IAAO,GAAA,KAAA;AAAA,MACP,YAAA;AAAA,MACA,OAAU,GAAA,SAAA;AAAA,MACV,cAAA;AAAA,MACA,YAAA;AAAA,MACA,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,aAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA;AAAA,KACT,CAAA;AAED,IAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,KAAK,CAAA;AACxD,IAAA,MAAM,EAAE,SAAA,EAAW,iBAAkB,EAAA,GAAI,oBAAqB,EAAA;AAE9D,IAAA,MAAM,EAAE,OAAA,EAAS,QAAU,EAAA,QAAA,KAAa,aAAc,CAAA;AAAA,MACpD,IAAM,EAAA,aAAA;AAAA,MACN;AAAA,KACD,CAAA;AAED,IAAM,MAAA,EAAE,gBAAiB,EAAA,GAAI,eAAgB,CAAA;AAAA,MAC3C,SAAS,OAAO,CAAA;AAAA,MAChB,WAAW,OAAS,EAAA,EAAE,OAAS,EAAA,CAAC,gBAAgB;AAAA,KACjD,CAAA;AAED,IAAM,MAAA,SAAA,GAAY,UAA2B,CAAA,QAAA,EAAU,GAAG,CAAA;AAE1D,IAAA,SAAA,CAAU,MAAM;AACd,MAAI,IAAA,IAAA,IAAQ,CAAC,aAAe,EAAA;AAC1B,QAAA,gBAAA,CAAiB,IAAI,CAAA;AAAA;AAGvB,MAAI,IAAA,CAAC,QAAQ,aAAe,EAAA;AAC1B,QAAM,MAAA,OAAA,GAAU,WAAW,MAAM;AAC/B,UAAA,gBAAA,CAAiB,KAAK,CAAA;AAAA,WACrB,GAAG,CAAA;AACN,QAAO,OAAA,MAAM,aAAa,OAAO,CAAA;AAAA;AACnC,KACC,EAAA,CAAC,IAAM,EAAA,aAAa,CAAC,CAAA;AAExB,IAAA,uBACG,GAAA,CAAA,uBAAA,EAAA,EAAwB,SAAW,EAAA,aAAA,IAAiB,CAAC,YACpD,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAM,EAAA,aAAA;AAAA,QACN,GAAK,EAAA,SAAA;AAAA,QACL,IAAM,EAAA,QAAA;AAAA,QACN,KAAA,EAAA,CAAO,EAAS,GAAA,QAAA,CAAA,QAAA,KAAT,IAAmB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,WAAA;AAAA,QAC1B,MAAA,EAAA,CAAQ,EAAS,GAAA,QAAA,CAAA,QAAA,KAAT,IAAmB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,YAAA;AAAA,QAC3B,YAAW,EAAA,MAAA;AAAA,QACX,iBAAmB,EAAA;AAAA,UACjB;AAAA,SACF;AAAA,QACA,SAAW,EAAA,IAAA;AAAA,UACT,YAAa,EAAA;AAAA,UACb,aAAa,QAAQ,CAAA;AAAA,UACrB;AAAA,YACE,CAAC,YAAA,CAAa,gBAAgB,CAAC,GAAG,IAAA;AAAA,YAClC,CAAC,YAAA,CAAa,eAAe,CAAC,GAAG,CAAC,IAAA;AAAA,YAClC,CAAC,YAAA,CAAa,OAAO,CAAC,GAAG;AAAA,WAC3B;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,gBAAiB,EAAA;AAAA,QACpB,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KAEL,EAAA,CAAA;AAAA;AAGN;;;;"}
|
|
@@ -10,100 +10,6 @@ import '../utils/useFloatingUI/useFloatingUI.js';
|
|
|
10
10
|
import '../utils/useId.js';
|
|
11
11
|
import '../salt-provider/SaltProvider.js';
|
|
12
12
|
import '../viewport/ViewportProvider.js';
|
|
13
|
-
import '../accordion/AccordionGroup.js';
|
|
14
|
-
import '../accordion/AccordionPanel.js';
|
|
15
|
-
import '../accordion/Accordion.js';
|
|
16
|
-
import '../accordion/AccordionHeader.js';
|
|
17
|
-
import '../aria-announcer/AriaAnnouncerContext.js';
|
|
18
|
-
import '../avatar/Avatar.js';
|
|
19
|
-
import '../badge/Badge.js';
|
|
20
|
-
import '../banner/Banner.js';
|
|
21
|
-
import '../banner/BannerActions.js';
|
|
22
|
-
import '../banner/BannerContent.js';
|
|
23
|
-
import '../border-item/BorderItem.js';
|
|
24
|
-
import '../border-layout/BorderLayout.js';
|
|
25
|
-
import '../breakpoints/BreakpointProvider.js';
|
|
26
|
-
import '../card/Card.js';
|
|
27
|
-
import '../checkbox/Checkbox.js';
|
|
28
|
-
import '../checkbox/CheckboxGroup.js';
|
|
29
|
-
import '@salt-ds/icons';
|
|
30
|
-
import '../combo-box/ComboBox.js';
|
|
31
|
-
import '../dialog/Dialog.js';
|
|
32
|
-
import '../dialog/DialogHeader.js';
|
|
33
|
-
import '../dialog/DialogActions.js';
|
|
34
|
-
import '../dialog/DialogContent.js';
|
|
35
|
-
import '../dialog/DialogContext.js';
|
|
36
|
-
import '../dialog/DialogCloseButton.js';
|
|
37
|
-
import '../divider/Divider.js';
|
|
38
|
-
import './Drawer.js';
|
|
39
|
-
import '../dropdown/Dropdown.js';
|
|
40
|
-
import '../file-drop-zone/FileDropZone.js';
|
|
41
|
-
import '../file-drop-zone/FileDropZoneIcon.js';
|
|
42
|
-
import '../file-drop-zone/FileDropZoneTrigger.js';
|
|
43
|
-
import '../flex-item/FlexItem.js';
|
|
44
|
-
import '../flex-layout/FlexLayout.js';
|
|
45
|
-
import '../flow-layout/FlowLayout.js';
|
|
46
|
-
import '../form-field/FormField.js';
|
|
47
|
-
import '../form-field-context/FormFieldContext.js';
|
|
48
|
-
import '../status-indicator/StatusIndicator.js';
|
|
49
|
-
import '../text/Text.js';
|
|
50
|
-
import '../text/Code.js';
|
|
51
|
-
import '../text/Display.js';
|
|
52
|
-
import '../text/Headings.js';
|
|
53
|
-
import '../text/Label.js';
|
|
54
|
-
import '../text/TextAction.js';
|
|
55
|
-
import '../text/TextNotation.js';
|
|
56
|
-
import '../grid-item/GridItem.js';
|
|
57
|
-
import '../grid-layout/GridLayout.js';
|
|
58
|
-
import '../input/Input.js';
|
|
59
|
-
import '../interactable-card/InteractableCard.js';
|
|
60
|
-
import '../interactable-card/InteractableCardGroup.js';
|
|
61
|
-
import '../interactable-card/InteractableCardGroupContext.js';
|
|
62
|
-
import '../link/Link.js';
|
|
63
|
-
import '../link-card/LinkCard.js';
|
|
64
|
-
import '../list-box/ListBox.js';
|
|
65
|
-
import '../list-control/ListControlContext.js';
|
|
66
|
-
import '@floating-ui/react';
|
|
67
|
-
import '../menu/MenuContext.js';
|
|
68
|
-
import '../menu/MenuItem.js';
|
|
69
|
-
import '../menu/MenuPanel.js';
|
|
70
|
-
import '../menu/MenuPanelContext.js';
|
|
71
|
-
import '../menu/MenuTriggerContext.js';
|
|
72
|
-
import '../menu/MenuGroup.js';
|
|
73
|
-
import '../multiline-input/MultilineInput.js';
|
|
74
|
-
import '../navigation-item/NavigationItem.js';
|
|
75
|
-
import '../option/Option.js';
|
|
76
|
-
import '../option/OptionGroup.js';
|
|
77
|
-
import '../overlay/OverlayContext.js';
|
|
78
|
-
import '../overlay/OverlayPanel.js';
|
|
79
|
-
import '../overlay/OverlayPanelCloseButton.js';
|
|
80
|
-
import '../overlay/OverlayPanelContent.js';
|
|
81
|
-
import '../pagination/Pagination.js';
|
|
82
|
-
import '../pagination/Paginator.js';
|
|
83
|
-
import '../pagination/CompactInput.js';
|
|
84
|
-
import '../pagination/CompactPaginator.js';
|
|
85
|
-
import '../pagination/GoToInput.js';
|
|
86
|
-
import '../panel/Panel.js';
|
|
87
|
-
import '../parent-child-layout/ParentChildLayout.js';
|
|
88
|
-
import '../pill/Pill.js';
|
|
89
|
-
import '../progress/CircularProgress/CircularProgress.js';
|
|
90
|
-
import '../progress/LinearProgress/LinearProgress.js';
|
|
91
|
-
import '../radio-button/RadioButton.js';
|
|
92
|
-
import '../radio-button/RadioButtonGroup.js';
|
|
93
|
-
import '../scrim/Scrim.js';
|
|
94
|
-
import '../segmented-button-group/SegmentedButtonGroup.js';
|
|
95
|
-
import '../spinner/Spinner.js';
|
|
96
|
-
import '../stack-layout/StackLayout.js';
|
|
97
|
-
import '../status-adornment/StatusAdornment.js';
|
|
98
|
-
import '../toast/Toast.js';
|
|
99
|
-
import '../toast/ToastContent.js';
|
|
100
|
-
import '../split-layout/SplitLayout.js';
|
|
101
|
-
import '../switch/Switch.js';
|
|
102
|
-
import '../tag/Tag.js';
|
|
103
|
-
import '../toggle-button/ToggleButton.js';
|
|
104
|
-
import '../toggle-button-group/ToggleButtonGroup.js';
|
|
105
|
-
import '../toggle-button-group/ToggleButtonGroupContext.js';
|
|
106
|
-
import '../tooltip/Tooltip.js';
|
|
107
13
|
import css_248z from './DrawerCloseButton.css.js';
|
|
108
14
|
|
|
109
15
|
const withBaseName = makePrefixer("saltDrawerCloseButton");
|
|
@@ -116,19 +22,17 @@ const DrawerCloseButton = forwardRef(
|
|
|
116
22
|
window: targetWindow
|
|
117
23
|
});
|
|
118
24
|
const { CloseIcon } = useIcon();
|
|
119
|
-
return /* @__PURE__ */ jsx("div", {
|
|
120
|
-
|
|
121
|
-
|
|
25
|
+
return /* @__PURE__ */ jsx("div", { className: withBaseName("container"), children: /* @__PURE__ */ jsx(
|
|
26
|
+
Button,
|
|
27
|
+
{
|
|
122
28
|
ref,
|
|
123
29
|
"aria-label": "Close Drawer",
|
|
124
|
-
|
|
30
|
+
appearance: "transparent",
|
|
125
31
|
className: clsx(withBaseName(), className),
|
|
126
32
|
...rest,
|
|
127
|
-
children: /* @__PURE__ */ jsx(CloseIcon, {
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
})
|
|
131
|
-
});
|
|
33
|
+
children: /* @__PURE__ */ jsx(CloseIcon, { "aria-hidden": true })
|
|
34
|
+
}
|
|
35
|
+
) });
|
|
132
36
|
}
|
|
133
37
|
);
|
|
134
38
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DrawerCloseButton.js","sources":["../src/drawer/DrawerCloseButton.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport { Button, type ButtonProps } from \"../button\";\nimport { useIcon } from \"../semantic-icon-provider\";\nimport { makePrefixer } from \"../utils\";\n\nimport drawerCloseButtonCss from \"./DrawerCloseButton.css\";\n\nconst withBaseName = makePrefixer(\"saltDrawerCloseButton\");\n\nexport const DrawerCloseButton = forwardRef<HTMLButtonElement, ButtonProps>(\n function DrawerCloseButton({ className, ...rest }, ref) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-drawer-close-button\",\n css: drawerCloseButtonCss,\n window: targetWindow,\n });\n const { CloseIcon } = useIcon();\n\n return (\n <div className={withBaseName(\"container\")}>\n <Button\n ref={ref}\n aria-label=\"Close Drawer\"\n
|
|
1
|
+
{"version":3,"file":"DrawerCloseButton.js","sources":["../src/drawer/DrawerCloseButton.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport { Button, type ButtonProps } from \"../button\";\nimport { useIcon } from \"../semantic-icon-provider\";\nimport { makePrefixer } from \"../utils\";\n\nimport drawerCloseButtonCss from \"./DrawerCloseButton.css\";\n\nconst withBaseName = makePrefixer(\"saltDrawerCloseButton\");\n\nexport const DrawerCloseButton = forwardRef<HTMLButtonElement, ButtonProps>(\n function DrawerCloseButton({ className, ...rest }, ref) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-drawer-close-button\",\n css: drawerCloseButtonCss,\n window: targetWindow,\n });\n const { CloseIcon } = useIcon();\n\n return (\n <div className={withBaseName(\"container\")}>\n <Button\n ref={ref}\n aria-label=\"Close Drawer\"\n appearance=\"transparent\"\n className={clsx(withBaseName(), className)}\n {...rest}\n >\n <CloseIcon aria-hidden />\n </Button>\n </div>\n );\n },\n);\n"],"names":["DrawerCloseButton","drawerCloseButtonCss"],"mappings":";;;;;;;;;;;;;;AAUA,MAAM,YAAA,GAAe,aAAa,uBAAuB,CAAA;AAElD,MAAM,iBAAoB,GAAA,UAAA;AAAA,EAC/B,SAASA,kBAAkB,CAAA,EAAE,WAAW,GAAG,IAAA,IAAQ,GAAK,EAAA;AACtD,IAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,0BAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA;AAAA,KACT,CAAA;AACD,IAAM,MAAA,EAAE,SAAU,EAAA,GAAI,OAAQ,EAAA;AAE9B,IAAA,uBACG,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,YAAA,CAAa,WAAW,CACtC,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,YAAW,EAAA,cAAA;AAAA,QACX,UAAW,EAAA,aAAA;AAAA,QACX,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,QACxC,GAAG,IAAA;AAAA,QAEJ,QAAA,kBAAA,GAAA,CAAC,SAAU,EAAA,EAAA,aAAA,EAAW,IAAC,EAAA;AAAA;AAAA,KAE3B,EAAA,CAAA;AAAA;AAGN;;;;"}
|