@salt-ds/core 1.19.0 → 1.21.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/salt-core.css +650 -19
- package/dist-cjs/accordion/Accordion.js +75 -0
- package/dist-cjs/accordion/Accordion.js.map +1 -1
- package/dist-cjs/accordion/AccordionContext.js +79 -0
- package/dist-cjs/accordion/AccordionContext.js.map +1 -1
- package/dist-cjs/accordion/AccordionGroup.js +76 -1
- package/dist-cjs/accordion/AccordionGroup.js.map +1 -1
- package/dist-cjs/accordion/AccordionHeader.js +73 -0
- package/dist-cjs/accordion/AccordionHeader.js.map +1 -1
- package/dist-cjs/accordion/AccordionPanel.js +75 -0
- package/dist-cjs/accordion/AccordionPanel.js.map +1 -1
- package/dist-cjs/aria-announcer/useAriaAnnouncer.js +78 -0
- package/dist-cjs/aria-announcer/useAriaAnnouncer.js.map +1 -1
- package/dist-cjs/avatar/Avatar.js +74 -0
- package/dist-cjs/avatar/Avatar.js.map +1 -1
- package/dist-cjs/avatar/useAvatarImage.js +79 -0
- package/dist-cjs/avatar/useAvatarImage.js.map +1 -1
- package/dist-cjs/badge/Badge.js +75 -0
- package/dist-cjs/badge/Badge.js.map +1 -1
- package/dist-cjs/banner/Banner.js +76 -2
- package/dist-cjs/banner/Banner.js.map +1 -1
- package/dist-cjs/banner/BannerActions.js +76 -1
- package/dist-cjs/banner/BannerActions.js.map +1 -1
- package/dist-cjs/banner/BannerContent.js +76 -1
- package/dist-cjs/banner/BannerContent.js.map +1 -1
- package/dist-cjs/border-item/BorderItem.js +75 -1
- package/dist-cjs/border-item/BorderItem.js.map +1 -1
- package/dist-cjs/border-layout/BorderLayout.js +76 -0
- package/dist-cjs/border-layout/BorderLayout.js.map +1 -1
- package/dist-cjs/button/Button.js +76 -1
- package/dist-cjs/button/Button.js.map +1 -1
- package/dist-cjs/card/Card.js +75 -0
- package/dist-cjs/card/Card.js.map +1 -1
- package/dist-cjs/card/InteractableCard.js +75 -0
- package/dist-cjs/card/InteractableCard.js.map +1 -1
- package/dist-cjs/checkbox/Checkbox.js +73 -0
- package/dist-cjs/checkbox/Checkbox.js.map +1 -1
- package/dist-cjs/checkbox/CheckboxGroup.js +74 -0
- package/dist-cjs/checkbox/CheckboxGroup.js.map +1 -1
- package/dist-cjs/checkbox/CheckboxIcon.js +75 -0
- package/dist-cjs/checkbox/CheckboxIcon.js.map +1 -1
- package/dist-cjs/checkbox/internal/CheckboxGroupContext.js +79 -0
- package/dist-cjs/checkbox/internal/CheckboxGroupContext.js.map +1 -1
- package/dist-cjs/combo-box/ComboBox.css.js +6 -0
- package/dist-cjs/combo-box/ComboBox.css.js.map +1 -0
- package/dist-cjs/combo-box/ComboBox.js +443 -0
- package/dist-cjs/combo-box/ComboBox.js.map +1 -0
- package/dist-cjs/combo-box/useComboBox.js +153 -0
- package/dist-cjs/combo-box/useComboBox.js.map +1 -0
- package/dist-cjs/dialog/Dialog.css.js +6 -0
- package/dist-cjs/dialog/Dialog.css.js.map +1 -0
- package/dist-cjs/dialog/Dialog.js +194 -0
- package/dist-cjs/dialog/Dialog.js.map +1 -0
- package/dist-cjs/dialog/DialogActions.css.js +6 -0
- package/dist-cjs/dialog/DialogActions.css.js.map +1 -0
- package/dist-cjs/dialog/DialogActions.js +112 -0
- package/dist-cjs/dialog/DialogActions.js.map +1 -0
- package/dist-cjs/dialog/DialogCloseButton.css.js +6 -0
- package/dist-cjs/dialog/DialogCloseButton.css.js.map +1 -0
- package/dist-cjs/dialog/DialogCloseButton.js +117 -0
- package/dist-cjs/dialog/DialogCloseButton.js.map +1 -0
- package/dist-cjs/dialog/DialogContent.css.js +6 -0
- package/dist-cjs/dialog/DialogContent.css.js.map +1 -0
- package/dist-cjs/dialog/DialogContent.js +124 -0
- package/dist-cjs/dialog/DialogContent.js.map +1 -0
- package/dist-cjs/dialog/DialogContext.js +17 -0
- package/dist-cjs/dialog/DialogContext.js.map +1 -0
- package/dist-cjs/dialog/DialogHeader.css.js +6 -0
- package/dist-cjs/dialog/DialogHeader.css.js.map +1 -0
- package/dist-cjs/dialog/DialogHeader.js +147 -0
- package/dist-cjs/dialog/DialogHeader.js.map +1 -0
- package/dist-cjs/drawer/Drawer.js +75 -2
- package/dist-cjs/drawer/Drawer.js.map +1 -1
- package/dist-cjs/drawer/DrawerCloseButton.js +74 -1
- package/dist-cjs/drawer/DrawerCloseButton.js.map +1 -1
- package/dist-cjs/dropdown/Dropdown.css.js +6 -0
- package/dist-cjs/dropdown/Dropdown.css.js.map +1 -0
- package/dist-cjs/dropdown/Dropdown.js +412 -0
- package/dist-cjs/dropdown/Dropdown.js.map +1 -0
- package/dist-cjs/file-drop-zone/FileDropZone.js +75 -0
- package/dist-cjs/file-drop-zone/FileDropZone.js.map +1 -1
- package/dist-cjs/file-drop-zone/FileDropZoneTrigger.js +76 -0
- package/dist-cjs/file-drop-zone/FileDropZoneTrigger.js.map +1 -1
- package/dist-cjs/flex-item/FlexItem.js +79 -2
- package/dist-cjs/flex-item/FlexItem.js.map +1 -1
- package/dist-cjs/flex-layout/FlexLayout.js +79 -2
- package/dist-cjs/flex-layout/FlexLayout.js.map +1 -1
- package/dist-cjs/form-field/FormField.js +74 -0
- package/dist-cjs/form-field/FormField.js.map +1 -1
- package/dist-cjs/form-field/FormFieldHelperText.js +70 -2
- package/dist-cjs/form-field/FormFieldHelperText.js.map +1 -1
- package/dist-cjs/form-field/FormFieldLabel.js +69 -0
- package/dist-cjs/form-field/FormFieldLabel.js.map +1 -1
- package/dist-cjs/form-field-context/FormFieldContext.js +78 -0
- package/dist-cjs/form-field-context/FormFieldContext.js.map +1 -1
- package/dist-cjs/grid-item/GridItem.js +79 -2
- package/dist-cjs/grid-item/GridItem.js.map +1 -1
- package/dist-cjs/grid-layout/GridLayout.js +79 -2
- package/dist-cjs/grid-layout/GridLayout.js.map +1 -1
- package/dist-cjs/index.js +30 -0
- package/dist-cjs/index.js.map +1 -1
- package/dist-cjs/input/Input.js +73 -0
- package/dist-cjs/input/Input.js.map +1 -1
- package/dist-cjs/link/Link.js +70 -2
- package/dist-cjs/link/Link.js.map +1 -1
- package/dist-cjs/link-card/LinkCard.js +75 -0
- package/dist-cjs/link-card/LinkCard.js.map +1 -1
- package/dist-cjs/list-control/ListControlContext.js +121 -0
- package/dist-cjs/list-control/ListControlContext.js.map +1 -0
- package/dist-cjs/list-control/ListControlState.js +276 -0
- package/dist-cjs/list-control/ListControlState.js.map +1 -0
- package/dist-cjs/multiline-input/MultilineInput.css.js +1 -1
- package/dist-cjs/multiline-input/MultilineInput.js +73 -0
- package/dist-cjs/multiline-input/MultilineInput.js.map +1 -1
- package/dist-cjs/navigation-item/NavigationItem.css.js +1 -1
- package/dist-cjs/navigation-item/NavigationItem.js +77 -2
- package/dist-cjs/navigation-item/NavigationItem.js.map +1 -1
- package/dist-cjs/option/Option.css.js +6 -0
- package/dist-cjs/option/Option.css.js.map +1 -0
- package/dist-cjs/option/Option.js +178 -0
- package/dist-cjs/option/Option.js.map +1 -0
- package/dist-cjs/option/OptionGroup.css.js +6 -0
- package/dist-cjs/option/OptionGroup.css.js.map +1 -0
- package/dist-cjs/option/OptionGroup.js +123 -0
- package/dist-cjs/option/OptionGroup.js.map +1 -0
- package/dist-cjs/option/OptionList.css.js +6 -0
- package/dist-cjs/option/OptionList.css.js.map +1 -0
- package/dist-cjs/option/OptionList.js +118 -0
- package/dist-cjs/option/OptionList.js.map +1 -0
- package/dist-cjs/option/OptionListBase.js +113 -0
- package/dist-cjs/option/OptionListBase.js.map +1 -0
- package/dist-cjs/pagination/CompactInput.js +76 -2
- package/dist-cjs/pagination/CompactInput.js.map +1 -1
- package/dist-cjs/pagination/CompactPaginator.js +69 -2
- package/dist-cjs/pagination/CompactPaginator.js.map +1 -1
- package/dist-cjs/pagination/GoToInput.js +68 -3
- package/dist-cjs/pagination/GoToInput.js.map +1 -1
- package/dist-cjs/pagination/PageButton.js +77 -2
- package/dist-cjs/pagination/PageButton.js.map +1 -1
- package/dist-cjs/pagination/PageRanges.js +78 -2
- package/dist-cjs/pagination/PageRanges.js.map +1 -1
- package/dist-cjs/pagination/Pagination.js +76 -2
- package/dist-cjs/pagination/Pagination.js.map +1 -1
- package/dist-cjs/pagination/Paginator.js +75 -2
- package/dist-cjs/pagination/Paginator.js.map +1 -1
- package/dist-cjs/panel/Panel.css.js +1 -1
- package/dist-cjs/panel/Panel.js +77 -2
- package/dist-cjs/panel/Panel.js.map +1 -1
- package/dist-cjs/pill/Pill.js +74 -0
- package/dist-cjs/pill/Pill.js.map +1 -1
- package/dist-cjs/pill-input/PillInput.css.js +6 -0
- package/dist-cjs/pill-input/PillInput.css.js.map +1 -0
- package/dist-cjs/pill-input/PillInput.js +338 -0
- package/dist-cjs/pill-input/PillInput.js.map +1 -0
- package/dist-cjs/pill-input/useTruncatePills.js +83 -0
- package/dist-cjs/pill-input/useTruncatePills.js.map +1 -0
- package/dist-cjs/progress/CircularProgress/CircularProgress.css.js +1 -1
- package/dist-cjs/progress/CircularProgress/CircularProgress.js +138 -14
- 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 +89 -8
- package/dist-cjs/progress/LinearProgress/LinearProgress.js.map +1 -1
- package/dist-cjs/radio-button/RadioButton.js +78 -4
- package/dist-cjs/radio-button/RadioButton.js.map +1 -1
- package/dist-cjs/radio-button/RadioButtonGroup.js +77 -3
- package/dist-cjs/radio-button/RadioButtonGroup.js.map +1 -1
- package/dist-cjs/radio-button/RadioButtonIcon.js +76 -0
- package/dist-cjs/radio-button/RadioButtonIcon.js.map +1 -1
- package/dist-cjs/radio-button/internal/RadioGroupContext.js +79 -0
- package/dist-cjs/radio-button/internal/RadioGroupContext.js.map +1 -1
- package/dist-cjs/salt-provider/SaltProvider.js +78 -3
- package/dist-cjs/salt-provider/SaltProvider.js.map +1 -1
- package/dist-cjs/scrim/Scrim.js +76 -1
- package/dist-cjs/scrim/Scrim.js.map +1 -1
- package/dist-cjs/spinner/Spinner.js +76 -2
- package/dist-cjs/spinner/Spinner.js.map +1 -1
- package/dist-cjs/spinner/svgSpinners/SpinnerSVG.js +78 -0
- package/dist-cjs/spinner/svgSpinners/SpinnerSVG.js.map +1 -1
- package/dist-cjs/split-layout/SplitLayout.js +76 -2
- package/dist-cjs/split-layout/SplitLayout.js.map +1 -1
- package/dist-cjs/stack-layout/StackLayout.js +78 -2
- package/dist-cjs/stack-layout/StackLayout.js.map +1 -1
- package/dist-cjs/status-adornment/StatusAdornment.js +75 -0
- package/dist-cjs/status-adornment/StatusAdornment.js.map +1 -1
- package/dist-cjs/status-indicator/StatusIndicator.js +76 -2
- package/dist-cjs/status-indicator/StatusIndicator.js.map +1 -1
- package/dist-cjs/switch/Switch.js +75 -2
- package/dist-cjs/switch/Switch.js.map +1 -1
- package/dist-cjs/text/Text.js +77 -2
- package/dist-cjs/text/Text.js.map +1 -1
- package/dist-cjs/toast/Toast.js +74 -0
- package/dist-cjs/toast/Toast.js.map +1 -1
- package/dist-cjs/toast/ToastContent.js +75 -0
- package/dist-cjs/toast/ToastContent.js.map +1 -1
- package/dist-cjs/toggle-button/ToggleButton.js +73 -0
- package/dist-cjs/toggle-button/ToggleButton.js.map +1 -1
- package/dist-cjs/toggle-button-group/ToggleButtonGroup.js +74 -0
- package/dist-cjs/toggle-button-group/ToggleButtonGroup.js.map +1 -1
- package/dist-cjs/toggle-button-group/ToggleButtonGroupContext.js +78 -0
- package/dist-cjs/toggle-button-group/ToggleButtonGroupContext.js.map +1 -1
- package/dist-cjs/tooltip/Tooltip.js +75 -1
- package/dist-cjs/tooltip/Tooltip.js.map +1 -1
- package/dist-cjs/tooltip/TooltipBase.js +75 -2
- package/dist-cjs/tooltip/TooltipBase.js.map +1 -1
- package/dist-cjs/tooltip/useAriaAnnounce.js +77 -0
- package/dist-cjs/tooltip/useAriaAnnounce.js.map +1 -1
- package/dist-cjs/tooltip/useTooltip.js +83 -2
- package/dist-cjs/tooltip/useTooltip.js.map +1 -1
- package/dist-cjs/utils/ownerWindow.js.map +1 -1
- package/dist-cjs/utils/useEventCallback.js +20 -0
- package/dist-cjs/utils/useEventCallback.js.map +1 -0
- package/dist-cjs/utils/useResizeObserver.js +29 -0
- package/dist-cjs/utils/useResizeObserver.js.map +1 -0
- package/dist-cjs/utils/useValueEffect.js +124 -0
- package/dist-cjs/utils/useValueEffect.js.map +1 -0
- package/dist-cjs/viewport/ViewportProvider.js +78 -0
- package/dist-cjs/viewport/ViewportProvider.js.map +1 -1
- package/dist-es/accordion/Accordion.js +75 -0
- package/dist-es/accordion/Accordion.js.map +1 -1
- package/dist-es/accordion/AccordionContext.js +79 -0
- package/dist-es/accordion/AccordionContext.js.map +1 -1
- package/dist-es/accordion/AccordionGroup.js +76 -1
- package/dist-es/accordion/AccordionGroup.js.map +1 -1
- package/dist-es/accordion/AccordionHeader.js +73 -0
- package/dist-es/accordion/AccordionHeader.js.map +1 -1
- package/dist-es/accordion/AccordionPanel.js +75 -0
- package/dist-es/accordion/AccordionPanel.js.map +1 -1
- package/dist-es/aria-announcer/useAriaAnnouncer.js +78 -0
- package/dist-es/aria-announcer/useAriaAnnouncer.js.map +1 -1
- package/dist-es/avatar/Avatar.js +74 -0
- package/dist-es/avatar/Avatar.js.map +1 -1
- package/dist-es/avatar/useAvatarImage.js +79 -0
- package/dist-es/avatar/useAvatarImage.js.map +1 -1
- package/dist-es/badge/Badge.js +75 -0
- package/dist-es/badge/Badge.js.map +1 -1
- package/dist-es/banner/Banner.js +76 -2
- package/dist-es/banner/Banner.js.map +1 -1
- package/dist-es/banner/BannerActions.js +76 -1
- package/dist-es/banner/BannerActions.js.map +1 -1
- package/dist-es/banner/BannerContent.js +76 -1
- package/dist-es/banner/BannerContent.js.map +1 -1
- package/dist-es/border-item/BorderItem.js +75 -1
- package/dist-es/border-item/BorderItem.js.map +1 -1
- package/dist-es/border-layout/BorderLayout.js +76 -0
- package/dist-es/border-layout/BorderLayout.js.map +1 -1
- package/dist-es/button/Button.js +76 -1
- package/dist-es/button/Button.js.map +1 -1
- package/dist-es/card/Card.js +75 -0
- package/dist-es/card/Card.js.map +1 -1
- package/dist-es/card/InteractableCard.js +75 -0
- package/dist-es/card/InteractableCard.js.map +1 -1
- package/dist-es/checkbox/Checkbox.js +73 -0
- package/dist-es/checkbox/Checkbox.js.map +1 -1
- package/dist-es/checkbox/CheckboxGroup.js +74 -0
- package/dist-es/checkbox/CheckboxGroup.js.map +1 -1
- package/dist-es/checkbox/CheckboxIcon.js +75 -0
- package/dist-es/checkbox/CheckboxIcon.js.map +1 -1
- package/dist-es/checkbox/internal/CheckboxGroupContext.js +79 -0
- package/dist-es/checkbox/internal/CheckboxGroupContext.js.map +1 -1
- package/dist-es/combo-box/ComboBox.css.js +4 -0
- package/dist-es/combo-box/ComboBox.css.js.map +1 -0
- package/dist-es/combo-box/ComboBox.js +439 -0
- package/dist-es/combo-box/ComboBox.js.map +1 -0
- package/dist-es/combo-box/useComboBox.js +149 -0
- package/dist-es/combo-box/useComboBox.js.map +1 -0
- package/dist-es/dialog/Dialog.css.js +4 -0
- package/dist-es/dialog/Dialog.css.js.map +1 -0
- package/dist-es/dialog/Dialog.js +189 -0
- package/dist-es/dialog/Dialog.js.map +1 -0
- package/dist-es/dialog/DialogActions.css.js +4 -0
- package/dist-es/dialog/DialogActions.css.js.map +1 -0
- package/dist-es/dialog/DialogActions.js +108 -0
- package/dist-es/dialog/DialogActions.js.map +1 -0
- package/dist-es/dialog/DialogCloseButton.css.js +4 -0
- package/dist-es/dialog/DialogCloseButton.css.js.map +1 -0
- package/dist-es/dialog/DialogCloseButton.js +109 -0
- package/dist-es/dialog/DialogCloseButton.js.map +1 -0
- package/dist-es/dialog/DialogContent.css.js +4 -0
- package/dist-es/dialog/DialogContent.css.js.map +1 -0
- package/dist-es/dialog/DialogContent.js +120 -0
- package/dist-es/dialog/DialogContent.js.map +1 -0
- package/dist-es/dialog/DialogContext.js +12 -0
- package/dist-es/dialog/DialogContext.js.map +1 -0
- package/dist-es/dialog/DialogHeader.css.js +4 -0
- package/dist-es/dialog/DialogHeader.css.js.map +1 -0
- package/dist-es/dialog/DialogHeader.js +139 -0
- package/dist-es/dialog/DialogHeader.js.map +1 -0
- package/dist-es/drawer/Drawer.js +75 -2
- package/dist-es/drawer/Drawer.js.map +1 -1
- package/dist-es/drawer/DrawerCloseButton.js +74 -1
- package/dist-es/drawer/DrawerCloseButton.js.map +1 -1
- package/dist-es/dropdown/Dropdown.css.js +4 -0
- package/dist-es/dropdown/Dropdown.css.js.map +1 -0
- package/dist-es/dropdown/Dropdown.js +408 -0
- package/dist-es/dropdown/Dropdown.js.map +1 -0
- package/dist-es/file-drop-zone/FileDropZone.js +75 -0
- package/dist-es/file-drop-zone/FileDropZone.js.map +1 -1
- package/dist-es/file-drop-zone/FileDropZoneTrigger.js +76 -0
- package/dist-es/file-drop-zone/FileDropZoneTrigger.js.map +1 -1
- package/dist-es/flex-item/FlexItem.js +79 -2
- package/dist-es/flex-item/FlexItem.js.map +1 -1
- package/dist-es/flex-layout/FlexLayout.js +79 -2
- package/dist-es/flex-layout/FlexLayout.js.map +1 -1
- package/dist-es/form-field/FormField.js +74 -0
- package/dist-es/form-field/FormField.js.map +1 -1
- package/dist-es/form-field/FormFieldHelperText.js +70 -2
- package/dist-es/form-field/FormFieldHelperText.js.map +1 -1
- package/dist-es/form-field/FormFieldLabel.js +69 -0
- package/dist-es/form-field/FormFieldLabel.js.map +1 -1
- package/dist-es/form-field-context/FormFieldContext.js +78 -0
- package/dist-es/form-field-context/FormFieldContext.js.map +1 -1
- package/dist-es/grid-item/GridItem.js +79 -2
- package/dist-es/grid-item/GridItem.js.map +1 -1
- package/dist-es/grid-layout/GridLayout.js +79 -2
- package/dist-es/grid-layout/GridLayout.js.map +1 -1
- package/dist-es/index.js +14 -0
- package/dist-es/index.js.map +1 -1
- package/dist-es/input/Input.js +73 -0
- package/dist-es/input/Input.js.map +1 -1
- package/dist-es/link/Link.js +70 -2
- package/dist-es/link/Link.js.map +1 -1
- package/dist-es/link-card/LinkCard.js +75 -0
- package/dist-es/link-card/LinkCard.js.map +1 -1
- package/dist-es/list-control/ListControlContext.js +116 -0
- package/dist-es/list-control/ListControlContext.js.map +1 -0
- package/dist-es/list-control/ListControlState.js +271 -0
- package/dist-es/list-control/ListControlState.js.map +1 -0
- package/dist-es/multiline-input/MultilineInput.css.js +1 -1
- package/dist-es/multiline-input/MultilineInput.js +73 -0
- package/dist-es/multiline-input/MultilineInput.js.map +1 -1
- package/dist-es/navigation-item/NavigationItem.css.js +1 -1
- package/dist-es/navigation-item/NavigationItem.js +77 -2
- package/dist-es/navigation-item/NavigationItem.js.map +1 -1
- package/dist-es/option/Option.css.js +4 -0
- package/dist-es/option/Option.css.js.map +1 -0
- package/dist-es/option/Option.js +174 -0
- package/dist-es/option/Option.js.map +1 -0
- package/dist-es/option/OptionGroup.css.js +4 -0
- package/dist-es/option/OptionGroup.css.js.map +1 -0
- package/dist-es/option/OptionGroup.js +119 -0
- package/dist-es/option/OptionGroup.js.map +1 -0
- package/dist-es/option/OptionList.css.js +4 -0
- package/dist-es/option/OptionList.css.js.map +1 -0
- package/dist-es/option/OptionList.js +114 -0
- package/dist-es/option/OptionList.js.map +1 -0
- package/dist-es/option/OptionListBase.js +109 -0
- package/dist-es/option/OptionListBase.js.map +1 -0
- package/dist-es/pagination/CompactInput.js +76 -2
- package/dist-es/pagination/CompactInput.js.map +1 -1
- package/dist-es/pagination/CompactPaginator.js +69 -2
- package/dist-es/pagination/CompactPaginator.js.map +1 -1
- package/dist-es/pagination/GoToInput.js +68 -3
- package/dist-es/pagination/GoToInput.js.map +1 -1
- package/dist-es/pagination/PageButton.js +77 -2
- package/dist-es/pagination/PageButton.js.map +1 -1
- package/dist-es/pagination/PageRanges.js +78 -2
- package/dist-es/pagination/PageRanges.js.map +1 -1
- package/dist-es/pagination/Pagination.js +76 -2
- package/dist-es/pagination/Pagination.js.map +1 -1
- package/dist-es/pagination/Paginator.js +75 -2
- package/dist-es/pagination/Paginator.js.map +1 -1
- package/dist-es/panel/Panel.css.js +1 -1
- package/dist-es/panel/Panel.js +77 -2
- package/dist-es/panel/Panel.js.map +1 -1
- package/dist-es/pill/Pill.js +74 -0
- package/dist-es/pill/Pill.js.map +1 -1
- package/dist-es/pill-input/PillInput.css.js +4 -0
- package/dist-es/pill-input/PillInput.css.js.map +1 -0
- package/dist-es/pill-input/PillInput.js +334 -0
- package/dist-es/pill-input/PillInput.js.map +1 -0
- package/dist-es/pill-input/useTruncatePills.js +79 -0
- package/dist-es/pill-input/useTruncatePills.js.map +1 -0
- package/dist-es/progress/CircularProgress/CircularProgress.css.js +1 -1
- package/dist-es/progress/CircularProgress/CircularProgress.js +138 -14
- 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 +89 -8
- package/dist-es/progress/LinearProgress/LinearProgress.js.map +1 -1
- package/dist-es/radio-button/RadioButton.js +78 -4
- package/dist-es/radio-button/RadioButton.js.map +1 -1
- package/dist-es/radio-button/RadioButtonGroup.js +77 -3
- package/dist-es/radio-button/RadioButtonGroup.js.map +1 -1
- package/dist-es/radio-button/RadioButtonIcon.js +76 -0
- package/dist-es/radio-button/RadioButtonIcon.js.map +1 -1
- package/dist-es/radio-button/internal/RadioGroupContext.js +79 -0
- package/dist-es/radio-button/internal/RadioGroupContext.js.map +1 -1
- package/dist-es/salt-provider/SaltProvider.js +78 -3
- package/dist-es/salt-provider/SaltProvider.js.map +1 -1
- package/dist-es/scrim/Scrim.js +76 -1
- package/dist-es/scrim/Scrim.js.map +1 -1
- package/dist-es/spinner/Spinner.js +76 -2
- package/dist-es/spinner/Spinner.js.map +1 -1
- package/dist-es/spinner/svgSpinners/SpinnerSVG.js +78 -0
- package/dist-es/spinner/svgSpinners/SpinnerSVG.js.map +1 -1
- package/dist-es/split-layout/SplitLayout.js +76 -2
- package/dist-es/split-layout/SplitLayout.js.map +1 -1
- package/dist-es/stack-layout/StackLayout.js +78 -2
- package/dist-es/stack-layout/StackLayout.js.map +1 -1
- package/dist-es/status-adornment/StatusAdornment.js +75 -0
- package/dist-es/status-adornment/StatusAdornment.js.map +1 -1
- package/dist-es/status-indicator/StatusIndicator.js +76 -2
- package/dist-es/status-indicator/StatusIndicator.js.map +1 -1
- package/dist-es/switch/Switch.js +75 -2
- package/dist-es/switch/Switch.js.map +1 -1
- package/dist-es/text/Text.js +77 -2
- package/dist-es/text/Text.js.map +1 -1
- package/dist-es/toast/Toast.js +74 -0
- package/dist-es/toast/Toast.js.map +1 -1
- package/dist-es/toast/ToastContent.js +75 -0
- package/dist-es/toast/ToastContent.js.map +1 -1
- package/dist-es/toggle-button/ToggleButton.js +73 -0
- package/dist-es/toggle-button/ToggleButton.js.map +1 -1
- package/dist-es/toggle-button-group/ToggleButtonGroup.js +74 -0
- package/dist-es/toggle-button-group/ToggleButtonGroup.js.map +1 -1
- package/dist-es/toggle-button-group/ToggleButtonGroupContext.js +78 -0
- package/dist-es/toggle-button-group/ToggleButtonGroupContext.js.map +1 -1
- package/dist-es/tooltip/Tooltip.js +75 -1
- package/dist-es/tooltip/Tooltip.js.map +1 -1
- package/dist-es/tooltip/TooltipBase.js +75 -2
- package/dist-es/tooltip/TooltipBase.js.map +1 -1
- package/dist-es/tooltip/useAriaAnnounce.js +77 -0
- package/dist-es/tooltip/useAriaAnnounce.js.map +1 -1
- package/dist-es/tooltip/useTooltip.js +84 -3
- package/dist-es/tooltip/useTooltip.js.map +1 -1
- package/dist-es/utils/ownerWindow.js.map +1 -1
- package/dist-es/utils/useEventCallback.js +16 -0
- package/dist-es/utils/useEventCallback.js.map +1 -0
- package/dist-es/utils/useResizeObserver.js +25 -0
- package/dist-es/utils/useResizeObserver.js.map +1 -0
- package/dist-es/utils/useValueEffect.js +120 -0
- package/dist-es/utils/useValueEffect.js.map +1 -0
- package/dist-es/viewport/ViewportProvider.js +78 -0
- package/dist-es/viewport/ViewportProvider.js.map +1 -1
- package/dist-types/combo-box/ComboBox.d.ts +17 -0
- package/dist-types/combo-box/index.d.ts +1 -0
- package/dist-types/combo-box/useComboBox.d.ts +30 -0
- package/dist-types/dialog/Dialog.d.ts +46 -0
- package/dist-types/dialog/DialogActions.d.ts +8 -0
- package/dist-types/dialog/DialogCloseButton.d.ts +2 -0
- package/dist-types/dialog/DialogContent.d.ts +8 -0
- package/dist-types/dialog/DialogContext.d.ts +8 -0
- package/dist-types/dialog/DialogHeader.d.ts +20 -0
- package/dist-types/dialog/index.d.ts +6 -0
- package/dist-types/dropdown/Dropdown.d.ts +99 -0
- package/dist-types/dropdown/index.d.ts +1 -0
- package/dist-types/index.d.ts +5 -0
- package/dist-types/list-control/ListControlContext.d.ts +21 -0
- package/dist-types/list-control/ListControlState.d.ts +70 -0
- package/dist-types/list-control/index.d.ts +1 -0
- package/dist-types/option/Option.d.ts +16 -0
- package/dist-types/option/OptionGroup.d.ts +12 -0
- package/dist-types/option/OptionList.d.ts +5 -0
- package/dist-types/option/OptionListBase.d.ts +4 -0
- package/dist-types/option/index.d.ts +2 -0
- package/dist-types/pill-input/PillInput.d.ts +48 -0
- package/dist-types/pill-input/index.d.ts +1 -0
- package/dist-types/pill-input/useTruncatePills.d.ts +8 -0
- package/dist-types/progress/CircularProgress/CircularProgress.d.ts +5 -0
- package/dist-types/progress/LinearProgress/LinearProgress.d.ts +5 -0
- package/dist-types/utils/index.d.ts +3 -0
- package/dist-types/utils/ownerWindow.d.ts +1 -1
- package/dist-types/utils/useEventCallback.d.ts +4 -0
- package/dist-types/utils/useResizeObserver.d.ts +6 -0
- package/dist-types/utils/useValueEffect.d.ts +4 -0
- package/package.json +1 -1
|
@@ -11,9 +11,83 @@ require('../utils/useFloatingUI/useFloatingUI.js');
|
|
|
11
11
|
require('../utils/useId.js');
|
|
12
12
|
require('../salt-provider/SaltProvider.js');
|
|
13
13
|
require('../viewport/ViewportProvider.js');
|
|
14
|
-
|
|
15
|
-
|
|
14
|
+
require('../accordion/AccordionGroup.js');
|
|
15
|
+
require('../accordion/AccordionPanel.js');
|
|
16
|
+
require('../accordion/Accordion.js');
|
|
17
|
+
require('../accordion/AccordionHeader.js');
|
|
18
|
+
require('../aria-announcer/AriaAnnouncerContext.js');
|
|
19
|
+
require('../avatar/Avatar.js');
|
|
20
|
+
require('../badge/Badge.js');
|
|
21
|
+
require('../banner/Banner.js');
|
|
22
|
+
require('../banner/BannerActions.js');
|
|
23
|
+
require('../banner/BannerContent.js');
|
|
24
|
+
require('../border-item/BorderItem.js');
|
|
25
|
+
require('../border-layout/BorderLayout.js');
|
|
26
|
+
require('../button/Button.js');
|
|
27
|
+
require('../card/Card.js');
|
|
28
|
+
require('../card/InteractableCard.js');
|
|
29
|
+
require('../checkbox/Checkbox.js');
|
|
30
|
+
require('../checkbox/CheckboxGroup.js');
|
|
16
31
|
var styles = require('@salt-ds/styles');
|
|
32
|
+
var window = require('@salt-ds/window');
|
|
33
|
+
require('../combo-box/ComboBox.js');
|
|
34
|
+
require('../dialog/Dialog.js');
|
|
35
|
+
require('../text/Text.js');
|
|
36
|
+
require('../text/Display.js');
|
|
37
|
+
require('../text/Headings.js');
|
|
38
|
+
require('../text/Label.js');
|
|
39
|
+
require('../text/TextNotation.js');
|
|
40
|
+
require('../text/TextAction.js');
|
|
41
|
+
require('../dialog/DialogContext.js');
|
|
42
|
+
require('../dialog/DialogActions.js');
|
|
43
|
+
require('../dialog/DialogContent.js');
|
|
44
|
+
require('../dialog/DialogCloseButton.js');
|
|
45
|
+
require('../drawer/Drawer.js');
|
|
46
|
+
require('../drawer/DrawerCloseButton.js');
|
|
47
|
+
require('../dropdown/Dropdown.js');
|
|
48
|
+
require('../file-drop-zone/FileDropZone.js');
|
|
49
|
+
require('../file-drop-zone/FileDropZoneIcon.js');
|
|
50
|
+
require('../file-drop-zone/FileDropZoneTrigger.js');
|
|
51
|
+
require('../flex-item/FlexItem.js');
|
|
52
|
+
require('../flex-layout/FlexLayout.js');
|
|
53
|
+
require('../flow-layout/FlowLayout.js');
|
|
54
|
+
require('../form-field/FormField.js');
|
|
55
|
+
require('../form-field-context/FormFieldContext.js');
|
|
56
|
+
require('../grid-item/GridItem.js');
|
|
57
|
+
require('../grid-layout/GridLayout.js');
|
|
58
|
+
require('../input/Input.js');
|
|
59
|
+
require('../link/Link.js');
|
|
60
|
+
require('../link-card/LinkCard.js');
|
|
61
|
+
require('../list-control/ListControlContext.js');
|
|
62
|
+
require('../multiline-input/MultilineInput.js');
|
|
63
|
+
require('../navigation-item/NavigationItem.js');
|
|
64
|
+
require('../option/Option.js');
|
|
65
|
+
require('../option/OptionGroup.js');
|
|
66
|
+
require('../pagination/Pagination.js');
|
|
67
|
+
require('../pagination/Paginator.js');
|
|
68
|
+
require('../pagination/CompactInput.js');
|
|
69
|
+
require('../pagination/CompactPaginator.js');
|
|
70
|
+
require('../pagination/GoToInput.js');
|
|
71
|
+
require('../panel/Panel.js');
|
|
72
|
+
require('../pill/Pill.js');
|
|
73
|
+
require('../progress/CircularProgress/CircularProgress.js');
|
|
74
|
+
require('../progress/LinearProgress/LinearProgress.js');
|
|
75
|
+
require('../radio-button/RadioButton.js');
|
|
76
|
+
require('../radio-button/RadioButtonGroup.js');
|
|
77
|
+
require('../scrim/Scrim.js');
|
|
78
|
+
require('../spinner/Spinner.js');
|
|
79
|
+
require('../stack-layout/StackLayout.js');
|
|
80
|
+
require('../status-adornment/StatusAdornment.js');
|
|
81
|
+
require('../toast/Toast.js');
|
|
82
|
+
require('../toast/ToastContent.js');
|
|
83
|
+
require('../split-layout/SplitLayout.js');
|
|
84
|
+
require('../switch/Switch.js');
|
|
85
|
+
require('../toggle-button/ToggleButton.js');
|
|
86
|
+
require('../toggle-button-group/ToggleButtonGroup.js');
|
|
87
|
+
require('../toggle-button-group/ToggleButtonGroupContext.js');
|
|
88
|
+
require('../tooltip/Tooltip.js');
|
|
89
|
+
require('@floating-ui/react');
|
|
90
|
+
var StatusIndicator$1 = require('./StatusIndicator.css.js');
|
|
17
91
|
|
|
18
92
|
const icons = {
|
|
19
93
|
error: icons$1.ErrorSolidIcon,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StatusIndicator.js","sources":["../src/status-indicator/StatusIndicator.tsx"],"sourcesContent":["import {\n DEFAULT_ICON_SIZE,\n ErrorSolidIcon,\n IconProps,\n InfoSolidIcon,\n SuccessTickIcon,\n WarningSolidIcon,\n} from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport { forwardRef } from \"react\";\nimport { makePrefixer } from \"../utils\";\nimport { ValidationStatus } from \"./ValidationStatus\";\n\nimport statusIndicatorCss from \"./StatusIndicator.css\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nconst icons = {\n error: ErrorSolidIcon,\n success: SuccessTickIcon,\n warning: WarningSolidIcon,\n info: InfoSolidIcon,\n};\n\nexport interface StatusIndicatorProps extends IconProps {\n /**\n * Status indicator to be displayed.\n */\n status: ValidationStatus;\n}\n\nconst statusToAriaLabelMap: Record<ValidationStatus, string> = {\n error: \"error\",\n success: \"success\",\n warning: \"warning\",\n info: \"info\",\n};\n\nconst withBaseName = makePrefixer(\"saltStatusIndicator\");\n\nexport const StatusIndicator = forwardRef<SVGSVGElement, StatusIndicatorProps>(\n function StatusIndicator(\n { className, status, size = DEFAULT_ICON_SIZE, ...restProps },\n ref\n ) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-status-indicator\",\n css: statusIndicatorCss,\n window: targetWindow,\n });\n\n const IconComponent = icons[status];\n const ariaLabel = statusToAriaLabelMap[status];\n\n return (\n <IconComponent\n className={clsx(withBaseName(), withBaseName(status), className)}\n size={size}\n aria-label={ariaLabel}\n {...restProps}\n ref={ref}\n />\n );\n }\n);\n"],"names":["ErrorSolidIcon","SuccessTickIcon","WarningSolidIcon","InfoSolidIcon","makePrefixer","forwardRef","StatusIndicator","DEFAULT_ICON_SIZE","useWindow","useComponentCssInjection","statusIndicatorCss","jsx","clsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"StatusIndicator.js","sources":["../src/status-indicator/StatusIndicator.tsx"],"sourcesContent":["import {\n DEFAULT_ICON_SIZE,\n ErrorSolidIcon,\n IconProps,\n InfoSolidIcon,\n SuccessTickIcon,\n WarningSolidIcon,\n} from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport { forwardRef } from \"react\";\nimport { makePrefixer } from \"../utils\";\nimport { ValidationStatus } from \"./ValidationStatus\";\n\nimport statusIndicatorCss from \"./StatusIndicator.css\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nconst icons = {\n error: ErrorSolidIcon,\n success: SuccessTickIcon,\n warning: WarningSolidIcon,\n info: InfoSolidIcon,\n};\n\nexport interface StatusIndicatorProps extends IconProps {\n /**\n * Status indicator to be displayed.\n */\n status: ValidationStatus;\n}\n\nconst statusToAriaLabelMap: Record<ValidationStatus, string> = {\n error: \"error\",\n success: \"success\",\n warning: \"warning\",\n info: \"info\",\n};\n\nconst withBaseName = makePrefixer(\"saltStatusIndicator\");\n\nexport const StatusIndicator = forwardRef<SVGSVGElement, StatusIndicatorProps>(\n function StatusIndicator(\n { className, status, size = DEFAULT_ICON_SIZE, ...restProps },\n ref\n ) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-status-indicator\",\n css: statusIndicatorCss,\n window: targetWindow,\n });\n\n const IconComponent = icons[status];\n const ariaLabel = statusToAriaLabelMap[status];\n\n return (\n <IconComponent\n className={clsx(withBaseName(), withBaseName(status), className)}\n size={size}\n aria-label={ariaLabel}\n {...restProps}\n ref={ref}\n />\n );\n }\n);\n"],"names":["ErrorSolidIcon","SuccessTickIcon","WarningSolidIcon","InfoSolidIcon","makePrefixer","forwardRef","StatusIndicator","DEFAULT_ICON_SIZE","useWindow","useComponentCssInjection","statusIndicatorCss","jsx","clsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,MAAM,KAAQ,GAAA;AAAA,EACZ,KAAO,EAAAA,sBAAA;AAAA,EACP,OAAS,EAAAC,uBAAA;AAAA,EACT,OAAS,EAAAC,wBAAA;AAAA,EACT,IAAM,EAAAC,qBAAA;AACR,CAAA,CAAA;AASA,MAAM,oBAAyD,GAAA;AAAA,EAC7D,KAAO,EAAA,OAAA;AAAA,EACP,OAAS,EAAA,SAAA;AAAA,EACT,OAAS,EAAA,SAAA;AAAA,EACT,IAAM,EAAA,MAAA;AACR,CAAA,CAAA;AAEA,MAAM,YAAA,GAAeC,0BAAa,qBAAqB,CAAA,CAAA;AAEhD,MAAM,eAAkB,GAAAC,gBAAA;AAAA,EAC7B,SAASC,iBACP,EAAE,SAAA,EAAW,QAAQ,IAAO,GAAAC,yBAAA,EAAA,GAAsB,SAAU,EAAA,EAC5D,GACA,EAAA;AACA,IAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,uBAAA;AAAA,MACR,GAAK,EAAAC,iBAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,MAAM,gBAAgB,KAAM,CAAA,MAAA,CAAA,CAAA;AAC5B,IAAA,MAAM,YAAY,oBAAqB,CAAA,MAAA,CAAA,CAAA;AAEvC,IAAA,uBACGC,cAAA,CAAA,aAAA,EAAA;AAAA,MACC,WAAWC,SAAK,CAAA,YAAA,IAAgB,YAAa,CAAA,MAAM,GAAG,SAAS,CAAA;AAAA,MAC/D,IAAA;AAAA,MACA,YAAY,EAAA,SAAA;AAAA,MACX,GAAG,SAAA;AAAA,MACJ,GAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
|
|
@@ -13,10 +13,83 @@ require('../utils/useFloatingUI/useFloatingUI.js');
|
|
|
13
13
|
require('../utils/useId.js');
|
|
14
14
|
var SaltProvider = require('../salt-provider/SaltProvider.js');
|
|
15
15
|
require('../viewport/ViewportProvider.js');
|
|
16
|
-
|
|
16
|
+
require('../accordion/AccordionGroup.js');
|
|
17
|
+
require('../accordion/AccordionPanel.js');
|
|
18
|
+
require('../accordion/Accordion.js');
|
|
19
|
+
require('../accordion/AccordionHeader.js');
|
|
20
|
+
require('../aria-announcer/AriaAnnouncerContext.js');
|
|
21
|
+
require('../avatar/Avatar.js');
|
|
22
|
+
require('../badge/Badge.js');
|
|
23
|
+
require('../banner/Banner.js');
|
|
24
|
+
require('../banner/BannerActions.js');
|
|
25
|
+
require('../banner/BannerContent.js');
|
|
26
|
+
require('../border-item/BorderItem.js');
|
|
27
|
+
require('../border-layout/BorderLayout.js');
|
|
28
|
+
require('../button/Button.js');
|
|
29
|
+
require('../card/Card.js');
|
|
30
|
+
require('../card/InteractableCard.js');
|
|
31
|
+
require('../checkbox/Checkbox.js');
|
|
32
|
+
require('../checkbox/CheckboxGroup.js');
|
|
17
33
|
var styles = require('@salt-ds/styles');
|
|
18
|
-
var
|
|
34
|
+
var window = require('@salt-ds/window');
|
|
19
35
|
var icons = require('@salt-ds/icons');
|
|
36
|
+
require('../combo-box/ComboBox.js');
|
|
37
|
+
require('../dialog/Dialog.js');
|
|
38
|
+
require('../status-indicator/StatusIndicator.js');
|
|
39
|
+
require('../text/Text.js');
|
|
40
|
+
require('../text/Display.js');
|
|
41
|
+
require('../text/Headings.js');
|
|
42
|
+
require('../text/Label.js');
|
|
43
|
+
require('../text/TextNotation.js');
|
|
44
|
+
require('../text/TextAction.js');
|
|
45
|
+
require('../dialog/DialogContext.js');
|
|
46
|
+
require('../dialog/DialogActions.js');
|
|
47
|
+
require('../dialog/DialogContent.js');
|
|
48
|
+
require('../dialog/DialogCloseButton.js');
|
|
49
|
+
require('../drawer/Drawer.js');
|
|
50
|
+
require('../drawer/DrawerCloseButton.js');
|
|
51
|
+
require('../dropdown/Dropdown.js');
|
|
52
|
+
require('../file-drop-zone/FileDropZone.js');
|
|
53
|
+
require('../file-drop-zone/FileDropZoneIcon.js');
|
|
54
|
+
require('../file-drop-zone/FileDropZoneTrigger.js');
|
|
55
|
+
require('../flex-item/FlexItem.js');
|
|
56
|
+
require('../flex-layout/FlexLayout.js');
|
|
57
|
+
require('../flow-layout/FlowLayout.js');
|
|
58
|
+
require('../form-field/FormField.js');
|
|
59
|
+
require('../grid-item/GridItem.js');
|
|
60
|
+
require('../grid-layout/GridLayout.js');
|
|
61
|
+
require('../input/Input.js');
|
|
62
|
+
require('../link/Link.js');
|
|
63
|
+
require('../link-card/LinkCard.js');
|
|
64
|
+
require('../list-control/ListControlContext.js');
|
|
65
|
+
require('../multiline-input/MultilineInput.js');
|
|
66
|
+
require('../navigation-item/NavigationItem.js');
|
|
67
|
+
require('../option/Option.js');
|
|
68
|
+
require('../option/OptionGroup.js');
|
|
69
|
+
require('../pagination/Pagination.js');
|
|
70
|
+
require('../pagination/Paginator.js');
|
|
71
|
+
require('../pagination/CompactInput.js');
|
|
72
|
+
require('../pagination/CompactPaginator.js');
|
|
73
|
+
require('../pagination/GoToInput.js');
|
|
74
|
+
require('../panel/Panel.js');
|
|
75
|
+
require('../pill/Pill.js');
|
|
76
|
+
require('../progress/CircularProgress/CircularProgress.js');
|
|
77
|
+
require('../progress/LinearProgress/LinearProgress.js');
|
|
78
|
+
require('../radio-button/RadioButton.js');
|
|
79
|
+
require('../radio-button/RadioButtonGroup.js');
|
|
80
|
+
require('../scrim/Scrim.js');
|
|
81
|
+
require('../spinner/Spinner.js');
|
|
82
|
+
require('../stack-layout/StackLayout.js');
|
|
83
|
+
require('../status-adornment/StatusAdornment.js');
|
|
84
|
+
require('../toast/Toast.js');
|
|
85
|
+
require('../toast/ToastContent.js');
|
|
86
|
+
require('../split-layout/SplitLayout.js');
|
|
87
|
+
require('../toggle-button/ToggleButton.js');
|
|
88
|
+
require('../toggle-button-group/ToggleButtonGroup.js');
|
|
89
|
+
require('../toggle-button-group/ToggleButtonGroupContext.js');
|
|
90
|
+
require('../tooltip/Tooltip.js');
|
|
91
|
+
require('@floating-ui/react');
|
|
92
|
+
var Switch$1 = require('./Switch.css.js');
|
|
20
93
|
|
|
21
94
|
const withBaseName = makePrefixer.makePrefixer("saltSwitch");
|
|
22
95
|
function CheckedIcon(props) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.js","sources":["../src/switch/Switch.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n ChangeEventHandler,\n ComponentPropsWithoutRef,\n FocusEventHandler,\n forwardRef,\n ReactNode,\n} from \"react\";\nimport { useFormFieldProps } from \"../form-field-context\";\nimport { makePrefixer, useControlled } from \"../utils\";\nimport { useDensity } from \"../salt-provider\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport switchCss from \"./Switch.css\";\nimport {\n IconProps,\n SuccessSmallSolidIcon,\n SuccessSolidIcon,\n} from \"@salt-ds/icons\";\n\nexport interface SwitchProps\n extends Omit<\n ComponentPropsWithoutRef<\"label\">,\n \"children\" | \"onFocus\" | \"onBlur\" | \"onChange\"\n > {\n /**\n * If `true`, the checkbox will be checked.\n */\n checked?: boolean;\n /**\n * Whether the checkbox component is checked by default\n * This will be disregarded if checked is already set.\n */\n defaultChecked?: boolean;\n /**\n * If `true`, the checkbox will be disabled.\n */\n disabled?: boolean;\n /**\n * Properties applied to the input element.\n */\n inputProps?: Partial<ComponentPropsWithoutRef<\"input\">>;\n /**\n * The label to be shown next to the checkbox.\n */\n label?: ReactNode;\n /**\n * The name applied to the input.\n */\n name?: string;\n /**\n * Callback when checkbox loses focus.\n */\n onBlur?: FocusEventHandler<HTMLInputElement>;\n /**\n * Callback when checked state is changed.\n */\n onChange?: ChangeEventHandler<HTMLInputElement>;\n /**\n * Callback when checkbox gains focus.\n */\n onFocus?: FocusEventHandler<HTMLInputElement>;\n /**\n * The value of the checkbox.\n */\n value?: string;\n}\n\nconst withBaseName = makePrefixer(\"saltSwitch\");\n\nfunction CheckedIcon(props: IconProps) {\n const density = useDensity();\n return density === \"high\" ? (\n <SuccessSmallSolidIcon {...props} />\n ) : (\n <SuccessSolidIcon {...props} />\n );\n}\n\nexport const Switch = forwardRef<HTMLLabelElement, SwitchProps>(function Switch(\n props,\n ref\n) {\n const {\n checked: checkedProp,\n className,\n defaultChecked,\n disabled: disabledProp,\n inputProps = {},\n label,\n name,\n onBlur,\n onChange,\n onFocus,\n value,\n ...rest\n } = props;\n\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-switch\",\n css: switchCss,\n window: targetWindow,\n });\n\n const {\n \"aria-describedby\": inputDescribedBy,\n \"aria-labelledby\": inputLabelledBy,\n className: inputClassName,\n onChange: inputOnChange,\n ...restInputProps\n } = inputProps;\n\n const [checked, setChecked] = useControlled({\n controlled: checkedProp,\n default: Boolean(defaultChecked),\n name: \"Switch\",\n state: \"checked\",\n });\n\n const { a11yProps: formFieldA11yProps, disabled: formFieldDisabled } =\n useFormFieldProps();\n\n const disabled = formFieldDisabled || disabledProp;\n\n const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n // Workaround for https://github.com/facebook/react/issues/9023\n if (event.nativeEvent.defaultPrevented) {\n return;\n }\n\n const value = event.target.checked;\n setChecked(value);\n onChange?.(event);\n inputOnChange?.(event);\n };\n\n return (\n <label\n className={clsx(\n withBaseName(),\n {\n [withBaseName(\"disabled\")]: disabled,\n [withBaseName(\"checked\")]: checked,\n },\n className\n )}\n ref={ref}\n {...rest}\n >\n <input\n aria-describedby={clsx(\n formFieldA11yProps?.[\"aria-describedby\"],\n inputDescribedBy\n )}\n aria-labelledby={clsx(\n formFieldA11yProps?.[\"aria-labelledby\"],\n inputLabelledBy\n )}\n name={name}\n value={value}\n checked={checked}\n className={clsx(withBaseName(\"input\"), inputClassName)}\n defaultChecked={defaultChecked}\n disabled={disabled}\n onBlur={onBlur}\n onChange={handleChange}\n onFocus={onFocus}\n type=\"checkbox\"\n {...restInputProps}\n />\n <span className={withBaseName(\"track\")}>\n <span className={withBaseName(\"thumb\")}>\n {checked && (\n <CheckedIcon aria-hidden className={withBaseName(\"icon\")} />\n )}\n </span>\n </span>\n <span className={withBaseName(\"label\")}>{label}</span>\n </label>\n );\n});\n"],"names":["makePrefixer","useDensity","jsx","SuccessSmallSolidIcon","SuccessSolidIcon","forwardRef","Switch","useWindow","useComponentCssInjection","switchCss","useControlled","useFormFieldProps","value","jsxs","clsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Switch.js","sources":["../src/switch/Switch.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n ChangeEventHandler,\n ComponentPropsWithoutRef,\n FocusEventHandler,\n forwardRef,\n ReactNode,\n} from \"react\";\nimport { useFormFieldProps } from \"../form-field-context\";\nimport { makePrefixer, useControlled } from \"../utils\";\nimport { useDensity } from \"../salt-provider\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport switchCss from \"./Switch.css\";\nimport {\n IconProps,\n SuccessSmallSolidIcon,\n SuccessSolidIcon,\n} from \"@salt-ds/icons\";\n\nexport interface SwitchProps\n extends Omit<\n ComponentPropsWithoutRef<\"label\">,\n \"children\" | \"onFocus\" | \"onBlur\" | \"onChange\"\n > {\n /**\n * If `true`, the checkbox will be checked.\n */\n checked?: boolean;\n /**\n * Whether the checkbox component is checked by default\n * This will be disregarded if checked is already set.\n */\n defaultChecked?: boolean;\n /**\n * If `true`, the checkbox will be disabled.\n */\n disabled?: boolean;\n /**\n * Properties applied to the input element.\n */\n inputProps?: Partial<ComponentPropsWithoutRef<\"input\">>;\n /**\n * The label to be shown next to the checkbox.\n */\n label?: ReactNode;\n /**\n * The name applied to the input.\n */\n name?: string;\n /**\n * Callback when checkbox loses focus.\n */\n onBlur?: FocusEventHandler<HTMLInputElement>;\n /**\n * Callback when checked state is changed.\n */\n onChange?: ChangeEventHandler<HTMLInputElement>;\n /**\n * Callback when checkbox gains focus.\n */\n onFocus?: FocusEventHandler<HTMLInputElement>;\n /**\n * The value of the checkbox.\n */\n value?: string;\n}\n\nconst withBaseName = makePrefixer(\"saltSwitch\");\n\nfunction CheckedIcon(props: IconProps) {\n const density = useDensity();\n return density === \"high\" ? (\n <SuccessSmallSolidIcon {...props} />\n ) : (\n <SuccessSolidIcon {...props} />\n );\n}\n\nexport const Switch = forwardRef<HTMLLabelElement, SwitchProps>(function Switch(\n props,\n ref\n) {\n const {\n checked: checkedProp,\n className,\n defaultChecked,\n disabled: disabledProp,\n inputProps = {},\n label,\n name,\n onBlur,\n onChange,\n onFocus,\n value,\n ...rest\n } = props;\n\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-switch\",\n css: switchCss,\n window: targetWindow,\n });\n\n const {\n \"aria-describedby\": inputDescribedBy,\n \"aria-labelledby\": inputLabelledBy,\n className: inputClassName,\n onChange: inputOnChange,\n ...restInputProps\n } = inputProps;\n\n const [checked, setChecked] = useControlled({\n controlled: checkedProp,\n default: Boolean(defaultChecked),\n name: \"Switch\",\n state: \"checked\",\n });\n\n const { a11yProps: formFieldA11yProps, disabled: formFieldDisabled } =\n useFormFieldProps();\n\n const disabled = formFieldDisabled || disabledProp;\n\n const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n // Workaround for https://github.com/facebook/react/issues/9023\n if (event.nativeEvent.defaultPrevented) {\n return;\n }\n\n const value = event.target.checked;\n setChecked(value);\n onChange?.(event);\n inputOnChange?.(event);\n };\n\n return (\n <label\n className={clsx(\n withBaseName(),\n {\n [withBaseName(\"disabled\")]: disabled,\n [withBaseName(\"checked\")]: checked,\n },\n className\n )}\n ref={ref}\n {...rest}\n >\n <input\n aria-describedby={clsx(\n formFieldA11yProps?.[\"aria-describedby\"],\n inputDescribedBy\n )}\n aria-labelledby={clsx(\n formFieldA11yProps?.[\"aria-labelledby\"],\n inputLabelledBy\n )}\n name={name}\n value={value}\n checked={checked}\n className={clsx(withBaseName(\"input\"), inputClassName)}\n defaultChecked={defaultChecked}\n disabled={disabled}\n onBlur={onBlur}\n onChange={handleChange}\n onFocus={onFocus}\n type=\"checkbox\"\n {...restInputProps}\n />\n <span className={withBaseName(\"track\")}>\n <span className={withBaseName(\"thumb\")}>\n {checked && (\n <CheckedIcon aria-hidden className={withBaseName(\"icon\")} />\n )}\n </span>\n </span>\n <span className={withBaseName(\"label\")}>{label}</span>\n </label>\n );\n});\n"],"names":["makePrefixer","useDensity","jsx","SuccessSmallSolidIcon","SuccessSolidIcon","forwardRef","Switch","useWindow","useComponentCssInjection","switchCss","useControlled","useFormFieldProps","value","jsxs","clsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqEA,MAAM,YAAA,GAAeA,0BAAa,YAAY,CAAA,CAAA;AAE9C,SAAS,YAAY,KAAkB,EAAA;AACrC,EAAA,MAAM,UAAUC,uBAAW,EAAA,CAAA;AAC3B,EAAO,OAAA,OAAA,KAAY,yBAChBC,cAAA,CAAAC,2BAAA,EAAA;AAAA,IAAuB,GAAG,KAAA;AAAA,GAAO,oBAEjCD,cAAA,CAAAE,sBAAA,EAAA;AAAA,IAAkB,GAAG,KAAA;AAAA,GAAO,CAAA,CAAA;AAEjC,CAAA;AAEO,MAAM,MAAS,GAAAC,gBAAA,CAA0C,SAASC,OAAAA,CACvE,OACA,GACA,EAAA;AACA,EAAM,MAAA;AAAA,IACJ,OAAS,EAAA,WAAA;AAAA,IACT,SAAA;AAAA,IACA,cAAA;AAAA,IACA,QAAU,EAAA,YAAA;AAAA,IACV,aAAa,EAAC;AAAA,IACd,KAAA;AAAA,IACA,IAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACG,GAAA,IAAA;AAAA,GACD,GAAA,KAAA,CAAA;AAEJ,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,aAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAM,MAAA;AAAA,IACJ,kBAAoB,EAAA,gBAAA;AAAA,IACpB,iBAAmB,EAAA,eAAA;AAAA,IACnB,SAAW,EAAA,cAAA;AAAA,IACX,QAAU,EAAA,aAAA;AAAA,IACP,GAAA,cAAA;AAAA,GACD,GAAA,UAAA,CAAA;AAEJ,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIC,2BAAc,CAAA;AAAA,IAC1C,UAAY,EAAA,WAAA;AAAA,IACZ,OAAA,EAAS,QAAQ,cAAc,CAAA;AAAA,IAC/B,IAAM,EAAA,QAAA;AAAA,IACN,KAAO,EAAA,SAAA;AAAA,GACR,CAAA,CAAA;AAED,EAAA,MAAM,EAAE,SAAW,EAAA,kBAAA,EAAoB,QAAU,EAAA,iBAAA,KAC/CC,mCAAkB,EAAA,CAAA;AAEpB,EAAA,MAAM,WAAW,iBAAqB,IAAA,YAAA,CAAA;AAEtC,EAAM,MAAA,YAAA,GAAqD,CAAC,KAAU,KAAA;AAEpE,IAAI,IAAA,KAAA,CAAM,YAAY,gBAAkB,EAAA;AACtC,MAAA,OAAA;AAAA,KACF;AAEA,IAAMC,MAAAA,MAAAA,GAAQ,MAAM,MAAO,CAAA,OAAA,CAAA;AAC3B,IAAA,UAAA,CAAWA,MAAK,CAAA,CAAA;AAChB,IAAW,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA,CAAA;AACX,IAAgB,aAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,aAAA,CAAA,KAAA,CAAA,CAAA;AAAA,GAClB,CAAA;AAEA,EAAA,uBACGC,eAAA,CAAA,OAAA,EAAA;AAAA,IACC,SAAW,EAAAC,SAAA;AAAA,MACT,YAAa,EAAA;AAAA,MACb;AAAA,QACE,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,QAAA;AAAA,QAC5B,CAAC,YAAa,CAAA,SAAS,CAAI,GAAA,OAAA;AAAA,OAC7B;AAAA,MACA,SAAA;AAAA,KACF;AAAA,IACA,GAAA;AAAA,IACC,GAAG,IAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAACZ,cAAA,CAAA,OAAA,EAAA;AAAA,QACC,kBAAkB,EAAAY,SAAA;AAAA,UAChB,kBAAqB,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,kBAAA,CAAA,kBAAA,CAAA;AAAA,UACrB,gBAAA;AAAA,SACF;AAAA,QACA,iBAAiB,EAAAA,SAAA;AAAA,UACf,kBAAqB,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,kBAAA,CAAA,iBAAA,CAAA;AAAA,UACrB,eAAA;AAAA,SACF;AAAA,QACA,IAAA;AAAA,QACA,KAAA;AAAA,QACA,OAAA;AAAA,QACA,SAAW,EAAAA,SAAA,CAAK,YAAa,CAAA,OAAO,GAAG,cAAc,CAAA;AAAA,QACrD,cAAA;AAAA,QACA,QAAA;AAAA,QACA,MAAA;AAAA,QACA,QAAU,EAAA,YAAA;AAAA,QACV,OAAA;AAAA,QACA,IAAK,EAAA,UAAA;AAAA,QACJ,GAAG,cAAA;AAAA,OACN,CAAA;AAAA,sBACCZ,cAAA,CAAA,MAAA,EAAA;AAAA,QAAK,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,QACnC,QAAC,kBAAAA,cAAA,CAAA,MAAA,EAAA;AAAA,UAAK,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,UAClC,qCACEA,cAAA,CAAA,WAAA,EAAA;AAAA,YAAY,aAAW,EAAA,IAAA;AAAA,YAAC,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,WAAG,CAAA;AAAA,SAE9D,CAAA;AAAA,OACF,CAAA;AAAA,sBACCA,cAAA,CAAA,MAAA,EAAA;AAAA,QAAK,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,QAAI,QAAA,EAAA,KAAA;AAAA,OAAM,CAAA;AAAA,KAAA;AAAA,GACjD,CAAA,CAAA;AAEJ,CAAC;;;;"}
|
package/dist-cjs/text/Text.js
CHANGED
|
@@ -10,9 +10,84 @@ require('../utils/useId.js');
|
|
|
10
10
|
require('../salt-provider/SaltProvider.js');
|
|
11
11
|
require('../viewport/ViewportProvider.js');
|
|
12
12
|
var clsx = require('clsx');
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
require('../accordion/AccordionGroup.js');
|
|
14
|
+
require('../accordion/AccordionPanel.js');
|
|
15
|
+
require('../accordion/Accordion.js');
|
|
16
|
+
require('../accordion/AccordionHeader.js');
|
|
17
|
+
require('../aria-announcer/AriaAnnouncerContext.js');
|
|
18
|
+
require('../avatar/Avatar.js');
|
|
19
|
+
require('../badge/Badge.js');
|
|
20
|
+
require('../banner/Banner.js');
|
|
21
|
+
require('../banner/BannerActions.js');
|
|
22
|
+
require('../banner/BannerContent.js');
|
|
23
|
+
require('../border-item/BorderItem.js');
|
|
24
|
+
require('../border-layout/BorderLayout.js');
|
|
25
|
+
require('../button/Button.js');
|
|
26
|
+
require('../card/Card.js');
|
|
27
|
+
require('../card/InteractableCard.js');
|
|
28
|
+
require('../checkbox/Checkbox.js');
|
|
29
|
+
require('../checkbox/CheckboxGroup.js');
|
|
15
30
|
var styles = require('@salt-ds/styles');
|
|
31
|
+
var window = require('@salt-ds/window');
|
|
32
|
+
require('@salt-ds/icons');
|
|
33
|
+
require('../combo-box/ComboBox.js');
|
|
34
|
+
require('../dialog/Dialog.js');
|
|
35
|
+
require('../status-indicator/StatusIndicator.js');
|
|
36
|
+
require('./Display.js');
|
|
37
|
+
require('./Headings.js');
|
|
38
|
+
require('./Label.js');
|
|
39
|
+
require('./TextNotation.js');
|
|
40
|
+
require('./TextAction.js');
|
|
41
|
+
require('../dialog/DialogContext.js');
|
|
42
|
+
require('../dialog/DialogActions.js');
|
|
43
|
+
require('../dialog/DialogContent.js');
|
|
44
|
+
require('../dialog/DialogCloseButton.js');
|
|
45
|
+
require('../drawer/Drawer.js');
|
|
46
|
+
require('../drawer/DrawerCloseButton.js');
|
|
47
|
+
require('../dropdown/Dropdown.js');
|
|
48
|
+
require('../file-drop-zone/FileDropZone.js');
|
|
49
|
+
require('../file-drop-zone/FileDropZoneIcon.js');
|
|
50
|
+
require('../file-drop-zone/FileDropZoneTrigger.js');
|
|
51
|
+
require('../flex-item/FlexItem.js');
|
|
52
|
+
require('../flex-layout/FlexLayout.js');
|
|
53
|
+
require('../flow-layout/FlowLayout.js');
|
|
54
|
+
require('../form-field/FormField.js');
|
|
55
|
+
require('../form-field-context/FormFieldContext.js');
|
|
56
|
+
require('../grid-item/GridItem.js');
|
|
57
|
+
require('../grid-layout/GridLayout.js');
|
|
58
|
+
require('../input/Input.js');
|
|
59
|
+
require('../link/Link.js');
|
|
60
|
+
require('../link-card/LinkCard.js');
|
|
61
|
+
require('../list-control/ListControlContext.js');
|
|
62
|
+
require('../multiline-input/MultilineInput.js');
|
|
63
|
+
require('../navigation-item/NavigationItem.js');
|
|
64
|
+
require('../option/Option.js');
|
|
65
|
+
require('../option/OptionGroup.js');
|
|
66
|
+
require('../pagination/Pagination.js');
|
|
67
|
+
require('../pagination/Paginator.js');
|
|
68
|
+
require('../pagination/CompactInput.js');
|
|
69
|
+
require('../pagination/CompactPaginator.js');
|
|
70
|
+
require('../pagination/GoToInput.js');
|
|
71
|
+
require('../panel/Panel.js');
|
|
72
|
+
require('../pill/Pill.js');
|
|
73
|
+
require('../progress/CircularProgress/CircularProgress.js');
|
|
74
|
+
require('../progress/LinearProgress/LinearProgress.js');
|
|
75
|
+
require('../radio-button/RadioButton.js');
|
|
76
|
+
require('../radio-button/RadioButtonGroup.js');
|
|
77
|
+
require('../scrim/Scrim.js');
|
|
78
|
+
require('../spinner/Spinner.js');
|
|
79
|
+
require('../stack-layout/StackLayout.js');
|
|
80
|
+
require('../status-adornment/StatusAdornment.js');
|
|
81
|
+
require('../toast/Toast.js');
|
|
82
|
+
require('../toast/ToastContent.js');
|
|
83
|
+
require('../split-layout/SplitLayout.js');
|
|
84
|
+
require('../switch/Switch.js');
|
|
85
|
+
require('../toggle-button/ToggleButton.js');
|
|
86
|
+
require('../toggle-button-group/ToggleButtonGroup.js');
|
|
87
|
+
require('../toggle-button-group/ToggleButtonGroupContext.js');
|
|
88
|
+
require('../tooltip/Tooltip.js');
|
|
89
|
+
require('@floating-ui/react');
|
|
90
|
+
var Text$1 = require('./Text.css.js');
|
|
16
91
|
|
|
17
92
|
const withBaseName = makePrefixer.makePrefixer("saltText");
|
|
18
93
|
const Text = React.forwardRef(
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","sources":["../src/text/Text.tsx"],"sourcesContent":["import {\n makePrefixer,\n PolymorphicComponentPropWithRef,\n PolymorphicRef,\n} from \"../utils\";\nimport { clsx } from \"clsx\";\nimport { ElementType, forwardRef, ReactElement } from \"react\";\n\nimport textCss from \"./Text.css\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nexport type TextProps<T extends ElementType> = PolymorphicComponentPropWithRef<\n T,\n {\n /**\n * Applies disabled styling when true\n */\n disabled?: boolean;\n /**\n * Apply text truncation by mentioning number of rows to be displayed\n */\n maxRows?: number;\n /**\n * Match styling to another text component's style\n */\n styleAs?:\n | \"h1\"\n | \"h2\"\n | \"h3\"\n | \"h4\"\n | \"label\"\n | \"display1\"\n | \"display2\"\n | \"display3\"\n | \"notation\"\n | \"action\";\n /**\n * Change text color palette\n */\n variant?: \"primary\" | \"secondary\";\n }\n>;\n\ntype TextComponent = <T extends ElementType = \"div\">(\n props: TextProps<T>\n) => ReactElement | null;\n\nconst withBaseName = makePrefixer(\"saltText\");\n\nexport const Text: TextComponent = forwardRef(\n <T extends ElementType = \"div\">(\n {\n as,\n children,\n className,\n disabled = false,\n maxRows,\n style,\n styleAs,\n variant = \"primary\",\n ...restProps\n }: TextProps<T>,\n ref?: PolymorphicRef<T>\n ) => {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-text\",\n css: textCss,\n window: targetWindow,\n });\n\n const Component = as || \"div\";\n\n const textStyles = { \"--text-max-rows\": maxRows, ...style };\n\n return (\n <Component\n className={clsx(\n withBaseName(),\n {\n [withBaseName(\"disabled\")]: disabled,\n [withBaseName(\"lineClamp\")]: maxRows,\n [withBaseName(styleAs || \"\")]: styleAs,\n [withBaseName(variant)]: variant,\n },\n className\n )}\n {...restProps}\n ref={ref}\n style={textStyles}\n >\n {children}\n </Component>\n );\n }\n);\n"],"names":["makePrefixer","forwardRef","useWindow","useComponentCssInjection","textCss","jsx","clsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Text.js","sources":["../src/text/Text.tsx"],"sourcesContent":["import {\n makePrefixer,\n PolymorphicComponentPropWithRef,\n PolymorphicRef,\n} from \"../utils\";\nimport { clsx } from \"clsx\";\nimport { ElementType, forwardRef, ReactElement } from \"react\";\n\nimport textCss from \"./Text.css\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nexport type TextProps<T extends ElementType> = PolymorphicComponentPropWithRef<\n T,\n {\n /**\n * Applies disabled styling when true\n */\n disabled?: boolean;\n /**\n * Apply text truncation by mentioning number of rows to be displayed\n */\n maxRows?: number;\n /**\n * Match styling to another text component's style\n */\n styleAs?:\n | \"h1\"\n | \"h2\"\n | \"h3\"\n | \"h4\"\n | \"label\"\n | \"display1\"\n | \"display2\"\n | \"display3\"\n | \"notation\"\n | \"action\";\n /**\n * Change text color palette\n */\n variant?: \"primary\" | \"secondary\";\n }\n>;\n\ntype TextComponent = <T extends ElementType = \"div\">(\n props: TextProps<T>\n) => ReactElement | null;\n\nconst withBaseName = makePrefixer(\"saltText\");\n\nexport const Text: TextComponent = forwardRef(\n <T extends ElementType = \"div\">(\n {\n as,\n children,\n className,\n disabled = false,\n maxRows,\n style,\n styleAs,\n variant = \"primary\",\n ...restProps\n }: TextProps<T>,\n ref?: PolymorphicRef<T>\n ) => {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-text\",\n css: textCss,\n window: targetWindow,\n });\n\n const Component = as || \"div\";\n\n const textStyles = { \"--text-max-rows\": maxRows, ...style };\n\n return (\n <Component\n className={clsx(\n withBaseName(),\n {\n [withBaseName(\"disabled\")]: disabled,\n [withBaseName(\"lineClamp\")]: maxRows,\n [withBaseName(styleAs || \"\")]: styleAs,\n [withBaseName(variant)]: variant,\n },\n className\n )}\n {...restProps}\n ref={ref}\n style={textStyles}\n >\n {children}\n </Component>\n );\n }\n);\n"],"names":["makePrefixer","forwardRef","useWindow","useComponentCssInjection","textCss","jsx","clsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDA,MAAM,YAAA,GAAeA,0BAAa,UAAU,CAAA,CAAA;AAErC,MAAM,IAAsB,GAAAC,gBAAA;AAAA,EACjC,CACE;AAAA,IACE,EAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAW,GAAA,KAAA;AAAA,IACX,OAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAU,GAAA,SAAA;AAAA,IACP,GAAA,SAAA;AAAA,KAEL,GACG,KAAA;AACH,IAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,WAAA;AAAA,MACR,GAAK,EAAAC,MAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,MAAM,YAAY,EAAM,IAAA,KAAA,CAAA;AAExB,IAAA,MAAM,UAAa,GAAA,EAAE,iBAAmB,EAAA,OAAA,EAAS,GAAG,KAAM,EAAA,CAAA;AAE1D,IAAA,uBACGC,cAAA,CAAA,SAAA,EAAA;AAAA,MACC,SAAW,EAAAC,SAAA;AAAA,QACT,YAAa,EAAA;AAAA,QACb;AAAA,UACE,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,QAAA;AAAA,UAC5B,CAAC,YAAa,CAAA,WAAW,CAAI,GAAA,OAAA;AAAA,UAC7B,CAAC,YAAA,CAAa,OAAW,IAAA,EAAE,CAAI,GAAA,OAAA;AAAA,UAC/B,CAAC,YAAa,CAAA,OAAO,CAAI,GAAA,OAAA;AAAA,SAC3B;AAAA,QACA,SAAA;AAAA,OACF;AAAA,MACC,GAAG,SAAA;AAAA,MACJ,GAAA;AAAA,MACA,KAAO,EAAA,UAAA;AAAA,MAEN,QAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
|
package/dist-cjs/toast/Toast.js
CHANGED
|
@@ -13,6 +13,80 @@ require('../utils/useFloatingUI/useFloatingUI.js');
|
|
|
13
13
|
require('../utils/useId.js');
|
|
14
14
|
require('../salt-provider/SaltProvider.js');
|
|
15
15
|
require('../viewport/ViewportProvider.js');
|
|
16
|
+
require('../accordion/AccordionGroup.js');
|
|
17
|
+
require('../accordion/AccordionPanel.js');
|
|
18
|
+
require('../accordion/Accordion.js');
|
|
19
|
+
require('../accordion/AccordionHeader.js');
|
|
20
|
+
require('../aria-announcer/AriaAnnouncerContext.js');
|
|
21
|
+
require('../avatar/Avatar.js');
|
|
22
|
+
require('../badge/Badge.js');
|
|
23
|
+
require('../banner/Banner.js');
|
|
24
|
+
require('../banner/BannerActions.js');
|
|
25
|
+
require('../banner/BannerContent.js');
|
|
26
|
+
require('../border-item/BorderItem.js');
|
|
27
|
+
require('../border-layout/BorderLayout.js');
|
|
28
|
+
require('../button/Button.js');
|
|
29
|
+
require('../card/Card.js');
|
|
30
|
+
require('../card/InteractableCard.js');
|
|
31
|
+
require('../checkbox/Checkbox.js');
|
|
32
|
+
require('../checkbox/CheckboxGroup.js');
|
|
33
|
+
require('@salt-ds/icons');
|
|
34
|
+
require('../combo-box/ComboBox.js');
|
|
35
|
+
require('../dialog/Dialog.js');
|
|
36
|
+
require('../text/Text.js');
|
|
37
|
+
require('../text/Display.js');
|
|
38
|
+
require('../text/Headings.js');
|
|
39
|
+
require('../text/Label.js');
|
|
40
|
+
require('../text/TextNotation.js');
|
|
41
|
+
require('../text/TextAction.js');
|
|
42
|
+
require('../dialog/DialogContext.js');
|
|
43
|
+
require('../dialog/DialogActions.js');
|
|
44
|
+
require('../dialog/DialogContent.js');
|
|
45
|
+
require('../dialog/DialogCloseButton.js');
|
|
46
|
+
require('../drawer/Drawer.js');
|
|
47
|
+
require('../drawer/DrawerCloseButton.js');
|
|
48
|
+
require('../dropdown/Dropdown.js');
|
|
49
|
+
require('../file-drop-zone/FileDropZone.js');
|
|
50
|
+
require('../file-drop-zone/FileDropZoneIcon.js');
|
|
51
|
+
require('../file-drop-zone/FileDropZoneTrigger.js');
|
|
52
|
+
require('../flex-item/FlexItem.js');
|
|
53
|
+
require('../flex-layout/FlexLayout.js');
|
|
54
|
+
require('../flow-layout/FlowLayout.js');
|
|
55
|
+
require('../form-field/FormField.js');
|
|
56
|
+
require('../form-field-context/FormFieldContext.js');
|
|
57
|
+
require('../grid-item/GridItem.js');
|
|
58
|
+
require('../grid-layout/GridLayout.js');
|
|
59
|
+
require('../input/Input.js');
|
|
60
|
+
require('../link/Link.js');
|
|
61
|
+
require('../link-card/LinkCard.js');
|
|
62
|
+
require('../list-control/ListControlContext.js');
|
|
63
|
+
require('../multiline-input/MultilineInput.js');
|
|
64
|
+
require('../navigation-item/NavigationItem.js');
|
|
65
|
+
require('../option/Option.js');
|
|
66
|
+
require('../option/OptionGroup.js');
|
|
67
|
+
require('../pagination/Pagination.js');
|
|
68
|
+
require('../pagination/Paginator.js');
|
|
69
|
+
require('../pagination/CompactInput.js');
|
|
70
|
+
require('../pagination/CompactPaginator.js');
|
|
71
|
+
require('../pagination/GoToInput.js');
|
|
72
|
+
require('../panel/Panel.js');
|
|
73
|
+
require('../pill/Pill.js');
|
|
74
|
+
require('../progress/CircularProgress/CircularProgress.js');
|
|
75
|
+
require('../progress/LinearProgress/LinearProgress.js');
|
|
76
|
+
require('../radio-button/RadioButton.js');
|
|
77
|
+
require('../radio-button/RadioButtonGroup.js');
|
|
78
|
+
require('../scrim/Scrim.js');
|
|
79
|
+
require('../spinner/Spinner.js');
|
|
80
|
+
require('../stack-layout/StackLayout.js');
|
|
81
|
+
require('../status-adornment/StatusAdornment.js');
|
|
82
|
+
require('./ToastContent.js');
|
|
83
|
+
require('../split-layout/SplitLayout.js');
|
|
84
|
+
require('../switch/Switch.js');
|
|
85
|
+
require('../toggle-button/ToggleButton.js');
|
|
86
|
+
require('../toggle-button-group/ToggleButtonGroup.js');
|
|
87
|
+
require('../toggle-button-group/ToggleButtonGroupContext.js');
|
|
88
|
+
require('../tooltip/Tooltip.js');
|
|
89
|
+
require('@floating-ui/react');
|
|
16
90
|
var Toast$1 = require('./Toast.css.js');
|
|
17
91
|
|
|
18
92
|
const withBaseName = makePrefixer.makePrefixer("saltToast");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.js","sources":["../src/toast/Toast.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { StatusIndicator, ValidationStatus } from \"../status-indicator\";\nimport { makePrefixer } from \"../utils\";\n\nimport toastCss from \"./Toast.css\";\n\nconst withBaseName = makePrefixer(\"saltToast\");\n\nexport interface ToastProps extends ComponentPropsWithoutRef<\"div\"> {\n /**\n * A string to determine the current state of the Toast.\n */\n status?: ValidationStatus;\n}\n\nexport const Toast = forwardRef<HTMLDivElement, ToastProps>(function Toast(\n props,\n ref\n) {\n const { children, className, status = \"info\", ...rest } = props;\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-toast\",\n css: toastCss,\n window: targetWindow,\n });\n\n return (\n <div\n className={clsx(withBaseName(), withBaseName(status), className)}\n role=\"alert\"\n {...rest}\n ref={ref}\n >\n <StatusIndicator status={status} className={withBaseName(\"icon\")} />\n {children}\n </div>\n );\n});\n"],"names":["makePrefixer","forwardRef","Toast","useWindow","useComponentCssInjection","toastCss","jsxs","clsx","jsx","StatusIndicator"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Toast.js","sources":["../src/toast/Toast.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { StatusIndicator, ValidationStatus } from \"../status-indicator\";\nimport { makePrefixer } from \"../utils\";\n\nimport toastCss from \"./Toast.css\";\n\nconst withBaseName = makePrefixer(\"saltToast\");\n\nexport interface ToastProps extends ComponentPropsWithoutRef<\"div\"> {\n /**\n * A string to determine the current state of the Toast.\n */\n status?: ValidationStatus;\n}\n\nexport const Toast = forwardRef<HTMLDivElement, ToastProps>(function Toast(\n props,\n ref\n) {\n const { children, className, status = \"info\", ...rest } = props;\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-toast\",\n css: toastCss,\n window: targetWindow,\n });\n\n return (\n <div\n className={clsx(withBaseName(), withBaseName(status), className)}\n role=\"alert\"\n {...rest}\n ref={ref}\n >\n <StatusIndicator status={status} className={withBaseName(\"icon\")} />\n {children}\n </div>\n );\n});\n"],"names":["makePrefixer","forwardRef","Toast","useWindow","useComponentCssInjection","toastCss","jsxs","clsx","jsx","StatusIndicator"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,YAAA,GAAeA,0BAAa,WAAW,CAAA,CAAA;AAStC,MAAM,KAAQ,GAAAC,gBAAA,CAAuC,SAASC,MAAAA,CACnE,OACA,GACA,EAAA;AACA,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,MAAS,GAAA,MAAA,EAAA,GAAW,MAAS,GAAA,KAAA,CAAA;AAC1D,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,YAAA;AAAA,IACR,GAAK,EAAAC,OAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,uBACGC,eAAA,CAAA,KAAA,EAAA;AAAA,IACC,WAAWC,SAAK,CAAA,YAAA,IAAgB,YAAa,CAAA,MAAM,GAAG,SAAS,CAAA;AAAA,IAC/D,IAAK,EAAA,OAAA;AAAA,IACJ,GAAG,IAAA;AAAA,IACJ,GAAA;AAAA,IAEA,QAAA,EAAA;AAAA,sBAACC,cAAA,CAAAC,+BAAA,EAAA;AAAA,QAAgB,MAAA;AAAA,QAAgB,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,OAAG,CAAA;AAAA,MACjE,QAAA;AAAA,KAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}
|
|
@@ -12,6 +12,81 @@ require('../utils/useFloatingUI/useFloatingUI.js');
|
|
|
12
12
|
require('../utils/useId.js');
|
|
13
13
|
require('../salt-provider/SaltProvider.js');
|
|
14
14
|
require('../viewport/ViewportProvider.js');
|
|
15
|
+
require('../accordion/AccordionGroup.js');
|
|
16
|
+
require('../accordion/AccordionPanel.js');
|
|
17
|
+
require('../accordion/Accordion.js');
|
|
18
|
+
require('../accordion/AccordionHeader.js');
|
|
19
|
+
require('../aria-announcer/AriaAnnouncerContext.js');
|
|
20
|
+
require('../avatar/Avatar.js');
|
|
21
|
+
require('../badge/Badge.js');
|
|
22
|
+
require('../banner/Banner.js');
|
|
23
|
+
require('../banner/BannerActions.js');
|
|
24
|
+
require('../banner/BannerContent.js');
|
|
25
|
+
require('../border-item/BorderItem.js');
|
|
26
|
+
require('../border-layout/BorderLayout.js');
|
|
27
|
+
require('../button/Button.js');
|
|
28
|
+
require('../card/Card.js');
|
|
29
|
+
require('../card/InteractableCard.js');
|
|
30
|
+
require('../checkbox/Checkbox.js');
|
|
31
|
+
require('../checkbox/CheckboxGroup.js');
|
|
32
|
+
require('@salt-ds/icons');
|
|
33
|
+
require('../combo-box/ComboBox.js');
|
|
34
|
+
require('../dialog/Dialog.js');
|
|
35
|
+
require('../status-indicator/StatusIndicator.js');
|
|
36
|
+
require('../text/Text.js');
|
|
37
|
+
require('../text/Display.js');
|
|
38
|
+
require('../text/Headings.js');
|
|
39
|
+
require('../text/Label.js');
|
|
40
|
+
require('../text/TextNotation.js');
|
|
41
|
+
require('../text/TextAction.js');
|
|
42
|
+
require('../dialog/DialogContext.js');
|
|
43
|
+
require('../dialog/DialogActions.js');
|
|
44
|
+
require('../dialog/DialogContent.js');
|
|
45
|
+
require('../dialog/DialogCloseButton.js');
|
|
46
|
+
require('../drawer/Drawer.js');
|
|
47
|
+
require('../drawer/DrawerCloseButton.js');
|
|
48
|
+
require('../dropdown/Dropdown.js');
|
|
49
|
+
require('../file-drop-zone/FileDropZone.js');
|
|
50
|
+
require('../file-drop-zone/FileDropZoneIcon.js');
|
|
51
|
+
require('../file-drop-zone/FileDropZoneTrigger.js');
|
|
52
|
+
require('../flex-item/FlexItem.js');
|
|
53
|
+
require('../flex-layout/FlexLayout.js');
|
|
54
|
+
require('../flow-layout/FlowLayout.js');
|
|
55
|
+
require('../form-field/FormField.js');
|
|
56
|
+
require('../form-field-context/FormFieldContext.js');
|
|
57
|
+
require('../grid-item/GridItem.js');
|
|
58
|
+
require('../grid-layout/GridLayout.js');
|
|
59
|
+
require('../input/Input.js');
|
|
60
|
+
require('../link/Link.js');
|
|
61
|
+
require('../link-card/LinkCard.js');
|
|
62
|
+
require('../list-control/ListControlContext.js');
|
|
63
|
+
require('../multiline-input/MultilineInput.js');
|
|
64
|
+
require('../navigation-item/NavigationItem.js');
|
|
65
|
+
require('../option/Option.js');
|
|
66
|
+
require('../option/OptionGroup.js');
|
|
67
|
+
require('../pagination/Pagination.js');
|
|
68
|
+
require('../pagination/Paginator.js');
|
|
69
|
+
require('../pagination/CompactInput.js');
|
|
70
|
+
require('../pagination/CompactPaginator.js');
|
|
71
|
+
require('../pagination/GoToInput.js');
|
|
72
|
+
require('../panel/Panel.js');
|
|
73
|
+
require('../pill/Pill.js');
|
|
74
|
+
require('../progress/CircularProgress/CircularProgress.js');
|
|
75
|
+
require('../progress/LinearProgress/LinearProgress.js');
|
|
76
|
+
require('../radio-button/RadioButton.js');
|
|
77
|
+
require('../radio-button/RadioButtonGroup.js');
|
|
78
|
+
require('../scrim/Scrim.js');
|
|
79
|
+
require('../spinner/Spinner.js');
|
|
80
|
+
require('../stack-layout/StackLayout.js');
|
|
81
|
+
require('../status-adornment/StatusAdornment.js');
|
|
82
|
+
require('./Toast.js');
|
|
83
|
+
require('../split-layout/SplitLayout.js');
|
|
84
|
+
require('../switch/Switch.js');
|
|
85
|
+
require('../toggle-button/ToggleButton.js');
|
|
86
|
+
require('../toggle-button-group/ToggleButtonGroup.js');
|
|
87
|
+
require('../toggle-button-group/ToggleButtonGroupContext.js');
|
|
88
|
+
require('../tooltip/Tooltip.js');
|
|
89
|
+
require('@floating-ui/react');
|
|
15
90
|
var ToastContent$1 = require('./ToastContent.css.js');
|
|
16
91
|
|
|
17
92
|
const withBaseName = makePrefixer.makePrefixer("saltToastContent");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToastContent.js","sources":["../src/toast/ToastContent.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n ComponentPropsWithoutRef,\n ForwardedRef,\n forwardRef,\n ReactNode,\n} from \"react\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { makePrefixer } from \"../utils\";\n\nimport toastContentCss from \"./ToastContent.css\";\n\nconst withBaseName = makePrefixer(\"saltToastContent\");\n\nexport interface ToastContentProps extends ComponentPropsWithoutRef<\"div\"> {\n /**\n * The content of Toast Content\n */\n children?: ReactNode;\n}\n\nexport const ToastContent = forwardRef(function ToastContent(\n { children, className, ...restProps }: ToastContentProps,\n ref: ForwardedRef<HTMLDivElement>\n) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-toast-content\",\n css: toastContentCss,\n window: targetWindow,\n });\n\n return (\n <div className={clsx(withBaseName(), className)} {...restProps} ref={ref}>\n {children}\n </div>\n );\n});\n"],"names":["makePrefixer","forwardRef","ToastContent","useWindow","useComponentCssInjection","toastContentCss","jsx","clsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ToastContent.js","sources":["../src/toast/ToastContent.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n ComponentPropsWithoutRef,\n ForwardedRef,\n forwardRef,\n ReactNode,\n} from \"react\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { makePrefixer } from \"../utils\";\n\nimport toastContentCss from \"./ToastContent.css\";\n\nconst withBaseName = makePrefixer(\"saltToastContent\");\n\nexport interface ToastContentProps extends ComponentPropsWithoutRef<\"div\"> {\n /**\n * The content of Toast Content\n */\n children?: ReactNode;\n}\n\nexport const ToastContent = forwardRef(function ToastContent(\n { children, className, ...restProps }: ToastContentProps,\n ref: ForwardedRef<HTMLDivElement>\n) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-toast-content\",\n css: toastContentCss,\n window: targetWindow,\n });\n\n return (\n <div className={clsx(withBaseName(), className)} {...restProps} ref={ref}>\n {children}\n </div>\n );\n});\n"],"names":["makePrefixer","forwardRef","ToastContent","useWindow","useComponentCssInjection","toastContentCss","jsx","clsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,MAAM,YAAA,GAAeA,0BAAa,kBAAkB,CAAA,CAAA;AASvC,MAAA,YAAA,GAAeC,iBAAW,SAASC,aAAAA,CAC9C,EAAE,QAAU,EAAA,SAAA,EAAA,GAAc,SAAU,EAAA,EACpC,GACA,EAAA;AACA,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,oBAAA;AAAA,IACR,GAAK,EAAAC,cAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,uBACGC,cAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,IAAI,GAAG,SAAA;AAAA,IAAW,GAAA;AAAA,IAC7D,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}
|
|
@@ -16,6 +16,79 @@ var useForkRef = require('../utils/useForkRef.js');
|
|
|
16
16
|
require('../utils/useId.js');
|
|
17
17
|
require('../salt-provider/SaltProvider.js');
|
|
18
18
|
require('../viewport/ViewportProvider.js');
|
|
19
|
+
require('../accordion/AccordionGroup.js');
|
|
20
|
+
require('../accordion/AccordionPanel.js');
|
|
21
|
+
require('../accordion/Accordion.js');
|
|
22
|
+
require('../accordion/AccordionHeader.js');
|
|
23
|
+
require('../aria-announcer/AriaAnnouncerContext.js');
|
|
24
|
+
require('../avatar/Avatar.js');
|
|
25
|
+
require('../badge/Badge.js');
|
|
26
|
+
require('../banner/Banner.js');
|
|
27
|
+
require('../banner/BannerActions.js');
|
|
28
|
+
require('../banner/BannerContent.js');
|
|
29
|
+
require('../border-item/BorderItem.js');
|
|
30
|
+
require('../border-layout/BorderLayout.js');
|
|
31
|
+
require('../button/Button.js');
|
|
32
|
+
require('../card/Card.js');
|
|
33
|
+
require('../card/InteractableCard.js');
|
|
34
|
+
require('../checkbox/Checkbox.js');
|
|
35
|
+
require('../checkbox/CheckboxGroup.js');
|
|
36
|
+
require('@salt-ds/icons');
|
|
37
|
+
require('../combo-box/ComboBox.js');
|
|
38
|
+
require('../dialog/Dialog.js');
|
|
39
|
+
require('../status-indicator/StatusIndicator.js');
|
|
40
|
+
require('../text/Text.js');
|
|
41
|
+
require('../text/Display.js');
|
|
42
|
+
require('../text/Headings.js');
|
|
43
|
+
require('../text/Label.js');
|
|
44
|
+
require('../text/TextNotation.js');
|
|
45
|
+
require('../text/TextAction.js');
|
|
46
|
+
require('../dialog/DialogContext.js');
|
|
47
|
+
require('../dialog/DialogActions.js');
|
|
48
|
+
require('../dialog/DialogContent.js');
|
|
49
|
+
require('../dialog/DialogCloseButton.js');
|
|
50
|
+
require('../drawer/Drawer.js');
|
|
51
|
+
require('../drawer/DrawerCloseButton.js');
|
|
52
|
+
require('../dropdown/Dropdown.js');
|
|
53
|
+
require('../file-drop-zone/FileDropZone.js');
|
|
54
|
+
require('../file-drop-zone/FileDropZoneIcon.js');
|
|
55
|
+
require('../file-drop-zone/FileDropZoneTrigger.js');
|
|
56
|
+
require('../flex-item/FlexItem.js');
|
|
57
|
+
require('../flex-layout/FlexLayout.js');
|
|
58
|
+
require('../flow-layout/FlowLayout.js');
|
|
59
|
+
require('../form-field/FormField.js');
|
|
60
|
+
require('../form-field-context/FormFieldContext.js');
|
|
61
|
+
require('../grid-item/GridItem.js');
|
|
62
|
+
require('../grid-layout/GridLayout.js');
|
|
63
|
+
require('../input/Input.js');
|
|
64
|
+
require('../link/Link.js');
|
|
65
|
+
require('../link-card/LinkCard.js');
|
|
66
|
+
require('../list-control/ListControlContext.js');
|
|
67
|
+
require('../multiline-input/MultilineInput.js');
|
|
68
|
+
require('../navigation-item/NavigationItem.js');
|
|
69
|
+
require('../option/Option.js');
|
|
70
|
+
require('../option/OptionGroup.js');
|
|
71
|
+
require('../pagination/Pagination.js');
|
|
72
|
+
require('../pagination/Paginator.js');
|
|
73
|
+
require('../pagination/CompactInput.js');
|
|
74
|
+
require('../pagination/CompactPaginator.js');
|
|
75
|
+
require('../pagination/GoToInput.js');
|
|
76
|
+
require('../panel/Panel.js');
|
|
77
|
+
require('../pill/Pill.js');
|
|
78
|
+
require('../progress/CircularProgress/CircularProgress.js');
|
|
79
|
+
require('../progress/LinearProgress/LinearProgress.js');
|
|
80
|
+
require('../radio-button/RadioButton.js');
|
|
81
|
+
require('../radio-button/RadioButtonGroup.js');
|
|
82
|
+
require('../scrim/Scrim.js');
|
|
83
|
+
require('../spinner/Spinner.js');
|
|
84
|
+
require('../stack-layout/StackLayout.js');
|
|
85
|
+
require('../status-adornment/StatusAdornment.js');
|
|
86
|
+
require('../toast/Toast.js');
|
|
87
|
+
require('../toast/ToastContent.js');
|
|
88
|
+
require('../split-layout/SplitLayout.js');
|
|
89
|
+
require('../switch/Switch.js');
|
|
90
|
+
require('../tooltip/Tooltip.js');
|
|
91
|
+
require('@floating-ui/react');
|
|
19
92
|
var ToggleButton$1 = require('./ToggleButton.css.js');
|
|
20
93
|
|
|
21
94
|
const withBaseName = makePrefixer.makePrefixer("saltToggleButton");
|