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

package/dist/cjs/DSToast.js

@@ -31,12 +31,12 @@ __export(DSToast_exports, {
 module.exports = __toCommonJS(DSToast_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_react_toastify = require("react-toastify");
 var import_ds_icons = require("@elliemae/ds-icons");
-var import_ds_button = __toESM(require("@elliemae/ds-button"));
-var import_ToastPosition = require("./ToastPosition");
-const CloseButton = ({ closeToast }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.default, { buttonType: "text", className: "toast-close-button", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.CloseSmall, {}), onClick: closeToast, size: "m" });
+var import_ds_button = require("@elliemae/ds-button");
+var import_ToastPosition = require("./ToastPosition.js");
+const CloseButton = ({ closeToast }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.DSButtonV2, { buttonType: "icon", className: "toast-close-button", onClick: closeToast, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.CloseSmall, { size: "s" }) });
 const DSToast = ({
   containerProps = {},
   position = "bottom-left",
@@ -64,20 +64,20 @@ const DSToast = ({
   }
 );
 const props = {
-  containerProps: import_ds_utilities.PropTypes.object.description("inject props to wrapper"),
-  position: import_ds_utilities.PropTypes.oneOf(import_ToastPosition.toastsPositions).description("Position on the screen to show the toast"),
-  autoClose: import_ds_utilities.PropTypes.number.description("ms to autoclose the toast"),
-  showProgressBar: import_ds_utilities.PropTypes.bool.description(
+  containerProps: import_ds_props_helpers.PropTypes.object.description("inject props to wrapper"),
+  position: import_ds_props_helpers.PropTypes.oneOf(import_ToastPosition.toastsPositions).description("Position on the screen to show the toast"),
+  autoClose: import_ds_props_helpers.PropTypes.number.description("ms to autoclose the toast"),
+  showProgressBar: import_ds_props_helpers.PropTypes.bool.description(
     "Whether to show a progress bar indicating when the toast is going to be closed"
   ),
-  closeOnClick: import_ds_utilities.PropTypes.bool.description("Close toast handler"),
-  enableMultiContainer: import_ds_utilities.PropTypes.bool.description("Allows instantiating multiple Toast containers"),
-  containerId: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.number]).description("unique id for multi container"),
-  toastId: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.number]).description("id for the toast")
+  closeOnClick: import_ds_props_helpers.PropTypes.bool.description("Close toast handler"),
+  enableMultiContainer: import_ds_props_helpers.PropTypes.bool.description("Allows instantiating multiple Toast containers"),
+  containerId: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.string, import_ds_props_helpers.PropTypes.number]).description("unique id for multi container"),
+  toastId: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.string, import_ds_props_helpers.PropTypes.number]).description("id for the toast")
 };
 DSToast.propTypes = props;
 DSToast.displayName = "DSToast";
-const DSToastWithSchema = (0, import_ds_utilities.describe)(DSToast);
+const DSToastWithSchema = (0, import_ds_props_helpers.describe)(DSToast);
 DSToastWithSchema.propTypes = props;
 var DSToast_default = DSToast;
 //# sourceMappingURL=DSToast.js.map

package/dist/cjs/DSToast.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DSToast.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { ToastContainer, Slide } from 'react-toastify';\nimport { CloseSmall } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { toastsPositions } from './ToastPosition';\n\nconst CloseButton = ({ closeToast }) => (\n  <DSButton buttonType=\"text\" className=\"toast-close-button\" icon={<CloseSmall />} onClick={closeToast} size=\"m\" />\n);\n\nconst DSToast = ({\n  containerProps = {},\n  position = 'bottom-left',\n  autoClose = 5000, // can be false or a number in milliseconds\n  showProgressBar = false,\n  closeOnClick = false,\n  enableMultiContainer = false,\n  containerId = undefined,\n  toastId = undefined,\n}) => (\n  <ToastContainer\n    {...containerProps}\n    autoClose={autoClose}\n    className={(showProgressBar && 'with-progressbar') || ''}\n    closeButton={<CloseButton />}\n    closeOnClick={closeOnClick}\n    containerId={containerId}\n    enableMultiContainer={enableMultiContainer}\n    hideProgressBar={!showProgressBar}\n    newestOnTop\n    position={position}\n    toastId={toastId}\n    transition={Slide}\n  />\n);\n\nconst props = {\n  /** inject props to wrapper */\n  containerProps: PropTypes.object.description('inject props to wrapper'),\n  /** Position on the screen to show the toast */\n  position: PropTypes.oneOf(toastsPositions).description('Position on the screen to show the toast'),\n  /** ms to autoclose the toast */\n  autoClose: PropTypes.number.description('ms to autoclose the toast'),\n  /** Whether to show a progress bar indicating when the toast is going to be closed */\n  showProgressBar: PropTypes.bool.description(\n    'Whether to show a progress bar indicating when the toast is going to be closed',\n  ),\n  /** Close toast handler */\n  closeOnClick: PropTypes.bool.description('Close toast handler'),\n  /** Allows instantiating multiple Toast containers */\n  enableMultiContainer: PropTypes.bool.description('Allows instantiating multiple Toast containers'),\n  /** unique id for multi container */\n  containerId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('unique id for multi container'),\n  /**  id for the toast */\n  toastId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('id for the toast'),\n};\n\nDSToast.propTypes = props;\nDSToast.displayName = 'DSToast';\nconst DSToastWithSchema = describe(DSToast);\nDSToastWithSchema.propTypes = props;\n\nexport { DSToast, DSToastWithSchema };\nexport default DSToast;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADQ4C;AAPnE,0BAAoC;AACpC,4BAAsC;AACtC,sBAA2B;AAC3B,uBAAqB;AACrB,2BAAgC;AAEhC,MAAM,cAAc,CAAC,EAAE,WAAW,MAChC,4CAAC,iBAAAA,SAAA,EAAS,YAAW,QAAO,WAAU,sBAAqB,MAAM,4CAAC,8BAAW,GAAI,SAAS,YAAY,MAAK,KAAI;AAGjH,MAAM,UAAU,CAAC;AAAA,EACf,iBAAiB,CAAC;AAAA,EAClB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,uBAAuB;AAAA,EACvB,cAAc;AAAA,EACd,UAAU;AACZ,MACE;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ;AAAA,IACA,WAAY,mBAAmB,sBAAuB;AAAA,IACtD,aAAa,4CAAC,eAAY;AAAA,IAC1B;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB,CAAC;AAAA,IAClB,aAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,YAAY;AAAA;AACd;AAGF,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,8BAAU,OAAO,YAAY,yBAAyB;AAAA,EAEtE,UAAU,8BAAU,MAAM,oCAAe,EAAE,YAAY,0CAA0C;AAAA,EAEjG,WAAW,8BAAU,OAAO,YAAY,2BAA2B;AAAA,EAEnE,iBAAiB,8BAAU,KAAK;AAAA,IAC9B;AAAA,EACF;AAAA,EAEA,cAAc,8BAAU,KAAK,YAAY,qBAAqB;AAAA,EAE9D,sBAAsB,8BAAU,KAAK,YAAY,gDAAgD;AAAA,EAEjG,aAAa,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAAE,YAAY,+BAA+B;AAAA,EAElH,SAAS,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAAE,YAAY,kBAAkB;AACnG;AAEA,QAAQ,YAAY;AACpB,QAAQ,cAAc;AACtB,MAAM,wBAAoB,8BAAS,OAAO;AAC1C,kBAAkB,YAAY;AAG9B,IAAO,kBAAQ;",
-  "names": ["DSButton"]
+  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { ToastContainer, Slide } from 'react-toastify';\nimport { CloseSmall } from '@elliemae/ds-icons';\nimport { DSButtonV2 } from '@elliemae/ds-button';\nimport { toastsPositions } from './ToastPosition.js';\n\nconst CloseButton = ({ closeToast }) => (\n  <DSButtonV2 buttonType=\"icon\" className=\"toast-close-button\" onClick={closeToast}>\n    <CloseSmall size=\"s\" />\n  </DSButtonV2>\n);\n\nconst DSToast = ({\n  containerProps = {},\n  position = 'bottom-left',\n  autoClose = 5000, // can be false or a number in milliseconds\n  showProgressBar = false,\n  closeOnClick = false,\n  enableMultiContainer = false,\n  containerId = undefined,\n  toastId = undefined,\n}) => (\n  <ToastContainer\n    {...containerProps}\n    autoClose={autoClose}\n    className={(showProgressBar && 'with-progressbar') || ''}\n    closeButton={<CloseButton />}\n    closeOnClick={closeOnClick}\n    containerId={containerId}\n    enableMultiContainer={enableMultiContainer}\n    hideProgressBar={!showProgressBar}\n    newestOnTop\n    position={position}\n    toastId={toastId}\n    transition={Slide}\n  />\n);\n\nconst props = {\n  /** inject props to wrapper */\n  containerProps: PropTypes.object.description('inject props to wrapper'),\n  /** Position on the screen to show the toast */\n  position: PropTypes.oneOf(toastsPositions).description('Position on the screen to show the toast'),\n  /** ms to autoclose the toast */\n  autoClose: PropTypes.number.description('ms to autoclose the toast'),\n  /** Whether to show a progress bar indicating when the toast is going to be closed */\n  showProgressBar: PropTypes.bool.description(\n    'Whether to show a progress bar indicating when the toast is going to be closed',\n  ),\n  /** Close toast handler */\n  closeOnClick: PropTypes.bool.description('Close toast handler'),\n  /** Allows instantiating multiple Toast containers */\n  enableMultiContainer: PropTypes.bool.description('Allows instantiating multiple Toast containers'),\n  /** unique id for multi container */\n  containerId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('unique id for multi container'),\n  /**  id for the toast */\n  toastId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('id for the toast'),\n};\n\nDSToast.propTypes = props;\nDSToast.displayName = 'DSToast';\nconst DSToastWithSchema = describe(DSToast);\nDSToastWithSchema.propTypes = props;\n\nexport { DSToast, DSToastWithSchema };\nexport default DSToast;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADSnB;AARJ,8BAAoC;AACpC,4BAAsC;AACtC,sBAA2B;AAC3B,uBAA2B;AAC3B,2BAAgC;AAEhC,MAAM,cAAc,CAAC,EAAE,WAAW,MAChC,4CAAC,+BAAW,YAAW,QAAO,WAAU,sBAAqB,SAAS,YACpE,sDAAC,8BAAW,MAAK,KAAI,GACvB;AAGF,MAAM,UAAU,CAAC;AAAA,EACf,iBAAiB,CAAC;AAAA,EAClB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,uBAAuB;AAAA,EACvB,cAAc;AAAA,EACd,UAAU;AACZ,MACE;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ;AAAA,IACA,WAAY,mBAAmB,sBAAuB;AAAA,IACtD,aAAa,4CAAC,eAAY;AAAA,IAC1B;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB,CAAC;AAAA,IAClB,aAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,YAAY;AAAA;AACd;AAGF,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,kCAAU,OAAO,YAAY,yBAAyB;AAAA,EAEtE,UAAU,kCAAU,MAAM,oCAAe,EAAE,YAAY,0CAA0C;AAAA,EAEjG,WAAW,kCAAU,OAAO,YAAY,2BAA2B;AAAA,EAEnE,iBAAiB,kCAAU,KAAK;AAAA,IAC9B;AAAA,EACF;AAAA,EAEA,cAAc,kCAAU,KAAK,YAAY,qBAAqB;AAAA,EAE9D,sBAAsB,kCAAU,KAAK,YAAY,gDAAgD;AAAA,EAEjG,aAAa,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,MAAM,CAAC,EAAE,YAAY,+BAA+B;AAAA,EAElH,SAAS,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,MAAM,CAAC,EAAE,YAAY,kBAAkB;AACnG;AAEA,QAAQ,YAAY;AACpB,QAAQ,cAAc;AACtB,MAAM,wBAAoB,kCAAS,OAAO;AAC1C,kBAAkB,YAAY;AAG9B,IAAO,kBAAQ;",
+  "names": []
 }

package/dist/cjs/ToastAction.js

@@ -32,7 +32,7 @@ __export(ToastAction_exports, {
 module.exports = __toCommonJS(ToastAction_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_system = require("@elliemae/ds-system");
 const Link = import_ds_system.styled.span`
   color: brand-600;
@@ -40,21 +40,21 @@ const Link = import_ds_system.styled.span`
 const DSToastAction = ({ children, onClick, onKeyDown }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { onKeyDown, onClick, role: onClick ? "button" : "textbox", children });
 const DSToastActionLink = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, { children });
 const actionprops = {
-  children: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.element]).description(
+  children: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.string, import_ds_props_helpers.PropTypes.element]).description(
     "DSToastActionLink component or text string"
   ),
-  onClick: import_ds_utilities.PropTypes.func.description("click handler"),
-  onKeyDown: import_ds_utilities.PropTypes.func.description("key down handler")
+  onClick: import_ds_props_helpers.PropTypes.func.description("click handler"),
+  onKeyDown: import_ds_props_helpers.PropTypes.func.description("key down handler")
 };
 const linkprops = {
-  children: import_ds_utilities.PropTypes.string.isRequired.description("link text")
+  children: import_ds_props_helpers.PropTypes.string.isRequired.description("link text")
 };
 DSToastAction.propTypes = actionprops;
 DSToastActionLink.propTypes = linkprops;
 DSToastAction.displayName = "DSToastAction";
 DSToastActionLink.displayName = "DSToastActionLink";
-const DSToastActionWithSchema = (0, import_ds_utilities.describe)(DSToastAction);
-const DSToastActionLinkWithSchema = (0, import_ds_utilities.describe)(DSToastActionLink);
+const DSToastActionWithSchema = (0, import_ds_props_helpers.describe)(DSToastAction);
+const DSToastActionLinkWithSchema = (0, import_ds_props_helpers.describe)(DSToastActionLink);
 DSToastActionLinkWithSchema.propTypes = linkprops;
 DSToastActionWithSchema.propTypes = actionprops;
 //# sourceMappingURL=ToastAction.js.map

package/dist/cjs/ToastAction.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/ToastAction.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { styled } from '@elliemae/ds-system';\n\nconst Link = styled.span`\n  color: brand-600;\n`;\n\ninterface DSToastActionProps {\n  children: React.ReactNode;\n  onClick?: React.MouseEventHandler;\n  onKeyDown?: React.KeyboardEventHandler;\n}\n\nconst DSToastAction: React.ComponentType<DSToastActionProps> = ({ children, onClick, onKeyDown }) => (\n  // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n  <div onKeyDown={onKeyDown} onClick={onClick} role={onClick ? 'button' : 'textbox'}>\n    {children}\n  </div>\n);\n\nconst DSToastActionLink: React.ComponentType<React.PropsWithChildren<Record<string, unknown>>> = ({ children }) => (\n  // eslint-disable-next-line jsx-a11y/anchor-is-valid\n  <Link>{children}</Link>\n);\n\nconst actionprops = {\n  /** DSToastActionLink component or text string */\n  children: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description(\n    'DSToastActionLink component or text string',\n  ),\n  /** click handler */\n  onClick: PropTypes.func.description('click handler'),\n  /** key down handler */\n  onKeyDown: PropTypes.func.description('key down handler'),\n} as React.WeakValidationMap<unknown>;\n\nconst linkprops = {\n  /** link text */\n  children: PropTypes.string.isRequired.description('link text'),\n} as React.WeakValidationMap<unknown>;\n\nDSToastAction.propTypes = actionprops;\nDSToastActionLink.propTypes = linkprops;\nDSToastAction.displayName = 'DSToastAction';\nDSToastActionLink.displayName = 'DSToastActionLink';\nconst DSToastActionWithSchema = describe(DSToastAction);\nconst DSToastActionLinkWithSchema = describe(DSToastActionLink);\nDSToastActionLinkWithSchema.propTypes = linkprops;\nDSToastActionWithSchema.propTypes = actionprops;\n\nexport { DSToastAction, DSToastActionLink, DSToastActionWithSchema, DSToastActionLinkWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgBrB;AAfF,0BAAoC;AACpC,uBAAuB;AAEvB,MAAM,OAAO,wBAAO;AAAA;AAAA;AAUpB,MAAM,gBAAyD,CAAC,EAAE,UAAU,SAAS,UAAU,MAE7F,4CAAC,SAAI,WAAsB,SAAkB,MAAM,UAAU,WAAW,WACrE,UACH;AAGF,MAAM,oBAA2F,CAAC,EAAE,SAAS,MAE3G,4CAAC,QAAM,UAAS;AAGlB,MAAM,cAAc;AAAA,EAElB,UAAU,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,OAAO,CAAC,EAAE;AAAA,IACnE;AAAA,EACF;AAAA,EAEA,SAAS,8BAAU,KAAK,YAAY,eAAe;AAAA,EAEnD,WAAW,8BAAU,KAAK,YAAY,kBAAkB;AAC1D;AAEA,MAAM,YAAY;AAAA,EAEhB,UAAU,8BAAU,OAAO,WAAW,YAAY,WAAW;AAC/D;AAEA,cAAc,YAAY;AAC1B,kBAAkB,YAAY;AAC9B,cAAc,cAAc;AAC5B,kBAAkB,cAAc;AAChC,MAAM,8BAA0B,8BAAS,aAAa;AACtD,MAAM,kCAA8B,8BAAS,iBAAiB;AAC9D,4BAA4B,YAAY;AACxC,wBAAwB,YAAY;",
+  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { styled } from '@elliemae/ds-system';\n\nconst Link = styled.span`\n  color: brand-600;\n`;\n\ninterface DSToastActionProps {\n  children: React.ReactNode;\n  onClick?: React.MouseEventHandler;\n  onKeyDown?: React.KeyboardEventHandler;\n}\n\nconst DSToastAction: React.ComponentType<DSToastActionProps> = ({ children, onClick, onKeyDown }) => (\n  // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n  <div onKeyDown={onKeyDown} onClick={onClick} role={onClick ? 'button' : 'textbox'}>\n    {children}\n  </div>\n);\n\nconst DSToastActionLink: React.ComponentType<React.PropsWithChildren<Record<string, unknown>>> = ({ children }) => (\n  // eslint-disable-next-line jsx-a11y/anchor-is-valid\n  <Link>{children}</Link>\n);\n\nconst actionprops = {\n  /** DSToastActionLink component or text string */\n  children: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description(\n    'DSToastActionLink component or text string',\n  ),\n  /** click handler */\n  onClick: PropTypes.func.description('click handler'),\n  /** key down handler */\n  onKeyDown: PropTypes.func.description('key down handler'),\n} as React.WeakValidationMap<unknown>;\n\nconst linkprops = {\n  /** link text */\n  children: PropTypes.string.isRequired.description('link text'),\n} as React.WeakValidationMap<unknown>;\n\nDSToastAction.propTypes = actionprops;\nDSToastActionLink.propTypes = linkprops;\nDSToastAction.displayName = 'DSToastAction';\nDSToastActionLink.displayName = 'DSToastActionLink';\nconst DSToastActionWithSchema = describe(DSToastAction);\nconst DSToastActionLinkWithSchema = describe(DSToastActionLink);\nDSToastActionLinkWithSchema.propTypes = linkprops;\nDSToastActionWithSchema.propTypes = actionprops;\n\nexport { DSToastAction, DSToastActionLink, DSToastActionWithSchema, DSToastActionLinkWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgBrB;AAfF,8BAAoC;AACpC,uBAAuB;AAEvB,MAAM,OAAO,wBAAO;AAAA;AAAA;AAUpB,MAAM,gBAAyD,CAAC,EAAE,UAAU,SAAS,UAAU,MAE7F,4CAAC,SAAI,WAAsB,SAAkB,MAAM,UAAU,WAAW,WACrE,UACH;AAGF,MAAM,oBAA2F,CAAC,EAAE,SAAS,MAE3G,4CAAC,QAAM,UAAS;AAGlB,MAAM,cAAc;AAAA,EAElB,UAAU,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,OAAO,CAAC,EAAE;AAAA,IACnE;AAAA,EACF;AAAA,EAEA,SAAS,kCAAU,KAAK,YAAY,eAAe;AAAA,EAEnD,WAAW,kCAAU,KAAK,YAAY,kBAAkB;AAC1D;AAEA,MAAM,YAAY;AAAA,EAEhB,UAAU,kCAAU,OAAO,WAAW,YAAY,WAAW;AAC/D;AAEA,cAAc,YAAY;AAC1B,kBAAkB,YAAY;AAC9B,cAAc,cAAc;AAC5B,kBAAkB,cAAc;AAChC,MAAM,8BAA0B,kCAAS,aAAa;AACtD,MAAM,kCAA8B,kCAAS,iBAAiB;AAC9D,4BAA4B,YAAY;AACxC,wBAAwB,YAAY;",
   "names": []
 }

package/dist/cjs/ToastRender.js

@@ -32,7 +32,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_prop_types = __toESM(require("prop-types"));
 var import_ds_classnames = require("@elliemae/ds-classnames");
 var import_ds_icons = require("@elliemae/ds-icons");
-var import_ToastType = require("./ToastType");
+var import_ToastType = require("./ToastType.js");
 const blockName = "toast-content";
 const Container = (0, import_ds_classnames.aggregatedClasses)("div")(blockName);
 const IconContainer = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "icon-container");

package/dist/cjs/ToastRender.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/ToastRender.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { CheckmarkCircleFill, WarningCircleFill, InfoCircleFill } from '@elliemae/ds-icons';\nimport { ToastType, toastTypes } from './ToastType';\n\nconst blockName = 'toast-content';\n\nconst Container = aggregatedClasses('div')(blockName);\n\nconst IconContainer = aggregatedClasses('div')(blockName, 'icon-container');\n\nconst MessageContent = aggregatedClasses('div')(blockName, 'message-content');\n\nconst MessageHeader = aggregatedClasses('div')(blockName, 'message-header');\n\nconst MessageText = aggregatedClasses('span')(blockName, 'message-text');\n\nconst getIconByToastType = (type) =>\n  ({\n    [ToastType.SUCCESS]: CheckmarkCircleFill,\n    [ToastType.WARNING]: WarningCircleFill,\n    [ToastType.INFO]: InfoCircleFill,\n    [ToastType.ERROR]: WarningCircleFill,\n    [ToastType.DEFAULT]: 'div',\n  }[type]);\n\nconst ToastRender = ({ type = ToastType.DEFAULT, messageTitle = '', messageText = '' }) => {\n  const IconMessage = aggregatedClasses(getIconByToastType(type))(blockName, 'icon-message');\n  return (\n    <Container data-testid=\"ds-toast-render\">\n      <IconContainer>\n        <IconMessage size=\"m\" />\n      </IconContainer>\n      <MessageContent>\n        <MessageHeader>{messageTitle}</MessageHeader>\n        <MessageText>{messageText}</MessageText>\n      </MessageContent>\n    </Container>\n  );\n};\n\nToastRender.propTypes = {\n  /**\n   * Toast title\n   */\n  messageTitle: PropTypes.string.isRequired,\n  /**\n   * Toast body, either a string or Action with ActionLink component\n   */\n  messageText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  /**\n   * Toast type\n   */\n  type: PropTypes.oneOf(toastTypes).isRequired,\n};\n\nexport default ToastRender;\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { CheckmarkCircleFill, WarningCircleFill, InfoCircleFill } from '@elliemae/ds-icons';\nimport { ToastType, toastTypes } from './ToastType.js';\n\nconst blockName = 'toast-content';\n\nconst Container = aggregatedClasses('div')(blockName);\n\nconst IconContainer = aggregatedClasses('div')(blockName, 'icon-container');\n\nconst MessageContent = aggregatedClasses('div')(blockName, 'message-content');\n\nconst MessageHeader = aggregatedClasses('div')(blockName, 'message-header');\n\nconst MessageText = aggregatedClasses('span')(blockName, 'message-text');\n\nconst getIconByToastType = (type) =>\n  ({\n    [ToastType.SUCCESS]: CheckmarkCircleFill,\n    [ToastType.WARNING]: WarningCircleFill,\n    [ToastType.INFO]: InfoCircleFill,\n    [ToastType.ERROR]: WarningCircleFill,\n    [ToastType.DEFAULT]: 'div',\n  }[type]);\n\nconst ToastRender = ({ type = ToastType.DEFAULT, messageTitle = '', messageText = '' }) => {\n  const IconMessage = aggregatedClasses(getIconByToastType(type))(blockName, 'icon-message');\n  return (\n    <Container data-testid=\"ds-toast-render\">\n      <IconContainer>\n        <IconMessage size=\"m\" />\n      </IconContainer>\n      <MessageContent>\n        <MessageHeader>{messageTitle}</MessageHeader>\n        <MessageText>{messageText}</MessageText>\n      </MessageContent>\n    </Container>\n  );\n};\n\nToastRender.propTypes = {\n  /**\n   * Toast title\n   */\n  messageTitle: PropTypes.string.isRequired,\n  /**\n   * Toast body, either a string or Action with ActionLink component\n   */\n  messageText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  /**\n   * Toast type\n   */\n  type: PropTypes.oneOf(toastTypes).isRequired,\n};\n\nexport default ToastRender;\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgCf;AA/BR,wBAAsB;AACtB,2BAAkC;AAClC,sBAAuE;AACvE,uBAAsC;AAEtC,MAAM,YAAY;AAElB,MAAM,gBAAY,wCAAkB,KAAK,EAAE,SAAS;AAEpD,MAAM,oBAAgB,wCAAkB,KAAK,EAAE,WAAW,gBAAgB;AAE1E,MAAM,qBAAiB,wCAAkB,KAAK,EAAE,WAAW,iBAAiB;AAE5E,MAAM,oBAAgB,wCAAkB,KAAK,EAAE,WAAW,gBAAgB;AAE1E,MAAM,kBAAc,wCAAkB,MAAM,EAAE,WAAW,cAAc;AAEvE,MAAM,qBAAqB,CAAC,UACzB;AAAA,EACC,CAAC,2BAAU,UAAU;AAAA,EACrB,CAAC,2BAAU,UAAU;AAAA,EACrB,CAAC,2BAAU,OAAO;AAAA,EAClB,CAAC,2BAAU,QAAQ;AAAA,EACnB,CAAC,2BAAU,UAAU;AACvB,GAAE;AAEJ,MAAM,cAAc,CAAC,EAAE,OAAO,2BAAU,SAAS,eAAe,IAAI,cAAc,GAAG,MAAM;AACzF,QAAM,kBAAc,wCAAkB,mBAAmB,IAAI,CAAC,EAAE,WAAW,cAAc;AACzF,SACE,6CAAC,aAAU,eAAY,mBACrB;AAAA,gDAAC,iBACC,sDAAC,eAAY,MAAK,KAAI,GACxB;AAAA,IACA,6CAAC,kBACC;AAAA,kDAAC,iBAAe,wBAAa;AAAA,MAC7B,4CAAC,eAAa,uBAAY;AAAA,OAC5B;AAAA,KACF;AAEJ;AAEA,YAAY,YAAY;AAAA,EAItB,cAAc,kBAAAA,QAAU,OAAO;AAAA,EAI/B,aAAa,kBAAAA,QAAU,UAAU,CAAC,kBAAAA,QAAU,QAAQ,kBAAAA,QAAU,OAAO,CAAC;AAAA,EAItE,MAAM,kBAAAA,QAAU,MAAM,2BAAU,EAAE;AACpC;AAEA,IAAO,sBAAQ;",
   "names": ["PropTypes"]
 }

package/dist/cjs/index.js

@@ -29,10 +29,10 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
-__reExport(src_exports, require("./DSToast"), module.exports);
-__reExport(src_exports, require("./toast"), module.exports);
-__reExport(src_exports, require("./ToastType"), module.exports);
-__reExport(src_exports, require("./ToastPosition"), module.exports);
-__reExport(src_exports, require("./ToastAction"), module.exports);
-var import_DSToast = __toESM(require("./DSToast"));
+__reExport(src_exports, require("./DSToast.js"), module.exports);
+__reExport(src_exports, require("./toast.js"), module.exports);
+__reExport(src_exports, require("./ToastType.js"), module.exports);
+__reExport(src_exports, require("./ToastPosition.js"), module.exports);
+__reExport(src_exports, require("./ToastAction.js"), module.exports);
+var import_DSToast = __toESM(require("./DSToast.js"));
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './DSToast';\nexport * from './toast';\nexport * from './ToastType';\nexport * from './ToastPosition';\nexport * from './ToastAction';\n\nexport { default } from './DSToast';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,sBAAd;AACA,wBAAc,oBADd;AAEA,wBAAc,wBAFd;AAGA,wBAAc,4BAHd;AAIA,wBAAc,0BAJd;AAMA,qBAAwB;",
+  "sourcesContent": ["export * from './DSToast.js';\nexport * from './toast.js';\nexport * from './ToastType.js';\nexport * from './ToastPosition.js';\nexport * from './ToastAction.js';\n\nexport { default } from './DSToast.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,yBAAd;AACA,wBAAc,uBADd;AAEA,wBAAc,2BAFd;AAGA,wBAAc,+BAHd;AAIA,wBAAc,6BAJd;AAMA,qBAAwB;",
   "names": []
 }

package/dist/cjs/package.json

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

package/dist/cjs/toast.js

@@ -30,7 +30,7 @@ module.exports = __toCommonJS(toast_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react_toastify = require("react-toastify");
-var import_ToastRender = __toESM(require("./ToastRender"));
+var import_ToastRender = __toESM(require("./ToastRender.js"));
 const toast = Object.assign(
   ({ type, messageTitle, messageText, ...rest }, options) => (0, import_react_toastify.toast)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ToastRender.default, { messageText, messageTitle, type }), {
     ...rest,

package/dist/cjs/toast.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/toast.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { toast as toastifyToast } from 'react-toastify';\nimport ToastRender from './ToastRender';\n\nconst toast = Object.assign(\n  ({ type, messageTitle, messageText, ...rest }, options) =>\n    toastifyToast(<ToastRender messageText={messageText} messageTitle={messageTitle} type={type} />, {\n      ...rest,\n      ...options,\n      type,\n    }),\n  { ...toastifyToast, isActive: (id) => toastifyToast.isActive(id) },\n);\nexport { toast };\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["import React from 'react';\nimport { toast as toastifyToast } from 'react-toastify';\nimport ToastRender from './ToastRender.js';\n\nconst toast = Object.assign(\n  ({ type, messageTitle, messageText, ...rest }, options) =>\n    toastifyToast(<ToastRender messageText={messageText} messageTitle={messageTitle} type={type} />, {\n      ...rest,\n      ...options,\n      type,\n    }),\n  { ...toastifyToast, isActive: (id) => toastifyToast.isActive(id) },\n);\nexport { toast };\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADML;AALlB,4BAAuC;AACvC,yBAAwB;AAExB,MAAM,QAAQ,OAAO;AAAA,EACnB,CAAC,EAAE,MAAM,cAAc,gBAAgB,KAAK,GAAG,gBAC7C,sBAAAA,OAAc,4CAAC,mBAAAC,SAAA,EAAY,aAA0B,cAA4B,MAAY,GAAI;AAAA,IAC/F,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,EACF,CAAC;AAAA,EACH,EAAE,GAAG,sBAAAD,OAAe,UAAU,CAAC,OAAO,sBAAAA,MAAc,SAAS,EAAE,EAAE;AACnE;",
   "names": ["toastifyToast", "ToastRender"]
 }

package/dist/esm/DSToast.js

@@ -1,11 +1,11 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-import { PropTypes, describe } from "@elliemae/ds-utilities";
+import { PropTypes, describe } from "@elliemae/ds-props-helpers";
 import { ToastContainer, Slide } from "react-toastify";
 import { CloseSmall } from "@elliemae/ds-icons";
-import DSButton from "@elliemae/ds-button";
-import { toastsPositions } from "./ToastPosition";
-const CloseButton = ({ closeToast }) => /* @__PURE__ */ jsx(DSButton, { buttonType: "text", className: "toast-close-button", icon: /* @__PURE__ */ jsx(CloseSmall, {}), onClick: closeToast, size: "m" });
+import { DSButtonV2 } from "@elliemae/ds-button";
+import { toastsPositions } from "./ToastPosition.js";
+const CloseButton = ({ closeToast }) => /* @__PURE__ */ jsx(DSButtonV2, { buttonType: "icon", className: "toast-close-button", onClick: closeToast, children: /* @__PURE__ */ jsx(CloseSmall, { size: "s" }) });
 const DSToast = ({
   containerProps = {},
   position = "bottom-left",

package/dist/esm/DSToast.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSToast.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { ToastContainer, Slide } from 'react-toastify';\nimport { CloseSmall } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { toastsPositions } from './ToastPosition';\n\nconst CloseButton = ({ closeToast }) => (\n  <DSButton buttonType=\"text\" className=\"toast-close-button\" icon={<CloseSmall />} onClick={closeToast} size=\"m\" />\n);\n\nconst DSToast = ({\n  containerProps = {},\n  position = 'bottom-left',\n  autoClose = 5000, // can be false or a number in milliseconds\n  showProgressBar = false,\n  closeOnClick = false,\n  enableMultiContainer = false,\n  containerId = undefined,\n  toastId = undefined,\n}) => (\n  <ToastContainer\n    {...containerProps}\n    autoClose={autoClose}\n    className={(showProgressBar && 'with-progressbar') || ''}\n    closeButton={<CloseButton />}\n    closeOnClick={closeOnClick}\n    containerId={containerId}\n    enableMultiContainer={enableMultiContainer}\n    hideProgressBar={!showProgressBar}\n    newestOnTop\n    position={position}\n    toastId={toastId}\n    transition={Slide}\n  />\n);\n\nconst props = {\n  /** inject props to wrapper */\n  containerProps: PropTypes.object.description('inject props to wrapper'),\n  /** Position on the screen to show the toast */\n  position: PropTypes.oneOf(toastsPositions).description('Position on the screen to show the toast'),\n  /** ms to autoclose the toast */\n  autoClose: PropTypes.number.description('ms to autoclose the toast'),\n  /** Whether to show a progress bar indicating when the toast is going to be closed */\n  showProgressBar: PropTypes.bool.description(\n    'Whether to show a progress bar indicating when the toast is going to be closed',\n  ),\n  /** Close toast handler */\n  closeOnClick: PropTypes.bool.description('Close toast handler'),\n  /** Allows instantiating multiple Toast containers */\n  enableMultiContainer: PropTypes.bool.description('Allows instantiating multiple Toast containers'),\n  /** unique id for multi container */\n  containerId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('unique id for multi container'),\n  /**  id for the toast */\n  toastId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('id for the toast'),\n};\n\nDSToast.propTypes = props;\nDSToast.displayName = 'DSToast';\nconst DSToastWithSchema = describe(DSToast);\nDSToastWithSchema.propTypes = props;\n\nexport { DSToast, DSToastWithSchema };\nexport default DSToast;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACQ4C;AAPnE,SAAS,WAAW,gBAAgB;AACpC,SAAS,gBAAgB,aAAa;AACtC,SAAS,kBAAkB;AAC3B,OAAO,cAAc;AACrB,SAAS,uBAAuB;AAEhC,MAAM,cAAc,CAAC,EAAE,WAAW,MAChC,oBAAC,YAAS,YAAW,QAAO,WAAU,sBAAqB,MAAM,oBAAC,cAAW,GAAI,SAAS,YAAY,MAAK,KAAI;AAGjH,MAAM,UAAU,CAAC;AAAA,EACf,iBAAiB,CAAC;AAAA,EAClB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,uBAAuB;AAAA,EACvB,cAAc;AAAA,EACd,UAAU;AACZ,MACE;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ;AAAA,IACA,WAAY,mBAAmB,sBAAuB;AAAA,IACtD,aAAa,oBAAC,eAAY;AAAA,IAC1B;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB,CAAC;AAAA,IAClB,aAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,YAAY;AAAA;AACd;AAGF,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAAY,yBAAyB;AAAA,EAEtE,UAAU,UAAU,MAAM,eAAe,EAAE,YAAY,0CAA0C;AAAA,EAEjG,WAAW,UAAU,OAAO,YAAY,2BAA2B;AAAA,EAEnE,iBAAiB,UAAU,KAAK;AAAA,IAC9B;AAAA,EACF;AAAA,EAEA,cAAc,UAAU,KAAK,YAAY,qBAAqB;AAAA,EAE9D,sBAAsB,UAAU,KAAK,YAAY,gDAAgD;AAAA,EAEjG,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAAY,+BAA+B;AAAA,EAElH,SAAS,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAAY,kBAAkB;AACnG;AAEA,QAAQ,YAAY;AACpB,QAAQ,cAAc;AACtB,MAAM,oBAAoB,SAAS,OAAO;AAC1C,kBAAkB,YAAY;AAG9B,IAAO,kBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { ToastContainer, Slide } from 'react-toastify';\nimport { CloseSmall } from '@elliemae/ds-icons';\nimport { DSButtonV2 } from '@elliemae/ds-button';\nimport { toastsPositions } from './ToastPosition.js';\n\nconst CloseButton = ({ closeToast }) => (\n  <DSButtonV2 buttonType=\"icon\" className=\"toast-close-button\" onClick={closeToast}>\n    <CloseSmall size=\"s\" />\n  </DSButtonV2>\n);\n\nconst DSToast = ({\n  containerProps = {},\n  position = 'bottom-left',\n  autoClose = 5000, // can be false or a number in milliseconds\n  showProgressBar = false,\n  closeOnClick = false,\n  enableMultiContainer = false,\n  containerId = undefined,\n  toastId = undefined,\n}) => (\n  <ToastContainer\n    {...containerProps}\n    autoClose={autoClose}\n    className={(showProgressBar && 'with-progressbar') || ''}\n    closeButton={<CloseButton />}\n    closeOnClick={closeOnClick}\n    containerId={containerId}\n    enableMultiContainer={enableMultiContainer}\n    hideProgressBar={!showProgressBar}\n    newestOnTop\n    position={position}\n    toastId={toastId}\n    transition={Slide}\n  />\n);\n\nconst props = {\n  /** inject props to wrapper */\n  containerProps: PropTypes.object.description('inject props to wrapper'),\n  /** Position on the screen to show the toast */\n  position: PropTypes.oneOf(toastsPositions).description('Position on the screen to show the toast'),\n  /** ms to autoclose the toast */\n  autoClose: PropTypes.number.description('ms to autoclose the toast'),\n  /** Whether to show a progress bar indicating when the toast is going to be closed */\n  showProgressBar: PropTypes.bool.description(\n    'Whether to show a progress bar indicating when the toast is going to be closed',\n  ),\n  /** Close toast handler */\n  closeOnClick: PropTypes.bool.description('Close toast handler'),\n  /** Allows instantiating multiple Toast containers */\n  enableMultiContainer: PropTypes.bool.description('Allows instantiating multiple Toast containers'),\n  /** unique id for multi container */\n  containerId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('unique id for multi container'),\n  /**  id for the toast */\n  toastId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('id for the toast'),\n};\n\nDSToast.propTypes = props;\nDSToast.displayName = 'DSToast';\nconst DSToastWithSchema = describe(DSToast);\nDSToastWithSchema.propTypes = props;\n\nexport { DSToast, DSToastWithSchema };\nexport default DSToast;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACSnB;AARJ,SAAS,WAAW,gBAAgB;AACpC,SAAS,gBAAgB,aAAa;AACtC,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,uBAAuB;AAEhC,MAAM,cAAc,CAAC,EAAE,WAAW,MAChC,oBAAC,cAAW,YAAW,QAAO,WAAU,sBAAqB,SAAS,YACpE,8BAAC,cAAW,MAAK,KAAI,GACvB;AAGF,MAAM,UAAU,CAAC;AAAA,EACf,iBAAiB,CAAC;AAAA,EAClB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,uBAAuB;AAAA,EACvB,cAAc;AAAA,EACd,UAAU;AACZ,MACE;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ;AAAA,IACA,WAAY,mBAAmB,sBAAuB;AAAA,IACtD,aAAa,oBAAC,eAAY;AAAA,IAC1B;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB,CAAC;AAAA,IAClB,aAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,YAAY;AAAA;AACd;AAGF,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAAY,yBAAyB;AAAA,EAEtE,UAAU,UAAU,MAAM,eAAe,EAAE,YAAY,0CAA0C;AAAA,EAEjG,WAAW,UAAU,OAAO,YAAY,2BAA2B;AAAA,EAEnE,iBAAiB,UAAU,KAAK;AAAA,IAC9B;AAAA,EACF;AAAA,EAEA,cAAc,UAAU,KAAK,YAAY,qBAAqB;AAAA,EAE9D,sBAAsB,UAAU,KAAK,YAAY,gDAAgD;AAAA,EAEjG,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAAY,+BAA+B;AAAA,EAElH,SAAS,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAAY,kBAAkB;AACnG;AAEA,QAAQ,YAAY;AACpB,QAAQ,cAAc;AACtB,MAAM,oBAAoB,SAAS,OAAO;AAC1C,kBAAkB,YAAY;AAG9B,IAAO,kBAAQ;",
   "names": []
 }

package/dist/esm/ToastAction.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-import { PropTypes, describe } from "@elliemae/ds-utilities";
+import { PropTypes, describe } from "@elliemae/ds-props-helpers";
 import { styled } from "@elliemae/ds-system";
 const Link = styled.span`
   color: brand-600;

package/dist/esm/ToastAction.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ToastAction.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { styled } from '@elliemae/ds-system';\n\nconst Link = styled.span`\n  color: brand-600;\n`;\n\ninterface DSToastActionProps {\n  children: React.ReactNode;\n  onClick?: React.MouseEventHandler;\n  onKeyDown?: React.KeyboardEventHandler;\n}\n\nconst DSToastAction: React.ComponentType<DSToastActionProps> = ({ children, onClick, onKeyDown }) => (\n  // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n  <div onKeyDown={onKeyDown} onClick={onClick} role={onClick ? 'button' : 'textbox'}>\n    {children}\n  </div>\n);\n\nconst DSToastActionLink: React.ComponentType<React.PropsWithChildren<Record<string, unknown>>> = ({ children }) => (\n  // eslint-disable-next-line jsx-a11y/anchor-is-valid\n  <Link>{children}</Link>\n);\n\nconst actionprops = {\n  /** DSToastActionLink component or text string */\n  children: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description(\n    'DSToastActionLink component or text string',\n  ),\n  /** click handler */\n  onClick: PropTypes.func.description('click handler'),\n  /** key down handler */\n  onKeyDown: PropTypes.func.description('key down handler'),\n} as React.WeakValidationMap<unknown>;\n\nconst linkprops = {\n  /** link text */\n  children: PropTypes.string.isRequired.description('link text'),\n} as React.WeakValidationMap<unknown>;\n\nDSToastAction.propTypes = actionprops;\nDSToastActionLink.propTypes = linkprops;\nDSToastAction.displayName = 'DSToastAction';\nDSToastActionLink.displayName = 'DSToastActionLink';\nconst DSToastActionWithSchema = describe(DSToastAction);\nconst DSToastActionLinkWithSchema = describe(DSToastActionLink);\nDSToastActionLinkWithSchema.propTypes = linkprops;\nDSToastActionWithSchema.propTypes = actionprops;\n\nexport { DSToastAction, DSToastActionLink, DSToastActionWithSchema, DSToastActionLinkWithSchema };\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { styled } from '@elliemae/ds-system';\n\nconst Link = styled.span`\n  color: brand-600;\n`;\n\ninterface DSToastActionProps {\n  children: React.ReactNode;\n  onClick?: React.MouseEventHandler;\n  onKeyDown?: React.KeyboardEventHandler;\n}\n\nconst DSToastAction: React.ComponentType<DSToastActionProps> = ({ children, onClick, onKeyDown }) => (\n  // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n  <div onKeyDown={onKeyDown} onClick={onClick} role={onClick ? 'button' : 'textbox'}>\n    {children}\n  </div>\n);\n\nconst DSToastActionLink: React.ComponentType<React.PropsWithChildren<Record<string, unknown>>> = ({ children }) => (\n  // eslint-disable-next-line jsx-a11y/anchor-is-valid\n  <Link>{children}</Link>\n);\n\nconst actionprops = {\n  /** DSToastActionLink component or text string */\n  children: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description(\n    'DSToastActionLink component or text string',\n  ),\n  /** click handler */\n  onClick: PropTypes.func.description('click handler'),\n  /** key down handler */\n  onKeyDown: PropTypes.func.description('key down handler'),\n} as React.WeakValidationMap<unknown>;\n\nconst linkprops = {\n  /** link text */\n  children: PropTypes.string.isRequired.description('link text'),\n} as React.WeakValidationMap<unknown>;\n\nDSToastAction.propTypes = actionprops;\nDSToastActionLink.propTypes = linkprops;\nDSToastAction.displayName = 'DSToastAction';\nDSToastActionLink.displayName = 'DSToastActionLink';\nconst DSToastActionWithSchema = describe(DSToastAction);\nconst DSToastActionLinkWithSchema = describe(DSToastActionLink);\nDSToastActionLinkWithSchema.propTypes = linkprops;\nDSToastActionWithSchema.propTypes = actionprops;\n\nexport { DSToastAction, DSToastActionLink, DSToastActionWithSchema, DSToastActionLinkWithSchema };\n"],
   "mappings": "AAAA,YAAY,WAAW;ACgBrB;AAfF,SAAS,WAAW,gBAAgB;AACpC,SAAS,cAAc;AAEvB,MAAM,OAAO,OAAO;AAAA;AAAA;AAUpB,MAAM,gBAAyD,CAAC,EAAE,UAAU,SAAS,UAAU,MAE7F,oBAAC,SAAI,WAAsB,SAAkB,MAAM,UAAU,WAAW,WACrE,UACH;AAGF,MAAM,oBAA2F,CAAC,EAAE,SAAS,MAE3G,oBAAC,QAAM,UAAS;AAGlB,MAAM,cAAc;AAAA,EAElB,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC,EAAE;AAAA,IACnE;AAAA,EACF;AAAA,EAEA,SAAS,UAAU,KAAK,YAAY,eAAe;AAAA,EAEnD,WAAW,UAAU,KAAK,YAAY,kBAAkB;AAC1D;AAEA,MAAM,YAAY;AAAA,EAEhB,UAAU,UAAU,OAAO,WAAW,YAAY,WAAW;AAC/D;AAEA,cAAc,YAAY;AAC1B,kBAAkB,YAAY;AAC9B,cAAc,cAAc;AAC5B,kBAAkB,cAAc;AAChC,MAAM,0BAA0B,SAAS,aAAa;AACtD,MAAM,8BAA8B,SAAS,iBAAiB;AAC9D,4BAA4B,YAAY;AACxC,wBAAwB,YAAY;",
   "names": []
 }

package/dist/esm/ToastRender.js

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import PropTypes from "prop-types";
 import { aggregatedClasses } from "@elliemae/ds-classnames";
 import { CheckmarkCircleFill, WarningCircleFill, InfoCircleFill } from "@elliemae/ds-icons";
-import { ToastType, toastTypes } from "./ToastType";
+import { ToastType, toastTypes } from "./ToastType.js";
 const blockName = "toast-content";
 const Container = aggregatedClasses("div")(blockName);
 const IconContainer = aggregatedClasses("div")(blockName, "icon-container");

package/dist/esm/ToastRender.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ToastRender.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { CheckmarkCircleFill, WarningCircleFill, InfoCircleFill } from '@elliemae/ds-icons';\nimport { ToastType, toastTypes } from './ToastType';\n\nconst blockName = 'toast-content';\n\nconst Container = aggregatedClasses('div')(blockName);\n\nconst IconContainer = aggregatedClasses('div')(blockName, 'icon-container');\n\nconst MessageContent = aggregatedClasses('div')(blockName, 'message-content');\n\nconst MessageHeader = aggregatedClasses('div')(blockName, 'message-header');\n\nconst MessageText = aggregatedClasses('span')(blockName, 'message-text');\n\nconst getIconByToastType = (type) =>\n  ({\n    [ToastType.SUCCESS]: CheckmarkCircleFill,\n    [ToastType.WARNING]: WarningCircleFill,\n    [ToastType.INFO]: InfoCircleFill,\n    [ToastType.ERROR]: WarningCircleFill,\n    [ToastType.DEFAULT]: 'div',\n  }[type]);\n\nconst ToastRender = ({ type = ToastType.DEFAULT, messageTitle = '', messageText = '' }) => {\n  const IconMessage = aggregatedClasses(getIconByToastType(type))(blockName, 'icon-message');\n  return (\n    <Container data-testid=\"ds-toast-render\">\n      <IconContainer>\n        <IconMessage size=\"m\" />\n      </IconContainer>\n      <MessageContent>\n        <MessageHeader>{messageTitle}</MessageHeader>\n        <MessageText>{messageText}</MessageText>\n      </MessageContent>\n    </Container>\n  );\n};\n\nToastRender.propTypes = {\n  /**\n   * Toast title\n   */\n  messageTitle: PropTypes.string.isRequired,\n  /**\n   * Toast body, either a string or Action with ActionLink component\n   */\n  messageText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  /**\n   * Toast type\n   */\n  type: PropTypes.oneOf(toastTypes).isRequired,\n};\n\nexport default ToastRender;\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { CheckmarkCircleFill, WarningCircleFill, InfoCircleFill } from '@elliemae/ds-icons';\nimport { ToastType, toastTypes } from './ToastType.js';\n\nconst blockName = 'toast-content';\n\nconst Container = aggregatedClasses('div')(blockName);\n\nconst IconContainer = aggregatedClasses('div')(blockName, 'icon-container');\n\nconst MessageContent = aggregatedClasses('div')(blockName, 'message-content');\n\nconst MessageHeader = aggregatedClasses('div')(blockName, 'message-header');\n\nconst MessageText = aggregatedClasses('span')(blockName, 'message-text');\n\nconst getIconByToastType = (type) =>\n  ({\n    [ToastType.SUCCESS]: CheckmarkCircleFill,\n    [ToastType.WARNING]: WarningCircleFill,\n    [ToastType.INFO]: InfoCircleFill,\n    [ToastType.ERROR]: WarningCircleFill,\n    [ToastType.DEFAULT]: 'div',\n  }[type]);\n\nconst ToastRender = ({ type = ToastType.DEFAULT, messageTitle = '', messageText = '' }) => {\n  const IconMessage = aggregatedClasses(getIconByToastType(type))(blockName, 'icon-message');\n  return (\n    <Container data-testid=\"ds-toast-render\">\n      <IconContainer>\n        <IconMessage size=\"m\" />\n      </IconContainer>\n      <MessageContent>\n        <MessageHeader>{messageTitle}</MessageHeader>\n        <MessageText>{messageText}</MessageText>\n      </MessageContent>\n    </Container>\n  );\n};\n\nToastRender.propTypes = {\n  /**\n   * Toast title\n   */\n  messageTitle: PropTypes.string.isRequired,\n  /**\n   * Toast body, either a string or Action with ActionLink component\n   */\n  messageText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  /**\n   * Toast type\n   */\n  type: PropTypes.oneOf(toastTypes).isRequired,\n};\n\nexport default ToastRender;\n"],
   "mappings": "AAAA,YAAY,WAAW;ACgCf,cAEF,YAFE;AA/BR,OAAO,eAAe;AACtB,SAAS,yBAAyB;AAClC,SAAS,qBAAqB,mBAAmB,sBAAsB;AACvE,SAAS,WAAW,kBAAkB;AAEtC,MAAM,YAAY;AAElB,MAAM,YAAY,kBAAkB,KAAK,EAAE,SAAS;AAEpD,MAAM,gBAAgB,kBAAkB,KAAK,EAAE,WAAW,gBAAgB;AAE1E,MAAM,iBAAiB,kBAAkB,KAAK,EAAE,WAAW,iBAAiB;AAE5E,MAAM,gBAAgB,kBAAkB,KAAK,EAAE,WAAW,gBAAgB;AAE1E,MAAM,cAAc,kBAAkB,MAAM,EAAE,WAAW,cAAc;AAEvE,MAAM,qBAAqB,CAAC,UACzB;AAAA,EACC,CAAC,UAAU,UAAU;AAAA,EACrB,CAAC,UAAU,UAAU;AAAA,EACrB,CAAC,UAAU,OAAO;AAAA,EAClB,CAAC,UAAU,QAAQ;AAAA,EACnB,CAAC,UAAU,UAAU;AACvB,GAAE;AAEJ,MAAM,cAAc,CAAC,EAAE,OAAO,UAAU,SAAS,eAAe,IAAI,cAAc,GAAG,MAAM;AACzF,QAAM,cAAc,kBAAkB,mBAAmB,IAAI,CAAC,EAAE,WAAW,cAAc;AACzF,SACE,qBAAC,aAAU,eAAY,mBACrB;AAAA,wBAAC,iBACC,8BAAC,eAAY,MAAK,KAAI,GACxB;AAAA,IACA,qBAAC,kBACC;AAAA,0BAAC,iBAAe,wBAAa;AAAA,MAC7B,oBAAC,eAAa,uBAAY;AAAA,OAC5B;AAAA,KACF;AAEJ;AAEA,YAAY,YAAY;AAAA,EAItB,cAAc,UAAU,OAAO;AAAA,EAI/B,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC;AAAA,EAItE,MAAM,UAAU,MAAM,UAAU,EAAE;AACpC;AAEA,IAAO,sBAAQ;",
   "names": []
 }

package/dist/esm/index.js

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

package/dist/esm/package.json

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

package/dist/esm/toast.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { toast as toastifyToast } from "react-toastify";
-import ToastRender from "./ToastRender";
+import ToastRender from "./ToastRender.js";
 const toast = Object.assign(
   ({ type, messageTitle, messageText, ...rest }, options) => toastifyToast(/* @__PURE__ */ jsx(ToastRender, { messageText, messageTitle, type }), {
     ...rest,

package/dist/esm/toast.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/toast.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { toast as toastifyToast } from 'react-toastify';\nimport ToastRender from './ToastRender';\n\nconst toast = Object.assign(\n  ({ type, messageTitle, messageText, ...rest }, options) =>\n    toastifyToast(<ToastRender messageText={messageText} messageTitle={messageTitle} type={type} />, {\n      ...rest,\n      ...options,\n      type,\n    }),\n  { ...toastifyToast, isActive: (id) => toastifyToast.isActive(id) },\n);\nexport { toast };\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { toast as toastifyToast } from 'react-toastify';\nimport ToastRender from './ToastRender.js';\n\nconst toast = Object.assign(\n  ({ type, messageTitle, messageText, ...rest }, options) =>\n    toastifyToast(<ToastRender messageText={messageText} messageTitle={messageTitle} type={type} />, {\n      ...rest,\n      ...options,\n      type,\n    }),\n  { ...toastifyToast, isActive: (id) => toastifyToast.isActive(id) },\n);\nexport { toast };\n"],
   "mappings": "AAAA,YAAY,WAAW;ACML;AALlB,SAAS,SAAS,qBAAqB;AACvC,OAAO,iBAAiB;AAExB,MAAM,QAAQ,OAAO;AAAA,EACnB,CAAC,EAAE,MAAM,cAAc,gBAAgB,KAAK,GAAG,YAC7C,cAAc,oBAAC,eAAY,aAA0B,cAA4B,MAAY,GAAI;AAAA,IAC/F,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,EACF,CAAC;AAAA,EACH,EAAE,GAAG,eAAe,UAAU,CAAC,OAAO,cAAc,SAAS,EAAE,EAAE;AACnE;",
   "names": []
 }

package/dist/types/DSToast.d.ts

@@ -11,25 +11,25 @@ declare const DSToast: {
     }): JSX.Element;
     propTypes: {
         /** inject props to 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;
         /** Position on the screen to show the toast */
-        position: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        position: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** ms to autoclose the toast */
-        autoClose: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        autoClose: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** Whether to show a progress bar indicating when the toast is going to be closed */
-        showProgressBar: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        showProgressBar: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** Close toast handler */
-        closeOnClick: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        closeOnClick: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** Allows instantiating multiple Toast containers */
-        enableMultiContainer: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        enableMultiContainer: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** unique id for multi container */
-        containerId: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        containerId: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /**  id for the toast */
-        toastId: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        toastId: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
     };
     displayName: string;
 };
-declare const DSToastWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
+declare const DSToastWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<{
     containerProps?: {} | undefined;
     position?: string | undefined;
     autoClose?: number | undefined;

package/dist/types/ToastAction.d.ts

@@ -6,6 +6,6 @@ interface DSToastActionProps {
 }
 declare const DSToastAction: React.ComponentType<DSToastActionProps>;
 declare const DSToastActionLink: React.ComponentType<React.PropsWithChildren<Record<string, unknown>>>;
-declare const DSToastActionWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<DSToastActionProps>;
-declare const DSToastActionLinkWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<React.PropsWithChildren<Record<string, unknown>>>;
+declare const DSToastActionWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<DSToastActionProps>;
+declare const DSToastActionLinkWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<React.PropsWithChildren<Record<string, unknown>>>;
 export { DSToastAction, DSToastActionLink, DSToastActionWithSchema, DSToastActionLinkWithSchema };

package/dist/types/index.d.ts

@@ -1,6 +1,6 @@
-export * from './DSToast';
-export * from './toast';
-export * from './ToastType';
-export * from './ToastPosition';
-export * from './ToastAction';
-export { default } from './DSToast';
+export * from './DSToast.js';
+export * from './toast.js';
+export * from './ToastType.js';
+export * from './ToastPosition.js';
+export * from './ToastAction.js';
+export { default } from './DSToast.js';

package/dist/types/toast.d.ts

@@ -16,7 +16,7 @@ declare const toast: (({ type, messageTitle, messageText, ...rest }: {
     clearWaitingQueue(params?: import("react-toastify").ClearWaitingQueueParams | undefined): false | void;
     update(toastId: import("react-toastify").Id, options?: import("react-toastify").UpdateOptions | undefined): void;
     done(id: import("react-toastify").Id): void;
-    onChange(callback: import("react-toastify/dist/core").OnChangeCallback): () => void;
+    onChange(callback: import("react-toastify/dist/core/eventManager.js").OnChangeCallback): () => void;
     configure(config?: import("react-toastify").ToastContainerProps | undefined): void;
     POSITION: {
         TOP_LEFT: import("react-toastify").ToastPosition;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-toast",
-  "version": "3.15.0",
+  "version": "3.16.0-next.10",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Toast",
   "files": [
@@ -61,11 +61,12 @@
   "dependencies": {
     "prop-types": "~15.8.1",
     "react-toastify": "~6.2.0",
-    "@elliemae/ds-button": "3.15.0",
-    "@elliemae/ds-classnames": "3.15.0",
-    "@elliemae/ds-icons": "3.15.0",
-    "@elliemae/ds-system": "3.15.0",
-    "@elliemae/ds-utilities": "3.15.0"
+    "@elliemae/ds-button": "3.16.0-next.10",
+    "@elliemae/ds-classnames": "3.16.0-next.10",
+    "@elliemae/ds-props-helpers": "3.16.0-next.10",
+    "@elliemae/ds-icons": "3.16.0-next.10",
+    "@elliemae/ds-utilities": "3.16.0-next.10",
+    "@elliemae/ds-system": "3.16.0-next.10"
   },
   "devDependencies": {
     "styled-components": "~5.3.6"
@@ -87,7 +88,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/*\""
   }