@salt-ds/lab 1.0.0-alpha.8 → 1.0.0-alpha.81

package/dist-cjs/packages/lab/src/formatted-input/FormattedInput.css.js

@@ -1,9 +0,0 @@
-'use strict';
-
-var styleInject_es = require('../../../../node_modules/style-inject/dist/style-inject.es.js');
-
-var css_248z = "/* TODO check multiline styles */\n\n.saltFormattedInput {\n  --formattedInput-mask-color: var(--salt-text-secondary-foreground);\n}\n\n.saltFormattedInput-inputWrapper {\n  position: relative;\n  width: 100%;\n  display: inline-flex;\n}\n\n.saltFormattedInput-mask {\n  position: absolute;\n  color: var(--formattedInput-mask-color);\n  pointer-events: none;\n  display: flex;\n  align-items: center;\n  top: 0;\n  left: 0;\n}\n\n.saltFormattedInput-mask i {\n  color: transparent;\n  opacity: 0;\n  visibility: hidden;\n  font: inherit;\n}\n";
-styleInject_es(css_248z);
-
-module.exports = css_248z;
-//# sourceMappingURL=FormattedInput.css.js.map

package/dist-cjs/packages/lab/src/formatted-input/FormattedInput.css.js.map

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

package/dist-cjs/packages/lab/src/formatted-input/FormattedInput.js

@@ -1,65 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var clsx = require('clsx');
-var React = require('react');
-var rifm = require('rifm');
-var core = require('@salt-ds/core');
-var Input = require('../input/Input.js');
-require('../input/StaticInputAdornment.js');
-var InputWithMask = require('./internal/InputWithMask.js');
-require('./FormattedInput.css.js');
-
-const defaultFormatter = (string) => string;
-const defaultRifmOptions = {};
-const FormattedInput = React.forwardRef(
-  function FormattedInput2({
-    defaultValue = "",
-    className,
-    inputProps,
-    mask,
-    onChange,
-    rifmOptions = defaultRifmOptions,
-    value: valueProp,
-    textAlign,
-    ...other
-  }, ref) {
-    const [valueState, setValueState] = core.useControlled({
-      default: defaultValue,
-      controlled: valueProp,
-      name: "FormattedInput",
-      state: "value"
-    });
-    const handleChange = (value) => {
-      setValueState(value);
-      onChange == null ? void 0 : onChange(value);
-    };
-    let rifmMask = false;
-    if (rifmOptions.mask) {
-      rifmMask = typeof rifmOptions.mask === "function" ? rifmOptions.mask(valueState) : rifmOptions.mask;
-    }
-    const rifm$1 = rifm.useRifm({
-      format: defaultFormatter,
-      accept: /.*/,
-      ...rifmOptions,
-      mask: rifmMask,
-      value: valueState || "",
-      onChange: handleChange
-    });
-    return /* @__PURE__ */ jsxRuntime.jsx(Input.Input, {
-      className: clsx.clsx(InputWithMask.baseName, className),
-      inputComponent: InputWithMask.InputWithMask,
-      inputProps: { mask, textAlign, ...inputProps },
-      onChange: rifm$1.onChange,
-      textAlign,
-      value: rifm$1.value,
-      ...other,
-      ref
-    });
-  }
-);
-
-exports.FormattedInput = FormattedInput;
-//# sourceMappingURL=FormattedInput.js.map

package/dist-cjs/packages/lab/src/formatted-input/FormattedInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormattedInput.js","sources":["../src/formatted-input/FormattedInput.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { forwardRef } from \"react\";\nimport { useRifm } from \"rifm\";\nimport { useControlled } from \"@salt-ds/core\";\nimport { Input, InputProps } from \"../input\";\nimport {\n  baseName,\n  InputWithMask,\n  InputWithMaskProps,\n} from \"./internal/InputWithMask\";\n\nimport \"./FormattedInput.css\";\n\nexport type MaskFunction = (value: string | undefined) => boolean;\n\nexport interface RifmOptions {\n  format?: (str: string) => string;\n  replace?: (str: string) => string;\n  append?: (str: string) => string;\n  mask?: boolean | MaskFunction;\n  accept?: RegExp;\n}\n\nexport interface FormattedInputProps extends Omit<InputProps, \"onChange\"> {\n  mask?: string;\n  onChange?: (value: string) => void;\n  rifmOptions?: RifmOptions;\n  value?: string;\n  defaultValue?: string;\n}\n\nconst defaultFormatter = (string: string): string => string;\nconst defaultRifmOptions: RifmOptions = {};\n\nexport const FormattedInput = forwardRef<HTMLInputElement, FormattedInputProps>(\n  function FormattedInput(\n    {\n      defaultValue = \"\",\n      className,\n      inputProps,\n      mask,\n      onChange,\n      rifmOptions = defaultRifmOptions,\n      value: valueProp,\n      textAlign,\n      ...other\n    },\n    ref\n  ) {\n    const [valueState, setValueState] = useControlled<string | undefined>({\n      default: defaultValue,\n      controlled: valueProp,\n      name: \"FormattedInput\",\n      state: \"value\",\n    });\n\n    const handleChange = (value: string) => {\n      setValueState(value);\n      onChange?.(value);\n    };\n\n    let rifmMask = false;\n\n    if (rifmOptions.mask) {\n      rifmMask =\n        typeof rifmOptions.mask === \"function\"\n          ? rifmOptions.mask(valueState)\n          : rifmOptions.mask;\n    }\n\n    const rifm = useRifm({\n      format: defaultFormatter,\n      accept: /.*/,\n      ...rifmOptions,\n      mask: rifmMask,\n      value: valueState || \"\",\n      onChange: handleChange,\n    });\n\n    return (\n      <Input\n        className={clsx(baseName, className)}\n        inputComponent={InputWithMask}\n        inputProps={{ mask, textAlign, ...inputProps } as InputWithMaskProps}\n        onChange={rifm.onChange}\n        textAlign={textAlign}\n        value={rifm.value}\n        {...other}\n        ref={ref}\n      />\n    );\n  }\n);\n"],"names":["forwardRef","FormattedInput","useControlled","rifm","useRifm","jsx","Input","clsx","baseName","InputWithMask"],"mappings":";;;;;;;;;;;;;;AA+BA,MAAM,gBAAA,GAAmB,CAAC,MAA2B,KAAA,MAAA,CAAA;AACrD,MAAM,qBAAkC,EAAC,CAAA;AAElC,MAAM,cAAiB,GAAAA,gBAAA;AAAA,EAC5B,SAASC,eACP,CAAA;AAAA,IACE,YAAe,GAAA,EAAA;AAAA,IACf,SAAA;AAAA,IACA,UAAA;AAAA,IACA,IAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAc,GAAA,kBAAA;AAAA,IACd,KAAO,EAAA,SAAA;AAAA,IACP,SAAA;AAAA,IACG,GAAA,KAAA;AAAA,KAEL,GACA,EAAA;AACA,IAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAIC,kBAAkC,CAAA;AAAA,MACpE,OAAS,EAAA,YAAA;AAAA,MACT,UAAY,EAAA,SAAA;AAAA,MACZ,IAAM,EAAA,gBAAA;AAAA,MACN,KAAO,EAAA,OAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,YAAA,GAAe,CAAC,KAAkB,KAAA;AACtC,MAAA,aAAA,CAAc,KAAK,CAAA,CAAA;AACnB,MAAW,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA,CAAA;AAAA,KACb,CAAA;AAEA,IAAA,IAAI,QAAW,GAAA,KAAA,CAAA;AAEf,IAAA,IAAI,YAAY,IAAM,EAAA;AACpB,MACE,QAAA,GAAA,OAAO,YAAY,IAAS,KAAA,UAAA,GACxB,YAAY,IAAK,CAAA,UAAU,IAC3B,WAAY,CAAA,IAAA,CAAA;AAAA,KACpB;AAEA,IAAA,MAAMC,SAAOC,YAAQ,CAAA;AAAA,MACnB,MAAQ,EAAA,gBAAA;AAAA,MACR,MAAQ,EAAA,IAAA;AAAA,MACR,GAAG,WAAA;AAAA,MACH,IAAM,EAAA,QAAA;AAAA,MACN,OAAO,UAAc,IAAA,EAAA;AAAA,MACrB,QAAU,EAAA,YAAA;AAAA,KACX,CAAA,CAAA;AAED,IAAA,uBACGC,cAAA,CAAAC,WAAA,EAAA;AAAA,MACC,SAAA,EAAWC,SAAK,CAAAC,sBAAA,EAAU,SAAS,CAAA;AAAA,MACnC,cAAgB,EAAAC,2BAAA;AAAA,MAChB,UAAY,EAAA,EAAE,IAAM,EAAA,SAAA,EAAW,GAAG,UAAW,EAAA;AAAA,MAC7C,UAAUN,MAAK,CAAA,QAAA;AAAA,MACf,SAAA;AAAA,MACA,OAAOA,MAAK,CAAA,KAAA;AAAA,MACX,GAAG,KAAA;AAAA,MACJ,GAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-cjs/packages/lab/src/formatted-input/internal/InputWithMask.js

@@ -1,67 +0,0 @@
-'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');
-
-const baseName = "saltFormattedInput";
-function getClippedMask(mask, value, textAlign) {
-  if (mask) {
-    if (textAlign === "right") {
-      return mask.substring(
-        0,
-        value ? mask.length - value.length : mask.length
-      );
-    }
-    return mask.substring(value ? value.length : 0);
-  }
-  return "";
-}
-const InputWithMask = React.forwardRef(
-  function InputWithMask2({
-    "aria-labelledby": ariaLabelledBy,
-    className,
-    mask = "",
-    value,
-    id: idProp,
-    style,
-    textAlign,
-    ...other
-  }, ref) {
-    const id = core.useId(idProp);
-    const spacerAndMask = [
-      /* @__PURE__ */ jsxRuntime.jsx("i", {
-        children: value
-      }, value),
-      getClippedMask(mask, value, textAlign)
-    ];
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-      className: `${baseName}-inputWrapper`,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("input", {
-          className,
-          ...other,
-          "aria-label": mask,
-          "aria-labelledby": [ariaLabelledBy, id].filter((label) => label != null).join(" "),
-          id,
-          ref,
-          style,
-          value
-        }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", {
-          "aria-hidden": "true",
-          className: clsx.clsx(`${baseName}-mask`, className),
-          style,
-          children: textAlign !== "right" ? spacerAndMask : spacerAndMask.reverse()
-        })
-      ]
-    });
-  }
-);
-
-exports.InputWithMask = InputWithMask;
-exports.baseName = baseName;
-//# sourceMappingURL=InputWithMask.js.map

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

@@ -1 +0,0 @@
-{"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;;;;;"}

package/dist-cjs/packages/lab/src/index.js

@@ -1,362 +0,0 @@
-'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 Banner = require('./banner/Banner.js');
-var BannerCloseButton = require('./banner/BannerCloseButton.js');
-var BannerContent = require('./banner/BannerContent.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 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 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 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 FormField = require('./form-field/FormField.js');
-var FormLabel = require('./form-field/FormLabel.js');
-var FormFieldControlWrapper = require('./form-field-next/FormFieldControlWrapper.js');
-var FormFieldNext = require('./form-field-next/FormFieldNext.js');
-var FormFieldHelperText = require('./form-field-next/FormFieldHelperText.js');
-var FormFieldLabel = require('./form-field-next/FormFieldLabel.js');
-var FormFieldContext = require('./form-field-context/FormFieldContext.js');
-var useFormFieldProps = require('./form-field-context/useFormFieldProps.js');
-var FormFieldContextNext = require('./form-field-context-next/FormFieldContextNext.js');
-var FormGroup = require('./form-group/FormGroup.js');
-var FormattedInput = require('./formatted-input/FormattedInput.js');
-var Input = require('./input/Input.js');
-var StaticInputAdornment = require('./input/StaticInputAdornment.js');
-var InputNext = require('./input-next/InputNext.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 Logo = require('./logo/Logo.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 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 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 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 Tab = require('./tabs/Tab.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 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.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.Banner = Banner.Banner;
-exports.BannerCloseButton = BannerCloseButton.BannerCloseButton;
-exports.BannerContent = BannerContent.BannerContent;
-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.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.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.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 = FormField.FormField;
-exports.useFormField = FormField.useFormField;
-exports.FormLabel = FormLabel.FormLabel;
-exports.FormFieldControlWrapper = FormFieldControlWrapper.FormFieldControlWrapper;
-exports.FormFieldNext = FormFieldNext.FormField;
-exports.FormFieldHelperText = FormFieldHelperText.FormFieldHelperText;
-exports.FormFieldLabel = FormFieldLabel.FormFieldLabel;
-exports.FormFieldContext = FormFieldContext.FormFieldContext;
-exports.useFormFieldProps = useFormFieldProps.useFormFieldProps;
-exports.FormFieldContextNext = FormFieldContextNext.FormFieldContextNext;
-exports.FormGroup = FormGroup.FormGroup;
-exports.FormattedInput = FormattedInput.FormattedInput;
-exports.Input = Input.Input;
-exports.StaticInputAdornment = StaticInputAdornment.StaticInputAdornment;
-exports.InputNext = InputNext.Input;
-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.Logo = Logo.Logo;
-exports.MenuButton = MenuButton.MenuButton;
-exports.Metric = Metric.Metric;
-exports.MetricHeader = MetricHeader.MetricHeader;
-exports.MetricContent = MetricContent.MetricContent;
-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.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;
-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.useStepperInput = useStepperInput.useStepperInput;
-exports.StepperInput = StepperInput.StepperInput;
-exports.Switch = Switch.Switch;
-exports.TabActivationIndicator = TabActivationIndicator.TabActivationIndicator;
-exports.Tabstrip = Tabstrip.Tabstrip;
-exports.Tab = Tab.Tab;
-exports.TabPanel = TabPanel.TabPanel;
-exports.Tabs = Tabs.Tabs;
-exports.ToggleButton = ToggleButton.ToggleButton;
-exports.ToggleButtonGroup = ToggleButtonGroup.ToggleButtonGroup;
-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/packages/lab/src/input/Input.css.js

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

package/dist-cjs/packages/lab/src/input/Input.css.js.map

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