@elliemae/ds-pills 3.12.0-rc.2 → 3.12.0-rc.21

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/deprecated/Pill.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { aggregatedClasses } from '@elliemae/ds-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  <PillWrapper {...containerProps} classProps={{ variant, size }} {...otherProps}>\n    {leftAddon && <PillAddon>{leftAddon}</PillAddon>}\n    <PillLabel>{label}</PillLabel>\n    {rightAddon && <PillAddon>{rightAddon}</PillAddon>}\n  </PillWrapper>\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;ACsBrB,SACgB,KADhB;AArBF,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,UAAU,CAAC,CAAC;AAAA,EACb,CAAC,OAAO,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,KACJ;AACL,MACE,qBAAC;AAAA,EAAa,GAAG;AAAA,EAAgB,YAAY,EAAE,SAAS,KAAK;AAAA,EAAI,GAAG;AAAA,EACjE;AAAA,iBAAa,oBAAC;AAAA,MAAW;AAAA,KAAU;AAAA,IACpC,oBAAC;AAAA,MAAW;AAAA,KAAM;AAAA,IACjB,cAAc,oBAAC;AAAA,MAAW;AAAA,KAAW;AAAA;AAAA,CACxC;AAGF,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAAY,iCAAiC;AAAA,EAE9E,OAAO,UAAU,OAAO,WAAW,YAAY,iBAAiB;AAAA,EAEhE,MAAM,UAAU,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,YAAY,WAAW;AAAA,EAEzD,SAAS,UAAU,MAAM,CAAC,SAAS,OAAO,CAAC,EAAE,YAAY,cAAc;AAAA,EAEvE,WAAW,UAAU,KAAK,YAAY,yBAAyB;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;",
+  "mappings": "AAAA,YAAY,WAAW;ACsBrB,SACgB,KADhB;AArBF,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,UAAU,CAAC,CAAC;AAAA,EACb,CAAC,OAAO,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,KACJ;AACL,MACE,qBAAC,eAAa,GAAG,gBAAgB,YAAY,EAAE,SAAS,KAAK,GAAI,GAAG,YACjE;AAAA,eAAa,oBAAC,aAAW,qBAAU;AAAA,EACpC,oBAAC,aAAW,iBAAM;AAAA,EACjB,cAAc,oBAAC,aAAW,sBAAW;AAAA,GACxC;AAGF,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAAY,iCAAiC;AAAA,EAE9E,OAAO,UAAU,OAAO,WAAW,YAAY,iBAAiB;AAAA,EAEhE,MAAM,UAAU,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,YAAY,WAAW;AAAA,EAEzD,SAAS,UAAU,MAAM,CAAC,SAAS,OAAO,CAAC,EAAE,YAAY,cAAc;AAAA,EAEvE,WAAW,UAAU,KAAK,YAAY,yBAAyB;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

@@ -5,19 +5,19 @@ import { aggregatedClasses } from "@elliemae/ds-classnames";
 import { FocusGroupProvider } from "@elliemae/ds-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 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 = {
   containerProps: PropTypes.object.description("props injected to component wrapper"),
   onFocusNextGroup: PropTypes.func.description("focus next group callback"),

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/deprecated/PillGroup.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { FocusGroupProvider } from '@elliemae/ds-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;ACmBnB;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,oBAAC;AAAA,EACC,aAAa;AAAA,IACX,KAAK;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAY;AAAA,EAEZ,8BAAC;AAAA,IAAW,GAAG;AAAA,IAAiB;AAAA,GAAS;AAAA,CAC3C;AAGF,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAAY,qCAAqC;AAAA,EAElF,kBAAkB,UAAU,KAAK,YAAY,2BAA2B;AAAA,EAExE,sBAAsB,UAAU,KAAK,YAAY,2BAA2B;AAAA,EAE5E,iBAAiB,UAAU,KAAK,YAAY,0BAA0B;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;",
+  "mappings": "AAAA,YAAY,WAAW;ACmBnB;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,EAEZ,gBAAgB,UAAU,OAAO,YAAY,qCAAqC;AAAA,EAElF,kBAAkB,UAAU,KAAK,YAAY,2BAA2B;AAAA,EAExE,sBAAsB,UAAU,KAAK,YAAY,2BAA2B;AAAA,EAE5E,iBAAiB,UAAU,KAAK,YAAY,0BAA0B;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

@@ -20,34 +20,44 @@ const ReadOnlyPill = ({
   const toggle = () => {
     setIsModalOpen(!isModalOpen);
   };
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [
-      /* @__PURE__ */ jsx(Pill, {
+  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
-          })
-        }),
+        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, {
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DSModal,
+      {
         isOpen: isModalOpen,
         showClose: true,
         shouldCloseOnOverlayClick: true,
@@ -56,9 +66,9 @@ const ReadOnlyPill = ({
         onClose: toggle,
         version: 2,
         children: modalContent
-      })
-    ]
-  });
+      }
+    )
+  ] });
 };
 const props = {
   containerProps: PropTypes.object.description("props injected to component wrapper"),

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/deprecated/ReadOnlyPill.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef, useState } from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { InfoCircleSmall } from '@elliemae/ds-icons';\nimport { DSModal, MODAL_TYPE_V2 } from '@elliemae/ds-modal';\nimport { DSPopover } from '@elliemae/ds-popover';\nimport { Pill } from './Pill';\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;ACwBnB,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;AAAA,IACE;AAAA,0BAAC;AAAA,QACC,eAAY;AAAA,QACZ,WAAU;AAAA,QACV;AAAA,QACA,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA,YACE,oBAAC;AAAA,UACC,QAAQ,eAAe;AAAA,UACvB,SAAS;AAAA,UACT,WAAU;AAAA,UACV,WAAS;AAAA,UACT,eAAe,CAAC,EAAE,KAAAA,KAAI,MACpB,oBAAC;AAAA,YACC,MAAK;AAAA,YACL,eAAY;AAAA,YACZ,WAAU;AAAA,YACV,SAAS;AAAA,YACT,cAAc,MAAM,iBAAiB,IAAI;AAAA,YACzC,cAAc,MAAM,iBAAiB,KAAK;AAAA,YAC1C,OAAO,CAAC,iBAAiB,KAAK;AAAA,YAC9B,UAAUA;AAAA,WACZ;AAAA,SAEJ;AAAA,QAEF,UAAU;AAAA,OACZ;AAAA,MACA,oBAAC;AAAA,QACC,QAAQ;AAAA,QACR,WAAS;AAAA,QACT,2BAAyB;AAAA,QACzB;AAAA,QACA,WAAW,cAAc;AAAA,QACzB,SAAS;AAAA,QACT,SAAS;AAAA,QAER;AAAA,OACH;AAAA;AAAA,GACF;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAAY,qCAAqC;AAAA,EAElF,OAAO,UAAU,OAAO,WAAW,YAAY,iBAAiB;AAAA,EAEhE,WAAW,UAAU,KAAK,YAAY,yBAAyB;AAAA,EAE/D,cAAc,UAAU,OAAO,YAAY,8BAA8B;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;",
+  "mappings": "AAAA,YAAY,WAAW;ACwBnB,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,EAEZ,gBAAgB,UAAU,OAAO,YAAY,qCAAqC;AAAA,EAElF,OAAO,UAAU,OAAO,WAAW,YAAY,iBAAiB;AAAA,EAEhE,WAAW,UAAU,KAAK,YAAY,yBAAyB;AAAA,EAE/D,cAAc,UAAU,OAAO,YAAY,8BAA8B;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

@@ -8,29 +8,27 @@ import { Pill } from "./Pill";
 const RemovablePill = ({ containerProps = {}, label = "", onRemove, size = "m", leftAddon }) => {
   const ref = useRef(null);
   const { focusPrevious } = useFocusGroupItem(ref);
-  return /* @__PURE__ */ jsx(Pill, {
-    className: "removable-pill",
-    "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
-  });
+  return /* @__PURE__ */ jsx(
+    Pill,
+    {
+      className: "removable-pill",
+      "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 = {
   containerProps: PropTypes.object.description("props injected to component wrapper"),

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/deprecated/RemovablePill.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef } from 'react';\nimport { PropTypes, describe, isFunction } from '@elliemae/ds-utilities';\nimport { CloseXsmall } from '@elliemae/ds-icons';\nimport { useFocusGroupItem } from '@elliemae/ds-shared';\nimport { Pill } from './Pill';\n\nconst RemovablePill = ({ containerProps = {}, label = '', onRemove, size = 'm', leftAddon }) => {\n  const ref = useRef(null);\n  const { focusPrevious } = useFocusGroupItem(ref);\n  return (\n    <Pill\n      className=\"removable-pill\"\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};\n\nRemovablePill.propTypes = props;\nRemovablePill.displayName = 'RemovablePill';\nconst DSRemovablePillWithSchema = describe(RemovablePill);\nDSRemovablePillWithSchema.propTypes = props;\n\nexport { RemovablePill, DSRemovablePillWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACyBf;AAzBR,SAAgB,cAAc;AAC9B,SAAS,WAAW,UAAU,kBAAkB;AAChD,SAAS,mBAAmB;AAC5B,SAAS,yBAAyB;AAClC,SAAS,YAAY;AAErB,MAAM,gBAAgB,CAAC,EAAE,iBAAiB,CAAC,GAAG,QAAQ,IAAI,UAAU,OAAO,KAAK,UAAU,MAAM;AAC9F,QAAM,MAAM,OAAO,IAAI;AACvB,QAAM,EAAE,cAAc,IAAI,kBAAkB,GAAG;AAC/C,SACE,oBAAC;AAAA,IACC,WAAU;AAAA,IACV,eAAY;AAAA,IACZ;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,CAAC,MAAM;AAChB,UAAI,EAAE,QAAQ,eAAe,WAAW,QAAQ,GAAG;AACjD,iBAAS;AACT,YAAI,WAAW,aAAa;AAAG,wBAAc;AAAA,MAC/C;AAAA,IACF;AAAA,IACA,YACE,oBAAC;AAAA,MAAY,MAAK;AAAA,MAAS,eAAY;AAAA,MAAqB,WAAU;AAAA,MAAqB,SAAS;AAAA,KAAU;AAAA,IAEhH,UAAU;AAAA,GACZ;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAAY,qCAAqC;AAAA,EAElF,OAAO,UAAU,OAAO,WAAW,YAAY,iBAAiB;AAAA,EAEhE,UAAU,UAAU,KAAK,YAAY,uBAAuB;AAAA,EAE5D,MAAM,UAAU,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,YAAY,WAAW;AAAA,EAEzD,WAAW,UAAU,KAAK,YAAY,yBAAyB;AACjE;AAEA,cAAc,YAAY;AAC1B,cAAc,cAAc;AAC5B,MAAM,4BAA4B,SAAS,aAAa;AACxD,0BAA0B,YAAY;",
+  "mappings": "AAAA,YAAY,WAAW;ACyBf;AAzBR,SAAgB,cAAc;AAC9B,SAAS,WAAW,UAAU,kBAAkB;AAChD,SAAS,mBAAmB;AAC5B,SAAS,yBAAyB;AAClC,SAAS,YAAY;AAErB,MAAM,gBAAgB,CAAC,EAAE,iBAAiB,CAAC,GAAG,QAAQ,IAAI,UAAU,OAAO,KAAK,UAAU,MAAM;AAC9F,QAAM,MAAM,OAAO,IAAI;AACvB,QAAM,EAAE,cAAc,IAAI,kBAAkB,GAAG;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,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,EAEZ,gBAAgB,UAAU,OAAO,YAAY,qCAAqC;AAAA,EAElF,OAAO,UAAU,OAAO,WAAW,YAAY,iBAAiB;AAAA,EAEhE,UAAU,UAAU,KAAK,YAAY,uBAAuB;AAAA,EAE5D,MAAM,UAAU,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,YAAY,WAAW;AAAA,EAEzD,WAAW,UAAU,KAAK,YAAY,yBAAyB;AACjE;AAEA,cAAc,YAAY;AAC1B,cAAc,cAAc;AAC5B,MAAM,4BAA4B,SAAS,aAAa;AACxD,0BAA0B,YAAY;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-pills",
-  "version": "3.12.0-rc.2",
+  "version": "3.12.0-rc.21",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Pills",
   "files": [
@@ -147,21 +147,21 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-button": "3.12.0-rc.2",
-    "@elliemae/ds-classnames": "3.12.0-rc.2",
-    "@elliemae/ds-dropdownmenu": "3.12.0-rc.2",
-    "@elliemae/ds-form": "3.12.0-rc.2",
-    "@elliemae/ds-grid": "3.12.0-rc.2",
-    "@elliemae/ds-icons": "3.12.0-rc.2",
-    "@elliemae/ds-modal": "3.12.0-rc.2",
-    "@elliemae/ds-popover": "3.12.0-rc.2",
-    "@elliemae/ds-shared": "3.12.0-rc.2",
-    "@elliemae/ds-system": "3.12.0-rc.2",
-    "@elliemae/ds-tooltip": "3.12.0-rc.2",
-    "@elliemae/ds-truncated-tooltip-text": "3.12.0-rc.2",
-    "@elliemae/ds-utilities": "3.12.0-rc.2",
     "prop-types": "~15.8.1",
-    "uid": "~2.0.0"
+    "uid": "~2.0.0",
+    "@elliemae/ds-button": "3.12.0-rc.21",
+    "@elliemae/ds-dropdownmenu": "3.12.0-rc.21",
+    "@elliemae/ds-form": "3.12.0-rc.21",
+    "@elliemae/ds-classnames": "3.12.0-rc.21",
+    "@elliemae/ds-grid": "3.12.0-rc.21",
+    "@elliemae/ds-popover": "3.12.0-rc.21",
+    "@elliemae/ds-modal": "3.12.0-rc.21",
+    "@elliemae/ds-icons": "3.12.0-rc.21",
+    "@elliemae/ds-shared": "3.12.0-rc.21",
+    "@elliemae/ds-system": "3.12.0-rc.21",
+    "@elliemae/ds-tooltip": "3.12.0-rc.21",
+    "@elliemae/ds-truncated-tooltip-text": "3.12.0-rc.21",
+    "@elliemae/ds-utilities": "3.12.0-rc.21"
   },
   "devDependencies": {
     "@testing-library/react": "~12.1.3",