@salt-ds/lab 1.0.0-alpha.10 → 1.0.0-alpha.101

package/dist-cjs/formatted-input/internal/InputWithMask.js

@@ -1,11 +1,9 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@salt-ds/core');
 var clsx = require('clsx');
-var React = require('react');
+var react = require('react');
 
 const baseName = "saltFormattedInput";
 function getClippedMask(mask, value, textAlign) {
@@ -20,7 +18,7 @@ function getClippedMask(mask, value, textAlign) {
   }
   return "";
 }
-const InputWithMask = React.forwardRef(
+const InputWithMask = react.forwardRef(
   function InputWithMask2({
     "aria-labelledby": ariaLabelledBy,
     className,
@@ -33,15 +31,13 @@ const InputWithMask = React.forwardRef(
   }, ref) {
     const id = core.useId(idProp);
     const spacerAndMask = [
-      /* @__PURE__ */ jsxRuntime.jsx("i", {
-        children: value
-      }, value),
+      /* @__PURE__ */ jsxRuntime.jsx("i", { children: value }, value),
       getClippedMask(mask, value, textAlign)
     ];
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-      className: `${baseName}-inputWrapper`,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("input", {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${baseName}-inputWrapper`, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
           className,
           ...other,
           "aria-label": mask,
@@ -50,15 +46,18 @@ const InputWithMask = React.forwardRef(
           ref,
           style,
           value
-        }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", {
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
           "aria-hidden": "true",
           className: clsx.clsx(`${baseName}-mask`, className),
           style,
           children: textAlign !== "right" ? spacerAndMask : spacerAndMask.reverse()
-        })
-      ]
-    });
+        }
+      )
+    ] });
   }
 );
 

package/dist-cjs/formatted-input/internal/InputWithMask.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputWithMask.js","sources":["../src/formatted-input/internal/InputWithMask.tsx"],"sourcesContent":["import { useId } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, InputHTMLAttributes } from \"react\";\nimport { FormattedInputProps } from \"../FormattedInput\";\n\nexport const baseName = \"saltFormattedInput\";\n\nfunction getClippedMask(\n  mask: FormattedInputProps[\"mask\"],\n  value: FormattedInputProps[\"value\"],\n  textAlign: FormattedInputProps[\"textAlign\"]\n) {\n  if (mask) {\n    if (textAlign === \"right\") {\n      return mask.substring(\n        0,\n        value ? mask.length - value.length : mask.length\n      );\n    }\n\n    return mask.substring(value ? value.length : 0);\n  }\n  return \"\";\n}\n\nexport interface InputWithMaskProps\n  extends InputHTMLAttributes<HTMLInputElement> {\n  mask?: FormattedInputProps[\"mask\"];\n  textAlign?: FormattedInputProps[\"textAlign\"];\n  value?: FormattedInputProps[\"value\"];\n}\n\nexport const InputWithMask = forwardRef<HTMLInputElement, InputWithMaskProps>(\n  function InputWithMask(\n    {\n      \"aria-labelledby\": ariaLabelledBy,\n      className,\n      mask = \"\",\n      value,\n      id: idProp,\n      style,\n      textAlign,\n      ...other\n    },\n    ref\n  ) {\n    const id = useId(idProp);\n\n    const spacerAndMask = [\n      <i key={value}>{value}</i>,\n      getClippedMask(mask, value, textAlign),\n    ];\n\n    return (\n      <div className={`${baseName}-inputWrapper`}>\n        <input\n          className={className}\n          {...other}\n          aria-label={mask}\n          aria-labelledby={[ariaLabelledBy, id]\n            .filter((label) => label != null)\n            .join(\" \")}\n          id={id}\n          ref={ref}\n          style={style}\n          value={value}\n        />\n        <span\n          aria-hidden=\"true\"\n          className={clsx(`${baseName}-mask`, className)}\n          style={style}\n        >\n          {textAlign !== \"right\" ? spacerAndMask : spacerAndMask.reverse()}\n        </span>\n      </div>\n    );\n  }\n);\n"],"names":["forwardRef","InputWithMask","useId","jsx","jsxs","clsx"],"mappings":";;;;;;;;;AAKO,MAAM,QAAW,GAAA,qBAAA;AAExB,SAAS,cAAA,CACP,IACA,EAAA,KAAA,EACA,SACA,EAAA;AACA,EAAA,IAAI,IAAM,EAAA;AACR,IAAA,IAAI,cAAc,OAAS,EAAA;AACzB,MAAA,OAAO,IAAK,CAAA,SAAA;AAAA,QACV,CAAA;AAAA,QACA,KAAQ,GAAA,IAAA,CAAK,MAAS,GAAA,KAAA,CAAM,SAAS,IAAK,CAAA,MAAA;AAAA,OAC5C,CAAA;AAAA,KACF;AAEA,IAAA,OAAO,IAAK,CAAA,SAAA,CAAU,KAAQ,GAAA,KAAA,CAAM,SAAS,CAAC,CAAA,CAAA;AAAA,GAChD;AACA,EAAO,OAAA,EAAA,CAAA;AACT,CAAA;AASO,MAAM,aAAgB,GAAAA,gBAAA;AAAA,EAC3B,SAASC,cACP,CAAA;AAAA,IACE,iBAAmB,EAAA,cAAA;AAAA,IACnB,SAAA;AAAA,IACA,IAAO,GAAA,EAAA;AAAA,IACP,KAAA;AAAA,IACA,EAAI,EAAA,MAAA;AAAA,IACJ,KAAA;AAAA,IACA,SAAA;AAAA,IACG,GAAA,KAAA;AAAA,KAEL,GACA,EAAA;AACA,IAAM,MAAA,EAAA,GAAKC,WAAM,MAAM,CAAA,CAAA;AAEvB,IAAA,MAAM,aAAgB,GAAA;AAAA,sBACnBC,cAAA,CAAA,GAAA,EAAA;AAAA,QAAe,QAAA,EAAA,KAAA;AAAA,OAAA,EAAR,KAAc,CAAA;AAAA,MACtB,cAAA,CAAe,IAAM,EAAA,KAAA,EAAO,SAAS,CAAA;AAAA,KACvC,CAAA;AAEA,IAAA,uBACGC,eAAA,CAAA,KAAA,EAAA;AAAA,MAAI,WAAW,CAAG,EAAA,QAAA,CAAA,aAAA,CAAA;AAAA,MACjB,QAAA,EAAA;AAAA,wBAACD,cAAA,CAAA,OAAA,EAAA;AAAA,UACC,SAAA;AAAA,UACC,GAAG,KAAA;AAAA,UACJ,YAAY,EAAA,IAAA;AAAA,UACZ,iBAAiB,EAAA,CAAC,cAAgB,EAAA,EAAE,CACjC,CAAA,MAAA,CAAO,CAAC,KAAA,KAAU,KAAS,IAAA,IAAI,CAC/B,CAAA,IAAA,CAAK,GAAG,CAAA;AAAA,UACX,EAAA;AAAA,UACA,GAAA;AAAA,UACA,KAAA;AAAA,UACA,KAAA;AAAA,SACF,CAAA;AAAA,wBACCA,cAAA,CAAA,MAAA,EAAA;AAAA,UACC,aAAY,EAAA,MAAA;AAAA,UACZ,SAAW,EAAAE,SAAA,CAAK,CAAG,EAAA,QAAA,CAAA,KAAA,CAAA,EAAiB,SAAS,CAAA;AAAA,UAC7C,KAAA;AAAA,UAEC,QAAc,EAAA,SAAA,KAAA,OAAA,GAAU,aAAgB,GAAA,aAAA,CAAc,OAAQ,EAAA;AAAA,SACjE,CAAA;AAAA,OAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;;"}
+{"version":3,"file":"InputWithMask.js","sources":["../src/formatted-input/internal/InputWithMask.tsx"],"sourcesContent":["import { useId } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, type InputHTMLAttributes } from \"react\";\nimport type { FormattedInputProps } from \"../FormattedInput\";\n\nexport const baseName = \"saltFormattedInput\";\n\nfunction getClippedMask(\n  mask: FormattedInputProps[\"mask\"],\n  value: FormattedInputProps[\"value\"],\n  textAlign: FormattedInputProps[\"textAlign\"],\n) {\n  if (mask) {\n    if (textAlign === \"right\") {\n      return mask.substring(\n        0,\n        value ? mask.length - value.length : mask.length,\n      );\n    }\n\n    return mask.substring(value ? value.length : 0);\n  }\n  return \"\";\n}\n\nexport interface InputWithMaskProps\n  extends InputHTMLAttributes<HTMLInputElement> {\n  mask?: FormattedInputProps[\"mask\"];\n  textAlign?: FormattedInputProps[\"textAlign\"];\n  value?: FormattedInputProps[\"value\"];\n}\n\nexport const InputWithMask = forwardRef<HTMLInputElement, InputWithMaskProps>(\n  function InputWithMask(\n    {\n      \"aria-labelledby\": ariaLabelledBy,\n      className,\n      mask = \"\",\n      value,\n      id: idProp,\n      style,\n      textAlign,\n      ...other\n    },\n    ref,\n  ) {\n    const id = useId(idProp);\n\n    const spacerAndMask = [\n      <i key={value}>{value}</i>,\n      getClippedMask(mask, value, textAlign),\n    ];\n\n    return (\n      <div className={`${baseName}-inputWrapper`}>\n        <input\n          className={className}\n          {...other}\n          aria-label={mask}\n          aria-labelledby={[ariaLabelledBy, id]\n            .filter((label) => label != null)\n            .join(\" \")}\n          id={id}\n          ref={ref}\n          style={style}\n          value={value}\n        />\n        <span\n          aria-hidden=\"true\"\n          className={clsx(`${baseName}-mask`, className)}\n          style={style}\n        >\n          {textAlign !== \"right\" ? spacerAndMask : spacerAndMask.reverse()}\n        </span>\n      </div>\n    );\n  },\n);\n"],"names":["forwardRef","InputWithMask","useId","jsx","jsxs","clsx"],"mappings":";;;;;;;AAKO,MAAM,QAAA,GAAW;AAExB,SAAS,cAAA,CACP,IAAA,EACA,KAAA,EACA,SAAA,EACA;AACA,EAAA,IAAI,IAAA,EAAM;AACR,IAAA,IAAI,cAAc,OAAA,EAAS;AACzB,MAAA,OAAO,IAAA,CAAK,SAAA;AAAA,QACV,CAAA;AAAA,QACA,KAAA,GAAQ,IAAA,CAAK,MAAA,GAAS,KAAA,CAAM,SAAS,IAAA,CAAK;AAAA,OAC5C;AAAA,IACF;AAEA,IAAA,OAAO,IAAA,CAAK,SAAA,CAAU,KAAA,GAAQ,KAAA,CAAM,SAAS,CAAC,CAAA;AAAA,EAChD;AACA,EAAA,OAAO,EAAA;AACT;AASO,MAAM,aAAA,GAAgBA,gBAAA;AAAA,EAC3B,SAASC,cAAAA,CACP;AAAA,IACE,iBAAA,EAAmB,cAAA;AAAA,IACnB,SAAA;AAAA,IACA,IAAA,GAAO,EAAA;AAAA,IACP,KAAA;AAAA,IACA,EAAA,EAAI,MAAA;AAAA,IACJ,KAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,EACA;AACA,IAAA,MAAM,EAAA,GAAKC,WAAM,MAAM,CAAA;AAEvB,IAAA,MAAM,aAAA,GAAgB;AAAA,sBACpBC,cAAA,CAAC,GAAA,EAAA,EAAe,QAAA,EAAA,KAAA,EAAA,EAAR,KAAc,CAAA;AAAA,MACtB,cAAA,CAAe,IAAA,EAAM,KAAA,EAAO,SAAS;AAAA,KACvC;AAEA,IAAA,uBACEC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,EAAG,QAAQ,CAAA,aAAA,CAAA,EACzB,QAAA,EAAA;AAAA,sBAAAD,cAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,SAAA;AAAA,UACC,GAAG,KAAA;AAAA,UACJ,YAAA,EAAY,IAAA;AAAA,UACZ,iBAAA,EAAiB,CAAC,cAAA,EAAgB,EAAE,CAAA,CACjC,MAAA,CAAO,CAAC,KAAA,KAAU,KAAA,IAAS,IAAI,CAAA,CAC/B,IAAA,CAAK,GAAG,CAAA;AAAA,UACX,EAAA;AAAA,UACA,GAAA;AAAA,UACA,KAAA;AAAA,UACA;AAAA;AAAA,OACF;AAAA,sBACAA,cAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,aAAA,EAAY,MAAA;AAAA,UACZ,SAAA,EAAWE,SAAA,CAAK,CAAA,EAAG,QAAQ,SAAS,SAAS,CAAA;AAAA,UAC7C,KAAA;AAAA,UAEC,QAAA,EAAA,SAAA,KAAc,OAAA,GAAU,aAAA,GAAgB,aAAA,CAAc,OAAA;AAAQ;AAAA;AACjE,KAAA,EACF,CAAA;AAAA,EAEJ;AACF;;;;;"}

package/dist-cjs/index.js

@@ -1,55 +1,23 @@
 '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 useFloatingUI = require('./utils/useFloatingUI.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 AccordionSection = require('./accordion/AccordionSection.js');
-var AccordionSectionContext = require('./accordion/AccordionSectionContext.js');
-var Accordion = require('./accordion/Accordion.js');
-var AccordionSummary = require('./accordion/AccordionSummary.js');
-var AccordionDetails = require('./accordion/AccordionDetails.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 BreadcrumbNext = require('./breadcrumbs-next/BreadcrumbNext.js');
+var BreadcrumbNextLabel = require('./breadcrumbs-next/BreadcrumbNextLabel.js');
+var BreadcrumbNextTrigger = require('./breadcrumbs-next/BreadcrumbNextTrigger.js');
+var BreadcrumbsNext = require('./breadcrumbs-next/BreadcrumbsNext.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 ColorChooser = require('./color-chooser/ColorChooser.js');
+var ColorHelpers = require('./color-chooser/ColorHelpers.js');
 var ColorPicker = require('./color-chooser/ColorPicker.js');
+var colorMap = require('./color-chooser/colorMap.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 SwatchesPicker = require('./color-chooser/SwatchesPicker.js');
 var ComboBox = require('./combo-box/ComboBox.js');
 var ComboBoxDeprecated = require('./combo-box-deprecated/ComboBoxDeprecated.js');
 var filterHelpers = require('./combo-box-deprecated/filterHelpers.js');
@@ -57,155 +25,132 @@ 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 ContactFavoriteToggle = require('./contact-details/ContactFavoriteToggle.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 ControlLabel = require('./control-label/ControlLabel.js');
 var DeckItem = require('./deck-item/DeckItem.js');
 var DeckLayout = require('./deck-layout/DeckLayout.js');
-var DialogActions = require('./dialog/DialogActions.js');
-var DialogContent = require('./dialog/DialogContent.js');
-var DialogTitle = require('./dialog/DialogTitle.js');
-var Dialog = require('./dialog/Dialog.js');
+var Dropdown = require('./dropdown/Dropdown.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 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 FormFieldLegacy = require('./form-field-legacy/FormFieldLegacy.js');
+var FormLabel = require('./form-field-legacy/FormLabel.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 ListItem = require('./list/ListItem.js');
 var ListItemGroup = require('./list/ListItemGroup.js');
+var ListItemHeader = require('./list/ListItemHeader.js');
 var useList = require('./list/useList.js');
 var VirtualizedList = require('./list/VirtualizedList.js');
+require('./list-deprecated/List.js');
+require('./list-deprecated/ListBase.js');
+require('./list-deprecated/ListItem.js');
+var ListItemBase = require('./list-deprecated/ListItemBase.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 forwardCallbackProps = require('./utils/forwardCallbackProps.js');
+var isEmail = require('./utils/isEmail.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 ListItemNext = require('./list-next/ListItemNext.js');
+var ListNext = require('./list-next/ListNext.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 NavItem = require('./nav-item/NavItem.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 MetricHeader = require('./metric/MetricHeader.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 overflowUtils = require('./responsive/overflowUtils.js');
 var useDynamicCollapse = require('./responsive/useDynamicCollapse.js');
-var useReclaimSpace = require('./responsive/useReclaimSpace.js');
-var useResizeObserver = require('./responsive/useResizeObserver.js');
+var useInstantCollapse = require('./responsive/useInstantCollapse.js');
 var useOverflow = require('./responsive/useOverflow.js');
 var useOverflowCollectionItems = require('./responsive/useOverflowCollectionItems.js');
 var useOverflowLayout = require('./responsive/useOverflowLayout.js');
+var useReclaimSpace = require('./responsive/useReclaimSpace.js');
+var useResizeObserver = require('./responsive/useResizeObserver.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 useStepperInput = require('./stepper-input/useStepperInput.js');
-var StepperInput = require('./stepper-input/StepperInput.js');
-var Switch = require('./switch/Switch.js');
-var TabActivationIndicator = require('./tabs/TabActivationIndicator.js');
-var Tabstrip = require('./tabs/Tabstrip.js');
+var StaticList = require('./static-list/StaticList.js');
+var StaticListItem = require('./static-list/StaticListItem.js');
+var StaticListItemContent = require('./static-list/StaticListItemContent.js');
+var SystemStatus = require('./system-status/SystemStatus.js');
+var SystemStatusActions = require('./system-status/SystemStatusActions.js');
+var SystemStatusContent = require('./system-status/SystemStatusContent.js');
 var Tab = require('./tabs/Tab.js');
+var TabActivationIndicator = require('./tabs/TabActivationIndicator.js');
 var TabPanel = require('./tabs/TabPanel.js');
 var Tabs = require('./tabs/Tabs.js');
-var ToggleButton = require('./toggle-button/ToggleButton.js');
-var ToggleButtonGroup = require('./toggle-button/ToggleButtonGroup.js');
+var Tabstrip = require('./tabs/Tabstrip.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 TokenizedInputNext = require('./tokenized-input-next/TokenizedInputNext.js');
+var useTokenizedInputNext = require('./tokenized-input-next/useTokenizedInputNext.js');
 var Toolbar = require('./toolbar/Toolbar.js');
-var Tooltray = require('./toolbar/Tooltray.js');
 var ToolbarButton = require('./toolbar/ToolbarButton.js');
+var Tooltray = require('./toolbar/Tooltray.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');
+var WindowContext = require('./window/WindowContext.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.DEFAULT_FLOATING_UI_MIDDLEWARE = useFloatingUI.DEFAULT_FLOATING_UI_MIDDLEWARE;
-exports.useFloatingUI = useFloatingUI.useFloatingUI;
-exports.useIsViewportLargerThanBreakpoint = useIsViewportLargerThanBreakpoint.useIsViewportLargerThanBreakpoint;
-exports.useLayoutEffectOnce = useLayoutEffectOnce.useLayoutEffectOnce;
-exports.useLayoutEffectSkipFirst = useLayoutEffectSkipFirst.useLayoutEffectSkipFirst;
-exports.useOverflowDetection = useOverflowDetection.useOverflowDetection;
-exports.useSlideSelection = useSlideSelection.useSlideSelection;
-exports.AccordionSection = AccordionSection.AccordionSection;
-exports.AccordionSectionContext = AccordionSectionContext.AccordionSectionContext;
-exports.useAccordionSectionContext = AccordionSectionContext.useAccordionSectionContext;
-exports.Accordion = Accordion.Accordion;
-exports.AccordionSummary = AccordionSummary.AccordionSummary;
-exports.AccordionDetails = AccordionDetails.AccordionDetails;
 exports.AppHeader = AppHeader.AppHeader;
-exports.Badge = Badge.Badge;
 exports.Breadcrumb = Breadcrumb.Breadcrumb;
 exports.Breadcrumbs = Breadcrumbs.Breadcrumbs;
+exports.BreadcrumbNext = BreadcrumbNext.BreadcrumbNext;
+exports.BreadcrumbNextLabel = BreadcrumbNextLabel.BreadcrumbNextLabel;
+exports.BreadcrumbNextTrigger = BreadcrumbNextTrigger.BreadcrumbNextTrigger;
+exports.BreadcrumbsNext = BreadcrumbsNext.BreadcrumbsNext;
 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.ColorChooser = ColorChooser.ColorChooser;
 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.ColorPicker = ColorPicker.ColorPicker;
 exports.saltColorMap = colorMap.saltColorMap;
 exports.saltlight = colorMap.saltlight;
+exports.getColorPalettes = GetColorPalettes.getColorPalettes;
+exports.makePalette = GetColorPalettes.makePalette;
+exports.Swatch = Swatch.Swatch;
+exports.SwatchesPicker = SwatchesPicker.SwatchesPicker;
 exports.ComboBox = ComboBox.ComboBox;
 exports.ComboBoxDeprecated = ComboBoxDeprecated.ComboBoxDeprecated;
 exports.getDefaultFilter = filterHelpers.getDefaultFilter;
@@ -214,34 +159,25 @@ exports.ContactAction = ContactAction.ContactAction;
 exports.ContactActions = ContactActions.ContactActions;
 exports.ContactAvatar = ContactAvatar.ContactAvatar;
 exports.ContactDetails = ContactDetails.ContactDetails;
+exports.ContactFavoriteToggle = ContactFavoriteToggle.ContactFavoriteToggle;
 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.ControlLabel = ControlLabel.ControlLabel;
-exports.baseName = ControlLabel.baseName;
 exports.DeckItem = DeckItem.DeckItem;
 exports.DeckLayout = DeckLayout.DeckLayout;
-exports.DialogActions = DialogActions.DialogActions;
-exports.DialogContent = DialogContent.DialogContent;
-exports.DialogTitle = DialogTitle.DialogTitle;
-exports.Dialog = Dialog.Dialog;
+exports.Dropdown = Dropdown.Dropdown;
 exports.DropdownBase = DropdownBase.DropdownBase;
 exports.DropdownButton = DropdownButton.DropdownButton;
-exports.Dropdown = Dropdown.Dropdown;
 exports.useDropdownBase = useDropdownBase.useDropdownBase;
 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.FormField = FormFieldLegacy.FormFieldLegacy;
+exports.FormLabel = FormLabel.FormLabel;
 exports.FormGroup = FormGroup.FormGroup;
 exports.FormattedInput = FormattedInput.FormattedInput;
 exports.Input = InputLegacy.InputLegacy;
@@ -249,47 +185,39 @@ exports.StaticInputAdornment = StaticInputAdornment.StaticInputAdornment;
 exports.LAYER_POSITIONS = LayerLayout.LAYER_POSITIONS;
 exports.LayerLayout = LayerLayout.LayerLayout;
 exports.Highlighter = Highlighter.Highlighter;
+exports.List = List.List;
 exports.ListItem = ListItem.ListItem;
 exports.ListItemProxy = ListItem.ListItemProxy;
-exports.List = List.List;
-exports.ListItemHeader = ListItemHeader.ListItemHeader;
 exports.ListItemGroup = ListItemGroup.ListItemGroup;
+exports.ListItemHeader = ListItemHeader.ListItemHeader;
 exports.useList = useList.useList;
 exports.VirtualizedList = VirtualizedList.VirtualizedList;
+exports.ListItemBaseDeprecated = ListItemBase.ListItemBase;
+exports.useListItemDeprecated = useListItem.useListItem;
+exports.escapeRegExp = escapeRegExp.escapeRegExp;
+exports.forwardCallbackProps = forwardCallbackProps.forwardCallbackProps;
+exports.isEmail = isEmail.isEmail;
+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.ListItemNext = ListItemNext.ListItemNext;
+exports.ListNext = ListNext.ListNext;
 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.NavItem = NavItem.NavItem;
-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.MetricHeader = MetricHeader.MetricHeader;
 exports.Portal = Portal.Portal;
-exports.CircularProgress = CircularProgress.CircularProgress;
-exports.SIZE_OPTIONS = CircularProgress.SIZE_OPTIONS;
-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;
@@ -311,35 +239,45 @@ exports.measureElementSize = overflowUtils.measureElementSize;
 exports.measureOverflowItems = overflowUtils.measureOverflowItems;
 exports.notOverflowed = overflowUtils.notOverflowed;
 exports.popNextItemByPriority = overflowUtils.popNextItemByPriority;
+exports.useDynamicCollapse = useDynamicCollapse.useDynamicCollapse;
+exports.useInstantCollapse = useInstantCollapse.useInstantCollapse;
+exports.useOverflow = useOverflow.useOverflow;
+exports.useOverflowCollectionItems = useOverflowCollectionItems.useOverflowCollectionItems;
+exports.useOverflowLayout = useOverflowLayout.useOverflowLayout;
+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.useWidth = useWidth.useWidth;
 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.useStepperInput = useStepperInput.useStepperInput;
-exports.StepperInput = StepperInput.StepperInput;
-exports.Switch = Switch.Switch;
-exports.TabActivationIndicator = TabActivationIndicator.TabActivationIndicator;
-exports.Tabstrip = Tabstrip.Tabstrip;
+exports.StaticList = StaticList.StaticList;
+exports.StaticListItem = StaticListItem.StaticListItem;
+exports.StaticListItemContent = StaticListItemContent.StaticListItemContent;
+exports.SystemStatus = SystemStatus.SystemStatus;
+exports.SystemStatusActions = SystemStatusActions.SystemStatusActions;
+exports.SystemStatusContent = SystemStatusContent.SystemStatusContent;
 exports.Tab = Tab.Tab;
+exports.TabActivationIndicator = TabActivationIndicator.TabActivationIndicator;
 exports.TabPanel = TabPanel.TabPanel;
 exports.Tabs = Tabs.Tabs;
-exports.ToggleButton = ToggleButton.ToggleButton;
-exports.ToggleButtonGroup = ToggleButtonGroup.ToggleButtonGroup;
+exports.Tabstrip = Tabstrip.Tabstrip;
+exports.ToastGroup = ToastGroup.ToastGroup;
 exports.TokenizedInput = TokenizedInput.TokenizedInput;
 exports.TokenizedInputBase = TokenizedInputBase.TokenizedInputBase;
 exports.useTokenizedInput = useTokenizedInput.useTokenizedInput;
+exports.TokenizedInputNext = TokenizedInputNext.TokenizedInputNext;
+exports.useTokenizedInputNext = useTokenizedInputNext.useTokenizedInputNext;
 exports.Toolbar = Toolbar.Toolbar;
-exports.Tooltray = Tooltray.Tooltray;
 exports.ToolbarButton = ToolbarButton.ToolbarButton;
+exports.Tooltray = Tooltray.Tooltray;
 exports.ToolbarField = ToolbarField.ToolbarField;
-exports.Tree = Tree.Tree;
+exports.ElectronWindow = ElectronWindow.ElectronWindow;
 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

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

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

@@ -1,6 +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";
+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-content-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  box-sizing: border-box;\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 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-cursor-disabled);\n  color: var(--saltInputLegacy-text-color-disabled, var(--salt-content-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