@salutejs/plasma-new-hope 0.320.1-canary.1910.14487337519.0 → 0.320.1-canary.1910.14488995626.0

package/cjs/components/Toast/ToastNew/ToastNew.css

@@ -0,0 +1,32 @@
+.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
+
+.base_jfbpjg_b1ty39ru__57cb1989{color:var(--plasma-button-color);background:var(--plasma-button-background-color);}.base_jfbpjg_b1ty39ru__57cb1989.base_jfbpjg_buttonLoading__57cb1989{background:var(--plasma-button-loading-background-color);}.base_jfbpjg_b1ty39ru__57cb1989:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.base_jfbpjg_b1ty39ru__57cb1989:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}
+
+.base_1alzrso_be0ha5g__cdc67255{height:var(--plasma-button-height);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);}
+
+.base_do83p2_b169l30m__044ccc85[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.base_do83p2_b169l30m__044ccc85[disabled]:hover,.base_do83p2_b169l30m__044ccc85[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);}
+
+.base_1kq737e_b187cmzt__d829f64a{position:relative;}.base_1kq737e_b187cmzt__d829f64a:focus{outline:none;}.base_1kq737e_b187cmzt__d829f64a::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1kq737e_b187cmzt__d829f64a.base_1kq737e_focusVisible__d829f64a:focus::before,.base_1kq737e_b187cmzt__d829f64a[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}
+
+.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFixed__bd4ad37e{width:var(--plasma-button-width);}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFilled__bd4ad37e{width:100%;}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingAuto__bd4ad37e{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
+
+.base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
+
+.base_ova69f_bw56nfh__55225c7f{width:var(--plasma-spinner-size);height:var(--plasma-spinner-size);}
+
+.Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
+.Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
+
+.Button_styles_8cvmld_bzw1898__4694a0fa{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_8cvmld_bzw1898__4694a0fa.Button_styles_8cvmld_buttonContentRelaxed__4694a0fa{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}
+.Button_styles_8cvmld_bdfuqwe__4694a0fa{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Button_styles_8cvmld_l9ypozh__4694a0fa{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l9ypozh-1);-webkit-justify-content:var(--l9ypozh-1);-ms-flex-pack:var(--l9ypozh-1);justify-content:var(--l9ypozh-1);height:100%;width:100%;}
+.Button_styles_8cvmld_l4dfhbg__4694a0fa{position:absolute;}
+.Button_styles_8cvmld_srdlazt__4694a0fa{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
+.Button_styles_8cvmld_s7rggv0__4694a0fa{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-left-content-align-self);-ms-flex-item-align:var(--plasma-button-left-content-align);align-self:var(--plasma-button-left-content-align-self);margin:var(--s7rggv0-0);}
+.Button_styles_8cvmld_s1rjh7ra__4694a0fa{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);margin:var(--s1rjh7ra-0);}
+.Button_styles_8cvmld_b9ga1dj__4694a0fa{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_8cvmld_b9ga1dj__4694a0fa{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_8cvmld_b9ga1dj__4694a0fa.Button_styles_8cvmld_b9ga1dj__4694a0fa.Button_styles_8cvmld_buttonSquare__4694a0fa{width:var(--plasma-button-height);padding:0;}
+
+
+.ToastNew_styles_4c92hd_tvfkfgf__2b80d961{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--plasma-toast-background);color:var(--tvfkfgf-0);padding:var(--plasma-toast-padding);border-radius:var(--plasma-toast-border-radius);max-width:var(--plasma-toast-max-width);width:var(--tvfkfgf-1);font-family:var(--plasma-toast-font-family);font-size:var(--plasma-toast-font-size);font-style:var(--plasma-toast-font-style);font-weight:var(--plasma-toast-font-weight);-webkit-letter-spacing:var(--plasma-toast-letter-spacing);-moz-letter-spacing:var(--plasma-toast-letter-spacing);-ms-letter-spacing:var(--plasma-toast-letter-spacing);letter-spacing:var(--plasma-toast-letter-spacing);line-height:var(--plasma-toast-line-height);}
+.ToastNew_styles_4c92hd_cbp8rlf__2b80d961{height:var(--plasma-toast-close-icon-button-size);margin:var(--plasma-toast-close-icon-margin);color:var(--plasma-toast-close-icon-color);}.ToastNew_styles_4c92hd_cbp8rlf__2b80d961:hover{color:var(--plasma-toast-close-icon-color-on-hover);}
+.ToastNew_styles_4c92hd_s1hkhzn7__2b80d961{margin:var(--plasma-toast-content-left-margin);color:var(--plasma-toast-content-left-color);line-height:0;}

package/cjs/components/Toast/ToastNew/ToastNew.js

@@ -0,0 +1,120 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var toast = require('react-hot-toast');
+var Toast_tokens = require('../Toast.tokens.js');
+var IconCrossThin = require('../../_Icon/Icons/IconCrossThin.js');
+var ToastNew_styles = require('./ToastNew.styles.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var toast__default = /*#__PURE__*/_interopDefault(toast);
+
+var _excluded = ["hasClose", "view", "size", "pilled", "contentLeft", "width", "textColor", "position", "duration", "gap", "onCloseButtonClick"];
+var toastContainerRoot = function toastContainerRoot(Root) {
+  return /*#__PURE__*/React.forwardRef(function (props, ref) {
+    var _props$hasClose = props.hasClose,
+      hasClose = _props$hasClose === void 0 ? true : _props$hasClose,
+      view = props.view,
+      size = props.size,
+      pilled = props.pilled,
+      contentLeft = props.contentLeft,
+      width = props.width,
+      textColor = props.textColor,
+      _props$position = props.position,
+      position = _props$position === void 0 ? 'bottom-center' : _props$position,
+      _props$duration = props.duration,
+      duration = _props$duration === void 0 ? Infinity : _props$duration,
+      gap = props.gap,
+      onCloseButtonClick = props.onCloseButtonClick,
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
+    return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
+      ref: ref,
+      view: view,
+      size: size,
+      pilled: pilled
+    }, rest), /*#__PURE__*/React__default.default.createElement(toast.Toaster, {
+      gutter: gap,
+      toastOptions: {
+        duration: duration,
+        position: position
+      }
+    }, function (options) {
+      var _options$plasmaOption, _options$plasmaOption2, _options$plasmaOption3, _options$plasmaOption4, _options$plasmaOption5, _options$plasmaOption6, _options$plasmaOption7, _options$plasmaOption8, _options$plasmaOption9, _options$plasmaOption10;
+      return /*#__PURE__*/React__default.default.createElement(Root, {
+        view: (_options$plasmaOption = options.plasmaOptions) === null || _options$plasmaOption === void 0 ? void 0 : _options$plasmaOption.view,
+        size: (_options$plasmaOption2 = options.plasmaOptions) === null || _options$plasmaOption2 === void 0 ? void 0 : _options$plasmaOption2.size,
+        pilled: (_options$plasmaOption3 = options.plasmaOptions) === null || _options$plasmaOption3 === void 0 ? void 0 : _options$plasmaOption3.pilled
+      }, /*#__PURE__*/React__default.default.createElement(ToastNew_styles.Toast, {
+        style: {
+          opacity: options.visible ? 1 : 0
+        },
+        width: ((_options$plasmaOption4 = options.plasmaOptions) === null || _options$plasmaOption4 === void 0 ? void 0 : _options$plasmaOption4.width) || width,
+        textColor: ((_options$plasmaOption5 = options.plasmaOptions) === null || _options$plasmaOption5 === void 0 ? void 0 : _options$plasmaOption5.textColor) || textColor
+      }, (((_options$plasmaOption6 = options.plasmaOptions) === null || _options$plasmaOption6 === void 0 ? void 0 : _options$plasmaOption6.contentLeft) || contentLeft) && /*#__PURE__*/React__default.default.createElement(ToastNew_styles.StyledContentLeft, null, ((_options$plasmaOption7 = options.plasmaOptions) === null || _options$plasmaOption7 === void 0 ? void 0 : _options$plasmaOption7.contentLeft) || contentLeft), toast.resolveValue(options.message, options), (((_options$plasmaOption8 = options.plasmaOptions) === null || _options$plasmaOption8 === void 0 ? void 0 : _options$plasmaOption8.hasClose) || ((_options$plasmaOption9 = (_options$plasmaOption10 = options.plasmaOptions) === null || _options$plasmaOption10 === void 0 ? void 0 : _options$plasmaOption10.hasClose) !== null && _options$plasmaOption9 !== void 0 ? _options$plasmaOption9 : hasClose)) && /*#__PURE__*/React__default.default.createElement(ToastNew_styles.CloseIconWrapper, {
+        view: "clear",
+        size: "s",
+        stretching: "fixed",
+        onClick: function onClick() {
+          if (onCloseButtonClick) {
+            onCloseButtonClick();
+          }
+          toast__default.default.dismiss(options.id);
+        }
+      }, /*#__PURE__*/React__default.default.createElement(IconCrossThin.IconCrossThin, {
+        size: "s",
+        color: "inherit",
+        sizeCustomProperty: Toast_tokens.tokens.closeIconSize
+      }))));
+    }));
+  });
+};
+var showToast = function showToast(text, options) {
+  toast__default.default(text, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, options !== null && options !== void 0 && options.position ? {
+    position: options === null || options === void 0 ? void 0 : options.position
+  } : undefined), options !== null && options !== void 0 && options.duration ? {
+    duration: options === null || options === void 0 ? void 0 : options.duration
+  } : undefined), {}, {
+    // @ts-ignore
+    plasmaOptions: {
+      view: options === null || options === void 0 ? void 0 : options.view,
+      size: options === null || options === void 0 ? void 0 : options.size,
+      pilled: options === null || options === void 0 ? void 0 : options.pilled,
+      contentLeft: options === null || options === void 0 ? void 0 : options.contentLeft,
+      hasClose: options === null || options === void 0 ? void 0 : options.hasClose,
+      width: options === null || options === void 0 ? void 0 : options.width,
+      textColor: options === null || options === void 0 ? void 0 : options.textColor
+    }
+  }));
+};
+var toastContainerConfig = {
+  name: 'ToastContainer',
+  tag: 'div',
+  layout: toastContainerRoot,
+  base: ToastNew_styles.base,
+  variations: {
+    view: {
+      css: ''
+    },
+    size: {
+      css: ''
+    },
+    pilled: {
+      css: '',
+      attrs: true
+    }
+  },
+  defaults: {
+    view: 'default',
+    size: 'm'
+  }
+};
+
+exports.showToast = showToast;
+exports.toastContainerConfig = toastContainerConfig;
+exports.toastContainerRoot = toastContainerRoot;
+//# sourceMappingURL=ToastNew.js.map

package/cjs/components/Toast/ToastNew/ToastNew.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastNew.js","sources":["../../../../src/components/Toast/ToastNew/ToastNew.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport toast, { Toaster, resolveValue } from 'react-hot-toast';\nimport type { Toast as ToastInterface } from 'react-hot-toast';\nimport type { RootProps } from 'src/engines';\nimport { tokens } from 'src/components/Toast/Toast.tokens';\n\nimport { IconCrossThin } from '../../_Icon/Icons/IconCrossThin';\n\nimport { base, Toast, CloseIconWrapper, StyledContentLeft } from './ToastNew.styles';\nimport { ToastContainerProps, ShowToastProps, ShowToastPlasmaOptions } from './ToastNew.types';\n\nexport const toastContainerRoot = (Root: RootProps<HTMLDivElement, ToastContainerProps>) =>\n    forwardRef<HTMLDivElement, ToastContainerProps>((props, ref) => {\n        const {\n            hasClose = true,\n            view,\n            size,\n            pilled,\n            contentLeft,\n            width,\n            textColor,\n            position = 'bottom-center',\n            duration = Infinity,\n            gap,\n            onCloseButtonClick,\n            ...rest\n        } = props;\n\n        return (\n            <Root ref={ref} view={view} size={size} pilled={pilled} {...rest}>\n                <Toaster\n                    gutter={gap}\n                    toastOptions={{\n                        duration,\n                        position,\n                    }}\n                >\n                    {(\n                        options: ToastInterface & {\n                            plasmaOptions?: ShowToastPlasmaOptions;\n                        },\n                    ) => {\n                        return (\n                            <Root\n                                view={options.plasmaOptions?.view}\n                                size={options.plasmaOptions?.size}\n                                pilled={options.plasmaOptions?.pilled}\n                            >\n                                <Toast\n                                    style={{ opacity: options.visible ? 1 : 0 }}\n                                    width={options.plasmaOptions?.width || width}\n                                    textColor={options.plasmaOptions?.textColor || textColor}\n                                >\n                                    {(options.plasmaOptions?.contentLeft || contentLeft) && (\n                                        <StyledContentLeft>\n                                            {options.plasmaOptions?.contentLeft || contentLeft}\n                                        </StyledContentLeft>\n                                    )}\n\n                                    {resolveValue(options.message, options)}\n\n                                    {(options.plasmaOptions?.hasClose ||\n                                        (options.plasmaOptions?.hasClose ?? hasClose)) && (\n                                        <CloseIconWrapper\n                                            view=\"clear\"\n                                            size=\"s\"\n                                            stretching=\"fixed\"\n                                            onClick={() => {\n                                                if (onCloseButtonClick) {\n                                                    onCloseButtonClick();\n                                                }\n\n                                                toast.dismiss(options.id);\n                                            }}\n                                        >\n                                            <IconCrossThin\n                                                size=\"s\"\n                                                color=\"inherit\"\n                                                sizeCustomProperty={tokens.closeIconSize}\n                                            />\n                                        </CloseIconWrapper>\n                                    )}\n                                </Toast>\n                            </Root>\n                        );\n                    }}\n                </Toaster>\n            </Root>\n        );\n    });\n\nexport const showToast: ShowToastProps = (text, options) => {\n    toast(text, {\n        ...(options?.position ? { position: options?.position } : undefined),\n        ...(options?.duration ? { duration: options?.duration } : undefined),\n        // @ts-ignore\n        plasmaOptions: {\n            view: options?.view,\n            size: options?.size,\n            pilled: options?.pilled,\n            contentLeft: options?.contentLeft,\n            hasClose: options?.hasClose,\n            width: options?.width,\n            textColor: options?.textColor,\n        },\n    });\n};\n\nexport const toastContainerConfig = {\n    name: 'ToastContainer',\n    tag: 'div',\n    layout: toastContainerRoot,\n    base,\n    variations: {\n        view: {\n            css: '',\n        },\n        size: {\n            css: '',\n        },\n        pilled: {\n            css: '',\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["toastContainerRoot","Root","forwardRef","props","ref","_props$hasClose","hasClose","view","size","pilled","contentLeft","width","textColor","_props$position","position","_props$duration","duration","Infinity","gap","onCloseButtonClick","rest","_objectWithoutProperties","_excluded","React","createElement","_extends","Toaster","gutter","toastOptions","options","_options$plasmaOption","_options$plasmaOption2","_options$plasmaOption3","_options$plasmaOption4","_options$plasmaOption5","_options$plasmaOption6","_options$plasmaOption7","_options$plasmaOption8","_options$plasmaOption9","_options$plasmaOption10","plasmaOptions","Toast","style","opacity","visible","StyledContentLeft","resolveValue","message","CloseIconWrapper","stretching","onClick","toast","dismiss","id","IconCrossThin","color","sizeCustomProperty","tokens","closeIconSize","showToast","text","_objectSpread","undefined","toastContainerConfig","name","tag","layout","base","variations","css","attrs","defaults"],"mappings":";;;;;;;;;;;;;;;;;IAWaA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,IAAoD,EAAA;AAAA,EAAA,oBACnFC,gBAAU,CAAsC,UAACC,KAAK,EAAEC,GAAG,EAAK;AAC5D,IAAA,IAAAC,eAAA,GAaIF,KAAK,CAZLG,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,eAAA;MACfE,IAAI,GAWJJ,KAAK,CAXLI,IAAI;MACJC,IAAI,GAUJL,KAAK,CAVLK,IAAI;MACJC,MAAM,GASNN,KAAK,CATLM,MAAM;MACNC,WAAW,GAQXP,KAAK,CARLO,WAAW;MACXC,KAAK,GAOLR,KAAK,CAPLQ,KAAK;MACLC,SAAS,GAMTT,KAAK,CANLS,SAAS;MAAAC,eAAA,GAMTV,KAAK,CALLW,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,eAAe,GAAAA,eAAA;MAAAE,eAAA,GAK1BZ,KAAK,CAJLa,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAGE,KAAAA,CAAAA,GAAAA,QAAQ,GAAAF,eAAA;MACnBG,GAAG,GAGHf,KAAK,CAHLe,GAAG;MACHC,kBAAkB,GAElBhB,KAAK,CAFLgB,kBAAkB;AACfC,MAAAA,IAAI,GAAAC,iDAAA,CACPlB,KAAK,EAAAmB,SAAA,CAAA,CAAA;AAET,IAAA,oBACIC,sBAAA,CAAAC,aAAA,CAACvB,IAAI,EAAAwB,iCAAA,CAAA;AAACrB,MAAAA,GAAG,EAAEA,GAAI;AAACG,MAAAA,IAAI,EAAEA,IAAK;AAACC,MAAAA,IAAI,EAAEA,IAAK;AAACC,MAAAA,MAAM,EAAEA,MAAAA;AAAO,KAAA,EAAKW,IAAI,CAC5DG,eAAAA,sBAAA,CAAAC,aAAA,CAACE,aAAO,EAAA;AACJC,MAAAA,MAAM,EAAET,GAAI;AACZU,MAAAA,YAAY,EAAE;AACVZ,QAAAA,QAAQ,EAARA,QAAQ;AACRF,QAAAA,QAAQ,EAARA,QAAAA;AACJ,OAAA;KAEC,EAAA,UACGe,OAEC,EACA;AAAA,MAAA,IAAAC,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,uBAAA,CAAA;AACD,MAAA,oBACIhB,sBAAA,CAAAC,aAAA,CAACvB,IAAI,EAAA;QACDM,IAAI,EAAA,CAAAuB,qBAAA,GAAED,OAAO,CAACW,aAAa,MAAA,IAAA,IAAAV,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAArBA,qBAAA,CAAuBvB,IAAK;QAClCC,IAAI,EAAA,CAAAuB,sBAAA,GAAEF,OAAO,CAACW,aAAa,MAAA,IAAA,IAAAT,sBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAArBA,sBAAA,CAAuBvB,IAAK;QAClCC,MAAM,EAAA,CAAAuB,sBAAA,GAAEH,OAAO,CAACW,aAAa,MAAAR,IAAAA,IAAAA,sBAAA,KAArBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,sBAAA,CAAuBvB,MAAAA;AAAO,OAAA,eAEtCc,sBAAA,CAAAC,aAAA,CAACiB,qBAAK,EAAA;AACFC,QAAAA,KAAK,EAAE;AAAEC,UAAAA,OAAO,EAAEd,OAAO,CAACe,OAAO,GAAG,CAAC,GAAG,CAAA;SAAI;AAC5CjC,QAAAA,KAAK,EAAE,CAAA,CAAAsB,sBAAA,GAAAJ,OAAO,CAACW,aAAa,MAAAP,IAAAA,IAAAA,sBAAA,KAArBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,sBAAA,CAAuBtB,KAAK,KAAIA,KAAM;AAC7CC,QAAAA,SAAS,EAAE,CAAA,CAAAsB,sBAAA,GAAAL,OAAO,CAACW,aAAa,MAAA,IAAA,IAAAN,sBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAArBA,sBAAA,CAAuBtB,SAAS,KAAIA,SAAAA;AAAU,OAAA,EAExD,CAAC,CAAAuB,CAAAA,sBAAA,GAAAN,OAAO,CAACW,aAAa,MAAAL,IAAAA,IAAAA,sBAAA,KAArBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,sBAAA,CAAuBzB,WAAW,KAAIA,WAAW,kBAC/Ca,sBAAA,CAAAC,aAAA,CAACqB,iCAAiB,EAAA,IAAA,EACb,EAAAT,sBAAA,GAAAP,OAAO,CAACW,aAAa,cAAAJ,sBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAArBA,sBAAA,CAAuB1B,WAAW,KAAIA,WACxB,CACtB,EAEAoC,kBAAY,CAACjB,OAAO,CAACkB,OAAO,EAAElB,OAAO,CAAC,EAEtC,CAAC,EAAAQ,sBAAA,GAAAR,OAAO,CAACW,aAAa,MAAAH,IAAAA,IAAAA,sBAAA,uBAArBA,sBAAA,CAAuB/B,QAAQ,MAAAgC,CAAAA,sBAAA,IAAAC,uBAAA,GAC5BV,OAAO,CAACW,aAAa,MAAAD,IAAAA,IAAAA,uBAAA,uBAArBA,uBAAA,CAAuBjC,QAAQ,MAAAgC,IAAAA,IAAAA,sBAAA,cAAAA,sBAAA,GAAIhC,QAAQ,CAAC,kBAC7CiB,sBAAA,CAAAC,aAAA,CAACwB,gCAAgB,EAAA;AACbzC,QAAAA,IAAI,EAAC,OAAO;AACZC,QAAAA,IAAI,EAAC,GAAG;AACRyC,QAAAA,UAAU,EAAC,OAAO;QAClBC,OAAO,EAAE,SAAAA,OAAAA,GAAM;AACX,UAAA,IAAI/B,kBAAkB,EAAE;AACpBA,YAAAA,kBAAkB,EAAE,CAAA;AACxB,WAAA;AAEAgC,UAAAA,sBAAK,CAACC,OAAO,CAACvB,OAAO,CAACwB,EAAE,CAAC,CAAA;AAC7B,SAAA;AAAE,OAAA,eAEF9B,sBAAA,CAAAC,aAAA,CAAC8B,2BAAa,EAAA;AACV9C,QAAAA,IAAI,EAAC,GAAG;AACR+C,QAAAA,KAAK,EAAC,SAAS;QACfC,kBAAkB,EAAEC,mBAAM,CAACC,aAAAA;OAC9B,CACa,CAEnB,CACL,CAAC,CAAA;AAEf,KACK,CACP,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMC,SAAyB,GAAG,SAA5BA,SAAyBA,CAAIC,IAAI,EAAE/B,OAAO,EAAK;AACxDsB,EAAAA,sBAAK,CAACS,IAAI,EAAAC,uCAAA,CAAAA,uCAAA,CAAAA,uCAAA,CACFhC,EAAAA,EAAAA,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,IAAPA,OAAO,CAAEf,QAAQ,GAAG;AAAEA,IAAAA,QAAQ,EAAEe,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAEf,QAAAA;GAAU,GAAGgD,SAAS,CAAA,EAC/DjC,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,IAAAA,OAAO,CAAEb,QAAQ,GAAG;AAAEA,IAAAA,QAAQ,EAAEa,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAEb,QAAAA;AAAS,GAAC,GAAG8C,SAAS,CAAA,EAAA,EAAA,EAAA;AACnE;AACAtB,IAAAA,aAAa,EAAE;AACXjC,MAAAA,IAAI,EAAEsB,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAEtB,IAAI;AACnBC,MAAAA,IAAI,EAAEqB,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAErB,IAAI;AACnBC,MAAAA,MAAM,EAAEoB,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAEpB,MAAM;AACvBC,MAAAA,WAAW,EAAEmB,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAEnB,WAAW;AACjCJ,MAAAA,QAAQ,EAAEuB,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAEvB,QAAQ;AAC3BK,MAAAA,KAAK,EAAEkB,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAElB,KAAK;AACrBC,MAAAA,SAAS,EAAEiB,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAEjB,SAAAA;AACxB,KAAA;AAAC,GAAA,CACJ,CAAC,CAAA;AACN,EAAC;AAEM,IAAMmD,oBAAoB,GAAG;AAChCC,EAAAA,IAAI,EAAE,gBAAgB;AACtBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAElE,kBAAkB;AAC1BmE,EAAAA,IAAI,EAAJA,oBAAI;AACJC,EAAAA,UAAU,EAAE;AACR7D,IAAAA,IAAI,EAAE;AACF8D,MAAAA,GAAG,EAAE,EAAA;KACR;AACD7D,IAAAA,IAAI,EAAE;AACF6D,MAAAA,GAAG,EAAE,EAAA;KACR;AACD5D,IAAAA,MAAM,EAAE;AACJ4D,MAAAA,GAAG,EAAE,EAAE;AACPC,MAAAA,KAAK,EAAE,IAAA;AACX,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNhE,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;;"}

package/cjs/components/Toast/ToastNew/ToastNew.styles.js

@@ -0,0 +1,53 @@
+require('./ToastNew.styles_4c92hd.css');
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@linaria/react');
+var ToastNew_tokens = require('./ToastNew.tokens.js');
+var common = require('../../../engines/common.js');
+var Button$1 = require('../../Button/Button.js');
+
+var mergedButtonConfig = /*#__PURE__*/common.mergeConfig(Button$1.buttonConfig);
+var Button = /*#__PURE__*/common.component(mergedButtonConfig);
+var base = "b1hu50mr";
+var _exp2 = function _exp2() {
+  return function (_ref) {
+    var textColor = _ref.textColor;
+    return textColor || "var(".concat(ToastNew_tokens.tokens.color, ")");
+  };
+};
+var _exp6 = function _exp6() {
+  return function (_ref2) {
+    var width = _ref2.width;
+    return width || 'auto';
+  };
+};
+var Toast = /*#__PURE__*/react.styled('div')({
+  name: "Toast",
+  "class": "tvfkfgf",
+  propsAsIs: false,
+  vars: {
+    "tvfkfgf-0": [/*#__PURE__*/_exp2()],
+    "tvfkfgf-1": [/*#__PURE__*/_exp6()]
+  }
+});
+var _exp13 = function _exp13() {
+  return Button;
+};
+var CloseIconWrapper = /*#__PURE__*/react.styled(_exp13())({
+  name: "CloseIconWrapper",
+  "class": "cbp8rlf",
+  propsAsIs: true
+});
+var StyledContentLeft = /*#__PURE__*/react.styled('div')({
+  name: "StyledContentLeft",
+  "class": "s1hkhzn7",
+  propsAsIs: false
+});
+
+exports.CloseIconWrapper = CloseIconWrapper;
+exports.StyledContentLeft = StyledContentLeft;
+exports.Toast = Toast;
+exports.base = base;
+//# sourceMappingURL=ToastNew.styles.js.map

package/cjs/components/Toast/ToastNew/ToastNew.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastNew.styles.js","sources":["../../../../src/components/Toast/ToastNew/ToastNew.styles.ts"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\nimport { component, mergeConfig } from 'src/engines';\n\nimport { buttonConfig } from '../../Button';\n\nimport { tokens } from './ToastNew.tokens';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\nexport const base = css``;\n\nexport const Toast = styled.div<{ width: CSSProperties['width']; textColor: CSSProperties['color'] }>`\n    display: flex;\n    align-items: center;\n    background: var(${tokens.background});\n    color: ${({ textColor }) => textColor || `var(${tokens.color})`};\n    padding: var(${tokens.padding});\n    border-radius: var(${tokens.borderRadius});\n    max-width: var(${tokens.maxWidth});\n    width: ${({ width }) => width || 'auto'};\n\n    font-family: var(${tokens.fontFamily});\n    font-size: var(${tokens.fontSize});\n    font-style: var(${tokens.fontStyle});\n    font-weight: var(${tokens.fontWeight});\n    letter-spacing: var(${tokens.letterSpacing});\n    line-height: var(${tokens.lineHeight});\n`;\n\nexport const CloseIconWrapper = styled(Button)`\n    height: var(${tokens.closeIconButtonSize});\n    margin: var(${tokens.closeIconMargin});\n    color: var(${tokens.closeIconColor});\n\n    :hover {\n        color: var(${tokens.closeIconColorOnHover});\n    }\n`;\n\nexport const StyledContentLeft = styled.div`\n    margin: var(${tokens.contentLeftMargin});\n    color: var(${tokens.contentLeftColor});\n    line-height: 0;\n`;\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","base","_exp2","_ref","textColor","concat","tokens","color","_exp6","_ref2","width","Toast","styled","name","class","propsAsIs","vars","_exp13","CloseIconWrapper","StyledContentLeft"],"mappings":";;;;;;;;;AASA,IAAMA,kBAAkB,gBAAGC,kBAAW,CAACC,qBAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,gBAAS,CAACJ,kBAAkB,CAAC,CAAA;AAErC,IAAMK,IAAI,GAAQ,WAAA;AAAC,IAAAC,KAAA,GAXRA,SAWQA,KAAAA,GAAA;AAAA,EAAA,OAMb,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAAgBA,SAAS,IAAAC,MAAAA,CAAAA,MAAA,CAAWC,sBAAM,CAACC,KAAK,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAjBjDA,SAiBiDA,KAAAA,GAAA;AAAA,EAAA,OAItD,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,KAAAA,GAAAA,KAAAA,CAAAA,KAAAA,CAAAA;IAAAA,OAAYA,KAAK,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AARpC,IAAMC,KAAK,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAIdd,KAAsD,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAItDM,KAA8B,EAAA,CAAA;AAAA,GAAA;AAAA,CAQ1C,EAAA;AAAC,IAAAS,MAAA,GA7BgBA,SA6BhBA,MAAAA,GAAA;AAAA,EAAA,OAEqClB,MAAM,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMmB,gBAAgB,gBAAGN,YAAM,CAAAK,MAAA,EAAA,CAAA,CAAA;AAAAJ,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAQrC,EAAA;AAEM,IAAMI,iBAAiB,gBAAGP,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAItC;;;;;;;"}

package/cjs/components/Toast/ToastNew/ToastNew.styles_4c92hd.css

@@ -0,0 +1,4 @@
+
+.tvfkfgf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--plasma-toast-background);color:var(--tvfkfgf-0);padding:var(--plasma-toast-padding);border-radius:var(--plasma-toast-border-radius);max-width:var(--plasma-toast-max-width);width:var(--tvfkfgf-1);font-family:var(--plasma-toast-font-family);font-size:var(--plasma-toast-font-size);font-style:var(--plasma-toast-font-style);font-weight:var(--plasma-toast-font-weight);-webkit-letter-spacing:var(--plasma-toast-letter-spacing);-moz-letter-spacing:var(--plasma-toast-letter-spacing);-ms-letter-spacing:var(--plasma-toast-letter-spacing);letter-spacing:var(--plasma-toast-letter-spacing);line-height:var(--plasma-toast-line-height);}
+.cbp8rlf{height:var(--plasma-toast-close-icon-button-size);margin:var(--plasma-toast-close-icon-margin);color:var(--plasma-toast-close-icon-color);}.cbp8rlf:hover{color:var(--plasma-toast-close-icon-color-on-hover);}
+.s1hkhzn7{margin:var(--plasma-toast-content-left-margin);color:var(--plasma-toast-content-left-color);line-height:0;}

package/cjs/components/Toast/ToastNew/ToastNew.tokens.js

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tokens = {
+  background: '--plasma-toast-background',
+  color: '--plasma-toast-color',
+  padding: '--plasma-toast-padding',
+  borderRadius: '--plasma-toast-border-radius',
+  maxWidth: '--plasma-toast-max-width',
+  fontFamily: '--plasma-toast-font-family',
+  fontSize: '--plasma-toast-font-size',
+  fontStyle: '--plasma-toast-font-style',
+  fontWeight: '--plasma-toast-font-weight',
+  letterSpacing: '--plasma-toast-letter-spacing',
+  lineHeight: '--plasma-toast-line-height',
+  contentLeftMargin: '--plasma-toast-content-left-margin',
+  contentLeftColor: '--plasma-toast-content-left-color',
+  closeIconMargin: '--plasma-toast-close-icon-margin',
+  closeIconColor: '--plasma-toast-close-icon-color',
+  closeIconColorOnHover: '--plasma-toast-close-icon-color-on-hover',
+  closeIconSize: '--plasma-toast-close-icon-size',
+  closeIconButtonSize: '--plasma-toast-close-icon-button-size'
+};
+
+exports.tokens = tokens;
+//# sourceMappingURL=ToastNew.tokens.js.map

package/cjs/components/Toast/ToastNew/ToastNew.tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastNew.tokens.js","sources":["../../../../src/components/Toast/ToastNew/ToastNew.tokens.ts"],"sourcesContent":["export const classes = {};\n\nexport const tokens = {\n    background: '--plasma-toast-background',\n    color: '--plasma-toast-color',\n    padding: '--plasma-toast-padding',\n    borderRadius: '--plasma-toast-border-radius',\n    maxWidth: '--plasma-toast-max-width',\n\n    fontFamily: '--plasma-toast-font-family',\n    fontSize: '--plasma-toast-font-size',\n    fontStyle: '--plasma-toast-font-style',\n    fontWeight: '--plasma-toast-font-weight',\n    letterSpacing: '--plasma-toast-letter-spacing',\n    lineHeight: '--plasma-toast-line-height',\n\n    contentLeftMargin: '--plasma-toast-content-left-margin',\n    contentLeftColor: '--plasma-toast-content-left-color',\n\n    closeIconMargin: '--plasma-toast-close-icon-margin',\n    closeIconColor: '--plasma-toast-close-icon-color',\n    closeIconColorOnHover: '--plasma-toast-close-icon-color-on-hover',\n    closeIconSize: '--plasma-toast-close-icon-size',\n    closeIconButtonSize: '--plasma-toast-close-icon-button-size',\n};\n"],"names":["tokens","background","color","padding","borderRadius","maxWidth","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","contentLeftMargin","contentLeftColor","closeIconMargin","closeIconColor","closeIconColorOnHover","closeIconSize","closeIconButtonSize"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,KAAK,EAAE,sBAAsB;AAC7BC,EAAAA,OAAO,EAAE,wBAAwB;AACjCC,EAAAA,YAAY,EAAE,8BAA8B;AAC5CC,EAAAA,QAAQ,EAAE,0BAA0B;AAEpCC,EAAAA,UAAU,EAAE,4BAA4B;AACxCC,EAAAA,QAAQ,EAAE,0BAA0B;AACpCC,EAAAA,SAAS,EAAE,2BAA2B;AACtCC,EAAAA,UAAU,EAAE,4BAA4B;AACxCC,EAAAA,aAAa,EAAE,+BAA+B;AAC9CC,EAAAA,UAAU,EAAE,4BAA4B;AAExCC,EAAAA,iBAAiB,EAAE,oCAAoC;AACvDC,EAAAA,gBAAgB,EAAE,mCAAmC;AAErDC,EAAAA,eAAe,EAAE,kCAAkC;AACnDC,EAAAA,cAAc,EAAE,iCAAiC;AACjDC,EAAAA,qBAAqB,EAAE,0CAA0C;AACjEC,EAAAA,aAAa,EAAE,gCAAgC;AAC/CC,EAAAA,mBAAmB,EAAE,uCAAA;AACzB;;;;"}

package/cjs/index.css

@@ -957,3 +957,8 @@
 .LinkButton_styles_1kw1zkj_l12rghuz__846f988c{padding:var(--plasma-link-button-text-padding);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 .LinkButton_styles_1kw1zkj_s1uogc3z__846f988c{line-height:0;margin:var(--plasma-link-button-left-content-margin);}
 .LinkButton_styles_1kw1zkj_s176p3a0__846f988c{line-height:0;margin:var(--plasma-link-button-right-content-margin);}
+
+
+.ToastNew_styles_4c92hd_tvfkfgf__2b80d961{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--plasma-toast-background);color:var(--tvfkfgf-0);padding:var(--plasma-toast-padding);border-radius:var(--plasma-toast-border-radius);max-width:var(--plasma-toast-max-width);width:var(--tvfkfgf-1);font-family:var(--plasma-toast-font-family);font-size:var(--plasma-toast-font-size);font-style:var(--plasma-toast-font-style);font-weight:var(--plasma-toast-font-weight);-webkit-letter-spacing:var(--plasma-toast-letter-spacing);-moz-letter-spacing:var(--plasma-toast-letter-spacing);-ms-letter-spacing:var(--plasma-toast-letter-spacing);letter-spacing:var(--plasma-toast-letter-spacing);line-height:var(--plasma-toast-line-height);}
+.ToastNew_styles_4c92hd_cbp8rlf__2b80d961{height:var(--plasma-toast-close-icon-button-size);margin:var(--plasma-toast-close-icon-margin);color:var(--plasma-toast-close-icon-color);}.ToastNew_styles_4c92hd_cbp8rlf__2b80d961:hover{color:var(--plasma-toast-close-icon-color-on-hover);}
+.ToastNew_styles_4c92hd_s1hkhzn7__2b80d961{margin:var(--plasma-toast-content-left-margin);color:var(--plasma-toast-content-left-color);line-height:0;}

package/cjs/index.js

@@ -230,6 +230,8 @@ var Table_tokens = require('./components/Table/Table.tokens.js');
 var LinkButton = require('./components/LinkButton/LinkButton.js');
 var LinkButton_tokens = require('./components/LinkButton/LinkButton.tokens.js');
 var NumberFormat = require('./components/NumberFormat/NumberFormat.js');
+var ToastNew = require('./components/Toast/ToastNew/ToastNew.js');
+var ToastNew_tokens = require('./components/Toast/ToastNew/ToastNew.tokens.js');
 
 
 
@@ -661,4 +663,8 @@ exports.linkButtonConfig = LinkButton.linkButtonConfig;
 exports.linkButtonRoot = LinkButton.linkButtonRoot;
 exports.linkButtonTokens = LinkButton_tokens.tokens;
 exports.composeNumberFormat = NumberFormat.composeNumberFormat;
+exports.showToast = ToastNew.showToast;
+exports.toastContainerConfig = ToastNew.toastContainerConfig;
+exports.toastContainerRoot = ToastNew.toastContainerRoot;
+exports.toastNewTokens = ToastNew_tokens.tokens;
 //# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/emotion/cjs/components/Toast/ToastNew/ToastNew.js

@@ -0,0 +1,121 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.toastContainerRoot = exports.toastContainerConfig = exports.showToast = void 0;
+var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"));
+var _reactHotToast = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react-hot-toast"));
+var _Toast = /*#__PURE__*/require("../Toast.tokens");
+var _IconCrossThin = /*#__PURE__*/require("../../_Icon/Icons/IconCrossThin");
+var _ToastNew = /*#__PURE__*/require("./ToastNew.styles");
+var _excluded = ["hasClose", "view", "size", "pilled", "contentLeft", "width", "textColor", "position", "duration", "gap", "onCloseButtonClick"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+var toastContainerRoot = exports.toastContainerRoot = function toastContainerRoot(Root) {
+  return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+    var _props$hasClose = props.hasClose,
+      hasClose = _props$hasClose === void 0 ? true : _props$hasClose,
+      view = props.view,
+      size = props.size,
+      pilled = props.pilled,
+      contentLeft = props.contentLeft,
+      width = props.width,
+      textColor = props.textColor,
+      _props$position = props.position,
+      position = _props$position === void 0 ? 'bottom-center' : _props$position,
+      _props$duration = props.duration,
+      duration = _props$duration === void 0 ? Infinity : _props$duration,
+      gap = props.gap,
+      onCloseButtonClick = props.onCloseButtonClick,
+      rest = _objectWithoutProperties(props, _excluded);
+    return /*#__PURE__*/_react["default"].createElement(Root, _extends({
+      ref: ref,
+      view: view,
+      size: size,
+      pilled: pilled
+    }, rest), /*#__PURE__*/_react["default"].createElement(_reactHotToast.Toaster, {
+      gutter: gap,
+      toastOptions: {
+        duration: duration,
+        position: position
+      }
+    }, function (options) {
+      var _options$plasmaOption, _options$plasmaOption2, _options$plasmaOption3, _options$plasmaOption4, _options$plasmaOption5, _options$plasmaOption6, _options$plasmaOption7, _options$plasmaOption8, _options$plasmaOption9, _options$plasmaOption10;
+      return /*#__PURE__*/_react["default"].createElement(Root, {
+        view: (_options$plasmaOption = options.plasmaOptions) === null || _options$plasmaOption === void 0 ? void 0 : _options$plasmaOption.view,
+        size: (_options$plasmaOption2 = options.plasmaOptions) === null || _options$plasmaOption2 === void 0 ? void 0 : _options$plasmaOption2.size,
+        pilled: (_options$plasmaOption3 = options.plasmaOptions) === null || _options$plasmaOption3 === void 0 ? void 0 : _options$plasmaOption3.pilled
+      }, /*#__PURE__*/_react["default"].createElement(_ToastNew.Toast, {
+        style: {
+          opacity: options.visible ? 1 : 0
+        },
+        width: ((_options$plasmaOption4 = options.plasmaOptions) === null || _options$plasmaOption4 === void 0 ? void 0 : _options$plasmaOption4.width) || width,
+        textColor: ((_options$plasmaOption5 = options.plasmaOptions) === null || _options$plasmaOption5 === void 0 ? void 0 : _options$plasmaOption5.textColor) || textColor
+      }, (((_options$plasmaOption6 = options.plasmaOptions) === null || _options$plasmaOption6 === void 0 ? void 0 : _options$plasmaOption6.contentLeft) || contentLeft) && /*#__PURE__*/_react["default"].createElement(_ToastNew.StyledContentLeft, null, ((_options$plasmaOption7 = options.plasmaOptions) === null || _options$plasmaOption7 === void 0 ? void 0 : _options$plasmaOption7.contentLeft) || contentLeft), (0, _reactHotToast.resolveValue)(options.message, options), (((_options$plasmaOption8 = options.plasmaOptions) === null || _options$plasmaOption8 === void 0 ? void 0 : _options$plasmaOption8.hasClose) || ((_options$plasmaOption9 = (_options$plasmaOption10 = options.plasmaOptions) === null || _options$plasmaOption10 === void 0 ? void 0 : _options$plasmaOption10.hasClose) !== null && _options$plasmaOption9 !== void 0 ? _options$plasmaOption9 : hasClose)) && /*#__PURE__*/_react["default"].createElement(_ToastNew.CloseIconWrapper, {
+        view: "clear",
+        size: "s",
+        stretching: "fixed",
+        onClick: function onClick() {
+          if (onCloseButtonClick) {
+            onCloseButtonClick();
+          }
+          _reactHotToast["default"].dismiss(options.id);
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_IconCrossThin.IconCrossThin, {
+        size: "s",
+        color: "inherit",
+        sizeCustomProperty: _Toast.tokens.closeIconSize
+      }))));
+    }));
+  });
+};
+var showToast = exports.showToast = function showToast(text, options) {
+  (0, _reactHotToast["default"])(text, _objectSpread(_objectSpread(_objectSpread({}, options !== null && options !== void 0 && options.position ? {
+    position: options === null || options === void 0 ? void 0 : options.position
+  } : undefined), options !== null && options !== void 0 && options.duration ? {
+    duration: options === null || options === void 0 ? void 0 : options.duration
+  } : undefined), {}, {
+    // @ts-ignore
+    plasmaOptions: {
+      view: options === null || options === void 0 ? void 0 : options.view,
+      size: options === null || options === void 0 ? void 0 : options.size,
+      pilled: options === null || options === void 0 ? void 0 : options.pilled,
+      contentLeft: options === null || options === void 0 ? void 0 : options.contentLeft,
+      hasClose: options === null || options === void 0 ? void 0 : options.hasClose,
+      width: options === null || options === void 0 ? void 0 : options.width,
+      textColor: options === null || options === void 0 ? void 0 : options.textColor
+    }
+  }));
+};
+var toastContainerConfig = exports.toastContainerConfig = {
+  name: 'ToastContainer',
+  tag: 'div',
+  layout: toastContainerRoot,
+  base: _ToastNew.base,
+  variations: {
+    view: {
+      css: ''
+    },
+    size: {
+      css: ''
+    },
+    pilled: {
+      css: '',
+      attrs: true
+    }
+  },
+  defaults: {
+    view: 'default',
+    size: 'm'
+  }
+};

package/emotion/cjs/components/Toast/ToastNew/ToastNew.styles.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = exports.Toast = exports.StyledContentLeft = exports.CloseIconWrapper = void 0;
+var _base = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("@emotion/styled/base"));
+var _react = /*#__PURE__*/require("@emotion/react");
+var _engines = /*#__PURE__*/require("../../../engines");
+var _Button = /*#__PURE__*/require("../../Button");
+var _ToastNew = /*#__PURE__*/require("./ToastNew.tokens");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var mergedButtonConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Button.buttonConfig);
+var Button = /*#__PURE__*/(0, _engines.component)(mergedButtonConfig);
+var base = exports.base = /*#__PURE__*/(0, _react.css)(";label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVG9hc3QvVG9hc3ROZXcvVG9hc3ROZXcuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVl1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1RvYXN0L1RvYXN0TmV3L1RvYXN0TmV3LnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUHJvcGVydGllcyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICdzcmMvZW5naW5lcyc7XG5cbmltcG9ydCB7IGJ1dHRvbkNvbmZpZyB9IGZyb20gJy4uLy4uL0J1dHRvbic7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4vVG9hc3ROZXcudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkQnV0dG9uQ29uZmlnID0gbWVyZ2VDb25maWcoYnV0dG9uQ29uZmlnKTtcbmNvbnN0IEJ1dHRvbiA9IGNvbXBvbmVudChtZXJnZWRCdXR0b25Db25maWcpO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BgO1xuXG5leHBvcnQgY29uc3QgVG9hc3QgPSBzdHlsZWQuZGl2PHsgd2lkdGg6IENTU1Byb3BlcnRpZXNbJ3dpZHRoJ107IHRleHRDb2xvcjogQ1NTUHJvcGVydGllc1snY29sb3InXSB9PmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLmJhY2tncm91bmR9KTtcbiAgICBjb2xvcjogJHsoeyB0ZXh0Q29sb3IgfSkgPT4gdGV4dENvbG9yIHx8IGB2YXIoJHt0b2tlbnMuY29sb3J9KWB9O1xuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5wYWRkaW5nfSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIG1heC13aWR0aDogdmFyKCR7dG9rZW5zLm1heFdpZHRofSk7XG4gICAgd2lkdGg6ICR7KHsgd2lkdGggfSkgPT4gd2lkdGggfHwgJ2F1dG8nfTtcblxuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMuZm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmZvbnRTaXplfSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmZvbnRTdHlsZX0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMuZm9udFdlaWdodH0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMubGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuYDtcblxuZXhwb3J0IGNvbnN0IENsb3NlSWNvbldyYXBwZXIgPSBzdHlsZWQoQnV0dG9uKWBcbiAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5jbG9zZUljb25CdXR0b25TaXplfSk7XG4gICAgbWFyZ2luOiB2YXIoJHt0b2tlbnMuY2xvc2VJY29uTWFyZ2lufSk7XG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5jbG9zZUljb25Db2xvcn0pO1xuXG4gICAgOmhvdmVyIHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5jbG9zZUljb25Db2xvck9uSG92ZXJ9KTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudExlZnQgPSBzdHlsZWQuZGl2YFxuICAgIG1hcmdpbjogdmFyKCR7dG9rZW5zLmNvbnRlbnRMZWZ0TWFyZ2lufSk7XG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5jb250ZW50TGVmdENvbG9yfSk7XG4gICAgbGluZS1oZWlnaHQ6IDA7XG5gO1xuIl19 */"));
+var Toast = exports.Toast = /*#__PURE__*/(0, _base["default"])("div", {
+  target: "e1w3058n2",
+  label: "plasma-new-hope__Toast"
+})("display:flex;align-items:center;background:var(", _ToastNew.tokens.background, ");color:", function (_ref) {
+  var textColor = _ref.textColor;
+  return textColor || "var(".concat(_ToastNew.tokens.color, ")");
+}, ";padding:var(", _ToastNew.tokens.padding, ");border-radius:var(", _ToastNew.tokens.borderRadius, ");max-width:var(", _ToastNew.tokens.maxWidth, ");width:", function (_ref2) {
+  var width = _ref2.width;
+  return width || 'auto';
+}, ";font-family:var(", _ToastNew.tokens.fontFamily, ");font-size:var(", _ToastNew.tokens.fontSize, ");font-style:var(", _ToastNew.tokens.fontStyle, ");font-weight:var(", _ToastNew.tokens.fontWeight, ");letter-spacing:var(", _ToastNew.tokens.letterSpacing, ");line-height:var(", _ToastNew.tokens.lineHeight, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVG9hc3QvVG9hc3ROZXcvVG9hc3ROZXcuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNxRyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1RvYXN0L1RvYXN0TmV3L1RvYXN0TmV3LnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUHJvcGVydGllcyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICdzcmMvZW5naW5lcyc7XG5cbmltcG9ydCB7IGJ1dHRvbkNvbmZpZyB9IGZyb20gJy4uLy4uL0J1dHRvbic7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4vVG9hc3ROZXcudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkQnV0dG9uQ29uZmlnID0gbWVyZ2VDb25maWcoYnV0dG9uQ29uZmlnKTtcbmNvbnN0IEJ1dHRvbiA9IGNvbXBvbmVudChtZXJnZWRCdXR0b25Db25maWcpO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BgO1xuXG5leHBvcnQgY29uc3QgVG9hc3QgPSBzdHlsZWQuZGl2PHsgd2lkdGg6IENTU1Byb3BlcnRpZXNbJ3dpZHRoJ107IHRleHRDb2xvcjogQ1NTUHJvcGVydGllc1snY29sb3InXSB9PmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLmJhY2tncm91bmR9KTtcbiAgICBjb2xvcjogJHsoeyB0ZXh0Q29sb3IgfSkgPT4gdGV4dENvbG9yIHx8IGB2YXIoJHt0b2tlbnMuY29sb3J9KWB9O1xuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5wYWRkaW5nfSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIG1heC13aWR0aDogdmFyKCR7dG9rZW5zLm1heFdpZHRofSk7XG4gICAgd2lkdGg6ICR7KHsgd2lkdGggfSkgPT4gd2lkdGggfHwgJ2F1dG8nfTtcblxuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMuZm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmZvbnRTaXplfSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmZvbnRTdHlsZX0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMuZm9udFdlaWdodH0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMubGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuYDtcblxuZXhwb3J0IGNvbnN0IENsb3NlSWNvbldyYXBwZXIgPSBzdHlsZWQoQnV0dG9uKWBcbiAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5jbG9zZUljb25CdXR0b25TaXplfSk7XG4gICAgbWFyZ2luOiB2YXIoJHt0b2tlbnMuY2xvc2VJY29uTWFyZ2lufSk7XG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5jbG9zZUljb25Db2xvcn0pO1xuXG4gICAgOmhvdmVyIHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5jbG9zZUljb25Db2xvck9uSG92ZXJ9KTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudExlZnQgPSBzdHlsZWQuZGl2YFxuICAgIG1hcmdpbjogdmFyKCR7dG9rZW5zLmNvbnRlbnRMZWZ0TWFyZ2lufSk7XG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5jb250ZW50TGVmdENvbG9yfSk7XG4gICAgbGluZS1oZWlnaHQ6IDA7XG5gO1xuIl19 */"));
+var CloseIconWrapper = exports.CloseIconWrapper = /*#__PURE__*/(0, _base["default"])(Button, {
+  target: "e1w3058n1",
+  label: "plasma-new-hope__CloseIconWrapper"
+})("height:var(", _ToastNew.tokens.closeIconButtonSize, ");margin:var(", _ToastNew.tokens.closeIconMargin, ");color:var(", _ToastNew.tokens.closeIconColor, ");:hover{color:var(", _ToastNew.tokens.closeIconColorOnHover, ");}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVG9hc3QvVG9hc3ROZXcvVG9hc3ROZXcuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDOEMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ub2FzdC9Ub2FzdE5ldy9Ub2FzdE5ldy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Byb3BlcnRpZXMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb21wb25lbnQsIG1lcmdlQ29uZmlnIH0gZnJvbSAnc3JjL2VuZ2luZXMnO1xuXG5pbXBvcnQgeyBidXR0b25Db25maWcgfSBmcm9tICcuLi8uLi9CdXR0b24nO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL1RvYXN0TmV3LnRva2Vucyc7XG5cbmNvbnN0IG1lcmdlZEJ1dHRvbkNvbmZpZyA9IG1lcmdlQ29uZmlnKGJ1dHRvbkNvbmZpZyk7XG5jb25zdCBCdXR0b24gPSBjb21wb25lbnQobWVyZ2VkQnV0dG9uQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgYDtcblxuZXhwb3J0IGNvbnN0IFRvYXN0ID0gc3R5bGVkLmRpdjx7IHdpZHRoOiBDU1NQcm9wZXJ0aWVzWyd3aWR0aCddOyB0ZXh0Q29sb3I6IENTU1Byb3BlcnRpZXNbJ2NvbG9yJ10gfT5gXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kfSk7XG4gICAgY29sb3I6ICR7KHsgdGV4dENvbG9yIH0pID0+IHRleHRDb2xvciB8fCBgdmFyKCR7dG9rZW5zLmNvbG9yfSlgfTtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMucGFkZGluZ30pO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KTtcbiAgICBtYXgtd2lkdGg6IHZhcigke3Rva2Vucy5tYXhXaWR0aH0pO1xuICAgIHdpZHRoOiAkeyh7IHdpZHRoIH0pID0+IHdpZHRoIHx8ICdhdXRvJ307XG5cbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5mb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5mb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmZvbnRXZWlnaHR9KTtcbiAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmxldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDbG9zZUljb25XcmFwcGVyID0gc3R5bGVkKEJ1dHRvbilgXG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuY2xvc2VJY29uQnV0dG9uU2l6ZX0pO1xuICAgIG1hcmdpbjogdmFyKCR7dG9rZW5zLmNsb3NlSWNvbk1hcmdpbn0pO1xuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY2xvc2VJY29uQ29sb3J9KTtcblxuICAgIDpob3ZlciB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY2xvc2VJY29uQ29sb3JPbkhvdmVyfSk7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnRMZWZ0ID0gc3R5bGVkLmRpdmBcbiAgICBtYXJnaW46IHZhcigke3Rva2Vucy5jb250ZW50TGVmdE1hcmdpbn0pO1xuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY29udGVudExlZnRDb2xvcn0pO1xuICAgIGxpbmUtaGVpZ2h0OiAwO1xuYDtcbiJdfQ== */"));
+var StyledContentLeft = exports.StyledContentLeft = /*#__PURE__*/(0, _base["default"])("div", {
+  target: "e1w3058n0",
+  label: "plasma-new-hope__StyledContentLeft"
+})("margin:var(", _ToastNew.tokens.contentLeftMargin, ");color:var(", _ToastNew.tokens.contentLeftColor, ");line-height:0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVG9hc3QvVG9hc3ROZXcvVG9hc3ROZXcuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBDMkMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ub2FzdC9Ub2FzdE5ldy9Ub2FzdE5ldy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Byb3BlcnRpZXMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb21wb25lbnQsIG1lcmdlQ29uZmlnIH0gZnJvbSAnc3JjL2VuZ2luZXMnO1xuXG5pbXBvcnQgeyBidXR0b25Db25maWcgfSBmcm9tICcuLi8uLi9CdXR0b24nO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL1RvYXN0TmV3LnRva2Vucyc7XG5cbmNvbnN0IG1lcmdlZEJ1dHRvbkNvbmZpZyA9IG1lcmdlQ29uZmlnKGJ1dHRvbkNvbmZpZyk7XG5jb25zdCBCdXR0b24gPSBjb21wb25lbnQobWVyZ2VkQnV0dG9uQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgYDtcblxuZXhwb3J0IGNvbnN0IFRvYXN0ID0gc3R5bGVkLmRpdjx7IHdpZHRoOiBDU1NQcm9wZXJ0aWVzWyd3aWR0aCddOyB0ZXh0Q29sb3I6IENTU1Byb3BlcnRpZXNbJ2NvbG9yJ10gfT5gXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kfSk7XG4gICAgY29sb3I6ICR7KHsgdGV4dENvbG9yIH0pID0+IHRleHRDb2xvciB8fCBgdmFyKCR7dG9rZW5zLmNvbG9yfSlgfTtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMucGFkZGluZ30pO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KTtcbiAgICBtYXgtd2lkdGg6IHZhcigke3Rva2Vucy5tYXhXaWR0aH0pO1xuICAgIHdpZHRoOiAkeyh7IHdpZHRoIH0pID0+IHdpZHRoIHx8ICdhdXRvJ307XG5cbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5mb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5mb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmZvbnRXZWlnaHR9KTtcbiAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmxldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDbG9zZUljb25XcmFwcGVyID0gc3R5bGVkKEJ1dHRvbilgXG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuY2xvc2VJY29uQnV0dG9uU2l6ZX0pO1xuICAgIG1hcmdpbjogdmFyKCR7dG9rZW5zLmNsb3NlSWNvbk1hcmdpbn0pO1xuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY2xvc2VJY29uQ29sb3J9KTtcblxuICAgIDpob3ZlciB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY2xvc2VJY29uQ29sb3JPbkhvdmVyfSk7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnRMZWZ0ID0gc3R5bGVkLmRpdmBcbiAgICBtYXJnaW46IHZhcigke3Rva2Vucy5jb250ZW50TGVmdE1hcmdpbn0pO1xuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY29udGVudExlZnRDb2xvcn0pO1xuICAgIGxpbmUtaGVpZ2h0OiAwO1xuYDtcbiJdfQ== */"));

package/emotion/cjs/components/Toast/ToastNew/ToastNew.tokens.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tokens = exports.classes = void 0;
+var classes = exports.classes = {};
+var tokens = exports.tokens = {
+  background: '--plasma-toast-background',
+  color: '--plasma-toast-color',
+  padding: '--plasma-toast-padding',
+  borderRadius: '--plasma-toast-border-radius',
+  maxWidth: '--plasma-toast-max-width',
+  fontFamily: '--plasma-toast-font-family',
+  fontSize: '--plasma-toast-font-size',
+  fontStyle: '--plasma-toast-font-style',
+  fontWeight: '--plasma-toast-font-weight',
+  letterSpacing: '--plasma-toast-letter-spacing',
+  lineHeight: '--plasma-toast-line-height',
+  contentLeftMargin: '--plasma-toast-content-left-margin',
+  contentLeftColor: '--plasma-toast-content-left-color',
+  closeIconMargin: '--plasma-toast-close-icon-margin',
+  closeIconColor: '--plasma-toast-close-icon-color',
+  closeIconColorOnHover: '--plasma-toast-close-icon-color-on-hover',
+  closeIconSize: '--plasma-toast-close-icon-size',
+  closeIconButtonSize: '--plasma-toast-close-icon-button-size'
+};

package/emotion/cjs/components/Toast/ToastNew/ToastNew.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/emotion/cjs/components/Toast/ToastNew/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "showToast", {
+  enumerable: true,
+  get: function get() {
+    return _ToastNew.showToast;
+  }
+});
+Object.defineProperty(exports, "toastContainerConfig", {
+  enumerable: true,
+  get: function get() {
+    return _ToastNew.toastContainerConfig;
+  }
+});
+Object.defineProperty(exports, "toastContainerRoot", {
+  enumerable: true,
+  get: function get() {
+    return _ToastNew.toastContainerRoot;
+  }
+});
+Object.defineProperty(exports, "toastNewTokens", {
+  enumerable: true,
+  get: function get() {
+    return _ToastNew2.tokens;
+  }
+});
+var _ToastNew = /*#__PURE__*/require("./ToastNew");
+var _ToastNew2 = /*#__PURE__*/require("./ToastNew.tokens");

package/emotion/cjs/examples/plasma_b2c/components/Toast/Toast.stories.tsx

@@ -17,7 +17,7 @@ const views = ['default', 'positive', 'negative'];
 const closeIconTypes = ['default', 'thin'];
 
 const meta: Meta<typeof ToastController> = {
-    title: 'b2c/Overlay/Toast',
+    title: 'b2c/Overlay/Toast (Legacy)',
     decorators: [WithTheme],
     argTypes: {
         view: {