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

package/es/components/Toast/ToastNew/ToastNew.js

@@ -0,0 +1,109 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { forwardRef } from 'react';
+import toast, { Toaster, resolveValue } from 'react-hot-toast';
+import { tokens } from '../Toast.tokens.js';
+import { IconCrossThin } from '../../_Icon/Icons/IconCrossThin.js';
+import { Toast, StyledContentLeft, CloseIconWrapper, base } from './ToastNew.styles.js';
+
+var _excluded = ["hasClose", "view", "size", "pilled", "contentLeft", "width", "textColor", "position", "duration", "gap", "onCloseButtonClick"];
+var toastContainerRoot = function toastContainerRoot(Root) {
+  return /*#__PURE__*/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.createElement(Root, _extends({
+      ref: ref,
+      view: view,
+      size: size,
+      pilled: pilled
+    }, rest), /*#__PURE__*/React.createElement(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.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.createElement(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.createElement(StyledContentLeft, null, ((_options$plasmaOption7 = options.plasmaOptions) === null || _options$plasmaOption7 === void 0 ? void 0 : _options$plasmaOption7.contentLeft) || contentLeft), 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.createElement(CloseIconWrapper, {
+        view: "clear",
+        size: "s",
+        stretching: "fixed",
+        onClick: function onClick() {
+          if (onCloseButtonClick) {
+            onCloseButtonClick();
+          }
+          toast.dismiss(options.id);
+        }
+      }, /*#__PURE__*/React.createElement(IconCrossThin, {
+        size: "s",
+        color: "inherit",
+        sizeCustomProperty: tokens.closeIconSize
+      }))));
+    }));
+  });
+};
+var showToast = function showToast(text, options) {
+  toast(text, _objectSpread2(_objectSpread2(_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: base,
+  variations: {
+    view: {
+      css: ''
+    },
+    size: {
+      css: ''
+    },
+    pilled: {
+      css: '',
+      attrs: true
+    }
+  },
+  defaults: {
+    view: 'default',
+    size: 'm'
+  }
+};
+
+export { showToast, toastContainerConfig, toastContainerRoot };
+//# sourceMappingURL=ToastNew.js.map

package/es/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":"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"}

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

@@ -0,0 +1,46 @@
+import './ToastNew.styles_4c92hd.css';
+import { styled } from '@linaria/react';
+import { tokens } from './ToastNew.tokens.js';
+import { component, mergeConfig } from '../../../engines/common.js';
+import { buttonConfig } from '../../Button/Button.js';
+
+var mergedButtonConfig = /*#__PURE__*/mergeConfig(buttonConfig);
+var Button = /*#__PURE__*/component(mergedButtonConfig);
+var base = "b1hu50mr";
+var _exp2 = function _exp2() {
+  return function (_ref) {
+    var textColor = _ref.textColor;
+    return textColor || "var(".concat(tokens.color, ")");
+  };
+};
+var _exp6 = function _exp6() {
+  return function (_ref2) {
+    var width = _ref2.width;
+    return width || 'auto';
+  };
+};
+var Toast = /*#__PURE__*/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__*/styled(_exp13())({
+  name: "CloseIconWrapper",
+  "class": "cbp8rlf",
+  propsAsIs: true
+});
+var StyledContentLeft = /*#__PURE__*/styled('div')({
+  name: "StyledContentLeft",
+  "class": "s1hkhzn7",
+  propsAsIs: false
+});
+
+export { CloseIconWrapper, StyledContentLeft, Toast, base };
+//# sourceMappingURL=ToastNew.styles.js.map

package/es/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,WAAW,CAACC,YAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,SAAS,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,MAAM,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,MAAM,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,MAAM,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,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAItC;;;;"}

package/es/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/es/components/Toast/ToastNew/ToastNew.tokens.js

@@ -0,0 +1,23 @@
+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'
+};
+
+export { tokens };
+//# sourceMappingURL=ToastNew.tokens.js.map

package/es/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/es/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/es/index.js

@@ -227,4 +227,6 @@ export { tableTokens } from './components/Table/Table.tokens.js';
 export { linkButtonConfig, linkButtonRoot } from './components/LinkButton/LinkButton.js';
 export { tokens as linkButtonTokens } from './components/LinkButton/LinkButton.tokens.js';
 export { composeNumberFormat } from './components/NumberFormat/NumberFormat.js';
+export { showToast, toastContainerConfig, toastContainerRoot } from './components/Toast/ToastNew/ToastNew.js';
+export { tokens as toastNewTokens } from './components/Toast/ToastNew/ToastNew.tokens.js';
 //# sourceMappingURL=index.js.map

package/es/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.320.1-canary.1910.14480923795.0",
+  "version": "0.320.1-canary.1910.14488995626.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -80,8 +80,8 @@
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.1.0",
-    "@salutejs/plasma-sb-utils": "0.195.0",
-    "@salutejs/plasma-themes": "0.31.1-canary.1910.14480923795.0",
+    "@salutejs/plasma-sb-utils": "0.195.1-canary.1910.14488995626.0",
+    "@salutejs/plasma-themes": "0.31.1-canary.1910.14488995626.0",
     "@storybook/addon-docs": "8.6.12",
     "@storybook/addon-essentials": "8.6.12",
     "@storybook/manager-api": "8.6.12",
@@ -117,7 +117,7 @@
     "@linaria/react": "5.0.3",
     "@popperjs/core": "2.11.8",
     "@salutejs/input-core": "2.1.2",
-    "@salutejs/plasma-core": "1.195.0",
+    "@salutejs/plasma-core": "1.195.1-canary.1910.14488995626.0",
     "@salutejs/react-maskinput": "3.2.6",
     "@tanstack/react-table": "8.21.2",
     "@tanstack/react-virtual": "3.13.2",
@@ -129,6 +129,7 @@
     "rc-tree": "5.11.0",
     "rc-virtual-list": "3.18.1",
     "react-draggable": "4.4.3",
+    "react-hot-toast": "2.5.2",
     "react-number-format": "5.4.3",
     "react-popper": "2.3.0",
     "storeon": "3.1.5"
@@ -136,5 +137,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "4e338629db409347901996d14a6aa60f7e6e2cd8"
+  "gitHead": "09a0f776808c0cd88135b358f2e85f48a6df09a4"
 }

package/styled-components/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/styled-components/cjs/components/Toast/ToastNew/ToastNew.styles.js

@@ -0,0 +1,33 @@
+"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.base = exports.Toast = exports.StyledContentLeft = exports.CloseIconWrapper = void 0;
+var _styledComponents = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("styled-components"));
+var _engines = /*#__PURE__*/require("../../../engines");
+var _Button = /*#__PURE__*/require("../../Button");
+var _ToastNew = /*#__PURE__*/require("./ToastNew.tokens");
+var _templateObject;
+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 _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+var mergedButtonConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Button.buttonConfig);
+var Button = /*#__PURE__*/(0, _engines.component)(mergedButtonConfig);
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral([""])));
+var Toast = exports.Toast = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-ifj8bd-0"
+})(["display:flex;align-items:center;background:var(", ");color:", ";padding:var(", ");border-radius:var(", ");max-width:var(", ");width:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], _ToastNew.tokens.background, function (_ref) {
+  var textColor = _ref.textColor;
+  return textColor || "var(".concat(_ToastNew.tokens.color, ")");
+}, _ToastNew.tokens.padding, _ToastNew.tokens.borderRadius, _ToastNew.tokens.maxWidth, function (_ref2) {
+  var width = _ref2.width;
+  return width || 'auto';
+}, _ToastNew.tokens.fontFamily, _ToastNew.tokens.fontSize, _ToastNew.tokens.fontStyle, _ToastNew.tokens.fontWeight, _ToastNew.tokens.letterSpacing, _ToastNew.tokens.lineHeight);
+var CloseIconWrapper = exports.CloseIconWrapper = /*#__PURE__*/(0, _styledComponents["default"])(Button).withConfig({
+  componentId: "plasma-new-hope__sc-ifj8bd-1"
+})(["height:var(", ");margin:var(", ");color:var(", ");:hover{color:var(", ");}"], _ToastNew.tokens.closeIconButtonSize, _ToastNew.tokens.closeIconMargin, _ToastNew.tokens.closeIconColor, _ToastNew.tokens.closeIconColorOnHover);
+var StyledContentLeft = exports.StyledContentLeft = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-ifj8bd-2"
+})(["margin:var(", ");color:var(", ");line-height:0;"], _ToastNew.tokens.contentLeftMargin, _ToastNew.tokens.contentLeftColor);

package/styled-components/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/styled-components/cjs/components/Toast/ToastNew/ToastNew.types.js

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

package/styled-components/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/styled-components/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: {

package/styled-components/cjs/examples/plasma_b2c/components/ToastNew/Toast.config.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var _ToastNew = /*#__PURE__*/require("../../../../components/Toast/ToastNew");
+var config = exports.config = {
+  defaults: {
+    view: 'default',
+    size: 'm'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-solid-card-brightness);", ":var(--text-secondary);", ":var(--text-secondary);"], _ToastNew.toastNewTokens.color, _ToastNew.toastNewTokens.background, _ToastNew.toastNewTokens.closeIconColor, _ToastNew.toastNewTokens.closeIconColorOnHover)
+    },
+    size: {
+      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.75rem;", ":calc(100vw - 5rem);", ":0.5625rem 0.75rem;", ":1rem;", ":1rem;", ":-0.0625rem -0.25rem -0.0625rem 0.5rem;", ":-0.0625rem 0.375rem -0.0625rem -0.125rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _ToastNew.toastNewTokens.borderRadius, _ToastNew.toastNewTokens.maxWidth, _ToastNew.toastNewTokens.padding, _ToastNew.toastNewTokens.closeIconSize, _ToastNew.toastNewTokens.closeIconButtonSize, _ToastNew.toastNewTokens.closeIconMargin, _ToastNew.toastNewTokens.contentLeftMargin, _ToastNew.toastNewTokens.fontFamily, _ToastNew.toastNewTokens.fontSize, _ToastNew.toastNewTokens.fontStyle, _ToastNew.toastNewTokens.fontWeight, _ToastNew.toastNewTokens.letterSpacing, _ToastNew.toastNewTokens.lineHeight)
+    },
+    pilled: {
+      "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":1.5rem;", ":-0.0625rem 0.375rem -0.0625rem -0.25rem;", ":-0.0625rem -0.25rem -0.0625rem 0.375rem;"], _ToastNew.toastNewTokens.borderRadius, _ToastNew.toastNewTokens.contentLeftMargin, _ToastNew.toastNewTokens.closeIconMargin)
+    }
+  }
+};

package/styled-components/cjs/examples/plasma_b2c/components/ToastNew/ToastNew.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToastContainer = void 0;
+Object.defineProperty(exports, "showToast", {
+  enumerable: true,
+  get: function get() {
+    return _ToastNew.showToast;
+  }
+});
+var _ToastNew = /*#__PURE__*/require("../../../../components/Toast/ToastNew");
+var _engines = /*#__PURE__*/require("../../../../engines");
+var _Toast = /*#__PURE__*/require("./Toast.config");
+var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_ToastNew.toastContainerConfig, _Toast.config);
+var ToastContainer = exports.ToastContainer = /*#__PURE__*/(0, _engines.component)(mergedConfig);