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

package/dist/cjs/parts/DSToastContent.js

@@ -0,0 +1,57 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DSToastContent_exports = {};
+__export(DSToastContent_exports, {
+  DSToastContent: () => DSToastContent,
+  getIconByToastType: () => getIconByToastType,
+  getIconColorByToastType: () => getIconColorByToastType
+});
+module.exports = __toCommonJS(DSToastContent_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_styled = require("./styled.js");
+var import_constants = require("../constants.js");
+const getIconByToastType = (type) => import_constants.TYPE_TO_ICON[type];
+const getIconColorByToastType = (type) => import_constants.TYPE_TO_ICON_COLOR[type];
+const DSToastContent = ({
+  type = import_constants.ToastType.DEFAULT,
+  messageTitle = "",
+  messageText = ""
+}) => {
+  const IconMessage = getIconByToastType(type);
+  const iconColor = getIconColorByToastType(type);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledContainer, { "data-testid": "ds-toast-render", className: "em-ds-toast-content", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledIconContainer, { className: "em-ds-toast-content__icon-container", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconMessage, { size: "m", className: "em-ds-toast-content__icon-message", color: iconColor }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledMessageContent, { className: "em-ds-toast-content__message-content", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledMessageHeader, { className: "em-ds-toast-content__message-header", children: messageTitle }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledMessageText, { className: "em-ds-toast-content__message-text", children: messageText })
+    ] })
+  ] });
+};
+//# sourceMappingURL=DSToastContent.js.map

package/dist/cjs/parts/DSToastContent.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/parts/DSToastContent.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport type { SvgIconT } from '@elliemae/ds-legacy-icons';\nimport type { DSToastT } from '../react-desc-prop-types.js';\nimport {\n  StyledContainer,\n  StyledIconContainer,\n  StyledMessageContent,\n  StyledMessageHeader,\n  StyledMessageText,\n} from './styled.js';\nimport { ToastType, TYPE_TO_ICON, TYPE_TO_ICON_COLOR } from '../constants.js';\n\nexport const getIconByToastType = (type: DSToastT.ToastTypes) => TYPE_TO_ICON[type];\nexport const getIconColorByToastType = (type: DSToastT.ToastTypes): SvgIconT.ColorType =>\n  TYPE_TO_ICON_COLOR[type] as SvgIconT.ColorType;\n\nexport interface DSToastContentProps {\n  type?: DSToastT.ToastTypes;\n  messageTitle?: string;\n  messageText?: string;\n}\n\nexport const DSToastContent: React.ComponentType<DSToastContentProps> = ({\n  type = ToastType.DEFAULT,\n  messageTitle = '',\n  messageText = '',\n}) => {\n  const IconMessage = getIconByToastType(type);\n  const iconColor = getIconColorByToastType(type);\n\n  return (\n    <StyledContainer data-testid=\"ds-toast-render\" className=\"em-ds-toast-content\">\n      <StyledIconContainer className=\"em-ds-toast-content__icon-container\">\n        <IconMessage size=\"m\" className=\"em-ds-toast-content__icon-message\" color={iconColor} />\n      </StyledIconContainer>\n      <StyledMessageContent className=\"em-ds-toast-content__message-content\">\n        <StyledMessageHeader className=\"em-ds-toast-content__message-header\">{messageTitle}</StyledMessageHeader>\n        <StyledMessageText className=\"em-ds-toast-content__message-text\">{messageText}</StyledMessageText>\n      </StyledMessageContent>\n    </StyledContainer>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADiCf;AA9BR,oBAMO;AACP,uBAA4D;AAErD,MAAM,qBAAqB,CAAC,SAA8B,8BAAa,IAAI;AAC3E,MAAM,0BAA0B,CAAC,SACtC,oCAAmB,IAAI;AAQlB,MAAM,iBAA2D,CAAC;AAAA,EACvE,OAAO,2BAAU;AAAA,EACjB,eAAe;AAAA,EACf,cAAc;AAChB,MAAM;AACJ,QAAM,cAAc,mBAAmB,IAAI;AAC3C,QAAM,YAAY,wBAAwB,IAAI;AAE9C,SACE,6CAAC,iCAAgB,eAAY,mBAAkB,WAAU,uBACvD;AAAA,gDAAC,qCAAoB,WAAU,uCAC7B,sDAAC,eAAY,MAAK,KAAI,WAAU,qCAAoC,OAAO,WAAW,GACxF;AAAA,IACA,6CAAC,sCAAqB,WAAU,wCAC9B;AAAA,kDAAC,qCAAoB,WAAU,uCAAuC,wBAAa;AAAA,MACnF,4CAAC,mCAAkB,WAAU,qCAAqC,uBAAY;AAAA,OAChF;AAAA,KACF;AAEJ;",
+  "names": []
+}

package/dist/cjs/parts/styled.js

@@ -0,0 +1,379 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var styled_exports = {};
+__export(styled_exports, {
+  StyledAction: () => StyledAction,
+  StyledButton: () => StyledButton,
+  StyledContainer: () => StyledContainer,
+  StyledIconContainer: () => StyledIconContainer,
+  StyledLink: () => StyledLink,
+  StyledMessageContent: () => StyledMessageContent,
+  StyledMessageHeader: () => StyledMessageHeader,
+  StyledMessageText: () => StyledMessageText,
+  ToastifyWrapper: () => ToastifyWrapper
+});
+module.exports = __toCommonJS(styled_exports);
+var React = __toESM(require("react"));
+var import_ds_legacy_button_v2 = require("@elliemae/ds-legacy-button-v2");
+var import_ds_legacy_system = require("@elliemae/ds-legacy-system");
+var import_DSToastDefinitions = require("../DSToastDefinitions.js");
+const StyledLink = (0, import_ds_legacy_system.styled)("span", { name: import_DSToastDefinitions.DSToastActionLinkName, slot: import_DSToastDefinitions.DSToastActionLinkSlots.ROOT })`
+  color: brand-600;
+  ${import_ds_legacy_system.xStyledCommonProps}
+`;
+const StyledContainer = (0, import_ds_legacy_system.styled)("div", { name: import_DSToastDefinitions.DSToastName, slot: import_DSToastDefinitions.DSToastSlots.CONTAINER })`
+  display: flex;
+  padding: ${import_ds_legacy_system.th.space("xxs")};
+  padding-right: ${import_ds_legacy_system.th.space("s")};
+`;
+const StyledIconContainer = (0, import_ds_legacy_system.styled)("div", { name: import_DSToastDefinitions.DSToastName, slot: import_DSToastDefinitions.DSToastSlots.ICON_CONTAINER })`
+  margin-top: ${import_ds_legacy_system.th.space("xxxs")};
+  margin-right: ${import_ds_legacy_system.th.space("xxs")};
+`;
+const StyledMessageContent = (0, import_ds_legacy_system.styled)("div", { name: import_DSToastDefinitions.DSToastName, slot: import_DSToastDefinitions.DSToastSlots.MESSAGE_CONTENT })`
+  flex: 1;
+`;
+const StyledMessageHeader = (0, import_ds_legacy_system.styled)("div", { name: import_DSToastDefinitions.DSToastName, slot: import_DSToastDefinitions.DSToastSlots.MESSAGE_HEADER })`
+  margin-top: ${import_ds_legacy_system.th.space("xxxs")};
+  margin-bottom: ${import_ds_legacy_system.th.space("xxs")};
+  color: neutral-700;
+  font-weight: 600;
+  font-size: 1rem;
+`;
+const StyledMessageText = (0, import_ds_legacy_system.styled)("span", { name: import_DSToastDefinitions.DSToastName, slot: import_DSToastDefinitions.DSToastSlots.MESSAGE_TEXT })`
+  color: neutral-500;
+  font-size: 1rem;
+`;
+const StyledAction = (0, import_ds_legacy_system.styled)("div", { name: import_DSToastDefinitions.DSToastActionName, slot: import_DSToastDefinitions.DSToastActionSlots.ROOT })`
+  position: relative;
+  &:focus {
+    &:after {
+      position: absolute;
+      content: '';
+      border: 2px solid brand-700;
+      top: -1px;
+      left: -1px;
+      width: calc(100% + 2px);
+      height: calc(100% + 2px);
+    }
+  }
+  &:focus-visible {
+    outline: none;
+  }
+  ${import_ds_legacy_system.xStyledCommonProps}
+`;
+const StyledButton = (0, import_ds_legacy_system.styled)(import_ds_legacy_button_v2.DSButtonV2, { name: import_DSToastDefinitions.DSToastName, slot: import_DSToastDefinitions.DSToastSlots.CLOSE_BUTTON })`
+  position: absolute;
+  top: 4px;
+  right: 4px;
+
+  fill: ${import_ds_legacy_system.th.color("neutral-300")};
+`;
+const ToastifyWrapper = (0, import_ds_legacy_system.styled)("div", { name: import_DSToastDefinitions.DSToastName, slot: import_DSToastDefinitions.DSToastSlots.ROOT })`
+  .Toastify__toast-container {
+    z-index: 9999;
+    position: fixed;
+    width: 300px;
+    box-sizing: border-box;
+    color: #fff;
+    &--top-left {
+      top: 1em;
+      left: 1em;
+    }
+    &--top-center {
+      top: 1em;
+      left: 50%;
+      margin-left: -150px;
+    }
+    &--top-right {
+      top: 1em;
+      right: 1em;
+    }
+    &--bottom-left {
+      bottom: 1em;
+      left: 1em;
+    }
+    &--bottom-center {
+      bottom: 1em;
+      left: 50%;
+      margin-left: -150px;
+    }
+    &--bottom-right {
+      bottom: 1em;
+      right: 1em;
+    }
+
+    &:not(.with-progressbar) {
+      .Toastify__toast {
+        &--default {
+          border-color: neutral-400;
+        }
+        &--info {
+          border-color: brand-400;
+        }
+        &--success {
+          border-color: success-900;
+        }
+        &--warning {
+          border-color: warning-900;
+        }
+        &--error {
+          border-color: danger-900;
+        }
+      }
+    }
+
+    &.with-progressbar {
+      .Toastify__toast {
+        &--default {
+          border-color: neutral-300;
+        }
+        &--info {
+          border-color: brand-300;
+        }
+        &--success {
+          border-color: success-300;
+        }
+        &--warning {
+          border-color: warning-600;
+        }
+        &--error {
+          border-color: danger-200;
+        }
+      }
+    }
+  }
+
+  .Toastify__toast {
+    position: relative;
+    min-height: 76px;
+    box-sizing: border-box;
+    border-radius: 1px;
+    display: flex;
+    justify-content: space-between;
+    cursor: pointer;
+    direction: ltr;
+    background-color: neutral-000;
+    border-left: 5px solid;
+    box-shadow: 0 4px 10px 1px neutral-400;
+    margin-bottom: ${import_ds_legacy_system.th.space("xxs")};
+    &--rtl {
+      direction: rtl;
+    }
+    &-body {
+      margin: 0;
+      flex: 1;
+    }
+  }
+
+  .Toastify__progress-bar {
+    position: absolute;
+    bottom: 0;
+    left: -5px;
+    width: 5px;
+    height: 0;
+    z-index: 9999;
+    opacity: 0.7;
+    animation: Toastify__trackProgress linear 1;
+    background-color: brand-200;
+
+    &--rtl {
+      right: 0;
+      left: initial;
+    }
+    &--default {
+      background-color: neutral-400;
+    }
+
+    &--info {
+      background-color: brand-400;
+    }
+    &--success {
+      background-color: success-900;
+    }
+    &--warning {
+      background-color: warning-900;
+    }
+    &--error {
+      background-color: danger-900;
+    }
+  }
+
+  @media only screen and (max-width: 480px) {
+    .Toastify__toast-container {
+      width: 100vw;
+      padding: 0;
+      left: 0;
+      margin: 0;
+      &--top-left,
+      &--top-center,
+      &--top-right {
+        top: 0;
+      }
+      &--bottom-left,
+      &--bottom-center,
+      &--bottom-right {
+        bottom: 0;
+      }
+      &--rtl {
+        right: 0;
+        left: initial;
+      }
+    }
+
+    .Toastify__toast {
+      margin-bottom: 0;
+    }
+  }
+
+  @keyframes Toastify__trackProgress {
+    from {
+      height: 100%;
+    }
+    to {
+      height: 0;
+    }
+  }
+
+  @keyframes Toastify__slideInRight {
+    from {
+      transform: translate3d(110%, 0, 0);
+      visibility: visible;
+    }
+    to {
+      transform: translate3d(0, 0, 0);
+    }
+  }
+
+  @keyframes Toastify__slideInLeft {
+    from {
+      transform: translate3d(-110%, 0, 0);
+      visibility: visible;
+    }
+    to {
+      transform: translate3d(0, 0, 0);
+    }
+  }
+
+  @keyframes Toastify__slideInUp {
+    from {
+      transform: translate3d(0, 110%, 0);
+      visibility: visible;
+    }
+    to {
+      transform: translate3d(0, 0, 0);
+    }
+  }
+
+  @keyframes Toastify__slideInDown {
+    from {
+      transform: translate3d(0, -110%, 0);
+      visibility: visible;
+    }
+    to {
+      transform: translate3d(0, 0, 0);
+    }
+  }
+
+  @keyframes Toastify__slideOutRight {
+    from {
+      transform: translate3d(0, 0, 0);
+    }
+    to {
+      visibility: hidden;
+      transform: translate3d(110%, 0, 0);
+    }
+  }
+
+  @keyframes Toastify__slideOutLeft {
+    from {
+      transform: translate3d(0, 0, 0);
+    }
+    to {
+      visibility: hidden;
+      transform: translate3d(-110%, 0, 0);
+    }
+  }
+
+  @keyframes Toastify__slideOutDown {
+    from {
+      transform: translate3d(0, 0, 0);
+    }
+    to {
+      visibility: hidden;
+      transform: translate3d(0, 500px, 0);
+    }
+  }
+
+  @keyframes Toastify__slideOutUp {
+    from {
+      transform: translate3d(0, 0, 0);
+    }
+    to {
+      visibility: hidden;
+      transform: translate3d(0, -500px, 0);
+    }
+  }
+
+  .Toastify__slide-enter {
+    &--top-left,
+    &--bottom-left {
+      animation-name: Toastify__slideInLeft;
+    }
+    &--top-right,
+    &--bottom-right {
+      animation-name: Toastify__slideInRight;
+    }
+    &--top-center {
+      animation-name: Toastify__slideInDown;
+    }
+    &--bottom-center {
+      animation-name: Toastify__slideInUp;
+    }
+  }
+
+  .Toastify__slide-exit {
+    &--top-left,
+    &--bottom-left {
+      animation-name: Toastify__slideOutLeft;
+    }
+    &--top-right,
+    &--bottom-right {
+      animation-name: Toastify__slideOutRight;
+    }
+    &--top-center {
+      animation-name: Toastify__slideOutUp;
+    }
+    &--bottom-center {
+      animation-name: Toastify__slideOutDown;
+    }
+  }
+  ${import_ds_legacy_system.xStyledCommonProps}
+`;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/parts/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/parts/styled.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport { DSButtonV2 } from '@elliemae/ds-legacy-button-v2';\nimport { styled, th, xStyledCommonProps } from '@elliemae/ds-legacy-system';\nimport {\n  DSToastActionLinkName,\n  DSToastActionName,\n  DSToastActionSlots,\n  DSToastActionLinkSlots,\n  DSToastName,\n  DSToastSlots,\n} from '../DSToastDefinitions.js';\n\nexport const StyledLink = styled('span', { name: DSToastActionLinkName, slot: DSToastActionLinkSlots.ROOT })`\n  color: brand-600;\n  ${xStyledCommonProps}\n`;\n\nexport const StyledContainer = styled('div', { name: DSToastName, slot: DSToastSlots.CONTAINER })`\n  display: flex;\n  padding: ${th.space('xxs')};\n  padding-right: ${th.space('s')};\n`;\n\nexport const StyledIconContainer = styled('div', { name: DSToastName, slot: DSToastSlots.ICON_CONTAINER })`\n  margin-top: ${th.space('xxxs')};\n  margin-right: ${th.space('xxs')};\n`;\n\nexport const StyledMessageContent = styled('div', { name: DSToastName, slot: DSToastSlots.MESSAGE_CONTENT })`\n  flex: 1;\n`;\n\nexport const StyledMessageHeader = styled('div', { name: DSToastName, slot: DSToastSlots.MESSAGE_HEADER })`\n  margin-top: ${th.space('xxxs')};\n  margin-bottom: ${th.space('xxs')};\n  color: neutral-700;\n  font-weight: 600;\n  font-size: 1rem;\n`;\n\nexport const StyledMessageText = styled('span', { name: DSToastName, slot: DSToastSlots.MESSAGE_TEXT })`\n  color: neutral-500;\n  font-size: 1rem;\n`;\n\nexport const StyledAction = styled('div', { name: DSToastActionName, slot: DSToastActionSlots.ROOT })`\n  position: relative;\n  &:focus {\n    &:after {\n      position: absolute;\n      content: '';\n      border: 2px solid brand-700;\n      top: -1px;\n      left: -1px;\n      width: calc(100% + 2px);\n      height: calc(100% + 2px);\n    }\n  }\n  &:focus-visible {\n    outline: none;\n  }\n  ${xStyledCommonProps}\n`;\n\nexport const StyledButton = styled(DSButtonV2, { name: DSToastName, slot: DSToastSlots.CLOSE_BUTTON })`\n  position: absolute;\n  top: 4px;\n  right: 4px;\n\n  fill: ${th.color('neutral-300')};\n`;\n\nexport const ToastifyWrapper = styled('div', { name: DSToastName, slot: DSToastSlots.ROOT })`\n  .Toastify__toast-container {\n    z-index: 9999;\n    position: fixed;\n    width: 300px;\n    box-sizing: border-box;\n    color: #fff;\n    &--top-left {\n      top: 1em;\n      left: 1em;\n    }\n    &--top-center {\n      top: 1em;\n      left: 50%;\n      margin-left: -150px;\n    }\n    &--top-right {\n      top: 1em;\n      right: 1em;\n    }\n    &--bottom-left {\n      bottom: 1em;\n      left: 1em;\n    }\n    &--bottom-center {\n      bottom: 1em;\n      left: 50%;\n      margin-left: -150px;\n    }\n    &--bottom-right {\n      bottom: 1em;\n      right: 1em;\n    }\n\n    &:not(.with-progressbar) {\n      .Toastify__toast {\n        &--default {\n          border-color: neutral-400;\n        }\n        &--info {\n          border-color: brand-400;\n        }\n        &--success {\n          border-color: success-900;\n        }\n        &--warning {\n          border-color: warning-900;\n        }\n        &--error {\n          border-color: danger-900;\n        }\n      }\n    }\n\n    &.with-progressbar {\n      .Toastify__toast {\n        &--default {\n          border-color: neutral-300;\n        }\n        &--info {\n          border-color: brand-300;\n        }\n        &--success {\n          border-color: success-300;\n        }\n        &--warning {\n          border-color: warning-600;\n        }\n        &--error {\n          border-color: danger-200;\n        }\n      }\n    }\n  }\n\n  .Toastify__toast {\n    position: relative;\n    min-height: 76px;\n    box-sizing: border-box;\n    border-radius: 1px;\n    display: flex;\n    justify-content: space-between;\n    cursor: pointer;\n    direction: ltr;\n    background-color: neutral-000;\n    border-left: 5px solid;\n    box-shadow: 0 4px 10px 1px neutral-400;\n    margin-bottom: ${th.space('xxs')};\n    &--rtl {\n      direction: rtl;\n    }\n    &-body {\n      margin: 0;\n      flex: 1;\n    }\n  }\n\n  .Toastify__progress-bar {\n    position: absolute;\n    bottom: 0;\n    left: -5px;\n    width: 5px;\n    height: 0;\n    z-index: 9999;\n    opacity: 0.7;\n    animation: Toastify__trackProgress linear 1;\n    background-color: brand-200;\n\n    &--rtl {\n      right: 0;\n      left: initial;\n    }\n    &--default {\n      background-color: neutral-400;\n    }\n\n    &--info {\n      background-color: brand-400;\n    }\n    &--success {\n      background-color: success-900;\n    }\n    &--warning {\n      background-color: warning-900;\n    }\n    &--error {\n      background-color: danger-900;\n    }\n  }\n\n  @media only screen and (max-width: 480px) {\n    .Toastify__toast-container {\n      width: 100vw;\n      padding: 0;\n      left: 0;\n      margin: 0;\n      &--top-left,\n      &--top-center,\n      &--top-right {\n        top: 0;\n      }\n      &--bottom-left,\n      &--bottom-center,\n      &--bottom-right {\n        bottom: 0;\n      }\n      &--rtl {\n        right: 0;\n        left: initial;\n      }\n    }\n\n    .Toastify__toast {\n      margin-bottom: 0;\n    }\n  }\n\n  @keyframes Toastify__trackProgress {\n    from {\n      height: 100%;\n    }\n    to {\n      height: 0;\n    }\n  }\n\n  @keyframes Toastify__slideInRight {\n    from {\n      transform: translate3d(110%, 0, 0);\n      visibility: visible;\n    }\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n\n  @keyframes Toastify__slideInLeft {\n    from {\n      transform: translate3d(-110%, 0, 0);\n      visibility: visible;\n    }\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n\n  @keyframes Toastify__slideInUp {\n    from {\n      transform: translate3d(0, 110%, 0);\n      visibility: visible;\n    }\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n\n  @keyframes Toastify__slideInDown {\n    from {\n      transform: translate3d(0, -110%, 0);\n      visibility: visible;\n    }\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n\n  @keyframes Toastify__slideOutRight {\n    from {\n      transform: translate3d(0, 0, 0);\n    }\n    to {\n      visibility: hidden;\n      transform: translate3d(110%, 0, 0);\n    }\n  }\n\n  @keyframes Toastify__slideOutLeft {\n    from {\n      transform: translate3d(0, 0, 0);\n    }\n    to {\n      visibility: hidden;\n      transform: translate3d(-110%, 0, 0);\n    }\n  }\n\n  @keyframes Toastify__slideOutDown {\n    from {\n      transform: translate3d(0, 0, 0);\n    }\n    to {\n      visibility: hidden;\n      transform: translate3d(0, 500px, 0);\n    }\n  }\n\n  @keyframes Toastify__slideOutUp {\n    from {\n      transform: translate3d(0, 0, 0);\n    }\n    to {\n      visibility: hidden;\n      transform: translate3d(0, -500px, 0);\n    }\n  }\n\n  .Toastify__slide-enter {\n    &--top-left,\n    &--bottom-left {\n      animation-name: Toastify__slideInLeft;\n    }\n    &--top-right,\n    &--bottom-right {\n      animation-name: Toastify__slideInRight;\n    }\n    &--top-center {\n      animation-name: Toastify__slideInDown;\n    }\n    &--bottom-center {\n      animation-name: Toastify__slideInUp;\n    }\n  }\n\n  .Toastify__slide-exit {\n    &--top-left,\n    &--bottom-left {\n      animation-name: Toastify__slideOutLeft;\n    }\n    &--top-right,\n    &--bottom-right {\n      animation-name: Toastify__slideOutRight;\n    }\n    &--top-center {\n      animation-name: Toastify__slideOutUp;\n    }\n    &--bottom-center {\n      animation-name: Toastify__slideOutDown;\n    }\n  }\n  ${xStyledCommonProps}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,iCAA2B;AAC3B,8BAA+C;AAC/C,gCAOO;AAEA,MAAM,iBAAa,gCAAO,QAAQ,EAAE,MAAM,iDAAuB,MAAM,iDAAuB,KAAK,CAAC;AAAA;AAAA,IAEvG;AAAA;AAGG,MAAM,sBAAkB,gCAAO,OAAO,EAAE,MAAM,uCAAa,MAAM,uCAAa,UAAU,CAAC;AAAA;AAAA,aAEnF,2BAAG,MAAM,KAAK;AAAA,mBACR,2BAAG,MAAM,GAAG;AAAA;AAGxB,MAAM,0BAAsB,gCAAO,OAAO,EAAE,MAAM,uCAAa,MAAM,uCAAa,eAAe,CAAC;AAAA,gBACzF,2BAAG,MAAM,MAAM;AAAA,kBACb,2BAAG,MAAM,KAAK;AAAA;AAGzB,MAAM,2BAAuB,gCAAO,OAAO,EAAE,MAAM,uCAAa,MAAM,uCAAa,gBAAgB,CAAC;AAAA;AAAA;AAIpG,MAAM,0BAAsB,gCAAO,OAAO,EAAE,MAAM,uCAAa,MAAM,uCAAa,eAAe,CAAC;AAAA,gBACzF,2BAAG,MAAM,MAAM;AAAA,mBACZ,2BAAG,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAM1B,MAAM,wBAAoB,gCAAO,QAAQ,EAAE,MAAM,uCAAa,MAAM,uCAAa,aAAa,CAAC;AAAA;AAAA;AAAA;AAK/F,MAAM,mBAAe,gCAAO,OAAO,EAAE,MAAM,6CAAmB,MAAM,6CAAmB,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAgBhG;AAAA;AAGG,MAAM,mBAAe,gCAAO,uCAAY,EAAE,MAAM,uCAAa,MAAM,uCAAa,aAAa,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,UAK3F,2BAAG,MAAM,aAAa;AAAA;AAGzB,MAAM,sBAAkB,gCAAO,OAAO,EAAE,MAAM,uCAAa,MAAM,uCAAa,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAuFtE,2BAAG,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAgM/B;AAAA;",
+  "names": []
+}

package/dist/cjs/react-desc-prop-types.js

@@ -0,0 +1,78 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var react_desc_prop_types_exports = {};
+__export(react_desc_prop_types_exports, {
+  DSToastActionLinkPropTypes: () => DSToastActionLinkPropTypes,
+  DSToastActionPropsTypes: () => DSToastActionPropsTypes,
+  DSToastPropTypes: () => DSToastPropTypes,
+  actionDefaultProps: () => actionDefaultProps,
+  defaultProps: () => defaultProps
+});
+module.exports = __toCommonJS(react_desc_prop_types_exports);
+var React = __toESM(require("react"));
+var import_ds_legacy_props_helpers = require("@elliemae/ds-legacy-props-helpers");
+var import_constants = require("./constants.js");
+const defaultProps = {
+  containerProps: {},
+  position: "bottom-left",
+  autoClose: 5e3,
+  showProgressBar: false,
+  closeOnClick: false,
+  enableMultiContainer: false
+};
+const actionDefaultProps = {};
+const DSToastPropTypes = {
+  /** inject props to wrapper */
+  containerProps: import_ds_legacy_props_helpers.PropTypes.object.description("inject props to wrapper").defaultValue({}),
+  /** Position on the screen to show the toast */
+  position: import_ds_legacy_props_helpers.PropTypes.oneOf(import_constants.toastsPositions).description("Position on the screen to show the toast").defaultValue("bottom-left"),
+  /** ms to autoclose the toast */
+  autoClose: import_ds_legacy_props_helpers.PropTypes.oneOfType([import_ds_legacy_props_helpers.PropTypes.number, import_ds_legacy_props_helpers.PropTypes.oneOf([false])]).description("ms to autoclose the toast, false if you don't want to automatically close").defaultValue(5e3),
+  /** Whether to show a progress bar indicating when the toast is going to be closed */
+  showProgressBar: import_ds_legacy_props_helpers.PropTypes.bool.description("Whether to show a progress bar indicating when the toast is going to be closed").defaultValue(false),
+  /** Close toast handler */
+  closeOnClick: import_ds_legacy_props_helpers.PropTypes.bool.description("Close toast handler").defaultValue(false),
+  /** Allows instantiating multiple Toast containers */
+  enableMultiContainer: import_ds_legacy_props_helpers.PropTypes.bool.description("Allows instantiating multiple Toast containers").defaultValue(false),
+  /** unique id for multi container */
+  containerId: import_ds_legacy_props_helpers.PropTypes.oneOfType([import_ds_legacy_props_helpers.PropTypes.string, import_ds_legacy_props_helpers.PropTypes.number]).description("unique id for multi container")
+};
+const DSToastActionLinkPropTypes = {
+  /** link text */
+  children: import_ds_legacy_props_helpers.PropTypes.node.isRequired.description("link text")
+};
+const DSToastActionPropsTypes = {
+  /** DSToastActionLink component or text string */
+  children: import_ds_legacy_props_helpers.PropTypes.node.description("DSToastActionLink component or text string"),
+  /** click handler */
+  onClick: import_ds_legacy_props_helpers.PropTypes.func.description("click handler"),
+  /** key down handler */
+  onKeyDown: import_ds_legacy_props_helpers.PropTypes.func.description("key down handler")
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/cjs/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/react-desc-prop-types.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type React from 'react';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-legacy-props-helpers';\nimport { PropTypes } from '@elliemae/ds-legacy-props-helpers';\nimport type { WeakValidationMap } from 'react';\nimport { toastsPositions } from './constants.js';\nimport type { toastTypes } from './constants.js';\n\nexport declare namespace DSToastT {\n  type PropsT<D, R, O, E> = Partial<D> &\n    R &\n    O &\n    Omit<GlobalAttributesT<E>, keyof D | keyof R | keyof O> &\n    Omit<XstyledProps, keyof D | keyof R | keyof O>;\n  type InternalPropsT<D, R, O, E> = D &\n    R &\n    O &\n    Omit<GlobalAttributesT<E>, keyof D | keyof R | keyof O> &\n    Omit<XstyledProps, keyof D | keyof R | keyof O>;\n\n  export type ToastPositions = (typeof toastsPositions)[number];\n\n  export type ToastTypes = (typeof toastTypes)[number];\n\n  export interface DefaultProps {\n    containerProps: Record<string, unknown>;\n    position: ToastPositions;\n    autoClose: number;\n    showProgressBar: boolean;\n    closeOnClick: boolean;\n    enableMultiContainer: boolean;\n  }\n\n  export interface OptionalProps {\n    containerId?: string | number;\n    closeButtonRef?: React.MutableRefObject<HTMLButtonElement | null>;\n  }\n\n  export interface RequiredProps {}\n\n  export type Props = PropsT<DefaultProps, RequiredProps, OptionalProps, HTMLDivElement>;\n\n  export type InternalProps = InternalPropsT<DefaultProps, RequiredProps, OptionalProps, HTMLDivElement>;\n\n  export interface ActionDefaultProps {}\n\n  export interface ActionOptionalProps {\n    onClick?: React.MouseEventHandler;\n    onKeyDown?: React.KeyboardEventHandler;\n  }\n\n  export interface ActionRequiredProps {\n    children: React.ReactNode;\n  }\n\n  export type ActionProps = PropsT<ActionDefaultProps, ActionRequiredProps, ActionOptionalProps, HTMLDivElement>;\n\n  export type ActionInternalProps = InternalPropsT<\n    ActionDefaultProps,\n    ActionRequiredProps,\n    ActionOptionalProps,\n    HTMLDivElement\n  >;\n}\n\nexport const defaultProps: DSToastT.DefaultProps = {\n  containerProps: {},\n  position: 'bottom-left',\n  autoClose: 5000,\n  showProgressBar: false,\n  closeOnClick: false,\n  enableMultiContainer: false,\n};\n\nexport const actionDefaultProps: DSToastT.ActionDefaultProps = {};\n\n// =============================================================================\n// PropTypes\n// =============================================================================\nexport const DSToastPropTypes = {\n  /** inject props to wrapper */\n  containerProps: PropTypes.object.description('inject props to wrapper').defaultValue({}),\n  /** Position on the screen to show the toast */\n  position: PropTypes.oneOf(toastsPositions as unknown as string[])\n    .description('Position on the screen to show the toast')\n    .defaultValue('bottom-left'),\n  /** ms to autoclose the toast */\n  autoClose: PropTypes.oneOfType([PropTypes.number, PropTypes.oneOf([false])])\n    .description(\"ms to autoclose the toast, false if you don't want to automatically close\")\n    .defaultValue(5000),\n  /** Whether to show a progress bar indicating when the toast is going to be closed */\n  showProgressBar: PropTypes.bool\n    .description('Whether to show a progress bar indicating when the toast is going to be closed')\n    .defaultValue(false),\n  /** Close toast handler */\n  closeOnClick: PropTypes.bool.description('Close toast handler').defaultValue(false),\n  /** Allows instantiating multiple Toast containers */\n  enableMultiContainer: PropTypes.bool\n    .description('Allows instantiating multiple Toast containers')\n    .defaultValue(false),\n  /** unique id for multi container */\n  containerId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('unique id for multi container'),\n} as WeakValidationMap<unknown>;\n\nexport const DSToastActionLinkPropTypes = {\n  /** link text */\n  children: PropTypes.node.isRequired.description('link text'),\n} as React.WeakValidationMap<unknown>;\n\nexport const DSToastActionPropsTypes = {\n  /** DSToastActionLink component or text string */\n  children: PropTypes.node.description('DSToastActionLink component or text string'),\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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,qCAA0B;AAE1B,uBAAgC;AA4DzB,MAAM,eAAsC;AAAA,EACjD,gBAAgB,CAAC;AAAA,EACjB,UAAU;AAAA,EACV,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,sBAAsB;AACxB;AAEO,MAAM,qBAAkD,CAAC;AAKzD,MAAM,mBAAmB;AAAA;AAAA,EAE9B,gBAAgB,yCAAU,OAAO,YAAY,yBAAyB,EAAE,aAAa,CAAC,CAAC;AAAA;AAAA,EAEvF,UAAU,yCAAU,MAAM,gCAAsC,EAC7D,YAAY,0CAA0C,EACtD,aAAa,aAAa;AAAA;AAAA,EAE7B,WAAW,yCAAU,UAAU,CAAC,yCAAU,QAAQ,yCAAU,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EACxE,YAAY,2EAA2E,EACvF,aAAa,GAAI;AAAA;AAAA,EAEpB,iBAAiB,yCAAU,KACxB,YAAY,gFAAgF,EAC5F,aAAa,KAAK;AAAA;AAAA,EAErB,cAAc,yCAAU,KAAK,YAAY,qBAAqB,EAAE,aAAa,KAAK;AAAA;AAAA,EAElF,sBAAsB,yCAAU,KAC7B,YAAY,gDAAgD,EAC5D,aAAa,KAAK;AAAA;AAAA,EAErB,aAAa,yCAAU,UAAU,CAAC,yCAAU,QAAQ,yCAAU,MAAM,CAAC,EAAE,YAAY,+BAA+B;AACpH;AAEO,MAAM,6BAA6B;AAAA;AAAA,EAExC,UAAU,yCAAU,KAAK,WAAW,YAAY,WAAW;AAC7D;AAEO,MAAM,0BAA0B;AAAA;AAAA,EAErC,UAAU,yCAAU,KAAK,YAAY,4CAA4C;AAAA;AAAA,EAEjF,SAAS,yCAAU,KAAK,YAAY,eAAe;AAAA;AAAA,EAEnD,WAAW,yCAAU,KAAK,YAAY,kBAAkB;AAC1D;",
+  "names": []
+}

package/dist/cjs/toast.js

@@ -0,0 +1,46 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var toast_exports = {};
+__export(toast_exports, {
+  toast: () => toast
+});
+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_DSToastContent = require("./parts/DSToastContent.js");
+const toast = Object.assign(
+  ({ type, messageTitle, messageText, ...rest }, options) => (0, import_react_toastify.toast)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSToastContent.DSToastContent, { messageText, messageTitle, type }), {
+    ...rest,
+    ...options,
+    type
+  }),
+  { ...import_react_toastify.toast, isActive: (id) => import_react_toastify.toast.isActive(id) }
+);
+//# sourceMappingURL=toast.js.map

package/dist/cjs/toast.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/toast.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport type { ToastOptions } from 'react-toastify';\nimport { toast as toastifyToast } from 'react-toastify';\nimport type { DSToastContentProps } from './parts/DSToastContent.js';\nimport { DSToastContent } from './parts/DSToastContent.js';\n\nconst toast = Object.assign(\n  ({ type, messageTitle, messageText, ...rest }: DSToastContentProps, options: ToastOptions) =>\n    toastifyToast(<DSToastContent messageText={messageText} messageTitle={messageTitle} type={type} />, {\n      ...rest,\n      ...options,\n      type,\n    }),\n  { ...toastifyToast, isActive: (id: string | number) => toastifyToast.isActive(id) },\n);\n\nexport { toast };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADQL;AANlB,4BAAuC;AAEvC,4BAA+B;AAE/B,MAAM,QAAQ,OAAO;AAAA,EACnB,CAAC,EAAE,MAAM,cAAc,aAAa,GAAG,KAAK,GAAwB,gBAClE,sBAAAA,OAAc,4CAAC,wCAAe,aAA0B,cAA4B,MAAY,GAAI;AAAA,IAClG,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,EACF,CAAC;AAAA,EACH,EAAE,GAAG,sBAAAA,OAAe,UAAU,CAAC,OAAwB,sBAAAA,MAAc,SAAS,EAAE,EAAE;AACpF;",
+  "names": ["toastifyToast"]
+}

package/dist/esm/DSToastDefinitions.js

@@ -0,0 +1,38 @@
+import * as React from "react";
+import { slotObjectToDataTestIds } from "@elliemae/ds-legacy-system";
+const DSToastName = "DSToast";
+const DSToastActionLinkName = "DSToastActionLink";
+const DSToastActionName = "DSToastAction";
+const DSToastSlots = {
+  ROOT: "root",
+  CLOSE_BUTTON: "close-button",
+  CONTAINER: "container",
+  ICON_CONTAINER: "icon-container",
+  MESSAGE_CONTENT: "message-content",
+  MESSAGE_HEADER: "message-header",
+  MESSAGE_TEXT: "message-text"
+};
+const DSToastActionSlots = {
+  ROOT: "root"
+};
+const DSToastActionLinkSlots = {
+  ROOT: "root"
+};
+const DSToastDataTestIds = {
+  ...slotObjectToDataTestIds(DSToastName, DSToastSlots),
+  CONTAINER: "ds-toast-render"
+};
+const DSToastActionDataTestIds = slotObjectToDataTestIds(DSToastActionName, DSToastActionSlots);
+const DSToastActionLinkDataTestIds = slotObjectToDataTestIds(DSToastActionLinkName, DSToastActionLinkSlots);
+export {
+  DSToastActionDataTestIds,
+  DSToastActionLinkDataTestIds,
+  DSToastActionLinkName,
+  DSToastActionLinkSlots,
+  DSToastActionName,
+  DSToastActionSlots,
+  DSToastDataTestIds,
+  DSToastName,
+  DSToastSlots
+};
+//# sourceMappingURL=DSToastDefinitions.js.map