@twilio-paste/toast - npm Package Compare versions

Comparing version 11.0.0 to 11.0.1

dist/index.debug.es.js

@@ -1,33 +0,1 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-
 // src/Toast.tsx
@@ -89,7 +57,7 @@ import * as React5 from "react";
 // src/ErrorToast.tsx
-var ErrorToast = React.forwardRef((_a, ref) => {
-  var _b = _a, { element = "TOAST", variant } = _b, props = __objRest(_b, ["element", "variant"]);
+var ErrorToast = React.forwardRef(({ element = "TOAST", variant, ...props }, ref) => {
   return /* @__PURE__ */ React.createElement(
     Box,
-    __spreadProps(__spreadValues({}, safelySpreadBoxProps(props)), {
+    {
+      ...safelySpreadBoxProps(props),
       ref,
@@ -107,3 +75,3 @@ color: "colorTextError",
       variant
-    }),
+    },
     props.children
@@ -118,7 +86,7 @@ );
 import { Box as Box2, safelySpreadBoxProps as safelySpreadBoxProps2 } from "@twilio-paste/box";
-var NeutralToast = React2.forwardRef((_a, ref) => {
-  var _b = _a, { element = "TOAST", variant } = _b, props = __objRest(_b, ["element", "variant"]);
+var NeutralToast = React2.forwardRef(({ element = "TOAST", variant, ...props }, ref) => {
   return /* @__PURE__ */ React2.createElement(
     Box2,
-    __spreadProps(__spreadValues({}, safelySpreadBoxProps2(props)), {
+    {
+      ...safelySpreadBoxProps2(props),
       ref,
@@ -136,3 +104,3 @@ color: "colorTextNeutral",
       variant
-    }),
+    },
     props.children
@@ -147,7 +115,7 @@ );
 import { Box as Box3, safelySpreadBoxProps as safelySpreadBoxProps3 } from "@twilio-paste/box";
-var SuccessToast = React3.forwardRef((_a, ref) => {
-  var _b = _a, { element = "TOAST", variant } = _b, props = __objRest(_b, ["element", "variant"]);
+var SuccessToast = React3.forwardRef(({ element = "TOAST", variant, ...props }, ref) => {
   return /* @__PURE__ */ React3.createElement(
     Box3,
-    __spreadProps(__spreadValues({}, safelySpreadBoxProps3(props)), {
+    {
+      ...safelySpreadBoxProps3(props),
       ref,
@@ -165,3 +133,3 @@ color: "colorTextSuccess",
       variant
-    }),
+    },
     props.children
@@ -176,7 +144,7 @@ );
 import { Box as Box4, safelySpreadBoxProps as safelySpreadBoxProps4 } from "@twilio-paste/box";
-var WarningToast = React4.forwardRef((_a, ref) => {
-  var _b = _a, { element = "TOAST", variant } = _b, props = __objRest(_b, ["element", "variant"]);
+var WarningToast = React4.forwardRef(({ element = "TOAST", variant, ...props }, ref) => {
   return /* @__PURE__ */ React4.createElement(
     Box4,
-    __spreadProps(__spreadValues({}, safelySpreadBoxProps4(props)), {
+    {
+      ...safelySpreadBoxProps4(props),
       ref,
@@ -194,3 +162,3 @@ color: "colorTextWarningStrong",
       variant
-    }),
+    },
     props.children
@@ -259,26 +227,15 @@ );
 var Toast = React5.forwardRef(
-  (_a, ref) => {
-    var _b = _a, {
-      children,
-      onDismiss,
-      variant = "neutral",
-      element = "TOAST",
-      setFocus,
-      i18nDismissLabel = "Dismiss toast",
-      i18nErrorLabel = "(error)",
-      i18nNeutralLabel = "(information)",
-      i18nSuccessLabel = "(success)",
-      i18nWarningLabel = "(warning)"
-    } = _b, props = __objRest(_b, [
-      "children",
-      "onDismiss",
-      "variant",
-      "element",
-      "setFocus",
-      "i18nDismissLabel",
-      "i18nErrorLabel",
-      "i18nNeutralLabel",
-      "i18nSuccessLabel",
-      "i18nWarningLabel"
-    ]);
+  ({
+    children,
+    onDismiss,
+    variant = "neutral",
+    element = "TOAST",
+    setFocus,
+    i18nDismissLabel = "Dismiss toast",
+    i18nErrorLabel = "(error)",
+    i18nNeutralLabel = "(information)",
+    i18nSuccessLabel = "(success)",
+    i18nWarningLabel = "(warning)",
+    ...props
+  }, ref) => {
     const ToastComponent = ToastComponentVariants[variant];
@@ -297,3 +254,3 @@ const buttonRef = React5.useRef(null);
     };
-    return /* @__PURE__ */ React5.createElement(ToastComponent, __spreadValues({ role: "status", variant, element, ref }, props), /* @__PURE__ */ React5.createElement(MediaObject, { as: "div" }, /* @__PURE__ */ React5.createElement(MediaFigure, { as: "div", spacing: "space60" }, renderToastIcon(variant, i18nVariants[variant], element)), /* @__PURE__ */ React5.createElement(MediaBody, { as: "div" }, children), onDismiss && typeof onDismiss === "function" && /* @__PURE__ */ React5.createElement(MediaFigure, { align: "end", spacing: "space40" }, /* @__PURE__ */ React5.createElement(
+    return /* @__PURE__ */ React5.createElement(ToastComponent, { role: "status", variant, element, ref, ...props }, /* @__PURE__ */ React5.createElement(MediaObject, { as: "div" }, /* @__PURE__ */ React5.createElement(MediaFigure, { as: "div", spacing: "space60" }, renderToastIcon(variant, i18nVariants[variant], element)), /* @__PURE__ */ React5.createElement(MediaBody, { as: "div" }, children), onDismiss && typeof onDismiss === "function" && /* @__PURE__ */ React5.createElement(MediaFigure, { align: "end", spacing: "space40" }, /* @__PURE__ */ React5.createElement(
       Button,
@@ -324,7 +281,7 @@ {
 import { Box as Box5, safelySpreadBoxProps as safelySpreadBoxProps5 } from "@twilio-paste/box";
-var ToastPortal = React6.forwardRef((_a, ref) => {
-  var _b = _a, { children, left } = _b, props = __objRest(_b, ["children", "left"]);
+var ToastPortal = React6.forwardRef(({ children, left, ...props }, ref) => {
   return /* @__PURE__ */ React6.createElement(Portal, null, /* @__PURE__ */ React6.createElement(StyledBase, null, /* @__PURE__ */ React6.createElement(
     Box5,
-    __spreadProps(__spreadValues({}, safelySpreadBoxProps5(props)), {
+    {
+      ...safelySpreadBoxProps5(props),
       position: "fixed",
@@ -336,3 +293,3 @@ right: "space40",
       ref
-    }),
+    },
     children
@@ -347,5 +304,4 @@ )));
 // src/ToastContainer.tsx
-var ToastContainer = React7.forwardRef((_a, ref) => {
-  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ React7.createElement(ToastPortal, __spreadValues({}, props), /* @__PURE__ */ React7.createElement(Stack, { orientation: "vertical", spacing: "space40", ref }, children));
+var ToastContainer = React7.forwardRef(({ children, ...props }, ref) => {
+  return /* @__PURE__ */ React7.createElement(ToastPortal, { ...props }, /* @__PURE__ */ React7.createElement(Stack, { orientation: "vertical", spacing: "space40", ref }, children));
 });
@@ -361,4 +317,3 @@ ToastContainer.displayName = "ToastContainer";
 var AnimatedToast = animated(Box6);
-var Toaster = (_a) => {
-  var _b = _a, { toasts, pop } = _b, props = __objRest(_b, ["toasts", "pop"]);
+var Toaster = ({ toasts, pop, ...props }) => {
   const prefersReducedMotion = useReducedMotion();
@@ -404,8 +359,8 @@ const [refMap] = React8.useState(() => /* @__PURE__ */ new WeakMap());
   }, [toasts]);
-  return /* @__PURE__ */ React8.createElement(ToastPortal, __spreadValues({}, props), transitions((styles, item, state, index) => {
+  return /* @__PURE__ */ React8.createElement(ToastPortal, { ...props }, transitions((styles, item, state, index) => {
     return /* @__PURE__ */ React8.createElement(AnimatedToast, { as: "div", key: state.key, style: styles }, /* @__PURE__ */ React8.createElement(
       Toast,
-      __spreadProps(__spreadValues({
-        key: item.id
-      }, item), {
+      {
+        key: item.id,
+        ...item,
         onDismiss: () => {
@@ -428,3 +383,3 @@ if (item.onDismiss != null) {
         }
-      }),
+      },
       item.message
@@ -486,3 +441,3 @@ ));
     });
-    setToasts([__spreadValues({ id: generatedID, timeOutId, setFocus: true }, newToast), ...existingToasts]);
+    setToasts([{ id: generatedID, timeOutId, setFocus: true, ...newToast }, ...existingToasts]);
   };
@@ -489,0 +444,0 @@ return { toasts, push, pop };

dist/index.debug.js

 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 var __export = (target, all) => {
@@ -122,7 +93,7 @@ for (var name in all)
 // src/ErrorToast.tsx
-var ErrorToast = React.forwardRef((_a, ref) => {
-  var _b = _a, { element = "TOAST", variant } = _b, props = __objRest(_b, ["element", "variant"]);
+var ErrorToast = React.forwardRef(({ element = "TOAST", variant, ...props }, ref) => {
   return /* @__PURE__ */ React.createElement(
     import_box.Box,
-    __spreadProps(__spreadValues({}, (0, import_box.safelySpreadBoxProps)(props)), {
+    {
+      ...(0, import_box.safelySpreadBoxProps)(props),
       ref,
@@ -140,3 +111,3 @@ color: "colorTextError",
       variant
-    }),
+    },
     props.children
@@ -151,7 +122,7 @@ );
 var import_box2 = require("@twilio-paste/box");
-var NeutralToast = React2.forwardRef((_a, ref) => {
-  var _b = _a, { element = "TOAST", variant } = _b, props = __objRest(_b, ["element", "variant"]);
+var NeutralToast = React2.forwardRef(({ element = "TOAST", variant, ...props }, ref) => {
   return /* @__PURE__ */ React2.createElement(
     import_box2.Box,
-    __spreadProps(__spreadValues({}, (0, import_box2.safelySpreadBoxProps)(props)), {
+    {
+      ...(0, import_box2.safelySpreadBoxProps)(props),
       ref,
@@ -169,3 +140,3 @@ color: "colorTextNeutral",
       variant
-    }),
+    },
     props.children
@@ -180,7 +151,7 @@ );
 var import_box3 = require("@twilio-paste/box");
-var SuccessToast = React3.forwardRef((_a, ref) => {
-  var _b = _a, { element = "TOAST", variant } = _b, props = __objRest(_b, ["element", "variant"]);
+var SuccessToast = React3.forwardRef(({ element = "TOAST", variant, ...props }, ref) => {
   return /* @__PURE__ */ React3.createElement(
     import_box3.Box,
-    __spreadProps(__spreadValues({}, (0, import_box3.safelySpreadBoxProps)(props)), {
+    {
+      ...(0, import_box3.safelySpreadBoxProps)(props),
       ref,
@@ -198,3 +169,3 @@ color: "colorTextSuccess",
       variant
-    }),
+    },
     props.children
@@ -209,7 +180,7 @@ );
 var import_box4 = require("@twilio-paste/box");
-var WarningToast = React4.forwardRef((_a, ref) => {
-  var _b = _a, { element = "TOAST", variant } = _b, props = __objRest(_b, ["element", "variant"]);
+var WarningToast = React4.forwardRef(({ element = "TOAST", variant, ...props }, ref) => {
   return /* @__PURE__ */ React4.createElement(
     import_box4.Box,
-    __spreadProps(__spreadValues({}, (0, import_box4.safelySpreadBoxProps)(props)), {
+    {
+      ...(0, import_box4.safelySpreadBoxProps)(props),
       ref,
@@ -227,3 +198,3 @@ color: "colorTextWarningStrong",
       variant
-    }),
+    },
     props.children
@@ -292,26 +263,15 @@ );
 var Toast = React5.forwardRef(
-  (_a, ref) => {
-    var _b = _a, {
-      children,
-      onDismiss,
-      variant = "neutral",
-      element = "TOAST",
-      setFocus,
-      i18nDismissLabel = "Dismiss toast",
-      i18nErrorLabel = "(error)",
-      i18nNeutralLabel = "(information)",
-      i18nSuccessLabel = "(success)",
-      i18nWarningLabel = "(warning)"
-    } = _b, props = __objRest(_b, [
-      "children",
-      "onDismiss",
-      "variant",
-      "element",
-      "setFocus",
-      "i18nDismissLabel",
-      "i18nErrorLabel",
-      "i18nNeutralLabel",
-      "i18nSuccessLabel",
-      "i18nWarningLabel"
-    ]);
+  ({
+    children,
+    onDismiss,
+    variant = "neutral",
+    element = "TOAST",
+    setFocus,
+    i18nDismissLabel = "Dismiss toast",
+    i18nErrorLabel = "(error)",
+    i18nNeutralLabel = "(information)",
+    i18nSuccessLabel = "(success)",
+    i18nWarningLabel = "(warning)",
+    ...props
+  }, ref) => {
     const ToastComponent = ToastComponentVariants[variant];
@@ -330,3 +290,3 @@ const buttonRef = React5.useRef(null);
     };
-    return /* @__PURE__ */ React5.createElement(ToastComponent, __spreadValues({ role: "status", variant, element, ref }, props), /* @__PURE__ */ React5.createElement(import_media_object.MediaObject, { as: "div" }, /* @__PURE__ */ React5.createElement(import_media_object.MediaFigure, { as: "div", spacing: "space60" }, renderToastIcon(variant, i18nVariants[variant], element)), /* @__PURE__ */ React5.createElement(import_media_object.MediaBody, { as: "div" }, children), onDismiss && typeof onDismiss === "function" && /* @__PURE__ */ React5.createElement(import_media_object.MediaFigure, { align: "end", spacing: "space40" }, /* @__PURE__ */ React5.createElement(
+    return /* @__PURE__ */ React5.createElement(ToastComponent, { role: "status", variant, element, ref, ...props }, /* @__PURE__ */ React5.createElement(import_media_object.MediaObject, { as: "div" }, /* @__PURE__ */ React5.createElement(import_media_object.MediaFigure, { as: "div", spacing: "space60" }, renderToastIcon(variant, i18nVariants[variant], element)), /* @__PURE__ */ React5.createElement(import_media_object.MediaBody, { as: "div" }, children), onDismiss && typeof onDismiss === "function" && /* @__PURE__ */ React5.createElement(import_media_object.MediaFigure, { align: "end", spacing: "space40" }, /* @__PURE__ */ React5.createElement(
       import_button.Button,
@@ -357,7 +317,7 @@ {
 var import_box5 = require("@twilio-paste/box");
-var ToastPortal = React6.forwardRef((_a, ref) => {
-  var _b = _a, { children, left } = _b, props = __objRest(_b, ["children", "left"]);
+var ToastPortal = React6.forwardRef(({ children, left, ...props }, ref) => {
   return /* @__PURE__ */ React6.createElement(import_reakit_library.Portal, null, /* @__PURE__ */ React6.createElement(import_theme.StyledBase, null, /* @__PURE__ */ React6.createElement(
     import_box5.Box,
-    __spreadProps(__spreadValues({}, (0, import_box5.safelySpreadBoxProps)(props)), {
+    {
+      ...(0, import_box5.safelySpreadBoxProps)(props),
       position: "fixed",
@@ -369,3 +329,3 @@ right: "space40",
       ref
-    }),
+    },
     children
@@ -380,5 +340,4 @@ )));
 // src/ToastContainer.tsx
-var ToastContainer = React7.forwardRef((_a, ref) => {
-  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ React7.createElement(ToastPortal, __spreadValues({}, props), /* @__PURE__ */ React7.createElement(import_stack.Stack, { orientation: "vertical", spacing: "space40", ref }, children));
+var ToastContainer = React7.forwardRef(({ children, ...props }, ref) => {
+  return /* @__PURE__ */ React7.createElement(ToastPortal, { ...props }, /* @__PURE__ */ React7.createElement(import_stack.Stack, { orientation: "vertical", spacing: "space40", ref }, children));
 });
@@ -394,4 +353,3 @@ ToastContainer.displayName = "ToastContainer";
 var AnimatedToast = (0, import_animation_library.animated)(import_box6.Box);
-var Toaster = (_a) => {
-  var _b = _a, { toasts, pop } = _b, props = __objRest(_b, ["toasts", "pop"]);
+var Toaster = ({ toasts, pop, ...props }) => {
   const prefersReducedMotion = (0, import_animation_library.useReducedMotion)();
@@ -437,8 +395,8 @@ const [refMap] = React8.useState(() => /* @__PURE__ */ new WeakMap());
   }, [toasts]);
-  return /* @__PURE__ */ React8.createElement(ToastPortal, __spreadValues({}, props), transitions((styles, item, state, index) => {
+  return /* @__PURE__ */ React8.createElement(ToastPortal, { ...props }, transitions((styles, item, state, index) => {
     return /* @__PURE__ */ React8.createElement(AnimatedToast, { as: "div", key: state.key, style: styles }, /* @__PURE__ */ React8.createElement(
       Toast,
-      __spreadProps(__spreadValues({
-        key: item.id
-      }, item), {
+      {
+        key: item.id,
+        ...item,
         onDismiss: () => {
@@ -461,3 +419,3 @@ if (item.onDismiss != null) {
         }
-      }),
+      },
       item.message
@@ -519,3 +477,3 @@ ));
     });
-    setToasts([__spreadValues({ id: generatedID, timeOutId, setFocus: true }, newToast), ...existingToasts]);
+    setToasts([{ id: generatedID, timeOutId, setFocus: true, ...newToast }, ...existingToasts]);
   };
@@ -522,0 +480,0 @@ return { toasts, push, pop };

dist/index.es.js

@@ -1,1 +0,1 @@
-var __defProp=Object.defineProperty,__defProps=Object.defineProperties;var __getOwnPropDescs=Object.getOwnPropertyDescriptors;var __getOwnPropSymbols=Object.getOwnPropertySymbols;var __hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable;var __defNormalProp=(obj,key,value)=>key in obj?__defProp(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value,__spreadValues=(a,b)=>{for(var prop in b||(b={}))__hasOwnProp.call(b,prop)&&__defNormalProp(a,prop,b[prop]);if(__getOwnPropSymbols)for(var prop of __getOwnPropSymbols(b))__propIsEnum.call(b,prop)&&__defNormalProp(a,prop,b[prop]);return a},__spreadProps=(a,b)=>__defProps(a,__getOwnPropDescs(b));var __objRest=(source,exclude)=>{var target={};for(var prop in source)__hasOwnProp.call(source,prop)&&exclude.indexOf(prop)<0&&(target[prop]=source[prop]);if(source!=null&&__getOwnPropSymbols)for(var prop of __getOwnPropSymbols(source))exclude.indexOf(prop)<0&&__propIsEnum.call(source,prop)&&(target[prop]=source[prop]);return target};import*as React5 from"react";import{Button}from"@twilio-paste/button";import{CloseIcon}from"@twilio-paste/icons/esm/CloseIcon";import{ErrorIcon}from"@twilio-paste/icons/esm/ErrorIcon";import{NeutralIcon}from"@twilio-paste/icons/esm/NeutralIcon";import{SuccessIcon}from"@twilio-paste/icons/esm/SuccessIcon";import{WarningIcon}from"@twilio-paste/icons/esm/WarningIcon";import{MediaObject,MediaFigure,MediaBody}from"@twilio-paste/media-object";import{ScreenReaderOnly}from"@twilio-paste/screen-reader-only";import*as React from"react";import{Box,safelySpreadBoxProps}from"@twilio-paste/box";import PropTypes from"prop-types";var ToastVariantObject={ERROR:"error",NEUTRAL:"neutral",SUCCESS:"success",WARNING:"warning"};var ToastPropTypes={children:PropTypes.node.isRequired,onDismiss:PropTypes.func,variant:PropTypes.oneOf(["error","neutral","success","warning"]),i18nDismissLabel:PropTypes.string,i18nErrorLabel:PropTypes.string,i18nNeutralLabel:PropTypes.string,i18nSuccessLabel:PropTypes.string,i18nWarningLabel:PropTypes.string},ToastPortalPropTypes={children:PropTypes.node.isRequired},ToastContainerPropTypes={children:PropTypes.node.isRequired},ToasterPropTypes={toasts:PropTypes.arrayOf(PropTypes.shape({id:PropTypes.string.isRequired,message:PropTypes.node.isRequired,setFocus:PropTypes.bool,variant:PropTypes.oneOf(Object.values(ToastVariantObject)).isRequired})).isRequired,pop:PropTypes.func.isRequired};var ErrorToast=React.forwardRef((_a,ref)=>{var _b=_a,{element="TOAST",variant}=_b,props=__objRest(_b,["element","variant"]);return React.createElement(Box,__spreadProps(__spreadValues({},safelySpreadBoxProps(props)),{ref,color:"colorTextError",width:["100%","size40","size40"],backgroundColor:"colorBackgroundErrorWeakest",borderColor:"colorBorderErrorWeak",borderRadius:"borderRadius30",borderStyle:"solid",borderWidth:"borderWidth10",boxShadow:"shadowHigh",element,padding:"space60",variant}),props.children)});ErrorToast.displayName="ErrorToast";ErrorToast.propTypes=ToastPropTypes;import*as React2 from"react";import{Box as Box2,safelySpreadBoxProps as safelySpreadBoxProps2}from"@twilio-paste/box";var NeutralToast=React2.forwardRef((_a,ref)=>{var _b=_a,{element="TOAST",variant}=_b,props=__objRest(_b,["element","variant"]);return React2.createElement(Box2,__spreadProps(__spreadValues({},safelySpreadBoxProps2(props)),{ref,color:"colorTextNeutral",width:["100%","size40","size40"],backgroundColor:"colorBackgroundNeutralWeakest",borderColor:"colorBorderNeutralWeak",borderRadius:"borderRadius30",borderStyle:"solid",borderWidth:"borderWidth10",boxShadow:"shadowHigh",element,padding:"space60",variant}),props.children)});NeutralToast.displayName="NeutralToast";NeutralToast.propTypes=ToastPropTypes;import*as React3 from"react";import{Box as Box3,safelySpreadBoxProps as safelySpreadBoxProps3}from"@twilio-paste/box";var SuccessToast=React3.forwardRef((_a,ref)=>{var _b=_a,{element="TOAST",variant}=_b,props=__objRest(_b,["element","variant"]);return React3.createElement(Box3,__spreadProps(__spreadValues({},safelySpreadBoxProps3(props)),{ref,color:"colorTextSuccess",width:["100%","size40","size40"],backgroundColor:"colorBackgroundSuccessWeakest",borderColor:"colorBorderSuccessWeak",borderRadius:"borderRadius30",borderStyle:"solid",borderWidth:"borderWidth10",boxShadow:"shadowHigh",element,padding:"space60",variant}),props.children)});SuccessToast.displayName="SuccessToast";SuccessToast.propTypes=ToastPropTypes;import*as React4 from"react";import{Box as Box4,safelySpreadBoxProps as safelySpreadBoxProps4}from"@twilio-paste/box";var WarningToast=React4.forwardRef((_a,ref)=>{var _b=_a,{element="TOAST",variant}=_b,props=__objRest(_b,["element","variant"]);return React4.createElement(Box4,__spreadProps(__spreadValues({},safelySpreadBoxProps4(props)),{ref,color:"colorTextWarningStrong",width:["100%","size40","size40"],backgroundColor:"colorBackgroundWarningWeakest",borderColor:"colorBorderWarningWeak",borderRadius:"borderRadius30",borderStyle:"solid",borderWidth:"borderWidth10",boxShadow:"shadowHigh",element,padding:"space60",variant}),props.children)});WarningToast.displayName="WarningToast";WarningToast.propTypes=ToastPropTypes;var ToastComponentVariants={error:ErrorToast,neutral:NeutralToast,success:SuccessToast,warning:WarningToast},renderToastIcon=(variant,title,element)=>{switch(variant){case ToastVariantObject.ERROR:return React5.createElement(ErrorIcon,{color:"colorTextIconError",decorative:!1,title,element:`${element}_ICON`,size:"sizeIcon20"});case ToastVariantObject.SUCCESS:return React5.createElement(SuccessIcon,{color:"colorTextIconSuccess",decorative:!1,title,element:`${element}_ICON`,size:"sizeIcon20"});case ToastVariantObject.WARNING:return React5.createElement(WarningIcon,{color:"colorTextIconWarning",decorative:!1,title,element:`${element}_ICON`,size:"sizeIcon20"});case ToastVariantObject.NEUTRAL:default:return React5.createElement(NeutralIcon,{color:"colorTextIconNeutral",decorative:!1,title,element:`${element}_ICON`,size:"sizeIcon20"})}},Toast=React5.forwardRef((_a,ref)=>{var _b=_a,{children,onDismiss,variant="neutral",element="TOAST",setFocus,i18nDismissLabel="Dismiss toast",i18nErrorLabel="(error)",i18nNeutralLabel="(information)",i18nSuccessLabel="(success)",i18nWarningLabel="(warning)"}=_b,props=__objRest(_b,["children","onDismiss","variant","element","setFocus","i18nDismissLabel","i18nErrorLabel","i18nNeutralLabel","i18nSuccessLabel","i18nWarningLabel"]);let ToastComponent=ToastComponentVariants[variant],buttonRef=React5.useRef(null);React5.useEffect(()=>{setFocus&&buttonRef.current&&buttonRef.current.focus({preventScroll:!0})},[setFocus]);let i18nVariants={error:i18nErrorLabel,neutral:i18nNeutralLabel,success:i18nSuccessLabel,warning:i18nWarningLabel};return React5.createElement(ToastComponent,__spreadValues({role:"status",variant,element,ref},props),React5.createElement(MediaObject,{as:"div"},React5.createElement(MediaFigure,{as:"div",spacing:"space60"},renderToastIcon(variant,i18nVariants[variant],element)),React5.createElement(MediaBody,{as:"div"},children),onDismiss&&typeof onDismiss=="function"&&React5.createElement(MediaFigure,{align:"end",spacing:"space40"},React5.createElement(Button,{onClick:onDismiss,variant:"secondary_icon",ref:buttonRef,size:"reset",element:`${element}_CLOSE_BUTTON`},React5.createElement(CloseIcon,{decorative:!0,size:"sizeIcon20",element:`${element}_CLOSE_ICON`}),React5.createElement(ScreenReaderOnly,null,i18nDismissLabel)))))});Toast.displayName="Toast";Toast.propTypes=ToastPropTypes;import*as React7 from"react";import{Stack}from"@twilio-paste/stack";import*as React6 from"react";import{StyledBase}from"@twilio-paste/theme";import{Portal}from"@twilio-paste/reakit-library";import{Box as Box5,safelySpreadBoxProps as safelySpreadBoxProps5}from"@twilio-paste/box";var ToastPortal=React6.forwardRef((_a,ref)=>{var _b=_a,{children,left}=_b,props=__objRest(_b,["children","left"]);return React6.createElement(Portal,null,React6.createElement(StyledBase,null,React6.createElement(Box5,__spreadProps(__spreadValues({},safelySpreadBoxProps5(props)),{position:"fixed",right:"space40",top:"space90",left,zIndex:"zIndex90",ref}),children)))});ToastPortal.displayName="ToastPortal";var ToastContainer=React7.forwardRef((_a,ref)=>{var _b=_a,{children}=_b,props=__objRest(_b,["children"]);return React7.createElement(ToastPortal,__spreadValues({},props),React7.createElement(Stack,{orientation:"vertical",spacing:"space40",ref},children))});ToastContainer.displayName="ToastContainer";ToastContainer.propTypes=ToastContainerPropTypes;import*as React8 from"react";import{useTransition,animated,useReducedMotion}from"@twilio-paste/animation-library";import{useTheme}from"@twilio-paste/theme";import{Box as Box6}from"@twilio-paste/box";var AnimatedToast=animated(Box6),Toaster=_a=>{var _b=_a,{toasts,pop}=_b,props=__objRest(_b,["toasts","pop"]);let prefersReducedMotion=useReducedMotion(),[refMap]=React8.useState(()=>new WeakMap),[returnTarget,setReturnTarget]=React8.useState({trigger:null}),theme=useTheme(),transitions=useTransition(toasts,{from:{marginBottom:"0rem",opacity:0,transform:"translateX(100%) scale(1)",height:prefersReducedMotion?"auto":0},enter:prefersReducedMotion?{marginBottom:theme.space.space40,opacity:1,transform:"translateX(0px) scale(1)"}:item=>async next=>{await next({marginBottom:theme.space.space40,opacity:1,transform:"translateX(0px) scale(1)",height:refMap.get(item).offsetHeight})},leave:{marginBottom:"0rem",opacity:0,transform:"translateX(0px) scale(0.8)",height:prefersReducedMotion?"auto":0},config:{mass:1,tension:150,friction:20}}),clearReturnTarget=React8.useCallback(()=>{setReturnTarget({trigger:null})},[returnTarget]);return React8.useEffect(()=>{returnTarget.trigger!=null&&toasts.length===0&&(returnTarget.trigger.focus(),clearReturnTarget())},[toasts]),React8.createElement(ToastPortal,__spreadValues({},props),transitions((styles,item,state,index)=>React8.createElement(AnimatedToast,{as:"div",key:state.key,style:styles},React8.createElement(Toast,__spreadProps(__spreadValues({key:item.id},item),{onDismiss:()=>{item.onDismiss!=null&&item.onDismiss(),pop(item.id)},ref:ref=>{ref!=null&&refMap.set(item,ref)},setFocus:index===0,onFocus:e=>{e.relatedTarget&&!returnTarget.trigger&&setReturnTarget({trigger:e.relatedTarget})}}),item.message))))};Toaster.displayName="Toaster";Toaster.propTypes=ToasterPropTypes;import*as React9 from"react";import{uid}from"@twilio-paste/uid-library";var useToaster=()=>{let isMounted=React9.useRef(null),[toasts,setToasts]=React9.useState([]);React9.useEffect(()=>(isMounted.current=!0,()=>{isMounted.current=!1,toasts.forEach(toast=>{toast.timeOutId&&window.clearTimeout(toast.timeOutId)})}),[]);let pop=id=>{!isMounted.current||setToasts(currentToasts=>currentToasts.filter(toast=>(toast.id===id&&(toast.timeOutId&&window.clearTimeout(toast.timeOutId),toast.onDismiss&&toast.onDismiss()),toast.id!==id)))};return{toasts,push:newToast=>{if(!isMounted.current)return;let generatedID=uid(newToast),timeOutId;newToast.dismissAfter!=null&&Number.isInteger(newToast.dismissAfter)&&(timeOutId=window.setTimeout(pop,newToast.dismissAfter,newToast.id||generatedID));let existingToasts=toasts.map(toast=>{let tmpToast=toast;return tmpToast.setFocus=!1,tmpToast});setToasts([__spreadValues({id:generatedID,timeOutId,setFocus:!0},newToast),...existingToasts])},pop}};export{AnimatedToast,Toast,ToastContainer,Toaster,useToaster};
+import*as React5 from"react";import{Button}from"@twilio-paste/button";import{CloseIcon}from"@twilio-paste/icons/esm/CloseIcon";import{ErrorIcon}from"@twilio-paste/icons/esm/ErrorIcon";import{NeutralIcon}from"@twilio-paste/icons/esm/NeutralIcon";import{SuccessIcon}from"@twilio-paste/icons/esm/SuccessIcon";import{WarningIcon}from"@twilio-paste/icons/esm/WarningIcon";import{MediaObject,MediaFigure,MediaBody}from"@twilio-paste/media-object";import{ScreenReaderOnly}from"@twilio-paste/screen-reader-only";import*as React from"react";import{Box,safelySpreadBoxProps}from"@twilio-paste/box";import PropTypes from"prop-types";var ToastVariantObject={ERROR:"error",NEUTRAL:"neutral",SUCCESS:"success",WARNING:"warning"};var ToastPropTypes={children:PropTypes.node.isRequired,onDismiss:PropTypes.func,variant:PropTypes.oneOf(["error","neutral","success","warning"]),i18nDismissLabel:PropTypes.string,i18nErrorLabel:PropTypes.string,i18nNeutralLabel:PropTypes.string,i18nSuccessLabel:PropTypes.string,i18nWarningLabel:PropTypes.string},ToastPortalPropTypes={children:PropTypes.node.isRequired},ToastContainerPropTypes={children:PropTypes.node.isRequired},ToasterPropTypes={toasts:PropTypes.arrayOf(PropTypes.shape({id:PropTypes.string.isRequired,message:PropTypes.node.isRequired,setFocus:PropTypes.bool,variant:PropTypes.oneOf(Object.values(ToastVariantObject)).isRequired})).isRequired,pop:PropTypes.func.isRequired};var ErrorToast=React.forwardRef(({element="TOAST",variant,...props},ref)=>React.createElement(Box,{...safelySpreadBoxProps(props),ref,color:"colorTextError",width:["100%","size40","size40"],backgroundColor:"colorBackgroundErrorWeakest",borderColor:"colorBorderErrorWeak",borderRadius:"borderRadius30",borderStyle:"solid",borderWidth:"borderWidth10",boxShadow:"shadowHigh",element,padding:"space60",variant},props.children));ErrorToast.displayName="ErrorToast";ErrorToast.propTypes=ToastPropTypes;import*as React2 from"react";import{Box as Box2,safelySpreadBoxProps as safelySpreadBoxProps2}from"@twilio-paste/box";var NeutralToast=React2.forwardRef(({element="TOAST",variant,...props},ref)=>React2.createElement(Box2,{...safelySpreadBoxProps2(props),ref,color:"colorTextNeutral",width:["100%","size40","size40"],backgroundColor:"colorBackgroundNeutralWeakest",borderColor:"colorBorderNeutralWeak",borderRadius:"borderRadius30",borderStyle:"solid",borderWidth:"borderWidth10",boxShadow:"shadowHigh",element,padding:"space60",variant},props.children));NeutralToast.displayName="NeutralToast";NeutralToast.propTypes=ToastPropTypes;import*as React3 from"react";import{Box as Box3,safelySpreadBoxProps as safelySpreadBoxProps3}from"@twilio-paste/box";var SuccessToast=React3.forwardRef(({element="TOAST",variant,...props},ref)=>React3.createElement(Box3,{...safelySpreadBoxProps3(props),ref,color:"colorTextSuccess",width:["100%","size40","size40"],backgroundColor:"colorBackgroundSuccessWeakest",borderColor:"colorBorderSuccessWeak",borderRadius:"borderRadius30",borderStyle:"solid",borderWidth:"borderWidth10",boxShadow:"shadowHigh",element,padding:"space60",variant},props.children));SuccessToast.displayName="SuccessToast";SuccessToast.propTypes=ToastPropTypes;import*as React4 from"react";import{Box as Box4,safelySpreadBoxProps as safelySpreadBoxProps4}from"@twilio-paste/box";var WarningToast=React4.forwardRef(({element="TOAST",variant,...props},ref)=>React4.createElement(Box4,{...safelySpreadBoxProps4(props),ref,color:"colorTextWarningStrong",width:["100%","size40","size40"],backgroundColor:"colorBackgroundWarningWeakest",borderColor:"colorBorderWarningWeak",borderRadius:"borderRadius30",borderStyle:"solid",borderWidth:"borderWidth10",boxShadow:"shadowHigh",element,padding:"space60",variant},props.children));WarningToast.displayName="WarningToast";WarningToast.propTypes=ToastPropTypes;var ToastComponentVariants={error:ErrorToast,neutral:NeutralToast,success:SuccessToast,warning:WarningToast},renderToastIcon=(variant,title,element)=>{switch(variant){case ToastVariantObject.ERROR:return React5.createElement(ErrorIcon,{color:"colorTextIconError",decorative:!1,title,element:`${element}_ICON`,size:"sizeIcon20"});case ToastVariantObject.SUCCESS:return React5.createElement(SuccessIcon,{color:"colorTextIconSuccess",decorative:!1,title,element:`${element}_ICON`,size:"sizeIcon20"});case ToastVariantObject.WARNING:return React5.createElement(WarningIcon,{color:"colorTextIconWarning",decorative:!1,title,element:`${element}_ICON`,size:"sizeIcon20"});case ToastVariantObject.NEUTRAL:default:return React5.createElement(NeutralIcon,{color:"colorTextIconNeutral",decorative:!1,title,element:`${element}_ICON`,size:"sizeIcon20"})}},Toast=React5.forwardRef(({children,onDismiss,variant="neutral",element="TOAST",setFocus,i18nDismissLabel="Dismiss toast",i18nErrorLabel="(error)",i18nNeutralLabel="(information)",i18nSuccessLabel="(success)",i18nWarningLabel="(warning)",...props},ref)=>{let ToastComponent=ToastComponentVariants[variant],buttonRef=React5.useRef(null);React5.useEffect(()=>{setFocus&&buttonRef.current&&buttonRef.current.focus({preventScroll:!0})},[setFocus]);let i18nVariants={error:i18nErrorLabel,neutral:i18nNeutralLabel,success:i18nSuccessLabel,warning:i18nWarningLabel};return React5.createElement(ToastComponent,{role:"status",variant,element,ref,...props},React5.createElement(MediaObject,{as:"div"},React5.createElement(MediaFigure,{as:"div",spacing:"space60"},renderToastIcon(variant,i18nVariants[variant],element)),React5.createElement(MediaBody,{as:"div"},children),onDismiss&&typeof onDismiss=="function"&&React5.createElement(MediaFigure,{align:"end",spacing:"space40"},React5.createElement(Button,{onClick:onDismiss,variant:"secondary_icon",ref:buttonRef,size:"reset",element:`${element}_CLOSE_BUTTON`},React5.createElement(CloseIcon,{decorative:!0,size:"sizeIcon20",element:`${element}_CLOSE_ICON`}),React5.createElement(ScreenReaderOnly,null,i18nDismissLabel)))))});Toast.displayName="Toast";Toast.propTypes=ToastPropTypes;import*as React7 from"react";import{Stack}from"@twilio-paste/stack";import*as React6 from"react";import{StyledBase}from"@twilio-paste/theme";import{Portal}from"@twilio-paste/reakit-library";import{Box as Box5,safelySpreadBoxProps as safelySpreadBoxProps5}from"@twilio-paste/box";var ToastPortal=React6.forwardRef(({children,left,...props},ref)=>React6.createElement(Portal,null,React6.createElement(StyledBase,null,React6.createElement(Box5,{...safelySpreadBoxProps5(props),position:"fixed",right:"space40",top:"space90",left,zIndex:"zIndex90",ref},children))));ToastPortal.displayName="ToastPortal";var ToastContainer=React7.forwardRef(({children,...props},ref)=>React7.createElement(ToastPortal,{...props},React7.createElement(Stack,{orientation:"vertical",spacing:"space40",ref},children)));ToastContainer.displayName="ToastContainer";ToastContainer.propTypes=ToastContainerPropTypes;import*as React8 from"react";import{useTransition,animated,useReducedMotion}from"@twilio-paste/animation-library";import{useTheme}from"@twilio-paste/theme";import{Box as Box6}from"@twilio-paste/box";var AnimatedToast=animated(Box6),Toaster=({toasts,pop,...props})=>{let prefersReducedMotion=useReducedMotion(),[refMap]=React8.useState(()=>new WeakMap),[returnTarget,setReturnTarget]=React8.useState({trigger:null}),theme=useTheme(),transitions=useTransition(toasts,{from:{marginBottom:"0rem",opacity:0,transform:"translateX(100%) scale(1)",height:prefersReducedMotion?"auto":0},enter:prefersReducedMotion?{marginBottom:theme.space.space40,opacity:1,transform:"translateX(0px) scale(1)"}:item=>async next=>{await next({marginBottom:theme.space.space40,opacity:1,transform:"translateX(0px) scale(1)",height:refMap.get(item).offsetHeight})},leave:{marginBottom:"0rem",opacity:0,transform:"translateX(0px) scale(0.8)",height:prefersReducedMotion?"auto":0},config:{mass:1,tension:150,friction:20}}),clearReturnTarget=React8.useCallback(()=>{setReturnTarget({trigger:null})},[returnTarget]);return React8.useEffect(()=>{returnTarget.trigger!=null&&toasts.length===0&&(returnTarget.trigger.focus(),clearReturnTarget())},[toasts]),React8.createElement(ToastPortal,{...props},transitions((styles,item,state,index)=>React8.createElement(AnimatedToast,{as:"div",key:state.key,style:styles},React8.createElement(Toast,{key:item.id,...item,onDismiss:()=>{item.onDismiss!=null&&item.onDismiss(),pop(item.id)},ref:ref=>{ref!=null&&refMap.set(item,ref)},setFocus:index===0,onFocus:e=>{e.relatedTarget&&!returnTarget.trigger&&setReturnTarget({trigger:e.relatedTarget})}},item.message))))};Toaster.displayName="Toaster";Toaster.propTypes=ToasterPropTypes;import*as React9 from"react";import{uid}from"@twilio-paste/uid-library";var useToaster=()=>{let isMounted=React9.useRef(null),[toasts,setToasts]=React9.useState([]);React9.useEffect(()=>(isMounted.current=!0,()=>{isMounted.current=!1,toasts.forEach(toast=>{toast.timeOutId&&window.clearTimeout(toast.timeOutId)})}),[]);let pop=id=>{!isMounted.current||setToasts(currentToasts=>currentToasts.filter(toast=>(toast.id===id&&(toast.timeOutId&&window.clearTimeout(toast.timeOutId),toast.onDismiss&&toast.onDismiss()),toast.id!==id)))};return{toasts,push:newToast=>{if(!isMounted.current)return;let generatedID=uid(newToast),timeOutId;newToast.dismissAfter!=null&&Number.isInteger(newToast.dismissAfter)&&(timeOutId=window.setTimeout(pop,newToast.dismissAfter,newToast.id||generatedID));let existingToasts=toasts.map(toast=>{let tmpToast=toast;return tmpToast.setFocus=!1,tmpToast});setToasts([{id:generatedID,timeOutId,setFocus:!0,...newToast},...existingToasts])},pop}};export{AnimatedToast,Toast,ToastContainer,Toaster,useToaster};

dist/index.js

@@ -1,1 +0,1 @@
-"use strict";var __create=Object.create;var __defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDesc=Object.getOwnPropertyDescriptor,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropNames=Object.getOwnPropertyNames,__getOwnPropSymbols=Object.getOwnPropertySymbols,__getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable;var __defNormalProp=(obj,key,value)=>key in obj?__defProp(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value,__spreadValues=(a,b)=>{for(var prop in b||(b={}))__hasOwnProp.call(b,prop)&&__defNormalProp(a,prop,b[prop]);if(__getOwnPropSymbols)for(var prop of __getOwnPropSymbols(b))__propIsEnum.call(b,prop)&&__defNormalProp(a,prop,b[prop]);return a},__spreadProps=(a,b)=>__defProps(a,__getOwnPropDescs(b));var __objRest=(source,exclude)=>{var target={};for(var prop in source)__hasOwnProp.call(source,prop)&&exclude.indexOf(prop)<0&&(target[prop]=source[prop]);if(source!=null&&__getOwnPropSymbols)for(var prop of __getOwnPropSymbols(source))exclude.indexOf(prop)<0&&__propIsEnum.call(source,prop)&&(target[prop]=source[prop]);return target};var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__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(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var src_exports={};__export(src_exports,{AnimatedToast:()=>AnimatedToast,Toast:()=>Toast,ToastContainer:()=>ToastContainer,Toaster:()=>Toaster,useToaster:()=>useToaster});module.exports=__toCommonJS(src_exports);var React5=__toESM(require("react")),import_button=require("@twilio-paste/button"),import_CloseIcon=require("@twilio-paste/icons/cjs/CloseIcon"),import_ErrorIcon=require("@twilio-paste/icons/cjs/ErrorIcon"),import_NeutralIcon=require("@twilio-paste/icons/cjs/NeutralIcon"),import_SuccessIcon=require("@twilio-paste/icons/cjs/SuccessIcon"),import_WarningIcon=require("@twilio-paste/icons/cjs/WarningIcon"),import_media_object=require("@twilio-paste/media-object"),import_screen_reader_only=require("@twilio-paste/screen-reader-only");var React=__toESM(require("react")),import_box=require("@twilio-paste/box");var import_prop_types=__toESM(require("prop-types"));var ToastVariantObject={ERROR:"error",NEUTRAL:"neutral",SUCCESS:"success",WARNING:"warning"};var ToastPropTypes={children:import_prop_types.default.node.isRequired,onDismiss:import_prop_types.default.func,variant:import_prop_types.default.oneOf(["error","neutral","success","warning"]),i18nDismissLabel:import_prop_types.default.string,i18nErrorLabel:import_prop_types.default.string,i18nNeutralLabel:import_prop_types.default.string,i18nSuccessLabel:import_prop_types.default.string,i18nWarningLabel:import_prop_types.default.string},ToastPortalPropTypes={children:import_prop_types.default.node.isRequired},ToastContainerPropTypes={children:import_prop_types.default.node.isRequired},ToasterPropTypes={toasts:import_prop_types.default.arrayOf(import_prop_types.default.shape({id:import_prop_types.default.string.isRequired,message:import_prop_types.default.node.isRequired,setFocus:import_prop_types.default.bool,variant:import_prop_types.default.oneOf(Object.values(ToastVariantObject)).isRequired})).isRequired,pop:import_prop_types.default.func.isRequired};var ErrorToast=React.forwardRef((_a,ref)=>{var _b=_a,{element="TOAST",variant}=_b,props=__objRest(_b,["element","variant"]);return React.createElement(import_box.Box,__spreadProps(__spreadValues({},(0,import_box.safelySpreadBoxProps)(props)),{ref,color:"colorTextError",width:["100%","size40","size40"],backgroundColor:"colorBackgroundErrorWeakest",borderColor:"colorBorderErrorWeak",borderRadius:"borderRadius30",borderStyle:"solid",borderWidth:"borderWidth10",boxShadow:"shadowHigh",element,padding:"space60",variant}),props.children)});ErrorToast.displayName="ErrorToast";ErrorToast.propTypes=ToastPropTypes;var React2=__toESM(require("react")),import_box2=require("@twilio-paste/box");var NeutralToast=React2.forwardRef((_a,ref)=>{var _b=_a,{element="TOAST",variant}=_b,props=__objRest(_b,["element","variant"]);return React2.createElement(import_box2.Box,__spreadProps(__spreadValues({},(0,import_box2.safelySpreadBoxProps)(props)),{ref,color:"colorTextNeutral",width:["100%","size40","size40"],backgroundColor:"colorBackgroundNeutralWeakest",borderColor:"colorBorderNeutralWeak",borderRadius:"borderRadius30",borderStyle:"solid",borderWidth:"borderWidth10",boxShadow:"shadowHigh",element,padding:"space60",variant}),props.children)});NeutralToast.displayName="NeutralToast";NeutralToast.propTypes=ToastPropTypes;var React3=__toESM(require("react")),import_box3=require("@twilio-paste/box");var SuccessToast=React3.forwardRef((_a,ref)=>{var _b=_a,{element="TOAST",variant}=_b,props=__objRest(_b,["element","variant"]);return React3.createElement(import_box3.Box,__spreadProps(__spreadValues({},(0,import_box3.safelySpreadBoxProps)(props)),{ref,color:"colorTextSuccess",width:["100%","size40","size40"],backgroundColor:"colorBackgroundSuccessWeakest",borderColor:"colorBorderSuccessWeak",borderRadius:"borderRadius30",borderStyle:"solid",borderWidth:"borderWidth10",boxShadow:"shadowHigh",element,padding:"space60",variant}),props.children)});SuccessToast.displayName="SuccessToast";SuccessToast.propTypes=ToastPropTypes;var React4=__toESM(require("react")),import_box4=require("@twilio-paste/box");var WarningToast=React4.forwardRef((_a,ref)=>{var _b=_a,{element="TOAST",variant}=_b,props=__objRest(_b,["element","variant"]);return React4.createElement(import_box4.Box,__spreadProps(__spreadValues({},(0,import_box4.safelySpreadBoxProps)(props)),{ref,color:"colorTextWarningStrong",width:["100%","size40","size40"],backgroundColor:"colorBackgroundWarningWeakest",borderColor:"colorBorderWarningWeak",borderRadius:"borderRadius30",borderStyle:"solid",borderWidth:"borderWidth10",boxShadow:"shadowHigh",element,padding:"space60",variant}),props.children)});WarningToast.displayName="WarningToast";WarningToast.propTypes=ToastPropTypes;var ToastComponentVariants={error:ErrorToast,neutral:NeutralToast,success:SuccessToast,warning:WarningToast},renderToastIcon=(variant,title,element)=>{switch(variant){case ToastVariantObject.ERROR:return React5.createElement(import_ErrorIcon.ErrorIcon,{color:"colorTextIconError",decorative:!1,title,element:`${element}_ICON`,size:"sizeIcon20"});case ToastVariantObject.SUCCESS:return React5.createElement(import_SuccessIcon.SuccessIcon,{color:"colorTextIconSuccess",decorative:!1,title,element:`${element}_ICON`,size:"sizeIcon20"});case ToastVariantObject.WARNING:return React5.createElement(import_WarningIcon.WarningIcon,{color:"colorTextIconWarning",decorative:!1,title,element:`${element}_ICON`,size:"sizeIcon20"});case ToastVariantObject.NEUTRAL:default:return React5.createElement(import_NeutralIcon.NeutralIcon,{color:"colorTextIconNeutral",decorative:!1,title,element:`${element}_ICON`,size:"sizeIcon20"})}},Toast=React5.forwardRef((_a,ref)=>{var _b=_a,{children,onDismiss,variant="neutral",element="TOAST",setFocus,i18nDismissLabel="Dismiss toast",i18nErrorLabel="(error)",i18nNeutralLabel="(information)",i18nSuccessLabel="(success)",i18nWarningLabel="(warning)"}=_b,props=__objRest(_b,["children","onDismiss","variant","element","setFocus","i18nDismissLabel","i18nErrorLabel","i18nNeutralLabel","i18nSuccessLabel","i18nWarningLabel"]);let ToastComponent=ToastComponentVariants[variant],buttonRef=React5.useRef(null);React5.useEffect(()=>{setFocus&&buttonRef.current&&buttonRef.current.focus({preventScroll:!0})},[setFocus]);let i18nVariants={error:i18nErrorLabel,neutral:i18nNeutralLabel,success:i18nSuccessLabel,warning:i18nWarningLabel};return React5.createElement(ToastComponent,__spreadValues({role:"status",variant,element,ref},props),React5.createElement(import_media_object.MediaObject,{as:"div"},React5.createElement(import_media_object.MediaFigure,{as:"div",spacing:"space60"},renderToastIcon(variant,i18nVariants[variant],element)),React5.createElement(import_media_object.MediaBody,{as:"div"},children),onDismiss&&typeof onDismiss=="function"&&React5.createElement(import_media_object.MediaFigure,{align:"end",spacing:"space40"},React5.createElement(import_button.Button,{onClick:onDismiss,variant:"secondary_icon",ref:buttonRef,size:"reset",element:`${element}_CLOSE_BUTTON`},React5.createElement(import_CloseIcon.CloseIcon,{decorative:!0,size:"sizeIcon20",element:`${element}_CLOSE_ICON`}),React5.createElement(import_screen_reader_only.ScreenReaderOnly,null,i18nDismissLabel)))))});Toast.displayName="Toast";Toast.propTypes=ToastPropTypes;var React7=__toESM(require("react")),import_stack=require("@twilio-paste/stack");var React6=__toESM(require("react")),import_theme=require("@twilio-paste/theme"),import_reakit_library=require("@twilio-paste/reakit-library"),import_box5=require("@twilio-paste/box");var ToastPortal=React6.forwardRef((_a,ref)=>{var _b=_a,{children,left}=_b,props=__objRest(_b,["children","left"]);return React6.createElement(import_reakit_library.Portal,null,React6.createElement(import_theme.StyledBase,null,React6.createElement(import_box5.Box,__spreadProps(__spreadValues({},(0,import_box5.safelySpreadBoxProps)(props)),{position:"fixed",right:"space40",top:"space90",left,zIndex:"zIndex90",ref}),children)))});ToastPortal.displayName="ToastPortal";var ToastContainer=React7.forwardRef((_a,ref)=>{var _b=_a,{children}=_b,props=__objRest(_b,["children"]);return React7.createElement(ToastPortal,__spreadValues({},props),React7.createElement(import_stack.Stack,{orientation:"vertical",spacing:"space40",ref},children))});ToastContainer.displayName="ToastContainer";ToastContainer.propTypes=ToastContainerPropTypes;var React8=__toESM(require("react")),import_animation_library=require("@twilio-paste/animation-library"),import_theme2=require("@twilio-paste/theme"),import_box6=require("@twilio-paste/box");var AnimatedToast=(0,import_animation_library.animated)(import_box6.Box),Toaster=_a=>{var _b=_a,{toasts,pop}=_b,props=__objRest(_b,["toasts","pop"]);let prefersReducedMotion=(0,import_animation_library.useReducedMotion)(),[refMap]=React8.useState(()=>new WeakMap),[returnTarget,setReturnTarget]=React8.useState({trigger:null}),theme=(0,import_theme2.useTheme)(),transitions=(0,import_animation_library.useTransition)(toasts,{from:{marginBottom:"0rem",opacity:0,transform:"translateX(100%) scale(1)",height:prefersReducedMotion?"auto":0},enter:prefersReducedMotion?{marginBottom:theme.space.space40,opacity:1,transform:"translateX(0px) scale(1)"}:item=>async next=>{await next({marginBottom:theme.space.space40,opacity:1,transform:"translateX(0px) scale(1)",height:refMap.get(item).offsetHeight})},leave:{marginBottom:"0rem",opacity:0,transform:"translateX(0px) scale(0.8)",height:prefersReducedMotion?"auto":0},config:{mass:1,tension:150,friction:20}}),clearReturnTarget=React8.useCallback(()=>{setReturnTarget({trigger:null})},[returnTarget]);return React8.useEffect(()=>{returnTarget.trigger!=null&&toasts.length===0&&(returnTarget.trigger.focus(),clearReturnTarget())},[toasts]),React8.createElement(ToastPortal,__spreadValues({},props),transitions((styles,item,state,index)=>React8.createElement(AnimatedToast,{as:"div",key:state.key,style:styles},React8.createElement(Toast,__spreadProps(__spreadValues({key:item.id},item),{onDismiss:()=>{item.onDismiss!=null&&item.onDismiss(),pop(item.id)},ref:ref=>{ref!=null&&refMap.set(item,ref)},setFocus:index===0,onFocus:e=>{e.relatedTarget&&!returnTarget.trigger&&setReturnTarget({trigger:e.relatedTarget})}}),item.message))))};Toaster.displayName="Toaster";Toaster.propTypes=ToasterPropTypes;var React9=__toESM(require("react")),import_uid_library=require("@twilio-paste/uid-library");var useToaster=()=>{let isMounted=React9.useRef(null),[toasts,setToasts]=React9.useState([]);React9.useEffect(()=>(isMounted.current=!0,()=>{isMounted.current=!1,toasts.forEach(toast=>{toast.timeOutId&&window.clearTimeout(toast.timeOutId)})}),[]);let pop=id=>{!isMounted.current||setToasts(currentToasts=>currentToasts.filter(toast=>(toast.id===id&&(toast.timeOutId&&window.clearTimeout(toast.timeOutId),toast.onDismiss&&toast.onDismiss()),toast.id!==id)))};return{toasts,push:newToast=>{if(!isMounted.current)return;let generatedID=(0,import_uid_library.uid)(newToast),timeOutId;newToast.dismissAfter!=null&&Number.isInteger(newToast.dismissAfter)&&(timeOutId=window.setTimeout(pop,newToast.dismissAfter,newToast.id||generatedID));let existingToasts=toasts.map(toast=>{let tmpToast=toast;return tmpToast.setFocus=!1,tmpToast});setToasts([__spreadValues({id:generatedID,timeOutId,setFocus:!0},newToast),...existingToasts])},pop}};0&&(module.exports={AnimatedToast,Toast,ToastContainer,Toaster,useToaster});
+"use strict";var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__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(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var src_exports={};__export(src_exports,{AnimatedToast:()=>AnimatedToast,Toast:()=>Toast,ToastContainer:()=>ToastContainer,Toaster:()=>Toaster,useToaster:()=>useToaster});module.exports=__toCommonJS(src_exports);var React5=__toESM(require("react")),import_button=require("@twilio-paste/button"),import_CloseIcon=require("@twilio-paste/icons/cjs/CloseIcon"),import_ErrorIcon=require("@twilio-paste/icons/cjs/ErrorIcon"),import_NeutralIcon=require("@twilio-paste/icons/cjs/NeutralIcon"),import_SuccessIcon=require("@twilio-paste/icons/cjs/SuccessIcon"),import_WarningIcon=require("@twilio-paste/icons/cjs/WarningIcon"),import_media_object=require("@twilio-paste/media-object"),import_screen_reader_only=require("@twilio-paste/screen-reader-only");var React=__toESM(require("react")),import_box=require("@twilio-paste/box");var import_prop_types=__toESM(require("prop-types"));var ToastVariantObject={ERROR:"error",NEUTRAL:"neutral",SUCCESS:"success",WARNING:"warning"};var ToastPropTypes={children:import_prop_types.default.node.isRequired,onDismiss:import_prop_types.default.func,variant:import_prop_types.default.oneOf(["error","neutral","success","warning"]),i18nDismissLabel:import_prop_types.default.string,i18nErrorLabel:import_prop_types.default.string,i18nNeutralLabel:import_prop_types.default.string,i18nSuccessLabel:import_prop_types.default.string,i18nWarningLabel:import_prop_types.default.string},ToastPortalPropTypes={children:import_prop_types.default.node.isRequired},ToastContainerPropTypes={children:import_prop_types.default.node.isRequired},ToasterPropTypes={toasts:import_prop_types.default.arrayOf(import_prop_types.default.shape({id:import_prop_types.default.string.isRequired,message:import_prop_types.default.node.isRequired,setFocus:import_prop_types.default.bool,variant:import_prop_types.default.oneOf(Object.values(ToastVariantObject)).isRequired})).isRequired,pop:import_prop_types.default.func.isRequired};var ErrorToast=React.forwardRef(({element="TOAST",variant,...props},ref)=>React.createElement(import_box.Box,{...(0,import_box.safelySpreadBoxProps)(props),ref,color:"colorTextError",width:["100%","size40","size40"],backgroundColor:"colorBackgroundErrorWeakest",borderColor:"colorBorderErrorWeak",borderRadius:"borderRadius30",borderStyle:"solid",borderWidth:"borderWidth10",boxShadow:"shadowHigh",element,padding:"space60",variant},props.children));ErrorToast.displayName="ErrorToast";ErrorToast.propTypes=ToastPropTypes;var React2=__toESM(require("react")),import_box2=require("@twilio-paste/box");var NeutralToast=React2.forwardRef(({element="TOAST",variant,...props},ref)=>React2.createElement(import_box2.Box,{...(0,import_box2.safelySpreadBoxProps)(props),ref,color:"colorTextNeutral",width:["100%","size40","size40"],backgroundColor:"colorBackgroundNeutralWeakest",borderColor:"colorBorderNeutralWeak",borderRadius:"borderRadius30",borderStyle:"solid",borderWidth:"borderWidth10",boxShadow:"shadowHigh",element,padding:"space60",variant},props.children));NeutralToast.displayName="NeutralToast";NeutralToast.propTypes=ToastPropTypes;var React3=__toESM(require("react")),import_box3=require("@twilio-paste/box");var SuccessToast=React3.forwardRef(({element="TOAST",variant,...props},ref)=>React3.createElement(import_box3.Box,{...(0,import_box3.safelySpreadBoxProps)(props),ref,color:"colorTextSuccess",width:["100%","size40","size40"],backgroundColor:"colorBackgroundSuccessWeakest",borderColor:"colorBorderSuccessWeak",borderRadius:"borderRadius30",borderStyle:"solid",borderWidth:"borderWidth10",boxShadow:"shadowHigh",element,padding:"space60",variant},props.children));SuccessToast.displayName="SuccessToast";SuccessToast.propTypes=ToastPropTypes;var React4=__toESM(require("react")),import_box4=require("@twilio-paste/box");var WarningToast=React4.forwardRef(({element="TOAST",variant,...props},ref)=>React4.createElement(import_box4.Box,{...(0,import_box4.safelySpreadBoxProps)(props),ref,color:"colorTextWarningStrong",width:["100%","size40","size40"],backgroundColor:"colorBackgroundWarningWeakest",borderColor:"colorBorderWarningWeak",borderRadius:"borderRadius30",borderStyle:"solid",borderWidth:"borderWidth10",boxShadow:"shadowHigh",element,padding:"space60",variant},props.children));WarningToast.displayName="WarningToast";WarningToast.propTypes=ToastPropTypes;var ToastComponentVariants={error:ErrorToast,neutral:NeutralToast,success:SuccessToast,warning:WarningToast},renderToastIcon=(variant,title,element)=>{switch(variant){case ToastVariantObject.ERROR:return React5.createElement(import_ErrorIcon.ErrorIcon,{color:"colorTextIconError",decorative:!1,title,element:`${element}_ICON`,size:"sizeIcon20"});case ToastVariantObject.SUCCESS:return React5.createElement(import_SuccessIcon.SuccessIcon,{color:"colorTextIconSuccess",decorative:!1,title,element:`${element}_ICON`,size:"sizeIcon20"});case ToastVariantObject.WARNING:return React5.createElement(import_WarningIcon.WarningIcon,{color:"colorTextIconWarning",decorative:!1,title,element:`${element}_ICON`,size:"sizeIcon20"});case ToastVariantObject.NEUTRAL:default:return React5.createElement(import_NeutralIcon.NeutralIcon,{color:"colorTextIconNeutral",decorative:!1,title,element:`${element}_ICON`,size:"sizeIcon20"})}},Toast=React5.forwardRef(({children,onDismiss,variant="neutral",element="TOAST",setFocus,i18nDismissLabel="Dismiss toast",i18nErrorLabel="(error)",i18nNeutralLabel="(information)",i18nSuccessLabel="(success)",i18nWarningLabel="(warning)",...props},ref)=>{let ToastComponent=ToastComponentVariants[variant],buttonRef=React5.useRef(null);React5.useEffect(()=>{setFocus&&buttonRef.current&&buttonRef.current.focus({preventScroll:!0})},[setFocus]);let i18nVariants={error:i18nErrorLabel,neutral:i18nNeutralLabel,success:i18nSuccessLabel,warning:i18nWarningLabel};return React5.createElement(ToastComponent,{role:"status",variant,element,ref,...props},React5.createElement(import_media_object.MediaObject,{as:"div"},React5.createElement(import_media_object.MediaFigure,{as:"div",spacing:"space60"},renderToastIcon(variant,i18nVariants[variant],element)),React5.createElement(import_media_object.MediaBody,{as:"div"},children),onDismiss&&typeof onDismiss=="function"&&React5.createElement(import_media_object.MediaFigure,{align:"end",spacing:"space40"},React5.createElement(import_button.Button,{onClick:onDismiss,variant:"secondary_icon",ref:buttonRef,size:"reset",element:`${element}_CLOSE_BUTTON`},React5.createElement(import_CloseIcon.CloseIcon,{decorative:!0,size:"sizeIcon20",element:`${element}_CLOSE_ICON`}),React5.createElement(import_screen_reader_only.ScreenReaderOnly,null,i18nDismissLabel)))))});Toast.displayName="Toast";Toast.propTypes=ToastPropTypes;var React7=__toESM(require("react")),import_stack=require("@twilio-paste/stack");var React6=__toESM(require("react")),import_theme=require("@twilio-paste/theme"),import_reakit_library=require("@twilio-paste/reakit-library"),import_box5=require("@twilio-paste/box");var ToastPortal=React6.forwardRef(({children,left,...props},ref)=>React6.createElement(import_reakit_library.Portal,null,React6.createElement(import_theme.StyledBase,null,React6.createElement(import_box5.Box,{...(0,import_box5.safelySpreadBoxProps)(props),position:"fixed",right:"space40",top:"space90",left,zIndex:"zIndex90",ref},children))));ToastPortal.displayName="ToastPortal";var ToastContainer=React7.forwardRef(({children,...props},ref)=>React7.createElement(ToastPortal,{...props},React7.createElement(import_stack.Stack,{orientation:"vertical",spacing:"space40",ref},children)));ToastContainer.displayName="ToastContainer";ToastContainer.propTypes=ToastContainerPropTypes;var React8=__toESM(require("react")),import_animation_library=require("@twilio-paste/animation-library"),import_theme2=require("@twilio-paste/theme"),import_box6=require("@twilio-paste/box");var AnimatedToast=(0,import_animation_library.animated)(import_box6.Box),Toaster=({toasts,pop,...props})=>{let prefersReducedMotion=(0,import_animation_library.useReducedMotion)(),[refMap]=React8.useState(()=>new WeakMap),[returnTarget,setReturnTarget]=React8.useState({trigger:null}),theme=(0,import_theme2.useTheme)(),transitions=(0,import_animation_library.useTransition)(toasts,{from:{marginBottom:"0rem",opacity:0,transform:"translateX(100%) scale(1)",height:prefersReducedMotion?"auto":0},enter:prefersReducedMotion?{marginBottom:theme.space.space40,opacity:1,transform:"translateX(0px) scale(1)"}:item=>async next=>{await next({marginBottom:theme.space.space40,opacity:1,transform:"translateX(0px) scale(1)",height:refMap.get(item).offsetHeight})},leave:{marginBottom:"0rem",opacity:0,transform:"translateX(0px) scale(0.8)",height:prefersReducedMotion?"auto":0},config:{mass:1,tension:150,friction:20}}),clearReturnTarget=React8.useCallback(()=>{setReturnTarget({trigger:null})},[returnTarget]);return React8.useEffect(()=>{returnTarget.trigger!=null&&toasts.length===0&&(returnTarget.trigger.focus(),clearReturnTarget())},[toasts]),React8.createElement(ToastPortal,{...props},transitions((styles,item,state,index)=>React8.createElement(AnimatedToast,{as:"div",key:state.key,style:styles},React8.createElement(Toast,{key:item.id,...item,onDismiss:()=>{item.onDismiss!=null&&item.onDismiss(),pop(item.id)},ref:ref=>{ref!=null&&refMap.set(item,ref)},setFocus:index===0,onFocus:e=>{e.relatedTarget&&!returnTarget.trigger&&setReturnTarget({trigger:e.relatedTarget})}},item.message))))};Toaster.displayName="Toaster";Toaster.propTypes=ToasterPropTypes;var React9=__toESM(require("react")),import_uid_library=require("@twilio-paste/uid-library"),useToaster=()=>{let isMounted=React9.useRef(null),[toasts,setToasts]=React9.useState([]);React9.useEffect(()=>(isMounted.current=!0,()=>{isMounted.current=!1,toasts.forEach(toast=>{toast.timeOutId&&window.clearTimeout(toast.timeOutId)})}),[]);let pop=id=>{!isMounted.current||setToasts(currentToasts=>currentToasts.filter(toast=>(toast.id===id&&(toast.timeOutId&&window.clearTimeout(toast.timeOutId),toast.onDismiss&&toast.onDismiss()),toast.id!==id)))};return{toasts,push:newToast=>{if(!isMounted.current)return;let generatedID=(0,import_uid_library.uid)(newToast),timeOutId;newToast.dismissAfter!=null&&Number.isInteger(newToast.dismissAfter)&&(timeOutId=window.setTimeout(pop,newToast.dismissAfter,newToast.id||generatedID));let existingToasts=toasts.map(toast=>{let tmpToast=toast;return tmpToast.setFocus=!1,tmpToast});setToasts([{id:generatedID,timeOutId,setFocus:!0,...newToast},...existingToasts])},pop}};0&&(module.exports={AnimatedToast,Toast,ToastContainer,Toaster,useToaster});

dist/types.d.ts

 /// <reference types="react" />
 import type { BoxProps } from '@twilio-paste/box';
-import type { ValueOf } from '@twilio-paste/types';
+import type { HTMLPasteProps, ValueOf } from '@twilio-paste/types';
 import type { Left } from '@twilio-paste/style-props';
 import type { ToastVariantObject } from './constants';
 export type ToastVariants = ValueOf<typeof ToastVariantObject>;
-export interface ToastProps extends React.HTMLAttributes<HTMLDivElement>, Pick<BoxProps, 'element'> {
+export interface ToastProps extends HTMLPasteProps<'div'>, Pick<BoxProps, 'element'> {
     children: NonNullable<React.ReactNode>;
@@ -42,7 +42,7 @@ /**
 }
-export interface ToastPortalProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface ToastPortalProps extends HTMLPasteProps<'div'> {
     children: NonNullable<React.ReactNode>;
     left?: Left;
 }
-export interface ToastContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface ToastContainerProps extends HTMLPasteProps<'div'> {
     children: NonNullable<React.ReactNode>;
@@ -49,0 +49,0 @@ left?: Left;

package.json

 {
   "name": "@twilio-paste/toast",
-  "version": "11.0.0",
+  "version": "11.0.1",
   "category": "feedback",
@@ -23,3 +23,2 @@ "status": "production",
     "build:js": "NODE_ENV=development node build.js",
-    "build:props": "typedoc --tsconfig ./tsconfig.json --json ./dist/prop-types.json",
     "clean": "rm -rf ./dist",
@@ -54,11 +53,11 @@ "tsc": "tsc"
   "devDependencies": {
-    "@twilio-paste/anchor": "^11.0.0",
+    "@twilio-paste/anchor": "^11.0.1",
     "@twilio-paste/animation-library": "^1.0.0",
     "@twilio-paste/box": "^9.0.0",
-    "@twilio-paste/button": "^13.0.0",
+    "@twilio-paste/button": "^13.0.4",
     "@twilio-paste/color-contrast-utils": "^4.0.0",
     "@twilio-paste/customization": "^7.0.0",
-    "@twilio-paste/design-tokens": "^9.0.2",
+    "@twilio-paste/design-tokens": "^9.3.0",
     "@twilio-paste/icons": "^11.0.0",
-    "@twilio-paste/media-object": "^9.0.0",
+    "@twilio-paste/media-object": "^9.0.1",
     "@twilio-paste/reakit-library": "^1.0.0",
@@ -71,3 +70,3 @@ "@twilio-paste/screen-reader-only": "^12.0.0",
     "@twilio-paste/theme": "^10.0.0",
-    "@twilio-paste/types": "^5.0.0",
+    "@twilio-paste/types": "^5.0.1",
     "@twilio-paste/uid-library": "^1.0.0",
@@ -74,0 +73,0 @@ "@types/react": "^18.0.27",

No alert changes

Worsened metrics

Total package byte prevSize

204389

decreased by-0.51%

Lines of code

1108

decreased by-8.35%

No dependency changes