@elliemae/ds-pills 3.15.0 → 3.16.0-next.10

package/dist/esm/deprecated/RemovablePill.js

@@ -1,10 +1,11 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { useRef } from "react";
-import { PropTypes, describe, isFunction } from "@elliemae/ds-utilities";
+import { isFunction } from "@elliemae/ds-utilities";
+import { PropTypes, describe } from "@elliemae/ds-props-helpers";
 import { CloseXsmall } from "@elliemae/ds-icons";
 import { useFocusGroupItem } from "@elliemae/ds-shared";
-import { Pill } from "./Pill";
+import { Pill } from "./Pill.js";
 const RemovablePill = ({ containerProps = {}, label = "", onRemove, size = "m", leftAddon }) => {
   const ref = useRef(null);
   const { focusPrevious } = useFocusGroupItem(ref);

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

@@ -1,7 +1,7 @@
 {
   "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;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;",
+  "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-utilities';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { CloseXsmall } from '@elliemae/ds-icons';\nimport { useFocusGroupItem } from '@elliemae/ds-shared';\nimport { Pill } from './Pill.js';\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;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,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/dist/esm/deprecated/index.js

@@ -1,13 +1,13 @@
 import * as React from "react";
-export * from "./Pill";
-export * from "./PillGroup";
-export * from "./LabeledDropdownPills";
-export * from "./LabeledPills";
-export * from "./DropdownPill";
-export * from "./RemovablePill";
-export * from "./ReadOnlyPill";
-export * from "./OverflowPill";
-import { default as default2 } from "./Pill";
+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
 };

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

@@ -1,7 +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';\nexport * from './PillGroup';\nexport * from './LabeledDropdownPills';\nexport * from './LabeledPills';\nexport * from './DropdownPill';\nexport * from './RemovablePill';\nexport * from './ReadOnlyPill';\nexport * from './OverflowPill';\n\nexport { default } from './Pill';\n"],
+  "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

@@ -1,7 +1,7 @@
 import * as React from "react";
-export * from "./deprecated";
-export * from "./components";
-import { default as default2 } from "./deprecated";
+export * from "./deprecated/index.js";
+export * from "./components/index.js";
+import { default as default2 } from "./deprecated/index.js";
 export {
   default2 as default
 };

package/dist/esm/index.js.map

@@ -1,7 +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';\nexport * from './components';\nexport { default } from './deprecated';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './deprecated/index.js';\nexport * from './components/index.js';\nexport { default } from './deprecated/index.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;AACd,SAAS,WAAAA,gBAAe;",
   "names": ["default"]
 }

package/dist/esm/package.json

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

package/dist/esm/props.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { PropTypes } from "@elliemae/ds-utilities";
+import { PropTypes } from "@elliemae/ds-props-helpers";
 import { DSInput } from "@elliemae/ds-form";
 const pillTypes = PropTypes.oneOf(["label", "value", "input", "dropdown", "removable", "readonly"]);
 const DSPillV2PropTypes = {

package/dist/esm/props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/props.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\nimport { PropTypes } from '@elliemae/ds-utilities';\nimport { DSInput } from '@elliemae/ds-form';\n\nconst pillTypes = PropTypes.oneOf(['label', 'value', 'input', 'dropdown', 'removable', 'readonly']);\n\nexport const DSPillV2PropTypes = {\n  label: PropTypes.string.description('Label to show in the pill').isRequired,\n  type: pillTypes.description('The type of pill that you want to render').isRequired,\n  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func])\n    .description('Reference to the focuseable internal element of each pill (remove icons, inputs, dropdown, etc.)')\n    .defaultValue(() => null),\n  size: PropTypes.oneOf(['s', 'm']).description('Vertical pill size').defaultValue('m'),\n  ariaLabel: PropTypes.string\n    .description('Aria label for the pill. If not provided we will use the label')\n    .defaultValue(''),\n  labelTruncated: PropTypes.bool.description('Whether to truncate the pills label').defaultValue(true),\n  tooltipValue: PropTypes.string.description('String to show as a tooltip in the value pill').defaultValue(''),\n  iconLeft: PropTypes.node.description('A component to show int the left of a readonly pill').defaultValue(null),\n  iconRight: PropTypes.node.description('A component to show in the right of a readonly pill').defaultValue(null),\n  onRemove: PropTypes.func\n    .description('Callback triggered when removing a pill with the close icon')\n    .defaultValue(() => null),\n  inputPlaceholder: PropTypes.string.description('Placeholder for the input pill').defaultValue(''),\n  onInputChange: PropTypes.func\n    .description('Callback triggered when user provides input to the input pill')\n    .defaultValue(() => null),\n  onInputClear: PropTypes.func\n    .description('Callback triggered when the user clears an input pill')\n    .defaultValue(() => null),\n  inputWidth: PropTypes.number.description('Width in pixels for the input tag in the input pill').defaultValue(150),\n  inputId: PropTypes.string.description('ID for the input pill').defaultValue(undefined),\n  dropdownProps: PropTypes.object.description('Properties that will be used for the dropdown-menu').defaultValue({}),\n  onDropdownClick: PropTypes.func\n    .description('Callback when dropdown button is clicked or pressed')\n    .defaultValue(() => null),\n  disabled: PropTypes.bool\n    .description('Whether the pill should be disabled. Only for value and removable pill')\n    .defaultValue(false),\n  hasError: PropTypes.bool\n    .description('Whether the pill should be in an error state. Only for input pill')\n    .defaultValue(false),\n};\n\nexport const DSPillButtonPropTypes = {\n  type: PropTypes.oneOf(['only', 'left', 'right'])\n    .description('The position in which this button will be placed. Only used for css styling internally')\n    .defaultValue('right'),\n  width: PropTypes.string.description('Width of the button').defaultValue('100%'),\n  height: PropTypes.string.description('Height of the button').defaultValue('100%'),\n};\n\nexport const DSPillGroupPropTypes = {\n  width: PropTypes.string.description('Width of the group').defaultValue('fit-content'),\n  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func])\n    .description('Reference to the pill group wrapper')\n    .defaultValue(() => null),\n};\n\nexport const DSPillV2DefaultProps = {\n  innerRef: () => null,\n  disabled: false,\n  hasError: false,\n  ariaLabel: '',\n  size: 'm',\n  labelTruncated: true,\n  tooltipValue: '',\n  iconLeft: null,\n  iconRight: null,\n  onRemove: () => null,\n  inputPlaceholder: '',\n  onInputChange: () => null,\n  onInputClear: () => null,\n  inputWidth: 72,\n  inputRender: DSInput,\n  dropdownProps: {},\n  onDropdownClick: () => null,\n  tabIndex: 0,\n};\n\nexport const DSPillButtonDefaultProps = {\n  type: 'right',\n  width: '100%',\n  height: '100%',\n};\n\nexport const DSPillGroupDefaultProps = {\n  width: 'fit-content',\n  innerRef: () => null,\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\n\nimport { PropTypes } from '@elliemae/ds-props-helpers';\nimport { DSInput } from '@elliemae/ds-form';\n\nconst pillTypes = PropTypes.oneOf(['label', 'value', 'input', 'dropdown', 'removable', 'readonly']);\n\nexport const DSPillV2PropTypes = {\n  label: PropTypes.string.description('Label to show in the pill').isRequired,\n  type: pillTypes.description('The type of pill that you want to render').isRequired,\n  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func])\n    .description('Reference to the focuseable internal element of each pill (remove icons, inputs, dropdown, etc.)')\n    .defaultValue(() => null),\n  size: PropTypes.oneOf(['s', 'm']).description('Vertical pill size').defaultValue('m'),\n  ariaLabel: PropTypes.string\n    .description('Aria label for the pill. If not provided we will use the label')\n    .defaultValue(''),\n  labelTruncated: PropTypes.bool.description('Whether to truncate the pills label').defaultValue(true),\n  tooltipValue: PropTypes.string.description('String to show as a tooltip in the value pill').defaultValue(''),\n  iconLeft: PropTypes.node.description('A component to show int the left of a readonly pill').defaultValue(null),\n  iconRight: PropTypes.node.description('A component to show in the right of a readonly pill').defaultValue(null),\n  onRemove: PropTypes.func\n    .description('Callback triggered when removing a pill with the close icon')\n    .defaultValue(() => null),\n  inputPlaceholder: PropTypes.string.description('Placeholder for the input pill').defaultValue(''),\n  onInputChange: PropTypes.func\n    .description('Callback triggered when user provides input to the input pill')\n    .defaultValue(() => null),\n  onInputClear: PropTypes.func\n    .description('Callback triggered when the user clears an input pill')\n    .defaultValue(() => null),\n  inputWidth: PropTypes.number.description('Width in pixels for the input tag in the input pill').defaultValue(150),\n  inputId: PropTypes.string.description('ID for the input pill').defaultValue(undefined),\n  dropdownProps: PropTypes.object.description('Properties that will be used for the dropdown-menu').defaultValue({}),\n  onDropdownClick: PropTypes.func\n    .description('Callback when dropdown button is clicked or pressed')\n    .defaultValue(() => null),\n  disabled: PropTypes.bool\n    .description('Whether the pill should be disabled. Only for value and removable pill')\n    .defaultValue(false),\n  hasError: PropTypes.bool\n    .description('Whether the pill should be in an error state. Only for input pill')\n    .defaultValue(false),\n};\n\nexport const DSPillButtonPropTypes = {\n  type: PropTypes.oneOf(['only', 'left', 'right'])\n    .description('The position in which this button will be placed. Only used for css styling internally')\n    .defaultValue('right'),\n  width: PropTypes.string.description('Width of the button').defaultValue('100%'),\n  height: PropTypes.string.description('Height of the button').defaultValue('100%'),\n};\n\nexport const DSPillGroupPropTypes = {\n  width: PropTypes.string.description('Width of the group').defaultValue('fit-content'),\n  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func])\n    .description('Reference to the pill group wrapper')\n    .defaultValue(() => null),\n};\n\nexport const DSPillV2DefaultProps = {\n  innerRef: () => null,\n  disabled: false,\n  hasError: false,\n  ariaLabel: '',\n  size: 'm',\n  labelTruncated: true,\n  tooltipValue: '',\n  iconLeft: null,\n  iconRight: null,\n  onRemove: () => null,\n  inputPlaceholder: '',\n  onInputChange: () => null,\n  onInputClear: () => null,\n  inputWidth: 72,\n  inputRender: DSInput,\n  dropdownProps: {},\n  onDropdownClick: () => null,\n  tabIndex: 0,\n};\n\nexport const DSPillButtonDefaultProps = {\n  type: 'right',\n  width: '100%',\n  height: '100%',\n};\n\nexport const DSPillGroupDefaultProps = {\n  width: 'fit-content',\n  innerRef: () => null,\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/types/components/Pill.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { DSPillProps } from '../index.d';
 declare const DSPillV2: React.ComponentType<DSPillProps>;
-declare const DSPillV2WithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<DSPillProps>;
+declare const DSPillV2WithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<DSPillProps>;
 export { DSPillV2, DSPillV2WithSchema };

package/dist/types/components/PillButton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { DSButtonPropsT } from '@elliemae/ds-button';
 declare const DSPillButton: React.ComponentType<DSButtonPropsT>;
-declare const DSPillButtonWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<DSButtonPropsT>;
+declare const DSPillButtonWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSButtonPropsT>;
 export { DSPillButton, DSPillButtonWithSchema };

package/dist/types/components/PillGroup.d.ts

@@ -5,5 +5,5 @@ export declare const DSPillGroupV2Context: React.Context<{
     onKeyboardNavigation: (pillUid: string, step: number, e: KeyboardEvent) => void;
 }>;
 declare const DSPillGroupV2: React.ComponentType<DSPillGroupProps>;
-declare const DSPillGroupV2WithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<DSPillGroupProps>;
+declare const DSPillGroupV2WithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<DSPillGroupProps>;
 export { DSPillGroupV2, DSPillGroupV2WithSchema };

package/dist/types/components/index.d.ts

@@ -1,3 +1,3 @@
-export * from './Pill';
-export * from './PillGroup';
-export * from './PillButton';
+export * from './Pill.js';
+export * from './PillGroup.js';
+export * from './PillButton.js';

package/dist/types/components/types/index.d.ts

@@ -1,6 +1,6 @@
-export * from './DropdownPill';
-export * from './InputPill';
-export * from './LabelPill';
-export * from './ReadOnlyPill';
-export * from './RemovablePill';
-export * from './ValuePill';
+export * from './DropdownPill.js';
+export * from './InputPill.js';
+export * from './LabelPill.js';
+export * from './ReadOnlyPill.js';
+export * from './RemovablePill.js';
+export * from './ValuePill.js';

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

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

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

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

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

@@ -9,21 +9,21 @@ declare const LabeledPills: {
     }): JSX.Element;
     propTypes: {
         /** labeled pill text label */
-        label: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        label: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** pill to add the label to */
-        children: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        children: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** addon component to left */
-        leftAddon: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        leftAddon: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** focus next group callback */
-        onFocusNextGroup: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        onFocusNextGroup: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** focus prev group callback */
-        onFocusPreviousGroup: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        onFocusPreviousGroup: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** focus group set callback */
-        onFocusGroupSet: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        onFocusGroupSet: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
     };
     displayName: string;
 };
-declare const DSLabeledPillsWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
+declare const DSLabeledPillsWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<{
     children: any;
     label?: string | undefined;
     leftAddon: any;

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

@@ -6,15 +6,15 @@ declare const OverflowPill: {
     }): JSX.Element;
     propTypes: {
         /** props to inject to pill wrapper */
-        containerProps: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** pill text label */
-        label: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        label: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** overflow pills options */
-        options: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        options: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
     };
     displayName: string;
 };
-declare const DSOverflowPillWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
+declare const DSOverflowPillWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<{
     containerProps?: {} | undefined;
     label?: string | undefined;
     options?: never[] | undefined;

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

@@ -10,21 +10,21 @@ declare const Pill: {
     }): JSX.Element;
     propTypes: {
         /** props to inject to pill wrapper */
-        containerProps: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /** pill text label */
-        label: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        label: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /** pill size */
-        size: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        size: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /** pill variant */
-        variant: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        variant: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /** addon component to left */
-        leftAddon: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        leftAddon: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /** addon component to right */
-        rightAddon: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        rightAddon: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
     };
     displayName: string;
 };
-declare const DSPillWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
+declare const DSPillWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<{
     [x: string]: any;
     containerProps?: {} | undefined;
     label?: string | undefined;

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

@@ -10,19 +10,19 @@ declare const PillGroup: {
     }): JSX.Element;
     propTypes: {
         /** props injected to component wrapper */
-        containerProps: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /** focus next group callback */
-        onFocusNextGroup: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        onFocusNextGroup: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /** focus prev group callback */
-        onFocusPreviousGroup: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        onFocusPreviousGroup: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /** focus group set callback */
-        onFocusGroupSet: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        onFocusGroupSet: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
         /** pill components */
-        children: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        children: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
     };
     displayName: string;
 };
-declare const DSPillGroupWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
+declare const DSPillGroupWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<{
     containerProps?: {} | undefined;
     onFocusNextGroup: any;
     onFocusPreviousGroup: any;

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

@@ -9,20 +9,20 @@ declare const ReadOnlyPill: {
     }): JSX.Element;
     propTypes: {
         /** props injected to component wrapper */
-        containerProps: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** labeled pill text label */
-        label: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        label: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** addon component to left */
-        leftAddon: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        leftAddon: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** read only pill modal content */
-        modalContent: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        modalContent: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** read only pill modal title */
-        modalTitle: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        tooltipText: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        modalTitle: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        tooltipText: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
     };
     displayName: string;
 };
-declare const DSReadOnlyPillWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
+declare const DSReadOnlyPillWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<{
     containerProps?: {} | undefined;
     modalContent?: string | undefined;
     label?: string | undefined;

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

@@ -8,19 +8,19 @@ declare const RemovablePill: {
     }): JSX.Element;
     propTypes: {
         /** props injected to component wrapper */
-        containerProps: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** labeled pill text label */
-        label: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        label: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** remove click callback */
-        onRemove: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        onRemove: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** pill size */
-        size: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        size: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** addon component to left */
-        leftAddon: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        leftAddon: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
     };
     displayName: string;
 };
-declare const DSRemovablePillWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
+declare const DSRemovablePillWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<{
     containerProps?: {} | undefined;
     label?: string | undefined;
     onRemove: any;

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

@@ -1,9 +1,9 @@
-export * from './Pill';
-export * from './PillGroup';
-export * from './LabeledDropdownPills';
-export * from './LabeledPills';
-export * from './DropdownPill';
-export * from './RemovablePill';
-export * from './ReadOnlyPill';
-export * from './OverflowPill';
-export { default } from './Pill';
+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';
+export { default } from './Pill.js';

package/dist/types/index.d.ts

@@ -1,3 +1,3 @@
-export * from './deprecated';
-export * from './components';
-export { default } from './deprecated';
+export * from './deprecated/index.js';
+export * from './components/index.js';
+export { default } from './deprecated/index.js';

package/dist/types/props.d.ts

@@ -1,32 +1,32 @@
 export declare const DSPillV2PropTypes: {
-    label: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    type: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    innerRef: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    size: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    ariaLabel: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    labelTruncated: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    tooltipValue: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    iconLeft: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    iconRight: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    onRemove: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    inputPlaceholder: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    onInputChange: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    onInputClear: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    inputWidth: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    inputId: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    dropdownProps: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    onDropdownClick: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    disabled: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    hasError: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    label: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    type: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    innerRef: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    size: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    ariaLabel: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    labelTruncated: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    tooltipValue: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    iconLeft: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    iconRight: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onRemove: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    inputPlaceholder: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onInputChange: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onInputClear: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    inputWidth: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    inputId: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    dropdownProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onDropdownClick: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    disabled: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    hasError: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
 };
 export declare const DSPillButtonPropTypes: {
-    type: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    width: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    height: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    type: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    width: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    height: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
 };
 export declare const DSPillGroupPropTypes: {
-    width: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    innerRef: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    width: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    innerRef: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
 };
 export declare const DSPillV2DefaultProps: {
     innerRef: () => null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-pills",
-  "version": "3.15.0",
+  "version": "3.16.0-next.10",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Pills",
   "files": [
@@ -149,19 +149,20 @@
   "dependencies": {
     "prop-types": "~15.8.1",
     "uid": "~2.0.0",
-    "@elliemae/ds-button": "3.15.0",
-    "@elliemae/ds-classnames": "3.15.0",
-    "@elliemae/ds-dropdownmenu": "3.15.0",
-    "@elliemae/ds-form": "3.15.0",
-    "@elliemae/ds-grid": "3.15.0",
-    "@elliemae/ds-icons": "3.15.0",
-    "@elliemae/ds-popover": "3.15.0",
-    "@elliemae/ds-modal": "3.15.0",
-    "@elliemae/ds-shared": "3.15.0",
-    "@elliemae/ds-system": "3.15.0",
-    "@elliemae/ds-tooltip": "3.15.0",
-    "@elliemae/ds-utilities": "3.15.0",
-    "@elliemae/ds-truncated-tooltip-text": "3.15.0"
+    "@elliemae/ds-dropdownmenu": "3.16.0-next.10",
+    "@elliemae/ds-grid": "3.16.0-next.10",
+    "@elliemae/ds-classnames": "3.16.0-next.10",
+    "@elliemae/ds-popover": "3.16.0-next.10",
+    "@elliemae/ds-button": "3.16.0-next.10",
+    "@elliemae/ds-icons": "3.16.0-next.10",
+    "@elliemae/ds-props-helpers": "3.16.0-next.10",
+    "@elliemae/ds-system": "3.16.0-next.10",
+    "@elliemae/ds-modal": "3.16.0-next.10",
+    "@elliemae/ds-form": "3.16.0-next.10",
+    "@elliemae/ds-utilities": "3.16.0-next.10",
+    "@elliemae/ds-truncated-tooltip-text": "3.16.0-next.10",
+    "@elliemae/ds-tooltip": "3.16.0-next.10",
+    "@elliemae/ds-shared": "3.16.0-next.10"
   },
   "devDependencies": {
     "@testing-library/react": "~12.1.3",
@@ -185,7 +186,7 @@
     "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../.eslintrc.js' src/",
     "dts": "node ../../scripts/dts.mjs",
     "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
-    "dev:build": "pnpm --filter {.}... build && pnpm --filter {.}... dts",
+    "dev:build": "pnpm --filter {.}... build",
     "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
     "checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
   }