@elliemae/ds-legacy-pills 1.0.0-rc.1

package/dist/esm/deprecated/OverflowPill.js

@@ -0,0 +1,63 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { useRef, useState, useEffect } from "react";
+import { PropTypes, describe } from "@elliemae/ds-legacy-props-helpers";
+import { useFocusGroupItem } from "@elliemae/ds-legacy-shared";
+import { DSTooltip } from "@elliemae/ds-legacy-tooltip";
+import { Pill } from "./Pill.js";
+const OverflowPill = ({ containerProps = {}, label = "", options = [], className = "" }) => {
+  const ref = useRef(null);
+  const [tooltipIsOpen, setTooltipIsOpen] = useState(false);
+  const [tooltipText, setTooltipText] = useState("");
+  useEffect(() => {
+    let text = "";
+    options.forEach((option) => {
+      if (!tooltipText || option === options[0]) {
+        text = `${option.label}`;
+      } else {
+        text = text.concat(`, ${option.label}`);
+      }
+    });
+    setTooltipText(text);
+  }, [options]);
+  useFocusGroupItem(ref);
+  return /* @__PURE__ */ jsx(
+    DSTooltip,
+    {
+      isOpen: tooltipIsOpen,
+      title: tooltipText,
+      zIndex: 11,
+      triggerComponent: /* @__PURE__ */ jsx(
+        Pill,
+        {
+          className: `${"overflow-pill"} ${className}`,
+          containerProps,
+          innerRef: ref,
+          label,
+          tabIndex: -1,
+          onMouseEnter: () => setTooltipIsOpen(true),
+          onMouseLeave: () => setTooltipIsOpen(false)
+        }
+      )
+    }
+  );
+};
+const props = {
+  /** props to inject to pill wrapper */
+  containerProps: PropTypes.object.description("props to inject to pill wrapper"),
+  /** pill text label */
+  label: PropTypes.string.isRequired.description("pill text label"),
+  /** overflow pills options */
+  options: PropTypes.array.description("overflow pills options"),
+  /** additional className */
+  className: PropTypes.string.description("Additional className")
+};
+OverflowPill.propTypes = props;
+OverflowPill.displayName = "OverflowPill";
+const DSOverflowPillWithSchema = describe(OverflowPill);
+DSOverflowPillWithSchema.propTypes = props;
+export {
+  DSOverflowPillWithSchema,
+  OverflowPill
+};
+//# sourceMappingURL=OverflowPill.js.map

package/dist/esm/deprecated/OverflowPill.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/deprecated/OverflowPill.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable eslint-comments/no-unlimited-disable */\n/* eslint-disable */\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport React, { useRef, useState, useEffect } from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-legacy-props-helpers';\nimport { useFocusGroupItem } from '@elliemae/ds-legacy-shared';\nimport { DSTooltip } from '@elliemae/ds-legacy-tooltip';\nimport { Pill } from './Pill.js';\n\nconst OverflowPill = ({ containerProps = {}, label = '', options = [], className = '' }) => {\n  const ref = useRef(null);\n  const [tooltipIsOpen, setTooltipIsOpen] = useState(false);\n  const [tooltipText, setTooltipText] = useState('');\n\n  useEffect(() => {\n    let text = '';\n    options.forEach((option) => {\n      if (!tooltipText || option === options[0]) {\n        text = `${option.label}`;\n      } else {\n        text = text.concat(`, ${option.label}`);\n      }\n    });\n    setTooltipText(text);\n  }, [options]);\n\n  useFocusGroupItem(ref);\n\n  return (\n    <DSTooltip\n      isOpen={tooltipIsOpen}\n      title={tooltipText}\n      zIndex={11}\n      triggerComponent={\n        <Pill\n          className={`${'overflow-pill'} ${className}`}\n          containerProps={containerProps}\n          innerRef={ref}\n          label={label}\n          tabIndex={-1}\n          onMouseEnter={() => setTooltipIsOpen(true)}\n          onMouseLeave={() => setTooltipIsOpen(false)}\n        />\n      }\n    />\n  );\n};\n\nconst props = {\n  /** props to inject to pill wrapper */\n  containerProps: PropTypes.object.description('props to inject to pill wrapper'),\n  /** pill text label */\n  label: PropTypes.string.isRequired.description('pill text label'),\n  /** overflow pills options */\n  options: PropTypes.array.description('overflow pills options'),\n  /** additional className */\n  className: PropTypes.string.description('Additional className'),\n};\n\nOverflowPill.propTypes = props;\nOverflowPill.displayName = 'OverflowPill';\nconst DSOverflowPillWithSchema = describe(OverflowPill);\nDSOverflowPillWithSchema.propTypes = props;\n\nexport { OverflowPill, DSOverflowPillWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACmCf;AA/BR,SAAgB,QAAQ,UAAU,iBAAiB;AACnD,SAAS,WAAW,gBAAgB;AACpC,SAAS,yBAAyB;AAClC,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AAErB,MAAM,eAAe,CAAC,EAAE,iBAAiB,CAAC,GAAG,QAAQ,IAAI,UAAU,CAAC,GAAG,YAAY,GAAG,MAAM;AAC1F,QAAM,MAAM,OAAO,IAAI;AACvB,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,KAAK;AACxD,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,EAAE;AAEjD,YAAU,MAAM;AACd,QAAI,OAAO;AACX,YAAQ,QAAQ,CAAC,WAAW;AAC1B,UAAI,CAAC,eAAe,WAAW,QAAQ,CAAC,GAAG;AACzC,eAAO,GAAG,OAAO;AAAA,MACnB,OAAO;AACL,eAAO,KAAK,OAAO,KAAK,OAAO,OAAO;AAAA,MACxC;AAAA,IACF,CAAC;AACD,mBAAe,IAAI;AAAA,EACrB,GAAG,CAAC,OAAO,CAAC;AAEZ,oBAAkB,GAAG;AAErB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,kBACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,GAAG,mBAAmB;AAAA,UACjC;AAAA,UACA,UAAU;AAAA,UACV;AAAA,UACA,UAAU;AAAA,UACV,cAAc,MAAM,iBAAiB,IAAI;AAAA,UACzC,cAAc,MAAM,iBAAiB,KAAK;AAAA;AAAA,MAC5C;AAAA;AAAA,EAEJ;AAEJ;AAEA,MAAM,QAAQ;AAAA;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAAY,iCAAiC;AAAA;AAAA,EAE9E,OAAO,UAAU,OAAO,WAAW,YAAY,iBAAiB;AAAA;AAAA,EAEhE,SAAS,UAAU,MAAM,YAAY,wBAAwB;AAAA;AAAA,EAE7D,WAAW,UAAU,OAAO,YAAY,sBAAsB;AAChE;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,2BAA2B,SAAS,YAAY;AACtD,yBAAyB,YAAY;",
+  "names": []
+}

package/dist/esm/deprecated/Pill.js

@@ -0,0 +1,53 @@
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useDeprecateComponent } from "@elliemae/ds-legacy-utilities";
+import { PropTypes, describe } from "@elliemae/ds-legacy-props-helpers";
+import { aggregatedClasses } from "@elliemae/ds-legacy-classnames";
+const pillBlockName = "pill";
+const PillWrapper = aggregatedClasses("div")(pillBlockName, null, ({ size, variant }) => ({
+  [variant]: !!variant,
+  [size]: !!size
+}));
+const PillLabel = aggregatedClasses("span")(pillBlockName, "label");
+const PillAddon = aggregatedClasses("div")(pillBlockName, "addon");
+const Pill = ({
+  containerProps = {},
+  label = "",
+  leftAddon,
+  rightAddon,
+  variant = "value",
+  size = "m",
+  ...otherProps
+}) => {
+  useDeprecateComponent({ componentName: "ds-pills", version: "TBD Date: 2023 Q3" });
+  return /* @__PURE__ */ jsxs(PillWrapper, { ...containerProps, classProps: { variant, size }, ...otherProps, children: [
+    leftAddon && /* @__PURE__ */ jsx(PillAddon, { children: leftAddon }),
+    /* @__PURE__ */ jsx(PillLabel, { children: label }),
+    rightAddon && /* @__PURE__ */ jsx(PillAddon, { children: rightAddon })
+  ] });
+};
+const props = {
+  /** props to inject to pill wrapper */
+  containerProps: PropTypes.object.description("props to inject to pill wrapper"),
+  /** pill text label */
+  label: PropTypes.string.isRequired.description("pill text label"),
+  /** pill size */
+  size: PropTypes.oneOf(["m", "l"]).description("pill size"),
+  /** pill variant */
+  variant: PropTypes.oneOf(["value", "title"]).description("pill variant"),
+  /** addon component to left */
+  leftAddon: PropTypes.node.description("addon component to left"),
+  /** addon component to right */
+  rightAddon: PropTypes.node.description("addon component to right")
+};
+Pill.propTypes = props;
+Pill.displayName = "Pill";
+const DSPillWithSchema = describe(Pill);
+DSPillWithSchema.propTypes = props;
+var Pill_default = Pill;
+export {
+  DSPillWithSchema,
+  Pill,
+  Pill_default as default
+};
+//# sourceMappingURL=Pill.js.map

package/dist/esm/deprecated/Pill.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/deprecated/Pill.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable eslint-comments/no-unlimited-disable */\n/* eslint-disable */\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport React from 'react';\nimport { useDeprecateComponent } from '@elliemae/ds-legacy-utilities';\nimport { PropTypes, describe } from '@elliemae/ds-legacy-props-helpers';\nimport { aggregatedClasses } from '@elliemae/ds-legacy-classnames';\n\nconst pillBlockName = 'pill';\n\nconst PillWrapper = aggregatedClasses('div')(pillBlockName, null, ({ size, variant }) => ({\n  [variant]: !!variant,\n  [size]: !!size,\n}));\nconst PillLabel = aggregatedClasses('span')(pillBlockName, 'label');\nconst PillAddon = aggregatedClasses('div')(pillBlockName, 'addon');\n\nconst Pill = ({\n  containerProps = {},\n  label = '',\n  leftAddon,\n  rightAddon,\n  variant = 'value',\n  size = 'm',\n  ...otherProps\n}) => {\n  useDeprecateComponent({ componentName: 'ds-pills', version: 'TBD Date: 2023 Q3' });\n\n  return (\n    <PillWrapper {...containerProps} classProps={{ variant, size }} {...otherProps}>\n      {leftAddon && <PillAddon>{leftAddon}</PillAddon>}\n      <PillLabel>{label}</PillLabel>\n      {rightAddon && <PillAddon>{rightAddon}</PillAddon>}\n    </PillWrapper>\n  );\n};\n\nconst props = {\n  /** props to inject to pill wrapper */\n  containerProps: PropTypes.object.description('props to inject to pill wrapper'),\n  /** pill text label */\n  label: PropTypes.string.isRequired.description('pill text label'),\n  /** pill size */\n  size: PropTypes.oneOf(['m', 'l']).description('pill size'),\n  /** pill variant */\n  variant: PropTypes.oneOf(['value', 'title']).description('pill variant'),\n  /** addon component to left */\n  leftAddon: PropTypes.node.description('addon component to left'),\n  /** addon component to right */\n  rightAddon: PropTypes.node.description('addon component to right'),\n};\n\nPill.propTypes = props;\nPill.displayName = 'Pill';\nconst DSPillWithSchema = describe(Pill);\nDSPillWithSchema.propTypes = props;\n\nexport { Pill, DSPillWithSchema };\nexport default Pill;\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC8BnB,SACgB,KADhB;AAzBJ,SAAS,6BAA6B;AACtC,SAAS,WAAW,gBAAgB;AACpC,SAAS,yBAAyB;AAElC,MAAM,gBAAgB;AAEtB,MAAM,cAAc,kBAAkB,KAAK,EAAE,eAAe,MAAM,CAAC,EAAE,MAAM,QAAQ,OAAO;AAAA,EACxF,CAAC,OAAO,GAAG,CAAC,CAAC;AAAA,EACb,CAAC,IAAI,GAAG,CAAC,CAAC;AACZ,EAAE;AACF,MAAM,YAAY,kBAAkB,MAAM,EAAE,eAAe,OAAO;AAClE,MAAM,YAAY,kBAAkB,KAAK,EAAE,eAAe,OAAO;AAEjE,MAAM,OAAO,CAAC;AAAA,EACZ,iBAAiB,CAAC;AAAA,EAClB,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP,GAAG;AACL,MAAM;AACJ,wBAAsB,EAAE,eAAe,YAAY,SAAS,oBAAoB,CAAC;AAEjF,SACE,qBAAC,eAAa,GAAG,gBAAgB,YAAY,EAAE,SAAS,KAAK,GAAI,GAAG,YACjE;AAAA,iBAAa,oBAAC,aAAW,qBAAU;AAAA,IACpC,oBAAC,aAAW,iBAAM;AAAA,IACjB,cAAc,oBAAC,aAAW,sBAAW;AAAA,KACxC;AAEJ;AAEA,MAAM,QAAQ;AAAA;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAAY,iCAAiC;AAAA;AAAA,EAE9E,OAAO,UAAU,OAAO,WAAW,YAAY,iBAAiB;AAAA;AAAA,EAEhE,MAAM,UAAU,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,YAAY,WAAW;AAAA;AAAA,EAEzD,SAAS,UAAU,MAAM,CAAC,SAAS,OAAO,CAAC,EAAE,YAAY,cAAc;AAAA;AAAA,EAEvE,WAAW,UAAU,KAAK,YAAY,yBAAyB;AAAA;AAAA,EAE/D,YAAY,UAAU,KAAK,YAAY,0BAA0B;AACnE;AAEA,KAAK,YAAY;AACjB,KAAK,cAAc;AACnB,MAAM,mBAAmB,SAAS,IAAI;AACtC,iBAAiB,YAAY;AAG7B,IAAO,eAAQ;",
+  "names": []
+}

package/dist/esm/deprecated/PillGroup.js

@@ -0,0 +1,44 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { describe, PropTypes } from "@elliemae/ds-legacy-props-helpers";
+import { aggregatedClasses } from "@elliemae/ds-legacy-classnames";
+import { FocusGroupProvider } from "@elliemae/ds-legacy-shared";
+const pillGroupBlockName = "pill-group";
+const Container = aggregatedClasses("div")(pillGroupBlockName);
+const PillGroup = ({ containerProps = {}, onFocusNextGroup, onFocusPreviousGroup, onFocusGroupSet, children }) => /* @__PURE__ */ jsx(
+  FocusGroupProvider,
+  {
+    keyBindings: {
+      Tab: "next"
+    },
+    onFocusGroupSet,
+    onFocusNextGroup,
+    onFocusPreviousGroup,
+    orientation: "horizontal",
+    children: /* @__PURE__ */ jsx(Container, { ...containerProps, children })
+  }
+);
+const props = {
+  /** props injected to component wrapper */
+  containerProps: PropTypes.object.description("props injected to component wrapper"),
+  /** focus next group callback */
+  onFocusNextGroup: PropTypes.func.description("focus next group callback"),
+  /** focus prev group callback */
+  onFocusPreviousGroup: PropTypes.func.description("focus prev group callback"),
+  /** focus group set callback */
+  onFocusGroupSet: PropTypes.func.description("focus group set callback"),
+  /** pill components */
+  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired.description(
+    "pill components"
+  )
+};
+PillGroup.propTypes = props;
+PillGroup.displayName = "PillGroup";
+const DSPillGroupWithSchema = describe(PillGroup);
+DSPillGroupWithSchema.propTypes = props;
+export {
+  Container,
+  DSPillGroupWithSchema,
+  PillGroup
+};
+//# sourceMappingURL=PillGroup.js.map

package/dist/esm/deprecated/PillGroup.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/deprecated/PillGroup.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable eslint-comments/no-unlimited-disable */\n/* eslint-disable */\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-legacy-props-helpers';\nimport { aggregatedClasses } from '@elliemae/ds-legacy-classnames';\nimport { FocusGroupProvider } from '@elliemae/ds-legacy-shared';\n\nconst pillGroupBlockName = 'pill-group';\n\nexport const Container = aggregatedClasses('div')(pillGroupBlockName);\n\nconst PillGroup = ({ containerProps = {}, onFocusNextGroup, onFocusPreviousGroup, onFocusGroupSet, children }) => (\n  <FocusGroupProvider\n    keyBindings={{\n      Tab: 'next',\n    }}\n    onFocusGroupSet={onFocusGroupSet}\n    onFocusNextGroup={onFocusNextGroup}\n    onFocusPreviousGroup={onFocusPreviousGroup}\n    orientation=\"horizontal\"\n  >\n    <Container {...containerProps}>{children}</Container>\n  </FocusGroupProvider>\n);\n\nconst props = {\n  /** props injected to component wrapper */\n  containerProps: PropTypes.object.description('props injected to component wrapper'),\n  /** focus next group callback */\n  onFocusNextGroup: PropTypes.func.description('focus next group callback'),\n  /** focus prev group callback */\n  onFocusPreviousGroup: PropTypes.func.description('focus prev group callback'),\n  /** focus group set callback */\n  onFocusGroupSet: PropTypes.func.description('focus group set callback'),\n  /** pill components */\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired.description(\n    'pill components',\n  ),\n};\n\nPillGroup.propTypes = props;\nPillGroup.displayName = 'PillGroup';\nconst DSPillGroupWithSchema = describe(PillGroup);\nDSPillGroupWithSchema.propTypes = props;\n\nexport { PillGroup, DSPillGroupWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACuBnB;AAlBJ,SAAS,UAAU,iBAAiB;AACpC,SAAS,yBAAyB;AAClC,SAAS,0BAA0B;AAEnC,MAAM,qBAAqB;AAEpB,MAAM,YAAY,kBAAkB,KAAK,EAAE,kBAAkB;AAEpE,MAAM,YAAY,CAAC,EAAE,iBAAiB,CAAC,GAAG,kBAAkB,sBAAsB,iBAAiB,SAAS,MAC1G;AAAA,EAAC;AAAA;AAAA,IACC,aAAa;AAAA,MACX,KAAK;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAY;AAAA,IAEZ,8BAAC,aAAW,GAAG,gBAAiB,UAAS;AAAA;AAC3C;AAGF,MAAM,QAAQ;AAAA;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAAY,qCAAqC;AAAA;AAAA,EAElF,kBAAkB,UAAU,KAAK,YAAY,2BAA2B;AAAA;AAAA,EAExE,sBAAsB,UAAU,KAAK,YAAY,2BAA2B;AAAA;AAAA,EAE5E,iBAAiB,UAAU,KAAK,YAAY,0BAA0B;AAAA;AAAA,EAEtE,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,IAAI,GAAG,UAAU,IAAI,CAAC,EAAE,WAAW;AAAA,IAC5F;AAAA,EACF;AACF;AAEA,UAAU,YAAY;AACtB,UAAU,cAAc;AACxB,MAAM,wBAAwB,SAAS,SAAS;AAChD,sBAAsB,YAAY;",
+  "names": []
+}

package/dist/esm/deprecated/ReadOnlyPill.js

@@ -0,0 +1,94 @@
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useRef, useState } from "react";
+import { PropTypes, describe } from "@elliemae/ds-legacy-props-helpers";
+import { InfoCircleSmall } from "@elliemae/ds-legacy-icons";
+import { DSModal, MODAL_TYPE_V2 } from "@elliemae/ds-legacy-modal";
+import { DSPopover } from "@elliemae/ds-legacy-popover";
+import { Pill } from "./Pill.js";
+const ReadOnlyPill = ({
+  containerProps = {},
+  modalContent = "",
+  label = "",
+  leftAddon,
+  modalTitle = "",
+  tooltipText = ""
+}) => {
+  const ref = useRef(null);
+  const [isModalOpen, setIsModalOpen] = useState(false);
+  const [isTooltipOpen, setIsTooltipOpen] = useState(false);
+  const toggle = () => {
+    setIsModalOpen(!isModalOpen);
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Pill,
+      {
+        "data-testid": "read-only-pill",
+        className: "removable-pill",
+        containerProps,
+        innerRef: ref,
+        label,
+        leftAddon,
+        rightAddon: /* @__PURE__ */ jsx(
+          DSPopover,
+          {
+            isOpen: tooltipText && isTooltipOpen,
+            content: tooltipText,
+            placement: "top",
+            showArrow: true,
+            renderTrigger: ({ ref: ref2 }) => /* @__PURE__ */ jsx(
+              InfoCircleSmall,
+              {
+                role: "button",
+                "data-testid": "read-only-info-btn",
+                className: "remove-pill-button",
+                onClick: toggle,
+                onMouseEnter: () => setIsTooltipOpen(true),
+                onMouseLeave: () => setIsTooltipOpen(false),
+                color: ["brand-primary", "600"],
+                innerRef: ref2
+              }
+            )
+          }
+        ),
+        tabIndex: -1
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DSModal,
+      {
+        isOpen: isModalOpen,
+        showClose: true,
+        shouldCloseOnOverlayClick: true,
+        modalTitle,
+        modalType: MODAL_TYPE_V2.INFORMATION,
+        onClose: toggle,
+        version: 2,
+        children: modalContent
+      }
+    )
+  ] });
+};
+const props = {
+  /** props injected to component wrapper */
+  containerProps: PropTypes.object.description("props injected to component wrapper"),
+  /** labeled pill text label */
+  label: PropTypes.string.isRequired.description("pill text label"),
+  /** addon component to left */
+  leftAddon: PropTypes.node.description("addon component to left"),
+  /** read only pill modal content */
+  modalContent: PropTypes.string.description("read only pill modal content"),
+  /** read only pill modal title */
+  modalTitle: PropTypes.string.description("read only pill modal title"),
+  tooltipText: PropTypes.string.description("text to display in tooltip")
+};
+ReadOnlyPill.propTypes = props;
+ReadOnlyPill.displayName = "ReadOnlyPill";
+const DSReadOnlyPillWithSchema = describe(ReadOnlyPill);
+DSReadOnlyPillWithSchema.propTypes = props;
+export {
+  DSReadOnlyPillWithSchema,
+  ReadOnlyPill
+};
+//# sourceMappingURL=ReadOnlyPill.js.map

package/dist/esm/deprecated/ReadOnlyPill.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/deprecated/ReadOnlyPill.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable eslint-comments/no-unlimited-disable */\n/* eslint-disable */\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport React, { useRef, useState } from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-legacy-props-helpers';\nimport { InfoCircleSmall } from '@elliemae/ds-legacy-icons';\nimport { DSModal, MODAL_TYPE_V2 } from '@elliemae/ds-legacy-modal';\nimport { DSPopover } from '@elliemae/ds-legacy-popover';\nimport { Pill } from './Pill.js';\n\nconst ReadOnlyPill = ({\n  containerProps = {},\n  modalContent = '',\n  label = '',\n  leftAddon,\n  modalTitle = '',\n  tooltipText = '',\n}) => {\n  const ref = useRef(null);\n  const [isModalOpen, setIsModalOpen] = useState(false);\n  const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n\n  const toggle = () => {\n    setIsModalOpen(!isModalOpen);\n  };\n\n  return (\n    <>\n      <Pill\n        data-testid=\"read-only-pill\"\n        className=\"removable-pill\"\n        containerProps={containerProps}\n        innerRef={ref}\n        label={label}\n        leftAddon={leftAddon}\n        rightAddon={\n          <DSPopover\n            isOpen={tooltipText && isTooltipOpen}\n            content={tooltipText}\n            placement=\"top\"\n            showArrow\n            renderTrigger={({ ref }) => (\n              <InfoCircleSmall\n                role=\"button\"\n                data-testid=\"read-only-info-btn\"\n                className=\"remove-pill-button\"\n                onClick={toggle}\n                onMouseEnter={() => setIsTooltipOpen(true)}\n                onMouseLeave={() => setIsTooltipOpen(false)}\n                color={['brand-primary', '600']}\n                innerRef={ref}\n              />\n            )}\n          />\n        }\n        tabIndex={-1}\n      />\n      <DSModal\n        isOpen={isModalOpen}\n        showClose\n        shouldCloseOnOverlayClick\n        modalTitle={modalTitle}\n        modalType={MODAL_TYPE_V2.INFORMATION}\n        onClose={toggle}\n        version={2}\n      >\n        {modalContent}\n      </DSModal>\n    </>\n  );\n};\n\nconst props = {\n  /** props injected to component wrapper */\n  containerProps: PropTypes.object.description('props injected to component wrapper'),\n  /** labeled pill text label */\n  label: PropTypes.string.isRequired.description('pill text label'),\n  /** addon component to left */\n  leftAddon: PropTypes.node.description('addon component to left'),\n  /** read only pill modal content */\n  modalContent: PropTypes.string.description('read only pill modal content'),\n  /** read only pill modal title */\n  modalTitle: PropTypes.string.description('read only pill modal title'),\n  tooltipText: PropTypes.string.description('text to display in tooltip'),\n};\n\nReadOnlyPill.propTypes = props;\nReadOnlyPill.displayName = 'ReadOnlyPill';\nconst DSReadOnlyPillWithSchema = describe(ReadOnlyPill);\nDSReadOnlyPillWithSchema.propTypes = props;\n\nexport { ReadOnlyPill, DSReadOnlyPillWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC4BnB,mBAeU,KAfV;AAxBJ,SAAgB,QAAQ,gBAAgB;AACxC,SAAS,WAAW,gBAAgB;AACpC,SAAS,uBAAuB;AAChC,SAAS,SAAS,qBAAqB;AACvC,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AAErB,MAAM,eAAe,CAAC;AAAA,EACpB,iBAAiB,CAAC;AAAA,EAClB,eAAe;AAAA,EACf,QAAQ;AAAA,EACR;AAAA,EACA,aAAa;AAAA,EACb,cAAc;AAChB,MAAM;AACJ,QAAM,MAAM,OAAO,IAAI;AACvB,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AACpD,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,KAAK;AAExD,QAAM,SAAS,MAAM;AACnB,mBAAe,CAAC,WAAW;AAAA,EAC7B;AAEA,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,eAAY;AAAA,QACZ,WAAU;AAAA,QACV;AAAA,QACA,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA,YACE;AAAA,UAAC;AAAA;AAAA,YACC,QAAQ,eAAe;AAAA,YACvB,SAAS;AAAA,YACT,WAAU;AAAA,YACV,WAAS;AAAA,YACT,eAAe,CAAC,EAAE,KAAAA,KAAI,MACpB;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,eAAY;AAAA,gBACZ,WAAU;AAAA,gBACV,SAAS;AAAA,gBACT,cAAc,MAAM,iBAAiB,IAAI;AAAA,gBACzC,cAAc,MAAM,iBAAiB,KAAK;AAAA,gBAC1C,OAAO,CAAC,iBAAiB,KAAK;AAAA,gBAC9B,UAAUA;AAAA;AAAA,YACZ;AAAA;AAAA,QAEJ;AAAA,QAEF,UAAU;AAAA;AAAA,IACZ;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ;AAAA,QACR,WAAS;AAAA,QACT,2BAAyB;AAAA,QACzB;AAAA,QACA,WAAW,cAAc;AAAA,QACzB,SAAS;AAAA,QACT,SAAS;AAAA,QAER;AAAA;AAAA,IACH;AAAA,KACF;AAEJ;AAEA,MAAM,QAAQ;AAAA;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAAY,qCAAqC;AAAA;AAAA,EAElF,OAAO,UAAU,OAAO,WAAW,YAAY,iBAAiB;AAAA;AAAA,EAEhE,WAAW,UAAU,KAAK,YAAY,yBAAyB;AAAA;AAAA,EAE/D,cAAc,UAAU,OAAO,YAAY,8BAA8B;AAAA;AAAA,EAEzE,YAAY,UAAU,OAAO,YAAY,4BAA4B;AAAA,EACrE,aAAa,UAAU,OAAO,YAAY,4BAA4B;AACxE;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,2BAA2B,SAAS,YAAY;AACtD,yBAAyB,YAAY;",
+  "names": ["ref"]
+}

package/dist/esm/deprecated/RemovablePill.js

@@ -0,0 +1,56 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { useRef } from "react";
+import { isFunction } from "@elliemae/ds-legacy-utilities";
+import { PropTypes, describe } from "@elliemae/ds-legacy-props-helpers";
+import { CloseXsmall } from "@elliemae/ds-legacy-icons";
+import { useFocusGroupItem } from "@elliemae/ds-legacy-shared";
+import { Pill } from "./Pill.js";
+const RemovablePill = ({ containerProps = {}, label = "", onRemove, size = "m", leftAddon, className = "" }) => {
+  const ref = useRef(null);
+  const { focusPrevious } = useFocusGroupItem(ref);
+  return /* @__PURE__ */ jsx(
+    Pill,
+    {
+      className: `${"removable-pill"} ${className}`,
+      "data-testid": "removable-pill",
+      containerProps,
+      innerRef: ref,
+      size,
+      label,
+      leftAddon,
+      onKeyDown: (e) => {
+        if (e.key === "Backspace" && isFunction(onRemove)) {
+          onRemove();
+          if (isFunction(focusPrevious))
+            focusPrevious();
+        }
+      },
+      rightAddon: /* @__PURE__ */ jsx(CloseXsmall, { role: "button", "data-testid": "remove-pill-button", className: "remove-pill-button", onClick: onRemove }),
+      tabIndex: -1
+    }
+  );
+};
+const props = {
+  /** props injected to component wrapper */
+  containerProps: PropTypes.object.description("props injected to component wrapper"),
+  /** labeled pill text label */
+  label: PropTypes.string.isRequired.description("pill text label"),
+  /** remove click callback */
+  onRemove: PropTypes.func.description("remove click callback"),
+  /** pill size */
+  size: PropTypes.oneOf(["m", "l"]).description("pill size"),
+  /** addon component to left */
+  leftAddon: PropTypes.node.description("addon component to left"),
+  /** additional className */
+  className: PropTypes.string.description("Additional className")
+};
+RemovablePill.propTypes = props;
+RemovablePill.displayName = "RemovablePill";
+const DSRemovablePillWithSchema = describe(RemovablePill);
+DSRemovablePillWithSchema.propTypes = props;
+export {
+  DSRemovablePillWithSchema,
+  RemovablePill
+};
+//# sourceMappingURL=RemovablePill.js.map

package/dist/esm/deprecated/RemovablePill.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/deprecated/RemovablePill.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable eslint-comments/no-unlimited-disable */\n/* eslint-disable */\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport React, { useRef } from 'react';\nimport { isFunction } from '@elliemae/ds-legacy-utilities';\nimport { PropTypes, describe } from '@elliemae/ds-legacy-props-helpers';\nimport { CloseXsmall } from '@elliemae/ds-legacy-icons';\nimport { useFocusGroupItem } from '@elliemae/ds-legacy-shared';\nimport { Pill } from './Pill.js';\n\nconst RemovablePill = ({ containerProps = {}, label = '', onRemove, size = 'm', leftAddon, className = '' }) => {\n  const ref = useRef(null);\n  const { focusPrevious } = useFocusGroupItem(ref);\n  return (\n    <Pill\n      className={`${'removable-pill'} ${className}`}\n      data-testid=\"removable-pill\"\n      containerProps={containerProps}\n      innerRef={ref}\n      size={size}\n      label={label}\n      leftAddon={leftAddon}\n      onKeyDown={(e) => {\n        if (e.key === 'Backspace' && isFunction(onRemove)) {\n          onRemove();\n          if (isFunction(focusPrevious)) focusPrevious();\n        }\n      }}\n      rightAddon={\n        <CloseXsmall role=\"button\" data-testid=\"remove-pill-button\" className=\"remove-pill-button\" onClick={onRemove} />\n      }\n      tabIndex={-1}\n    />\n  );\n};\n\nconst props = {\n  /** props injected to component wrapper */\n  containerProps: PropTypes.object.description('props injected to component wrapper'),\n  /** labeled pill text label */\n  label: PropTypes.string.isRequired.description('pill text label'),\n  /** remove click callback */\n  onRemove: PropTypes.func.description('remove click callback'),\n  /** pill size */\n  size: PropTypes.oneOf(['m', 'l']).description('pill size'),\n  /** addon component to left */\n  leftAddon: PropTypes.node.description('addon component to left'),\n  /** additional className */\n  className: PropTypes.string.description('Additional className'),\n};\n\nRemovablePill.propTypes = props;\nRemovablePill.displayName = 'RemovablePill';\nconst DSRemovablePillWithSchema = describe(RemovablePill);\nDSRemovablePillWithSchema.propTypes = props;\n\nexport { RemovablePill, DSRemovablePillWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC8Bf;AA1BR,SAAgB,cAAc;AAC9B,SAAS,kBAAkB;AAC3B,SAAS,WAAW,gBAAgB;AACpC,SAAS,mBAAmB;AAC5B,SAAS,yBAAyB;AAClC,SAAS,YAAY;AAErB,MAAM,gBAAgB,CAAC,EAAE,iBAAiB,CAAC,GAAG,QAAQ,IAAI,UAAU,OAAO,KAAK,WAAW,YAAY,GAAG,MAAM;AAC9G,QAAM,MAAM,OAAO,IAAI;AACvB,QAAM,EAAE,cAAc,IAAI,kBAAkB,GAAG;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,oBAAoB;AAAA,MAClC,eAAY;AAAA,MACZ;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,CAAC,MAAM;AAChB,YAAI,EAAE,QAAQ,eAAe,WAAW,QAAQ,GAAG;AACjD,mBAAS;AACT,cAAI,WAAW,aAAa;AAAG,0BAAc;AAAA,QAC/C;AAAA,MACF;AAAA,MACA,YACE,oBAAC,eAAY,MAAK,UAAS,eAAY,sBAAqB,WAAU,sBAAqB,SAAS,UAAU;AAAA,MAEhH,UAAU;AAAA;AAAA,EACZ;AAEJ;AAEA,MAAM,QAAQ;AAAA;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAAY,qCAAqC;AAAA;AAAA,EAElF,OAAO,UAAU,OAAO,WAAW,YAAY,iBAAiB;AAAA;AAAA,EAEhE,UAAU,UAAU,KAAK,YAAY,uBAAuB;AAAA;AAAA,EAE5D,MAAM,UAAU,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,YAAY,WAAW;AAAA;AAAA,EAEzD,WAAW,UAAU,KAAK,YAAY,yBAAyB;AAAA;AAAA,EAE/D,WAAW,UAAU,OAAO,YAAY,sBAAsB;AAChE;AAEA,cAAc,YAAY;AAC1B,cAAc,cAAc;AAC5B,MAAM,4BAA4B,SAAS,aAAa;AACxD,0BAA0B,YAAY;",
+  "names": []
+}

package/dist/esm/deprecated/index.js

@@ -0,0 +1,14 @@
+import * as React from "react";
+export * from "./Pill.js";
+export * from "./PillGroup.js";
+export * from "./LabeledDropdownPills.js";
+export * from "./LabeledPills.js";
+export * from "./DropdownPill.js";
+export * from "./RemovablePill.js";
+export * from "./ReadOnlyPill.js";
+export * from "./OverflowPill.js";
+import { default as default2 } from "./Pill.js";
+export {
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/deprecated/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/deprecated/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './Pill.js';\nexport * from './PillGroup.js';\nexport * from './LabeledDropdownPills.js';\nexport * from './LabeledPills.js';\nexport * from './DropdownPill.js';\nexport * from './RemovablePill.js';\nexport * from './ReadOnlyPill.js';\nexport * from './OverflowPill.js';\n\nexport { default } from './Pill.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,SAAS,WAAAA,gBAAe;",
+  "names": ["default"]
+}

package/dist/esm/index.js

@@ -0,0 +1,8 @@
+import * as React from "react";
+export * from "./deprecated/index.js";
+import { default as default2 } from "./deprecated/index.js";
+export * from "@elliemae/ds-legacy-pills-v2";
+export {
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './deprecated/index.js';\nexport { default } from './deprecated/index.js';\nexport * from '@elliemae/ds-legacy-pills-v2';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,SAAS,WAAAA,gBAAe;AACxB,cAAc;",
+  "names": ["default"]
+}

package/dist/esm/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "module",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/types/deprecated/DropdownPill.d.ts

@@ -0,0 +1,40 @@
+declare const DropdownPill: {
+    ({ containerProps, label, variant, tabIndex, closeMenuOnItemSelection, maxWidth, minWidth, ...dropdownProps }: {
+        [x: string]: any;
+        containerProps?: {} | undefined;
+        label?: string | undefined;
+        variant: any;
+        tabIndex?: number | undefined;
+        closeMenuOnItemSelection?: boolean | undefined;
+        maxWidth: any;
+        minWidth: any;
+    }): import("react/jsx-runtime.js").JSX.Element;
+    propTypes: {
+        /** props injected to component wrapper */
+        containerProps: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** labeled pill text label */
+        label: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** pill variant */
+        variant: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** html focus border */
+        tabIndex: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** close menu on item selection */
+        closeMenuOnItemSelection: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** pill max width */
+        maxWidth: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** pill min width */
+        minWidth: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    };
+    displayName: string;
+};
+declare const DSDropdownPillWithSchema: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<{
+    [x: string]: any;
+    containerProps?: {} | undefined;
+    label?: string | undefined;
+    variant: any;
+    tabIndex?: number | undefined;
+    closeMenuOnItemSelection?: boolean | undefined;
+    maxWidth: any;
+    minWidth: any;
+}>;
+export { DropdownPill, DSDropdownPillWithSchema };

package/dist/types/deprecated/InputPill.d.ts

@@ -0,0 +1,9 @@
+export declare const InputPill: ({ containerProps, placeholder, onChange, onRemove, value, type, ...otherProps }: {
+    [x: string]: any;
+    containerProps?: {} | undefined;
+    placeholder?: string | undefined;
+    onChange?: (() => void) | undefined;
+    onRemove: any;
+    value: any;
+    type: any;
+}) => import("react/jsx-runtime.js").JSX.Element;

package/dist/types/deprecated/LabeledDropdownPills.d.ts

@@ -0,0 +1,52 @@
+declare const LabeledDropdownPills: {
+    ({ label, value, type, onFocusNextGroup, onFocusPreviousGroup, onFocusGroupSet, maxWidth, minWidth, fixed, className, ...menuProps }: {
+        [x: string]: any;
+        label?: string | undefined;
+        value: any;
+        type: any;
+        onFocusNextGroup: any;
+        onFocusPreviousGroup: any;
+        onFocusGroupSet: any;
+        maxWidth: any;
+        minWidth: any;
+        fixed: any;
+        className: any;
+    }): import("react/jsx-runtime.js").JSX.Element;
+    propTypes: {
+        /** pill type */
+        type: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** focus next group callback */
+        onFocusNextGroup: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** focus prev group callback */
+        onFocusPreviousGroup: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** focus group set callback */
+        onFocusGroupSet: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** pill max width */
+        maxWidth: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** pill min width */
+        minWidth: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** fixed pill */
+        fixed: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** pill label text */
+        label: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** additional className */
+        className: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** pill value */
+        value: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    };
+    displayName: string;
+};
+declare const DSLabeledDropdownPillsWithSchema: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<{
+    [x: string]: any;
+    label?: string | undefined;
+    value: any;
+    type: any;
+    onFocusNextGroup: any;
+    onFocusPreviousGroup: any;
+    onFocusGroupSet: any;
+    maxWidth: any;
+    minWidth: any;
+    fixed: any;
+    className: any;
+}>;
+export { LabeledDropdownPills, DSLabeledDropdownPillsWithSchema };

package/dist/types/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.d.ts

@@ -0,0 +1,16 @@
+declare const LabeledDropdownCascadeMenuPill: ({ label, options, value: optionValue, onChange, onRemove, value: selection, placeholder, onFocusNextGroup, onFocusPreviousGroup, onFocusGroupSet, maxWidth, minWidth, ...menuProps }: {
+    [x: string]: any;
+    label: any;
+    options: any;
+    value?: {} | undefined;
+    onChange: any;
+    onRemove: any;
+    placeholder?: string | undefined;
+    onFocusNextGroup: any;
+    onFocusPreviousGroup: any;
+    onFocusGroupSet: any;
+    maxWidth: any;
+    minWidth: any;
+}) => import("react/jsx-runtime.js").JSX.Element;
+export { LabeledDropdownCascadeMenuPill };
+export default LabeledDropdownCascadeMenuPill;

package/dist/types/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.d.ts

@@ -0,0 +1,13 @@
+declare const LabeledDropdownMultiPills: ({ label, options, value, onSelect, onRemove, onChange, maxWidth, minWidth, ...menuProps }: {
+    [x: string]: any;
+    label: any;
+    options?: never[] | undefined;
+    value?: never[] | undefined;
+    onSelect?: (() => null) | undefined;
+    onRemove?: (() => null) | undefined;
+    onChange: any;
+    maxWidth: any;
+    minWidth: any;
+}) => import("react/jsx-runtime.js").JSX.Element;
+export { LabeledDropdownMultiPills };
+export default LabeledDropdownMultiPills;

package/dist/types/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.d.ts

@@ -0,0 +1,28 @@
+import PropTypes from 'prop-types';
+declare const LabeledDropdownSinglePill: {
+    ({ label, labelIsValue, options, value, onSelect, onChange, maxWidth, minWidth, fixed, ...menuProps }: {
+        [x: string]: any;
+        label: any;
+        labelIsValue?: boolean | undefined;
+        options: any;
+        value: any;
+        onSelect?: (() => null) | undefined;
+        onChange: any;
+        maxWidth: any;
+        minWidth: any;
+        fixed?: boolean | undefined;
+    }): import("react/jsx-runtime.js").JSX.Element;
+    propTypes: {
+        label: PropTypes.Requireable<string>;
+        labelIsValue: PropTypes.Requireable<boolean>;
+        options: PropTypes.Requireable<any[]>;
+        value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        onSelect: PropTypes.Requireable<(...args: any[]) => any>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        maxWidth: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        minWidth: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        fixed: PropTypes.Requireable<boolean>;
+    };
+};
+export { LabeledDropdownSinglePill };
+export default LabeledDropdownSinglePill;

package/dist/types/deprecated/LabeledDropdownPillsTypes/utils.d.ts

@@ -0,0 +1 @@
+export declare const hasOptionChanged: (prevOptions: any, options: any) => boolean;