@nimbus-ds/toast 2.1.0-rc.1 → 2.2.0-rc.1

package/CHANGELOG.md

@@ -1,7 +1,12 @@
 # Changelog
 
-Toast allows us to send short messages to the user in a non-intrusive way to communicate component or feedback resulting from some action.
-It is a component that appears and disappears after a few seconds. By default, we set the user detection time to 4 seconds, which should be enough for the user to read the message and interfere with its operation.
+The Toast component allows us to notify users in an informational tone, describing that something has happened or is happening, without interrupting navigation.
+
+## 2023-02-23 `2.2.0`
+
+### 🎉 New features
+
+- Added server side-rendering support to component. ([#99](https://github.com/TiendaNube/nimbus-design-system/pull/99) by [@juniorconquista](https://github.com/juniorconquista))
 
 ## 2023-02-16 `2.1.0`
 

package/README.md

@@ -2,8 +2,7 @@
 
 [![@nimbus-ds/toast](https://img.shields.io/npm/v/@nimbus-ds/toast?label=%40nimbus-ds%2Ftoast)](https://www.npmjs.com/package/@nimbus-ds/toast)
 
-Toast allows us to send short messages to the user in a non-intrusive way to communicate component or feedback resulting from some action.
-It is a component that appears and disappears after a few seconds. By default, we set the user detection time to 4 seconds, which should be enough for the user to read the message and interfere with its operation.
+The Toast component allows us to notify users in an informational tone, describing that something has happened or is happening, without interrupting navigation.
 
 ## Installation
 
@@ -13,6 +12,53 @@ $ yarn add @nimbus-ds/toast
 $ npm install @nimbus-ds/toast
 ```
 
+### Component Anatomy
+
+The component consists of an icon and text, inside a box with a background and border stylized according to the possible states.
+
+## Guidelines
+
+We use this component to show informative, short and temporary notifications related to actions that have just taken place or are taking place, when there is no need to interrupt navigation or require interactions on other screens.
+
+### Variants
+
+- Primary - Used in neutral contexts, not associated with a positive or negative action;
+- Success - Used in positive contexts, associated with actions performed successfully;
+- Danger - Used in negative contexts, associated with processing or filling errors;
+- Progress - Used in neutral contexts, associated with an action that is still in process and has no defined success or error status.
+
+### Content
+
+This component's text is limited to a maximum of 30 characters and its message should be short and concise, informing the user about something that just happened, right after the action was performed or while it was being processed.
+
+The message must be written in the infinitive and with the following structure:
+The action we just took (example: creating a product)
+The result of the action (example: with success / with error)
+
+### Presentation time
+
+The presentation time can be customized according to the context in which the toast is applied, we must always take into account the number of characters following the suggestions below.
+
+- 4 seconds - For messages with up to 10 characters;
+- 8 seconds - For message with more than 10 characters;
+- 16 seconds - For messages with more than 20 characters;
+- Custom - Use restricted to toast progress.
+
+### Recommendation for use
+
+- Inform about unfilled fields in a form
+- Inform about filling errors in forms
+- Inform that there is a processing or upload taking place
+- Inform what information was saved
+- Inform that a systemic error has occurred
+
+### Related components
+
+- Alert - Can be used to notify the user in a timely manner about an important event that requires their action.
+- Modal - Can be used to notify the user in an intrusive way, giving the possibility to make a decision based on something that just happened.
+
 ## Usage
 
 View docs [here](https://nimbus.nuvemshop.com.br/documentation/atomic-components/toast).
+
+<img alt="Nimbus" style="margin-bottom: 30px;" src="https://tiendanube.github.io/design-system-nimbus/static/media/nimbus-logo.ab60bd79.png" height="30" />

package/dist/index.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@nimbus-ds/spinner"),require("@nimbus-ds/text"),require("@nimbus-ds/icon"),require("@nimbus-ds/icons"),require("@nimbus-ds/styles")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/spinner","@nimbus-ds/text","@nimbus-ds/icon","@nimbus-ds/icons","@nimbus-ds/styles"],t):"object"==typeof exports?exports["@nimbus-ds/toast"]=t(require("react"),require("@nimbus-ds/spinner"),require("@nimbus-ds/text"),require("@nimbus-ds/icon"),require("@nimbus-ds/icons"),require("@nimbus-ds/styles")):e["@nimbus-ds/toast"]=t(e.react,e["@nimbus-ds/spinner"],e["@nimbus-ds/text"],e["@nimbus-ds/icon"],e["@nimbus-ds/icons"],e["@nimbus-ds/styles"])}(self,((e,t,r,n,o,a)=>(()=>{"use strict";var i={756:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Toast=void 0;const n=r(15).__importStar(r(156)),o=r(950),a=r(102),i=r(633),u=r(215),s=r(990),c=r(612),l={primary:n.default.createElement(u.InfoCircleIcon,null),danger:n.default.createElement(u.ExclamationTriangleIcon,null),success:n.default.createElement(u.CheckCircleIcon,null),progress:n.default.createElement(u.CheckCircleIcon,null)},f=({className:e,style:t,type:r="primary",duration:u=4e3,position:f=0,autoClose:d=!0,id:p,text:y,...b})=>{const v=(0,n.useRef)(),m=(0,n.useRef)(),[_,h]=(0,n.useState)(!1),{closeToast:w}=(0,c.useToast)(),P=(0,n.useCallback)((()=>{h(!0),v.current=setInterval((()=>{h(!1),m.current=setTimeout((()=>{w(p)}),200)}),u)}),[h,w,p,u,v,m]);(0,n.useEffect)((()=>(d&&P(),()=>{clearInterval(v?.current),clearInterval(m?.current)})),[P,d]);const O=(0,n.useMemo)((()=>"progress"===r),[r]),T=(0,n.useMemo)((()=>_||!d),[d,_]),j=(0,n.useMemo)((()=>r.replace("progress","neutral")),[r]);return n.default.createElement("div",{id:p,className:s.toast.classnames.content[r],style:{transform:T?`translateY(${-32*f}%)`:"translateY(300%)"},"data-testid":"toast-element",...b},!O&&n.default.createElement(i.Icon,{"data-testid":`toast-icon-${j}`,color:`${j}.surface`,source:l[r]}),O&&n.default.createElement(o.Spinner,{"data-testid":`toast-spinner-${j}`,color:"neutral.surface",size:"small"}),n.default.createElement(a.Text,{color:`${j}.surface`,fontSize:"caption",lineHeight:"caption"},y))};t.Toast=f,f.displayName="Toast"},36:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ToastProvider=void 0;const n=r(15).__importStar(r(156)),o=r(990),a=r(596),i=r(756),u=r(802),s=({children:e})=>{const[t,r]=n.default.useState([]),s=(0,n.useCallback)((({id:e,...t})=>{r((r=>[...r,{...t,id:e||(0,u.uniqueId)()}]))}),[]),c=(0,n.useCallback)((e=>{r((t=>t.filter((t=>t.id!==e))))}),[]),l=(0,n.useMemo)((()=>({closeToast:c,addToast:s})),[c,s]);return n.default.createElement(a.ToastContext.Provider,{value:l},e,n.default.createElement("div",{className:o.toast.classnames.wrapper},t.map(((e,t)=>n.default.createElement(i.Toast,{key:e.id,position:t,...e})))))};t.ToastProvider=s,s.displayName="ToastProvider"},958:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ToastProvider=void 0;const n=r(36);var o=r(36);Object.defineProperty(t,"ToastProvider",{enumerable:!0,get:function(){return o.ToastProvider}}),t.default=n.ToastProvider},802:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.uniqueId=void 0;t.uniqueId=()=>`${Math.floor(Math.random()*Date.now()+1)}`},864:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});r(15).__exportStar(r(958),t)},786:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ToastContext=void 0;const n=r(156);t.ToastContext=(0,n.createContext)({})},759:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ToastContext=void 0;const n=r(786);var o=r(786);Object.defineProperty(t,"ToastContext",{enumerable:!0,get:function(){return o.ToastContext}}),t.default=n.ToastContext},596:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});r(15).__exportStar(r(759),t)},612:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useToast=void 0;var n=r(647);Object.defineProperty(t,"useToast",{enumerable:!0,get:function(){return n.useToast}})},647:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useToast=void 0;var n=r(801);Object.defineProperty(t,"useToast",{enumerable:!0,get:function(){return n.useToast}})},801:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useToast=void 0;const n=r(156),o=r(596);t.useToast=()=>(0,n.useContext)(o.ToastContext)},15:(e,t,r)=>{r.r(t),r.d(t,{__assign:()=>a,__asyncDelegator:()=>P,__asyncGenerator:()=>w,__asyncValues:()=>O,__await:()=>h,__awaiter:()=>l,__classPrivateFieldGet:()=>S,__classPrivateFieldIn:()=>C,__classPrivateFieldSet:()=>E,__createBinding:()=>d,__decorate:()=>u,__exportStar:()=>p,__extends:()=>o,__generator:()=>f,__importDefault:()=>x,__importStar:()=>g,__makeTemplateObject:()=>T,__metadata:()=>c,__param:()=>s,__read:()=>b,__rest:()=>i,__spread:()=>v,__spreadArray:()=>_,__spreadArrays:()=>m,__values:()=>y});var n=function(e,t){return n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},n(e,t)};function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}var a=function(){return a=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function i(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}function u(e,t,r,n){var o,a=arguments.length,i=a<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,n);else for(var u=e.length-1;u>=0;u--)(o=e[u])&&(i=(a<3?o(i):a>3?o(t,r,i):o(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i}function s(e,t){return function(r,n){t(r,n,e)}}function c(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function l(e,t,r,n){return new(r||(r=Promise))((function(o,a){function i(e){try{s(n.next(e))}catch(e){a(e)}}function u(e){try{s(n.throw(e))}catch(e){a(e)}}function s(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(i,u)}s((n=n.apply(e,t||[])).next())}))}function f(e,t){var r,n,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:u(0),throw:u(1),return:u(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function u(a){return function(u){return function(a){if(r)throw new TypeError("Generator is already executing.");for(;i;)try{if(r=1,n&&(o=2&a[0]?n.return:a[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,a[1])).done)return o;switch(n=0,o&&(a=[2&a[0],o.value]),a[0]){case 0:case 1:o=a;break;case 4:return i.label++,{value:a[1],done:!1};case 5:i.label++,n=a[1],a=[0];continue;case 7:a=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==a[0]&&2!==a[0])){i=0;continue}if(3===a[0]&&(!o||a[1]>o[0]&&a[1]<o[3])){i.label=a[1];break}if(6===a[0]&&i.label<o[1]){i.label=o[1],o=a;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(a);break}o[2]&&i.ops.pop(),i.trys.pop();continue}a=t.call(e,i)}catch(e){a=[6,e],n=0}finally{r=o=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,u])}}}var d=Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]};function p(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||d(t,e,r)}function y(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function b(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i}function v(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(b(arguments[t]));return e}function m(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;var n=Array(e),o=0;for(t=0;t<r;t++)for(var a=arguments[t],i=0,u=a.length;i<u;i++,o++)n[o]=a[i];return n}function _(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))}function h(e){return this instanceof h?(this.v=e,this):new h(e)}function w(e,t,r){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var n,o=r.apply(e,t||[]),a=[];return n={},i("next"),i("throw"),i("return"),n[Symbol.asyncIterator]=function(){return this},n;function i(e){o[e]&&(n[e]=function(t){return new Promise((function(r,n){a.push([e,t,r,n])>1||u(e,t)}))})}function u(e,t){try{(r=o[e](t)).value instanceof h?Promise.resolve(r.value.v).then(s,c):l(a[0][2],r)}catch(e){l(a[0][3],e)}var r}function s(e){u("next",e)}function c(e){u("throw",e)}function l(e,t){e(t),a.shift(),a.length&&u(a[0][0],a[0][1])}}function P(e){var t,r;return t={},n("next"),n("throw",(function(e){throw e})),n("return"),t[Symbol.iterator]=function(){return this},t;function n(n,o){t[n]=e[n]?function(t){return(r=!r)?{value:h(e[n](t)),done:"return"===n}:o?o(t):t}:o}}function O(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=y(e),t={},n("next"),n("throw"),n("return"),t[Symbol.asyncIterator]=function(){return this},t);function n(r){t[r]=e[r]&&function(t){return new Promise((function(n,o){(function(e,t,r,n){Promise.resolve(n).then((function(t){e({value:t,done:r})}),t)})(n,o,(t=e[r](t)).done,t.value)}))}}}function T(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var j=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function g(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&d(t,e,r);return j(t,e),t}function x(e){return e&&e.__esModule?e:{default:e}}function S(e,t,r,n){if("a"===r&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===r?n:"a"===r?n.call(e):n?n.value:t.get(e)}function E(e,t,r,n,o){if("m"===n)throw new TypeError("Private method is not writable");if("a"===n&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===n?o.call(e,r):o?o.value=r:t.set(e,r),r}function C(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}},633:e=>{e.exports=n},215:e=>{e.exports=o},950:e=>{e.exports=t},990:e=>{e.exports=a},102:e=>{e.exports=r},156:t=>{t.exports=e}},u={};function s(e){var t=u[e];if(void 0!==t)return t.exports;var r=u[e]={exports:{}};return i[e](r,r.exports,s),r.exports}s.d=(e,t)=>{for(var r in t)s.o(t,r)&&!s.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var c={};return(()=>{var e=c;Object.defineProperty(e,"__esModule",{value:!0}),e.useToast=e.ToastProvider=e.Toast=void 0;const t=s(756);var r=s(756);Object.defineProperty(e,"Toast",{enumerable:!0,get:function(){return r.Toast}});var n=s(864);Object.defineProperty(e,"ToastProvider",{enumerable:!0,get:function(){return n.ToastProvider}});var o=s(612);Object.defineProperty(e,"useToast",{enumerable:!0,get:function(){return o.useToast}}),e.default=t.Toast})(),c})()));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@nimbus-ds/spinner"),require("@nimbus-ds/text"),require("@nimbus-ds/icon"),require("@nimbus-ds/icons"),require("@nimbus-ds/styles")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/spinner","@nimbus-ds/text","@nimbus-ds/icon","@nimbus-ds/icons","@nimbus-ds/styles"],t):"object"==typeof exports?exports["@nimbus-ds/toast"]=t(require("react"),require("@nimbus-ds/spinner"),require("@nimbus-ds/text"),require("@nimbus-ds/icon"),require("@nimbus-ds/icons"),require("@nimbus-ds/styles")):e["@nimbus-ds/toast"]=t(e.react,e["@nimbus-ds/spinner"],e["@nimbus-ds/text"],e["@nimbus-ds/icon"],e["@nimbus-ds/icons"],e["@nimbus-ds/styles"])}(global,((e,t,r,n,o,a)=>(()=>{"use strict";var i={756:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Toast=void 0;const n=r(15).__importStar(r(156)),o=r(950),a=r(102),i=r(633),u=r(215),s=r(990),c=r(612),l={primary:n.default.createElement(u.InfoCircleIcon,null),danger:n.default.createElement(u.ExclamationTriangleIcon,null),success:n.default.createElement(u.CheckCircleIcon,null),progress:n.default.createElement(u.CheckCircleIcon,null)},f=({className:e,style:t,type:r="primary",duration:u=4e3,position:f=0,autoClose:d=!0,id:p,text:y,...b})=>{const v=(0,n.useRef)(),m=(0,n.useRef)(),[_,h]=(0,n.useState)(!1),{closeToast:w}=(0,c.useToast)(),P=(0,n.useCallback)((()=>{h(!0),v.current=setInterval((()=>{h(!1),m.current=setTimeout((()=>{w(p)}),200)}),u)}),[h,w,p,u,v,m]);(0,n.useEffect)((()=>(d&&P(),()=>{clearInterval(v?.current),clearInterval(m?.current)})),[P,d]);const O=(0,n.useMemo)((()=>"progress"===r),[r]),T=(0,n.useMemo)((()=>_||!d),[d,_]),j=(0,n.useMemo)((()=>r.replace("progress","neutral")),[r]);return n.default.createElement("div",{id:p,className:s.toast.classnames.content[r],style:{transform:T?`translateY(${-32*f}%)`:"translateY(300%)"},"data-testid":"toast-element",...b},!O&&n.default.createElement(i.Icon,{"data-testid":`toast-icon-${j}`,color:`${j}.surface`,source:l[r]}),O&&n.default.createElement(o.Spinner,{"data-testid":`toast-spinner-${j}`,color:"neutral.surface",size:"small"}),n.default.createElement(a.Text,{color:`${j}.surface`,fontSize:"caption",lineHeight:"caption"},y))};t.Toast=f,f.displayName="Toast"},36:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ToastProvider=void 0;const n=r(15).__importStar(r(156)),o=r(990),a=r(596),i=r(756),u=r(802),s=({children:e})=>{const[t,r]=n.default.useState([]),s=(0,n.useCallback)((({id:e,...t})=>{r((r=>[...r,{...t,id:e||(0,u.uniqueId)()}]))}),[]),c=(0,n.useCallback)((e=>{r((t=>t.filter((t=>t.id!==e))))}),[]),l=(0,n.useMemo)((()=>({closeToast:c,addToast:s})),[c,s]);return n.default.createElement(a.ToastContext.Provider,{value:l},e,n.default.createElement("div",{className:o.toast.classnames.wrapper},t.map(((e,t)=>n.default.createElement(i.Toast,{key:e.id,position:t,...e})))))};t.ToastProvider=s,s.displayName="ToastProvider"},958:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ToastProvider=void 0;const n=r(36);var o=r(36);Object.defineProperty(t,"ToastProvider",{enumerable:!0,get:function(){return o.ToastProvider}}),t.default=n.ToastProvider},802:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.uniqueId=void 0;t.uniqueId=()=>`${Math.floor(Math.random()*Date.now()+1)}`},864:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});r(15).__exportStar(r(958),t)},786:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ToastContext=void 0;const n=r(156);t.ToastContext=(0,n.createContext)({})},759:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ToastContext=void 0;const n=r(786);var o=r(786);Object.defineProperty(t,"ToastContext",{enumerable:!0,get:function(){return o.ToastContext}}),t.default=n.ToastContext},596:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});r(15).__exportStar(r(759),t)},612:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useToast=void 0;var n=r(647);Object.defineProperty(t,"useToast",{enumerable:!0,get:function(){return n.useToast}})},647:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useToast=void 0;var n=r(801);Object.defineProperty(t,"useToast",{enumerable:!0,get:function(){return n.useToast}})},801:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useToast=void 0;const n=r(156),o=r(596);t.useToast=()=>(0,n.useContext)(o.ToastContext)},15:(e,t,r)=>{r.r(t),r.d(t,{__assign:()=>a,__asyncDelegator:()=>P,__asyncGenerator:()=>w,__asyncValues:()=>O,__await:()=>h,__awaiter:()=>l,__classPrivateFieldGet:()=>S,__classPrivateFieldIn:()=>C,__classPrivateFieldSet:()=>E,__createBinding:()=>d,__decorate:()=>u,__exportStar:()=>p,__extends:()=>o,__generator:()=>f,__importDefault:()=>x,__importStar:()=>g,__makeTemplateObject:()=>T,__metadata:()=>c,__param:()=>s,__read:()=>b,__rest:()=>i,__spread:()=>v,__spreadArray:()=>_,__spreadArrays:()=>m,__values:()=>y});var n=function(e,t){return n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},n(e,t)};function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}var a=function(){return a=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function i(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}function u(e,t,r,n){var o,a=arguments.length,i=a<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,n);else for(var u=e.length-1;u>=0;u--)(o=e[u])&&(i=(a<3?o(i):a>3?o(t,r,i):o(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i}function s(e,t){return function(r,n){t(r,n,e)}}function c(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function l(e,t,r,n){return new(r||(r=Promise))((function(o,a){function i(e){try{s(n.next(e))}catch(e){a(e)}}function u(e){try{s(n.throw(e))}catch(e){a(e)}}function s(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(i,u)}s((n=n.apply(e,t||[])).next())}))}function f(e,t){var r,n,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:u(0),throw:u(1),return:u(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function u(a){return function(u){return function(a){if(r)throw new TypeError("Generator is already executing.");for(;i;)try{if(r=1,n&&(o=2&a[0]?n.return:a[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,a[1])).done)return o;switch(n=0,o&&(a=[2&a[0],o.value]),a[0]){case 0:case 1:o=a;break;case 4:return i.label++,{value:a[1],done:!1};case 5:i.label++,n=a[1],a=[0];continue;case 7:a=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==a[0]&&2!==a[0])){i=0;continue}if(3===a[0]&&(!o||a[1]>o[0]&&a[1]<o[3])){i.label=a[1];break}if(6===a[0]&&i.label<o[1]){i.label=o[1],o=a;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(a);break}o[2]&&i.ops.pop(),i.trys.pop();continue}a=t.call(e,i)}catch(e){a=[6,e],n=0}finally{r=o=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,u])}}}var d=Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]};function p(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||d(t,e,r)}function y(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function b(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i}function v(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(b(arguments[t]));return e}function m(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;var n=Array(e),o=0;for(t=0;t<r;t++)for(var a=arguments[t],i=0,u=a.length;i<u;i++,o++)n[o]=a[i];return n}function _(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))}function h(e){return this instanceof h?(this.v=e,this):new h(e)}function w(e,t,r){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var n,o=r.apply(e,t||[]),a=[];return n={},i("next"),i("throw"),i("return"),n[Symbol.asyncIterator]=function(){return this},n;function i(e){o[e]&&(n[e]=function(t){return new Promise((function(r,n){a.push([e,t,r,n])>1||u(e,t)}))})}function u(e,t){try{(r=o[e](t)).value instanceof h?Promise.resolve(r.value.v).then(s,c):l(a[0][2],r)}catch(e){l(a[0][3],e)}var r}function s(e){u("next",e)}function c(e){u("throw",e)}function l(e,t){e(t),a.shift(),a.length&&u(a[0][0],a[0][1])}}function P(e){var t,r;return t={},n("next"),n("throw",(function(e){throw e})),n("return"),t[Symbol.iterator]=function(){return this},t;function n(n,o){t[n]=e[n]?function(t){return(r=!r)?{value:h(e[n](t)),done:"return"===n}:o?o(t):t}:o}}function O(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=y(e),t={},n("next"),n("throw"),n("return"),t[Symbol.asyncIterator]=function(){return this},t);function n(r){t[r]=e[r]&&function(t){return new Promise((function(n,o){(function(e,t,r,n){Promise.resolve(n).then((function(t){e({value:t,done:r})}),t)})(n,o,(t=e[r](t)).done,t.value)}))}}}function T(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var j=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function g(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&d(t,e,r);return j(t,e),t}function x(e){return e&&e.__esModule?e:{default:e}}function S(e,t,r,n){if("a"===r&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===r?n:"a"===r?n.call(e):n?n.value:t.get(e)}function E(e,t,r,n,o){if("m"===n)throw new TypeError("Private method is not writable");if("a"===n&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===n?o.call(e,r):o?o.value=r:t.set(e,r),r}function C(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}},633:e=>{e.exports=n},215:e=>{e.exports=o},950:e=>{e.exports=t},990:e=>{e.exports=a},102:e=>{e.exports=r},156:t=>{t.exports=e}},u={};function s(e){var t=u[e];if(void 0!==t)return t.exports;var r=u[e]={exports:{}};return i[e](r,r.exports,s),r.exports}s.d=(e,t)=>{for(var r in t)s.o(t,r)&&!s.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var c={};return(()=>{var e=c;Object.defineProperty(e,"__esModule",{value:!0}),e.useToast=e.ToastProvider=e.Toast=void 0;const t=s(756);var r=s(756);Object.defineProperty(e,"Toast",{enumerable:!0,get:function(){return r.Toast}});var n=s(864);Object.defineProperty(e,"ToastProvider",{enumerable:!0,get:function(){return n.ToastProvider}});var o=s(612);Object.defineProperty(e,"useToast",{enumerable:!0,get:function(){return o.useToast}}),e.default=t.Toast})(),c})()));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nimbus-ds/toast",
-  "version": "2.1.0-rc.1",
+  "version": "2.2.0-rc.1",
   "license": "MIT",
   "main": "dist/index.js",
   "files": [
@@ -14,10 +14,10 @@
     "version": "yarn version"
   },
   "dependencies": {
-    "@nimbus-ds/icon": "^2.1.0-rc.1",
-    "@nimbus-ds/icons": "^1.0.0",
-    "@nimbus-ds/spinner": "^2.0.0",
-    "@nimbus-ds/text": "^5.0.0"
+    "@nimbus-ds/icon": "^2.2.0-rc.1",
+    "@nimbus-ds/icons": "^1.1.0-rc.1",
+    "@nimbus-ds/spinner": "^2.1.0-rc.1",
+    "@nimbus-ds/text": "^5.1.0-rc.1"
   },
   "peerDependencies": {
     "react": "^16.8 || ^17.0 || ^18.0",
@@ -34,5 +34,5 @@
   "devDependencies": {
     "webpack": "^5.74.0"
   },
-  "stableVersion": "2.0.0"
+  "stableVersion": "2.1.0"
 }