@salt-ds/lab 1.0.0-alpha.2 → 1.0.0-alpha.21

package/dist-cjs/index.js

@@ -0,0 +1,357 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('./list-deprecated/List.js');
+require('./list-deprecated/ListBase.js');
+var ListItemBase = require('./list-deprecated/ListItemBase.js');
+require('./list-deprecated/ListItem.js');
+require('./list-deprecated/ListItemContext.js');
+require('./list-deprecated/ListStateContext.js');
+require('@salt-ds/core');
+require('react');
+var useListItem = require('./list-deprecated/useListItem.js');
+var escapeRegExp = require('./utils/escapeRegExp.js');
+var isEmail = require('./utils/isEmail.js');
+var forwardCallbackProps = require('./utils/forwardCallbackProps.js');
+var isPlainObject = require('./utils/isPlainObject.js');
+var partition = require('./utils/partition.js');
+var useClickOutside = require('./utils/useClickOutside.js');
+var useEventCallback = require('./utils/useEventCallback.js');
+var useIsViewportLargerThanBreakpoint = require('./utils/useIsViewportLargerThanBreakpoint.js');
+var useLayoutEffectOnce = require('./utils/useLayoutEffectOnce.js');
+var useLayoutEffectSkipFirst = require('./utils/useLayoutEffectSkipFirst.js');
+var useOverflowDetection = require('./utils/useOverflowDetection.js');
+var useSlideSelection = require('./utils/useSlideSelection.js');
+var AppHeader = require('./app-header/AppHeader.js');
+var Badge = require('./badge/Badge.js');
+var Breadcrumb = require('./breadcrumbs/Breadcrumb.js');
+var Breadcrumbs = require('./breadcrumbs/Breadcrumbs.js');
+var ButtonBar = require('./button-bar/ButtonBar.js');
+var OrderedButton = require('./button-bar/OrderedButton.js');
+var Calendar = require('./calendar/Calendar.js');
+var useCalendarDay = require('./calendar/useCalendarDay.js');
+var useCalendar = require('./calendar/useCalendar.js');
+var useSelection = require('./calendar/useSelection.js');
+var Carousel = require('./carousel/Carousel.js');
+var CarouselSlide = require('./carousel/CarouselSlide.js');
+var CascadingMenu = require('./cascading-menu/CascadingMenu.js');
+var ColorChooser = require('./color-chooser/ColorChooser.js');
+var Color = require('./color-chooser/Color.js');
+var ColorPicker = require('./color-chooser/ColorPicker.js');
+var GetColorPalettes = require('./color-chooser/GetColorPalettes.js');
+var ColorHelpers = require('./color-chooser/ColorHelpers.js');
+var SwatchesPicker = require('./color-chooser/SwatchesPicker.js');
+var Swatch = require('./color-chooser/Swatch.js');
+var colorMap = require('./color-chooser/colorMap.js');
+var ComboBox = require('./combo-box/ComboBox.js');
+var ComboBoxNext = require('./combo-box-next/ComboBoxNext.js');
+var ComboBoxDeprecated = require('./combo-box-deprecated/ComboBoxDeprecated.js');
+var filterHelpers = require('./combo-box-deprecated/filterHelpers.js');
+var ContactAction = require('./contact-details/ContactAction.js');
+var ContactActions = require('./contact-details/ContactActions.js');
+var ContactAvatar = require('./contact-details/ContactAvatar.js');
+var ContactDetails = require('./contact-details/ContactDetails.js');
+var ContactMetadata = require('./contact-details/ContactMetadata.js');
+var ContactMetadataItem = require('./contact-details/ContactMetadataItem.js');
+var ContactPrimaryInfo = require('./contact-details/ContactPrimaryInfo.js');
+var ContactSecondaryInfo = require('./contact-details/ContactSecondaryInfo.js');
+var ContactTertiaryInfo = require('./contact-details/ContactTertiaryInfo.js');
+var ContactFavoriteToggle = require('./contact-details/ContactFavoriteToggle.js');
+var MailLinkComponent = require('./contact-details/MailLinkComponent.js');
+var ContentStatus = require('./content-status/ContentStatus.js');
+var DeckItem = require('./deck-item/DeckItem.js');
+var DeckLayout = require('./deck-layout/DeckLayout.js');
+var Dialog = require('./dialog/Dialog.js');
+var DialogTitle = require('./dialog/DialogTitle.js');
+var DialogActions = require('./dialog/DialogActions.js');
+var DialogContent = require('./dialog/DialogContent.js');
+var DialogContext = require('./dialog/DialogContext.js');
+var DialogCloseButton = require('./dialog/DialogCloseButton.js');
+var Drawer = require('./drawer/Drawer.js');
+var useDrawer = require('./drawer/useDrawer.js');
+var DropdownBase = require('./dropdown/DropdownBase.js');
+var DropdownButton = require('./dropdown/DropdownButton.js');
+var Dropdown = require('./dropdown/Dropdown.js');
+var useDropdownBase = require('./dropdown/useDropdownBase.js');
+var DropdownNext = require('./dropdown-next/DropdownNext.js');
+var EditableLabel = require('./editable-label/EditableLabel.js');
+var FileDropZone = require('./file-drop-zone/FileDropZone.js');
+var validators = require('./file-drop-zone/validators.js');
+var FormFieldLegacy = require('./form-field-legacy/FormFieldLegacy.js');
+var FormLabel = require('./form-field-legacy/FormLabel.js');
+var FormFieldLegacyContext = require('./form-field-context-legacy/FormFieldLegacyContext.js');
+var useFormFieldLegacyProps = require('./form-field-context-legacy/useFormFieldLegacyProps.js');
+var FormGroup = require('./form-group/FormGroup.js');
+var FormattedInput = require('./formatted-input/FormattedInput.js');
+var InputLegacy = require('./input-legacy/InputLegacy.js');
+var StaticInputAdornment = require('./input-legacy/StaticInputAdornment.js');
+var LayerLayout = require('./layer-layout/LayerLayout.js');
+var Highlighter = require('./list/Highlighter.js');
+var ListItem = require('./list/ListItem.js');
+var List = require('./list/List.js');
+var ListItemHeader = require('./list/ListItemHeader.js');
+var ListItemGroup = require('./list/ListItemGroup.js');
+var useList = require('./list/useList.js');
+var VirtualizedList = require('./list/VirtualizedList.js');
+var ListNext = require('./list-next/ListNext.js');
+var ListItemNext = require('./list-next/ListItemNext.js');
+var Logo = require('./logo/Logo.js');
+var LogoImage = require('./logo/LogoImage.js');
+var LogoSeparator = require('./logo/LogoSeparator.js');
+var MenuButton = require('./menu-button/MenuButton.js');
+var Metric = require('./metric/Metric.js');
+var MetricHeader = require('./metric/MetricHeader.js');
+var MetricContent = require('./metric/MetricContent.js');
+var NavigationItem = require('./navigation-item/NavigationItem.js');
+var Overlay = require('./overlay/Overlay.js');
+var useOverlay = require('./overlay/useOverlay.js');
+var Pagination = require('./pagination/Pagination.js');
+var Paginator = require('./pagination/Paginator.js');
+var GoToInput = require('./pagination/GoToInput.js');
+var ParentChildItem = require('./parent-child-item/ParentChildItem.js');
+var ParentChildLayout = require('./parent-child-layout/ParentChildLayout.js');
+var Pill = require('./pill/Pill.js');
+var ClosablePill = require('./pill/ClosablePill.js');
+var SelectablePill = require('./pill/SelectablePill.js');
+var PillNext = require('./pill-next/PillNext.js');
+var Portal = require('./portal/Portal.js');
+var CircularProgress = require('./progress/CircularProgress/CircularProgress.js');
+var LinearProgress = require('./progress/LinearProgress/LinearProgress.js');
+var QueryInput = require('./query-input/QueryInput.js');
+var useQueryInput = require('./query-input/useQueryInput.js');
+var useInstantCollapse = require('./responsive/useInstantCollapse.js');
+var useDynamicCollapse = require('./responsive/useDynamicCollapse.js');
+var useReclaimSpace = require('./responsive/useReclaimSpace.js');
+var useResizeObserver = require('./responsive/useResizeObserver.js');
+var useOverflow = require('./responsive/useOverflow.js');
+var useOverflowCollectionItems = require('./responsive/useOverflowCollectionItems.js');
+var useOverflowLayout = require('./responsive/useOverflowLayout.js');
+var useWidth = require('./responsive/useWidth.js');
+var overflowUtils = require('./responsive/overflowUtils.js');
+var utils = require('./responsive/utils.js');
+var Scrim = require('./scrim/Scrim.js');
+var ScrimContext = require('./scrim/ScrimContext.js');
+var SearchInput = require('./search-input/SearchInput.js');
+var SkipLink = require('./skip-link/SkipLink.js');
+var SkipLinks = require('./skip-link/SkipLinks.js');
+var Slider = require('./slider/Slider.js');
+var SteppedTracker = require('./stepped-tracker/SteppedTracker.js');
+var TrackerStep = require('./stepped-tracker/TrackerStep/TrackerStep.js');
+var StepLabel = require('./stepped-tracker/StepLabel/StepLabel.js');
+var useStepperInput = require('./stepper-input/useStepperInput.js');
+var StepperInput = require('./stepper-input/StepperInput.js');
+var TabActivationIndicator = require('./tabs/TabActivationIndicator.js');
+var Tabstrip = require('./tabs/Tabstrip.js');
+var Tab = require('./tabs/Tab.js');
+var TabPanel = require('./tabs/TabPanel.js');
+var Tabs = require('./tabs/Tabs.js');
+var TabNext = require('./tabs-next/TabNext.js');
+var TabstripNext = require('./tabs-next/TabstripNext.js');
+var ToastGroup = require('./toast-group/ToastGroup.js');
+var TokenizedInput = require('./tokenized-input/TokenizedInput.js');
+var TokenizedInputBase = require('./tokenized-input/TokenizedInputBase.js');
+var useTokenizedInput = require('./tokenized-input/useTokenizedInput.js');
+var Toolbar = require('./toolbar/Toolbar.js');
+var Tooltray = require('./toolbar/Tooltray.js');
+var ToolbarButton = require('./toolbar/ToolbarButton.js');
+var ToolbarField = require('./toolbar/toolbar-field/ToolbarField.js');
+var Tree = require('./tree/Tree.js');
+var WindowContext = require('./window/WindowContext.js');
+var ElectronWindow = require('./window/ElectronWindow.js');
+
+
+
+exports.ListItemBaseDeprecated = ListItemBase.ListItemBase;
+exports.useListItemDeprecated = useListItem.useListItem;
+exports.escapeRegExp = escapeRegExp.escapeRegExp;
+exports.isEmail = isEmail.isEmail;
+exports.forwardCallbackProps = forwardCallbackProps.forwardCallbackProps;
+exports.isPlainObject = isPlainObject.isPlainObject;
+exports.partition = partition.partition;
+exports.useClickOutside = useClickOutside.useClickOutside;
+exports.useEventCallback = useEventCallback.useEventCallback;
+exports.useIsViewportLargerThanBreakpoint = useIsViewportLargerThanBreakpoint.useIsViewportLargerThanBreakpoint;
+exports.useLayoutEffectOnce = useLayoutEffectOnce.useLayoutEffectOnce;
+exports.useLayoutEffectSkipFirst = useLayoutEffectSkipFirst.useLayoutEffectSkipFirst;
+exports.useOverflowDetection = useOverflowDetection.useOverflowDetection;
+exports.useSlideSelection = useSlideSelection.useSlideSelection;
+exports.AppHeader = AppHeader.AppHeader;
+exports.Badge = Badge.Badge;
+exports.Breadcrumb = Breadcrumb.Breadcrumb;
+exports.Breadcrumbs = Breadcrumbs.Breadcrumbs;
+exports.ButtonBar = ButtonBar.ButtonBar;
+exports.DefaultButtonsOrderByVariant = ButtonBar.DefaultButtonsOrderByVariant;
+exports.OrderedButton = OrderedButton.OrderedButton;
+exports.Calendar = Calendar.Calendar;
+exports.useCalendarDay = useCalendarDay.useCalendarDay;
+exports.useCalendar = useCalendar.useCalendar;
+exports.useSelectionCalendar = useSelection.useSelectionCalendar;
+exports.useSelectionDay = useSelection.useSelectionDay;
+exports.Carousel = Carousel.Carousel;
+exports.CarouselSlide = CarouselSlide.CarouselSlide;
+exports.CascadingMenu = CascadingMenu.CascadingMenu;
+exports.ColorChooser = ColorChooser.ColorChooser;
+exports.Color = Color.Color;
+exports.ColorPicker = ColorPicker.ColorPicker;
+exports.getColorPalettes = GetColorPalettes.getColorPalettes;
+exports.makePalette = GetColorPalettes.makePalette;
+exports.convertColorMapValueToHex = ColorHelpers.convertColorMapValueToHex;
+exports.getColorNameByHexValue = ColorHelpers.getColorNameByHexValue;
+exports.getHexValue = ColorHelpers.getHexValue;
+exports.hexValueWithoutAlpha = ColorHelpers.hexValueWithoutAlpha;
+exports.isValidHex = ColorHelpers.isValidHex;
+exports.SwatchesPicker = SwatchesPicker.SwatchesPicker;
+exports.Swatch = Swatch.Swatch;
+exports.saltColorMap = colorMap.saltColorMap;
+exports.saltlight = colorMap.saltlight;
+exports.ComboBox = ComboBox.ComboBox;
+exports.ComboBoxNext = ComboBoxNext.ComboBoxNext;
+exports.ComboBoxDeprecated = ComboBoxDeprecated.ComboBoxDeprecated;
+exports.getDefaultFilter = filterHelpers.getDefaultFilter;
+exports.getDefaultFilterRegex = filterHelpers.getDefaultFilterRegex;
+exports.ContactAction = ContactAction.ContactAction;
+exports.ContactActions = ContactActions.ContactActions;
+exports.ContactAvatar = ContactAvatar.ContactAvatar;
+exports.ContactDetails = ContactDetails.ContactDetails;
+exports.ContactMetadata = ContactMetadata.ContactMetadata;
+exports.ContactMetadataItem = ContactMetadataItem.ContactMetadataItem;
+exports.ContactPrimaryInfo = ContactPrimaryInfo.ContactPrimaryInfo;
+exports.ContactSecondaryInfo = ContactSecondaryInfo.ContactSecondaryInfo;
+exports.ContactTertiaryInfo = ContactTertiaryInfo.ContactTertiaryInfo;
+exports.ContactFavoriteToggle = ContactFavoriteToggle.ContactFavoriteToggle;
+exports.MailLinkComponent = MailLinkComponent.MailLinkComponent;
+exports.ContentStatus = ContentStatus.ContentStatus;
+exports.DeckItem = DeckItem.DeckItem;
+exports.DeckLayout = DeckLayout.DeckLayout;
+exports.Dialog = Dialog.Dialog;
+exports.DialogTitle = DialogTitle.DialogTitle;
+exports.DialogActions = DialogActions.DialogActions;
+exports.DialogContent = DialogContent.DialogContent;
+exports.DialogContext = DialogContext.DialogContext;
+exports.useDialogContext = DialogContext.useDialogContext;
+exports.DialogCloseButton = DialogCloseButton.DialogCloseButton;
+exports.DRAWER_POSITIONS = Drawer.DRAWER_POSITIONS;
+exports.Drawer = Drawer.Drawer;
+exports.useDrawer = useDrawer.useDrawer;
+exports.DropdownBase = DropdownBase.DropdownBase;
+exports.DropdownButton = DropdownButton.DropdownButton;
+exports.Dropdown = Dropdown.Dropdown;
+exports.useDropdownBase = useDropdownBase.useDropdownBase;
+exports.DropdownNext = DropdownNext.DropdownNext;
+exports.EditableLabel = EditableLabel.EditableLabel;
+exports.FileDropZone = FileDropZone.FileDropZone;
+exports.createFileTypeValidator = validators.createFileTypeValidator;
+exports.createTotalSizeValidator = validators.createTotalSizeValidator;
+exports.FormField = FormFieldLegacy.FormFieldLegacy;
+exports.FormLabel = FormLabel.FormLabel;
+exports.FormFieldLegacyContext = FormFieldLegacyContext.FormFieldLegacyContext;
+exports.useFormFieldLegacyProps = useFormFieldLegacyProps.useFormFieldLegacyProps;
+exports.FormGroup = FormGroup.FormGroup;
+exports.FormattedInput = FormattedInput.FormattedInput;
+exports.Input = InputLegacy.InputLegacy;
+exports.StaticInputAdornment = StaticInputAdornment.StaticInputAdornment;
+exports.LAYER_POSITIONS = LayerLayout.LAYER_POSITIONS;
+exports.LayerLayout = LayerLayout.LayerLayout;
+exports.Highlighter = Highlighter.Highlighter;
+exports.ListItem = ListItem.ListItem;
+exports.ListItemProxy = ListItem.ListItemProxy;
+exports.List = List.List;
+exports.ListItemHeader = ListItemHeader.ListItemHeader;
+exports.ListItemGroup = ListItemGroup.ListItemGroup;
+exports.useList = useList.useList;
+exports.VirtualizedList = VirtualizedList.VirtualizedList;
+exports.ListNext = ListNext.ListNext;
+exports.ListItemNext = ListItemNext.ListItemNext;
+exports.Logo = Logo.Logo;
+exports.LogoImage = LogoImage.LogoImage;
+exports.LogoSeparator = LogoSeparator.LogoSeparator;
+exports.MenuButton = MenuButton.MenuButton;
+exports.Metric = Metric.Metric;
+exports.MetricHeader = MetricHeader.MetricHeader;
+exports.MetricContent = MetricContent.MetricContent;
+exports.NavigationItem = NavigationItem.NavigationItem;
+exports.Overlay = Overlay.Overlay;
+exports.useOverlay = useOverlay.useOverlay;
+exports.Pagination = Pagination.Pagination;
+exports.Paginator = Paginator.Paginator;
+exports.GoToInput = GoToInput.GoToInput;
+exports.ParentChildItem = ParentChildItem.ParentChildItem;
+exports.ParentChildLayout = ParentChildLayout.ParentChildLayout;
+exports.Pill = Pill.Pill;
+exports.ClosablePill = ClosablePill.ClosablePill;
+exports.SelectablePill = SelectablePill.SelectablePill;
+exports.PillNext = PillNext.PillNext;
+exports.Portal = Portal.Portal;
+exports.CircularProgress = CircularProgress.CircularProgress;
+exports.LinearProgress = LinearProgress.LinearProgress;
+exports.QueryInput = QueryInput.QueryInput;
+exports.useQueryInput = useQueryInput.useQueryInput;
+exports.useInstantCollapse = useInstantCollapse.useInstantCollapse;
+exports.useDynamicCollapse = useDynamicCollapse.useDynamicCollapse;
+exports.addAllVisible = useReclaimSpace.addAllVisible;
+exports.useReclaimSpace = useReclaimSpace.useReclaimSpace;
+exports.HeightOnly = useResizeObserver.HeightOnly;
+exports.WidthHeight = useResizeObserver.WidthHeight;
+exports.WidthOnly = useResizeObserver.WidthOnly;
+exports.useResizeObserver = useResizeObserver.useResizeObserver;
+exports.useOverflow = useOverflow.useOverflow;
+exports.useOverflowCollectionItems = useOverflowCollectionItems.useOverflowCollectionItems;
+exports.useOverflowLayout = useOverflowLayout.useOverflowLayout;
+exports.useWidth = useWidth.useWidth;
+exports.DropdownPlaceholder = overflowUtils.DropdownPlaceholder;
+exports.NO_DATA = overflowUtils.NO_DATA;
+exports.addAll = overflowUtils.addAll;
+exports.allExceptOverflowIndicator = overflowUtils.allExceptOverflowIndicator;
+exports.byDescendingPriority = overflowUtils.byDescendingPriority;
+exports.getDropdownPlaceholder = overflowUtils.getDropdownPlaceholder;
+exports.getElementForItem = overflowUtils.getElementForItem;
+exports.getIsOverflowed = overflowUtils.getIsOverflowed;
+exports.getOverflowIndicator = overflowUtils.getOverflowIndicator;
+exports.getRuntimePadding = overflowUtils.getRuntimePadding;
+exports.isCollapsed = overflowUtils.isCollapsed;
+exports.isCollapsedOrCollapsing = overflowUtils.isCollapsedOrCollapsing;
+exports.isCollapsible = overflowUtils.isCollapsible;
+exports.isCollapsing = overflowUtils.isCollapsing;
+exports.isOverflowed = overflowUtils.isOverflowed;
+exports.measureContainer = overflowUtils.measureContainer;
+exports.measureContainerOverflow = overflowUtils.measureContainerOverflow;
+exports.measureElementSize = overflowUtils.measureElementSize;
+exports.measureOverflowItems = overflowUtils.measureOverflowItems;
+exports.notOverflowed = overflowUtils.notOverflowed;
+exports.popNextItemByPriority = overflowUtils.popNextItemByPriority;
+exports.isResponsiveAttribute = utils.isResponsiveAttribute;
+exports.liftResponsivePropsToFormField = utils.liftResponsivePropsToFormField;
+exports.Scrim = Scrim.Scrim;
+exports.ScrimContext = ScrimContext.ScrimContext;
+exports.SearchInput = SearchInput.SearchInput;
+exports.SkipLink = SkipLink.SkipLink;
+exports.SkipLinks = SkipLinks.SkipLinks;
+exports.Slider = Slider.Slider;
+exports.SteppedTracker = SteppedTracker.SteppedTracker;
+exports.TrackerStep = TrackerStep.TrackerStep;
+exports.StepLabel = StepLabel.StepLabel;
+exports.useStepperInput = useStepperInput.useStepperInput;
+exports.StepperInput = StepperInput.StepperInput;
+exports.TabActivationIndicator = TabActivationIndicator.TabActivationIndicator;
+exports.Tabstrip = Tabstrip.Tabstrip;
+exports.Tab = Tab.Tab;
+exports.TabPanel = TabPanel.TabPanel;
+exports.Tabs = Tabs.Tabs;
+exports.TabNext = TabNext.TabNext;
+exports.TabstripNext = TabstripNext.TabstripNext;
+exports.ToastGroup = ToastGroup.ToastGroup;
+exports.TokenizedInput = TokenizedInput.TokenizedInput;
+exports.TokenizedInputBase = TokenizedInputBase.TokenizedInputBase;
+exports.useTokenizedInput = useTokenizedInput.useTokenizedInput;
+exports.Toolbar = Toolbar.Toolbar;
+exports.Tooltray = Tooltray.Tooltray;
+exports.ToolbarButton = ToolbarButton.ToolbarButton;
+exports.ToolbarField = ToolbarField.ToolbarField;
+exports.Tree = Tree.Tree;
+exports.Window = WindowContext.Window;
+exports.WindowContext = WindowContext.WindowContext;
+exports.isDesktop = WindowContext.isDesktop;
+exports.useWindow = WindowContext.useWindow;
+exports.ElectronWindow = ElectronWindow.ElectronWindow;
+//# sourceMappingURL=index.js.map

package/dist-cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist-cjs/input-legacy/InputLegacy.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var css_248z = "/* Styles applied to the root element dependent on density */\n.salt-density-touch {\n  --inputLegacy-adornment-height: calc(var(--salt-size-base) + var(--salt-size-unit) * 0.5);\n  --inputLegacy-button-inset: 4px;\n}\n.salt-density-low {\n  --inputLegacy-adornment-height: calc(var(--salt-size-base) + var(--salt-size-unit) * 2 / 3);\n  --inputLegacy-button-inset: 4px;\n}\n.salt-density-medium {\n  --inputLegacy-adornment-height: calc(var(--salt-size-base) + var(--salt-size-unit) * 0.5);\n  --inputLegacy-button-inset: 2px;\n}\n.salt-density-high {\n  --inputLegacy-adornment-height: calc(var(--salt-size-base) + var(--salt-size-unit));\n  --inputLegacy-button-inset: 2px;\n}\n\n/* Style applied to the root element */\n.saltInputLegacy {\n  align-items: center;\n  background: var(--saltInputLegacy-background, none);\n  border: var(--saltInputLegacy-border, none);\n  border-radius: var(--saltInputLegacy-borderRadius, 0);\n  color: var(--saltInputLegacy-text-color, var(--salt-text-primary-foreground));\n  cursor: var(--saltInputLegacy-cursor, default);\n  display: inline-flex;\n  font-family: var(--saltInputLegacy-fontFamily, var(--salt-text-fontFamily));\n  font-size: var(--saltInputLegacy-fontSize, var(--salt-text-fontSize));\n  height: var(--saltInputLegacy-height, var(--salt-size-base));\n  line-height: var(--salt-text-lineHeight);\n  min-height: var(--saltInputLegacy-minHeight, var(--salt-size-base));\n  min-width: var(--saltInputLegacy-minWidth, 8em);\n  padding: var(--saltInputLegacy-padding, 0 var(--salt-size-unit));\n  position: var(--saltInputLegacy-position, relative);\n  width: 100%;\n}\n\n/* Reset in the next class */\n.saltInputLegacy-input:focus {\n  outline: none;\n}\n\n/* Pseudo-class applied to the root element when focused */\n.saltInputLegacy-focused {\n  outline-style: var(--saltInputLegacy-focused-outlineStyle, var(--salt-focused-outlineStyle));\n  outline-width: var(--saltInputLegacy-focused-outlineWidth, var(--salt-focused-outlineWidth));\n  outline-color: var(--saltInputLegacy-focused-outlineColor, var(--salt-focused-outlineColor));\n  outline-offset: var(--saltInputLegacy-focused-outlineOffset, var(--salt-focused-outlineOffset));\n}\n\n/* Style applied to selected input */\n.saltInputLegacy-input::selection {\n  background-color: var(--saltInputLegacy-highlight-color, var(--salt-text-background-selected));\n}\n\n/* Style applied to inner input component */\n.saltInputLegacy-input {\n  background: var(--saltInputLegacy-background, none);\n  border: none;\n  box-sizing: content-box;\n  color: inherit;\n  display: block;\n  flex: 1;\n  font: inherit;\n  letter-spacing: var(--saltInputLegacy-letterSpacing, 0);\n  margin: 0;\n  min-width: 0;\n  overflow: hidden;\n  padding: 0;\n  height: 100%;\n  width: 100%;\n}\n\n/* Style applied to input if `disabled={true}` */\n.saltInputLegacy-disabled .saltInputLegacy-input {\n  cursor: var(--salt-editable-cursor-disabled);\n  color: var(--saltInputLegacy-text-color-disabled, var(--salt-text-primary-foreground-disabled));\n}\n\n/* Style applied to adornment containers */\n.saltInputLegacy-suffixContainer,\n.saltInputLegacy-prefixContainer {\n  display: flex;\n  align-items: center;\n\n  height: var(--inputLegacy-adornment-height);\n}\n\n/* Style applied to root element with start adornment */\n.saltInputLegacy-inputAdornedStart {\n  padding-left: var(--saltInputLegacy-adornedStart-padding, 0);\n}\n\n/* Style applied to inner input element with start adornment */\n.saltInputLegacy-inputAdornedStart .saltInputLegacy-input {\n  padding-left: var(--saltInputLegacy-adornedStart-input-padding, var(--salt-size-unit));\n}\n\n/* Style applied to root element with end adornment */\n.saltInputLegacy-inputAdornedEnd {\n  padding-right: var(--saltInputLegacy-adornedEnd-padding, 0);\n}\n\n/* Style applied to inner input element with end adornment */\n.saltInputLegacy-inputAdornedEnd .saltInputLegacy-input {\n  padding-right: var(--saltInputLegacy-adornedEnd-input-padding, var(--salt-size-unit));\n}\n\n/* Style applied to salt Button used within Input component adornments */\n.saltInputLegacy .saltInputLegacy-suffixContainer > .saltButton,\n.saltInputLegacy .saltInputLegacy-prefixContainer > .saltButton {\n  height: calc(var(--saltButton-height, var(--salt-size-base)) - (var(--inputLegacy-button-inset) * 2));\n  margin: var(--inputLegacy-button-inset);\n  padding: 0 calc(var(--salt-size-unit) - var(--inputLegacy-button-inset));\n}\n\n/* Style applied if `textAlign={\"left\"}` */\n.saltInputLegacy-leftTextAlign .saltInputLegacy-input {\n  text-align: left;\n}\n\n/* Style applied if `textAlign={\"center\"}` */\n.saltInputLegacy-centerTextAlign .saltInputLegacy-input {\n  text-align: center;\n}\n\n/* Style applied if `textAlign={\"right\"}` */\n.saltInputLegacy-rightTextAlign .saltInputLegacy-input {\n  text-align: right;\n}\n\n/* Style applied if `inFormField={true}` */\n.saltInputLegacy-formField {\n  min-width: var(--saltFormFieldLegacy-input-minWidth, 0px);\n  width: 100%;\n}\n";
+
+module.exports = css_248z;
+//# sourceMappingURL=InputLegacy.css.js.map

package/dist-cjs/input-legacy/InputLegacy.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputLegacy.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist-cjs/input-legacy/InputLegacy.js

@@ -0,0 +1,181 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var clsx = require('clsx');
+var React = require('react');
+var core = require('@salt-ds/core');
+require('../form-field-context-legacy/FormFieldLegacyContext.js');
+var useFormFieldLegacyProps = require('../form-field-context-legacy/useFormFieldLegacyProps.js');
+var useCursorOnFocus = require('./useCursorOnFocus.js');
+var window = require('@salt-ds/window');
+var styles = require('@salt-ds/styles');
+var InputLegacy$1 = require('./InputLegacy.css.js');
+
+const withBaseName = core.makePrefixer("saltInputLegacy");
+function mergeA11yProps(a11yProps = {}, inputProps = {}, misplacedAriaProps) {
+  const ariaLabelledBy = clsx.clsx(
+    a11yProps["aria-labelledby"],
+    inputProps["aria-labelledby"]
+  );
+  return {
+    ...misplacedAriaProps,
+    ...a11yProps,
+    ...inputProps,
+    "aria-labelledby": ariaLabelledBy ? Array.from(new Set(ariaLabelledBy.split(" "))).join(" ") : null
+  };
+}
+const InputLegacy = React.forwardRef(
+  function Input({
+    "aria-activedescendant": ariaActiveDescendant,
+    "aria-expanded": ariaExpanded,
+    "aria-owns": ariaOwns,
+    className: classNameProp,
+    cursorPositionOnFocus,
+    disabled,
+    emptyReadOnlyMarker = "\u2014",
+    endAdornment,
+    highlightOnFocus,
+    id,
+    inputComponent: InputComponent = "input",
+    inputProps: inputPropsProp,
+    role,
+    style,
+    value: valueProp,
+    defaultValue: defaultValueProp = valueProp === void 0 ? "" : void 0,
+    onBlur,
+    onChange,
+    onFocus,
+    onKeyDown,
+    onKeyUp,
+    onMouseUp,
+    onMouseMove,
+    onMouseDown,
+    readOnly: readOnlyProp,
+    renderSuffix,
+    startAdornment,
+    textAlign = "left",
+    type = "text",
+    ...other
+  }, ref) {
+    const targetWindow = window.useWindow();
+    styles.useComponentCssInjection({
+      testId: "salt-input-legacy",
+      css: InputLegacy$1,
+      window: targetWindow
+    });
+    const {
+      a11yProps: {
+        readOnly: a11yReadOnly,
+        disabled: a11yDisabled,
+        ...restA11y
+      } = {},
+      setFocused: setFormFieldFocused,
+      inFormField
+    } = useFormFieldLegacyProps.useFormFieldLegacyProps();
+    const [focused, setFocused] = React.useState(false);
+    const inputRef = React.useRef(null);
+    const handleRef = core.useForkRef(inputRef, ref);
+    const cursorOnFocusHelpers = useCursorOnFocus.useCursorOnFocus(inputRef, {
+      cursorPositionOnFocus,
+      highlightOnFocus
+    });
+    const isDisabled = disabled || a11yDisabled;
+    const isReadOnly = readOnlyProp || a11yReadOnly;
+    const misplacedAriaProps = {
+      "aria-activedescendant": ariaActiveDescendant,
+      "aria-expanded": ariaExpanded,
+      "aria-owns": ariaOwns,
+      role
+    };
+    const inputProps = mergeA11yProps(
+      restA11y,
+      inputPropsProp,
+      misplacedAriaProps
+    );
+    const isEmptyReadOnly = isReadOnly && !defaultValueProp && !valueProp;
+    const defaultValue = isEmptyReadOnly ? emptyReadOnlyMarker : defaultValueProp;
+    const [value, setValue] = core.useControlled({
+      controlled: valueProp,
+      default: defaultValue,
+      name: "Input",
+      state: "value"
+    });
+    const handleChange = (event) => {
+      const value2 = event.target.value;
+      setValue(value2);
+      onChange == null ? void 0 : onChange(event, value2);
+    };
+    const handleFocus = (event) => {
+      onFocus == null ? void 0 : onFocus(event);
+      setFormFieldFocused == null ? void 0 : setFormFieldFocused(true);
+      setFocused(true);
+    };
+    const handleBlur = (event) => {
+      onBlur == null ? void 0 : onBlur(event);
+      setFormFieldFocused == null ? void 0 : setFormFieldFocused(false);
+      setFocused(false);
+    };
+    const handleMouseMove = (event) => {
+      cursorOnFocusHelpers.handleMouseMove(event);
+      onMouseMove == null ? void 0 : onMouseMove(event);
+    };
+    const handleMouseUp = (event) => {
+      cursorOnFocusHelpers.handleMouseUp();
+      onMouseUp == null ? void 0 : onMouseUp(event);
+    };
+    const handleMouseDown = (event) => {
+      cursorOnFocusHelpers.handleMouseDown();
+      onMouseDown == null ? void 0 : onMouseDown(event);
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", {
+      className: clsx.clsx(
+        withBaseName(),
+        {
+          [withBaseName(`${textAlign}TextAlign`)]: textAlign,
+          [withBaseName("formField")]: inFormField,
+          [withBaseName("focused")]: focused && !inFormField,
+          [withBaseName("disabled")]: isDisabled,
+          [withBaseName("inputAdornedStart")]: startAdornment,
+          [withBaseName("inputAdornedEnd")]: endAdornment
+        },
+        classNameProp
+      ),
+      style,
+      ...other,
+      children: [
+        startAdornment && /* @__PURE__ */ jsxRuntime.jsx("div", {
+          className: withBaseName("prefixContainer"),
+          children: startAdornment
+        }),
+        /* @__PURE__ */ jsxRuntime.jsx(InputComponent, {
+          type,
+          id,
+          ...inputProps,
+          className: clsx.clsx(withBaseName("input"), inputProps == null ? void 0 : inputProps.className),
+          disabled: isDisabled,
+          ref: handleRef,
+          value,
+          onBlur: handleBlur,
+          onChange: handleChange,
+          onKeyDown,
+          onKeyUp,
+          onFocus: handleFocus,
+          onMouseDown: handleMouseDown,
+          onMouseUp: handleMouseUp,
+          onMouseMove: handleMouseMove,
+          readOnly: isReadOnly
+        }),
+        endAdornment && /* @__PURE__ */ jsxRuntime.jsx("div", {
+          className: withBaseName("suffixContainer"),
+          children: endAdornment
+        }),
+        renderSuffix == null ? void 0 : renderSuffix({ disabled, focused })
+      ]
+    });
+  }
+);
+
+exports.InputLegacy = InputLegacy;
+//# sourceMappingURL=InputLegacy.js.map

package/dist-cjs/input-legacy/InputLegacy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputLegacy.js","sources":["../src/input-legacy/InputLegacy.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n  AriaAttributes,\n  ChangeEvent,\n  ElementType,\n  FocusEvent,\n  FocusEventHandler,\n  forwardRef,\n  HTMLAttributes,\n  InputHTMLAttributes,\n  KeyboardEventHandler,\n  MouseEvent,\n  MouseEventHandler,\n  ReactNode,\n  useRef,\n  useState,\n} from \"react\";\nimport { makePrefixer, useControlled, useForkRef } from \"@salt-ds/core\";\nimport { useFormFieldLegacyProps } from \"../form-field-context-legacy\";\nimport { useCursorOnFocus } from \"./useCursorOnFocus\";\n\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport inputLegacyCss from \"./InputLegacy.css\";\n\nconst withBaseName = makePrefixer(\"saltInputLegacy\");\n\n// TODO: Double confirm whether this should be extending DivElement given root is `<div>`.\n// And forwarded ref is not assigned to the root like other components.\nexport interface InputLegacyProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"onChange\" | \"defaultValue\"> {\n  /**\n   * Determines the position of the text cursor on focus of the input.\n   *\n   * start = place cursor at the beginning<br>\n   * end = place cursor at the end<br>\n   * \\# = index to place the cursor<br>\n   */\n  cursorPositionOnFocus?: \"start\" | \"end\" | number;\n  /**\n   * The value of the `input` element, required for an uncontrolled component.\n   */\n  defaultValue?: HTMLInputElement[\"defaultValue\"];\n  /**\n   * If `true`, the component is disabled.\n   */\n  disabled?: HTMLInputElement[\"disabled\"];\n  /**\n   * The marker to use in an empty read only Input.\n   * Use `''` to disable this feature. Defaults to '—'.\n   */\n  emptyReadOnlyMarker?: string;\n  /**\n   * Determines what gets highlighted on focus of the input.\n   *\n   * If `true` all text will be highlighted.\n   * If an array text between those indices will be highlighted\n   * e.g. [0,1] will highlight the first character.\n   */\n  highlightOnFocus?: boolean | number[];\n  /**\n   * The HTML element to render the Input, e.g. 'input', a custom React component.\n   */\n  inputComponent?: ElementType;\n  /**\n   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.\n   */\n  inputProps?: InputHTMLAttributes<HTMLInputElement>;\n  onBlur?: FocusEventHandler<HTMLInputElement>;\n  /**\n   * Callback for change event.\n   */\n  onChange?: (event: ChangeEvent<HTMLInputElement>, value: string) => void;\n  onFocus?: FocusEventHandler<HTMLInputElement>;\n  onKeyDown?: KeyboardEventHandler<HTMLInputElement>;\n  onKeyUp?: KeyboardEventHandler<HTMLInputElement>;\n  onMouseUp?: MouseEventHandler<HTMLInputElement>;\n  onMouseMove?: MouseEventHandler<HTMLInputElement>;\n  onMouseDown?: MouseEventHandler<HTMLInputElement>;\n  /**\n   * If `true`, the component is read only.\n   */\n  readOnly?: boolean;\n  /**\n   *\n   * Determines the alignment of the input text.\n   */\n  textAlign?: \"left\" | \"right\" | \"center\";\n  type?: HTMLInputElement[\"type\"];\n  /**\n   * The value of the `input` element, required for a controlled component.\n   */\n  value?: HTMLInputElement[\"value\"];\n  renderSuffix?: (state: {\n    disabled?: boolean;\n    error?: boolean;\n    focused?: boolean;\n    margin?: \"dense\" | \"none\" | \"normal\";\n    required?: boolean;\n    startAdornment?: ReactNode;\n  }) => ReactNode;\n  endAdornment?: ReactNode;\n  startAdornment?: ReactNode;\n}\n\nfunction mergeA11yProps(\n  a11yProps: Partial<\n    ReturnType<typeof useFormFieldLegacyProps>[\"a11yProps\"]\n  > = {},\n  inputProps: InputLegacyProps[\"inputProps\"] = {},\n  misplacedAriaProps: AriaAttributes\n) {\n  const ariaLabelledBy = clsx(\n    a11yProps[\"aria-labelledby\"],\n    inputProps[\"aria-labelledby\"]\n  );\n\n  return {\n    ...misplacedAriaProps,\n    ...a11yProps,\n    ...inputProps,\n    // The weird filtering is due to TokenizedInputBase\n    \"aria-labelledby\": ariaLabelledBy\n      ? Array.from(new Set(ariaLabelledBy.split(\" \"))).join(\" \")\n      : null,\n  };\n}\n\nexport const InputLegacy = forwardRef<HTMLInputElement, InputLegacyProps>(\n  function Input(\n    {\n      \"aria-activedescendant\": ariaActiveDescendant,\n      \"aria-expanded\": ariaExpanded,\n      \"aria-owns\": ariaOwns,\n      className: classNameProp,\n      cursorPositionOnFocus,\n      disabled,\n      emptyReadOnlyMarker = \"—\",\n      endAdornment,\n      highlightOnFocus,\n      id,\n      inputComponent: InputComponent = \"input\",\n      inputProps: inputPropsProp,\n      role,\n      style,\n      value: valueProp,\n      // If we leave both value and defaultValue undefined, we will get a React warning on first edit\n      // (uncontrolled to controlled warning) from the React input\n      defaultValue: defaultValueProp = valueProp === undefined ? \"\" : undefined,\n      onBlur,\n      onChange,\n      onFocus,\n      onKeyDown,\n      onKeyUp,\n      onMouseUp,\n      onMouseMove,\n      onMouseDown,\n      readOnly: readOnlyProp,\n      renderSuffix,\n      startAdornment,\n      textAlign = \"left\",\n      type = \"text\",\n      ...other\n    },\n    ref\n  ) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-input-legacy\",\n      css: inputLegacyCss,\n      window: targetWindow,\n    });\n\n    const {\n      a11yProps: {\n        readOnly: a11yReadOnly,\n        disabled: a11yDisabled,\n        ...restA11y\n      } = {},\n      setFocused: setFormFieldFocused,\n      inFormField,\n    } = useFormFieldLegacyProps();\n\n    const [focused, setFocused] = useState(false);\n    const inputRef = useRef(null);\n    const handleRef = useForkRef(inputRef, ref);\n    const cursorOnFocusHelpers = useCursorOnFocus(inputRef, {\n      cursorPositionOnFocus,\n      highlightOnFocus,\n    });\n\n    const isDisabled = disabled || a11yDisabled;\n    const isReadOnly = readOnlyProp || a11yReadOnly;\n    const misplacedAriaProps = {\n      \"aria-activedescendant\": ariaActiveDescendant,\n      \"aria-expanded\": ariaExpanded,\n      \"aria-owns\": ariaOwns,\n      role,\n    };\n    const inputProps = mergeA11yProps(\n      restA11y,\n      inputPropsProp,\n      misplacedAriaProps\n    );\n    const isEmptyReadOnly = isReadOnly && !defaultValueProp && !valueProp;\n    const defaultValue = isEmptyReadOnly\n      ? emptyReadOnlyMarker\n      : defaultValueProp;\n\n    const [value, setValue] = useControlled({\n      controlled: valueProp,\n      default: defaultValue,\n      name: \"Input\",\n      state: \"value\",\n    });\n\n    const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n      const value = event.target.value;\n      setValue(value);\n      onChange?.(event, value);\n    };\n\n    const handleFocus = (event: FocusEvent<HTMLInputElement>) => {\n      onFocus?.(event);\n      setFormFieldFocused?.(true);\n      setFocused(true);\n    };\n\n    const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n      onBlur?.(event);\n      setFormFieldFocused?.(false);\n      setFocused(false);\n    };\n\n    const handleMouseMove = (event: MouseEvent<HTMLInputElement>) => {\n      cursorOnFocusHelpers.handleMouseMove(event);\n\n      onMouseMove?.(event);\n    };\n\n    const handleMouseUp = (event: MouseEvent<HTMLInputElement>) => {\n      cursorOnFocusHelpers.handleMouseUp();\n\n      onMouseUp?.(event);\n    };\n\n    const handleMouseDown = (event: MouseEvent<HTMLInputElement>) => {\n      cursorOnFocusHelpers.handleMouseDown();\n\n      onMouseDown?.(event);\n    };\n\n    return (\n      <div\n        className={clsx(\n          withBaseName(),\n          {\n            [withBaseName(`${textAlign}TextAlign`)]: textAlign,\n            [withBaseName(\"formField\")]: inFormField,\n            [withBaseName(\"focused\")]: focused && !inFormField,\n            [withBaseName(\"disabled\")]: isDisabled,\n            [withBaseName(\"inputAdornedStart\")]: startAdornment,\n            [withBaseName(\"inputAdornedEnd\")]: endAdornment,\n          },\n          classNameProp\n        )}\n        style={style}\n        {...other}\n      >\n        {startAdornment && (\n          <div className={withBaseName(\"prefixContainer\")}>\n            {startAdornment}\n          </div>\n        )}\n        <InputComponent\n          type={type}\n          id={id}\n          {...inputProps}\n          className={clsx(withBaseName(\"input\"), inputProps?.className)}\n          disabled={isDisabled}\n          ref={handleRef}\n          value={value}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          onKeyDown={onKeyDown}\n          onKeyUp={onKeyUp}\n          onFocus={handleFocus}\n          onMouseDown={handleMouseDown}\n          onMouseUp={handleMouseUp}\n          onMouseMove={handleMouseMove}\n          readOnly={isReadOnly}\n        />\n        {endAdornment && (\n          <div className={withBaseName(\"suffixContainer\")}>{endAdornment}</div>\n        )}\n        {/* TODO: Confirm implementation of suffix */}\n        {renderSuffix?.({ disabled, focused })}\n      </div>\n    );\n  }\n);\n"],"names":["makePrefixer","clsx","forwardRef","useWindow","useComponentCssInjection","inputLegacyCss","useFormFieldLegacyProps","useState","useRef","useForkRef","useCursorOnFocus","useControlled","value","jsxs","jsx"],"mappings":"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"}

package/dist-cjs/input-legacy/StaticInputAdornment.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var css_248z = ".saltStaticInputAdornment {\n  --inputLegacy-staticAdornment-padding: var(--salt-size-unit);\n}\n\n.saltStaticInputAdornment {\n  display: flex;\n  align-items: center;\n}\n\n.saltInputLegacy-prefixContainer .saltStaticInputAdornment {\n  padding-left: var(--inputLegacy-staticAdornment-padding);\n}\n\n.saltInputLegacy-suffixContainer .saltStaticInputAdornment {\n  padding-right: var(--inputLegacy-staticAdornment-padding);\n}\n";
+
+module.exports = css_248z;
+//# sourceMappingURL=StaticInputAdornment.css.js.map

package/dist-cjs/input-legacy/StaticInputAdornment.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StaticInputAdornment.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist-cjs/input-legacy/StaticInputAdornment.js

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var clsx = require('clsx');
+var React = require('react');
+var core = require('@salt-ds/core');
+var StaticInputAdornment$1 = require('./StaticInputAdornment.css.js');
+var window = require('@salt-ds/window');
+var styles = require('@salt-ds/styles');
+
+const withBaseName = core.makePrefixer("saltStaticInputAdornment");
+const StaticInputAdornment = React.forwardRef(function StaticInputAdornment2(props, ref) {
+  const { children, className, ...other } = props;
+  const targetWindow = window.useWindow();
+  styles.useComponentCssInjection({
+    testId: "salt-static-input-adornments",
+    css: StaticInputAdornment$1,
+    window: targetWindow
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", {
+    className: clsx.clsx(withBaseName(), className),
+    ref,
+    ...other,
+    children
+  });
+});
+
+exports.StaticInputAdornment = StaticInputAdornment;
+//# sourceMappingURL=StaticInputAdornment.js.map

package/dist-cjs/input-legacy/StaticInputAdornment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StaticInputAdornment.js","sources":["../src/input-legacy/StaticInputAdornment.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { forwardRef, HTMLAttributes } from \"react\";\nimport { makePrefixer } from \"@salt-ds/core\";\n\nimport staticInputAdornmentCss from \"./StaticInputAdornment.css\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nexport type StaticInputAdornmentProps = HTMLAttributes<HTMLDivElement>;\n\nconst withBaseName = makePrefixer(\"saltStaticInputAdornment\");\n\nexport const StaticInputAdornment = forwardRef<\n  HTMLDivElement,\n  StaticInputAdornmentProps\n>(function StaticInputAdornment(props, ref) {\n  const { children, className, ...other } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-static-input-adornments\",\n    css: staticInputAdornmentCss,\n    window: targetWindow,\n  });\n\n  return (\n    <div className={clsx(withBaseName(), className)} ref={ref} {...other}>\n      {children}\n    </div>\n  );\n});\n"],"names":["makePrefixer","forwardRef","StaticInputAdornment","useWindow","useComponentCssInjection","staticInputAdornmentCss","jsx","clsx"],"mappings":";;;;;;;;;;;;AAUA,MAAM,YAAA,GAAeA,kBAAa,0BAA0B,CAAA,CAAA;AAErD,MAAM,oBAAuB,GAAAC,gBAAA,CAGlC,SAASC,qBAAAA,CAAqB,OAAO,GAAK,EAAA;AAC1C,EAAA,MAAM,EAAE,QAAA,EAAU,SAAc,EAAA,GAAA,KAAA,EAAU,GAAA,KAAA,CAAA;AAE1C,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,8BAAA;AAAA,IACR,GAAK,EAAAC,sBAAA;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,IAAG,GAAA;AAAA,IAAW,GAAG,KAAA;AAAA,IAC5D,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}