@salutejs/plasma-new-hope 0.320.1-canary.1917.14487866851.0 → 0.320.1-canary.1918.14488682861.0

package/emotion/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 _react = /*#__PURE__*/require("@emotion/react");
+var _ToastNew = /*#__PURE__*/require("../../../../components/Toast/ToastNew");
+var config = exports.config = {
+  defaults: {
+    view: 'default',
+    size: 'm'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/(0, _react.css)(_ToastNew.toastNewTokens.color, ":var(--text-primary);", _ToastNew.toastNewTokens.background, ":var(--surface-solid-card-brightness);", _ToastNew.toastNewTokens.closeIconColor, ":var(--text-secondary);", _ToastNew.toastNewTokens.closeIconColorOnHover, ":var(--text-secondary);;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Ub2FzdE5ldy9Ub2FzdC5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV3dCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Ub2FzdE5ldy9Ub2FzdC5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRvYXN0TmV3VG9rZW5zIGFzIHRvYXN0VG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9Ub2FzdC9Ub2FzdE5ldyc7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgdmlldzogJ2RlZmF1bHQnLFxuICAgICAgICBzaXplOiAnbScsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHZpZXc6IHtcbiAgICAgICAgICAgIGRlZmF1bHQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNvbG9yfTogdmFyKC0tdGV4dC1wcmltYXJ5KTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmJhY2tncm91bmR9OiB2YXIoLS1zdXJmYWNlLXNvbGlkLWNhcmQtYnJpZ2h0bmVzcyk7XG5cbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNsb3NlSWNvbkNvbG9yfTogdmFyKC0tdGV4dC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY2xvc2VJY29uQ29sb3JPbkhvdmVyfTogdmFyKC0tdGV4dC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgbTogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuYm9yZGVyUmFkaXVzfTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLm1heFdpZHRofTogY2FsYygxMDB2dyAtIDVyZW0pO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMucGFkZGluZ306IDAuNTYyNXJlbSAwLjc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY2xvc2VJY29uU2l6ZX06IDFyZW07XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jbG9zZUljb25CdXR0b25TaXplfTogMXJlbTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNsb3NlSWNvbk1hcmdpbn06IC0wLjA2MjVyZW0gLTAuMjVyZW0gLTAuMDYyNXJlbSAwLjVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jb250ZW50TGVmdE1hcmdpbn06IC0wLjA2MjVyZW0gMC4zNzVyZW0gLTAuMDYyNXJlbSAtMC4xMjVyZW07XG5cbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuZm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHBpbGxlZDoge1xuICAgICAgICAgICAgdHJ1ZTogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuYm9yZGVyUmFkaXVzfTogMS41cmVtO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY29udGVudExlZnRNYXJnaW59OiAtMC4wNjI1cmVtIDAuMzc1cmVtIC0wLjA2MjVyZW0gLTAuMjVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jbG9zZUljb25NYXJnaW59OiAtMC4wNjI1cmVtIC0wLjI1cmVtIC0wLjA2MjVyZW0gMC4zNzVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
+    },
+    size: {
+      m: /*#__PURE__*/(0, _react.css)(_ToastNew.toastNewTokens.borderRadius, ":0.75rem;", _ToastNew.toastNewTokens.maxWidth, ":calc(100vw - 5rem);", _ToastNew.toastNewTokens.padding, ":0.5625rem 0.75rem;", _ToastNew.toastNewTokens.closeIconSize, ":1rem;", _ToastNew.toastNewTokens.closeIconButtonSize, ":1rem;", _ToastNew.toastNewTokens.closeIconMargin, ":-0.0625rem -0.25rem -0.0625rem 0.5rem;", _ToastNew.toastNewTokens.contentLeftMargin, ":-0.0625rem 0.375rem -0.0625rem -0.125rem;", _ToastNew.toastNewTokens.fontFamily, ":var(--plasma-typo-body-xs-font-family);", _ToastNew.toastNewTokens.fontSize, ":var(--plasma-typo-body-xs-font-size);", _ToastNew.toastNewTokens.fontStyle, ":var(--plasma-typo-body-xs-font-style);", _ToastNew.toastNewTokens.fontWeight, ":var(--plasma-typo-body-xs-font-weight);", _ToastNew.toastNewTokens.letterSpacing, ":var(--plasma-typo-body-xs-letter-spacing);", _ToastNew.toastNewTokens.lineHeight, ":var(--plasma-typo-body-xs-line-height);;label:plasma-new-hope__m;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Ub2FzdE5ldy9Ub2FzdC5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfYjJjL2NvbXBvbmVudHMvVG9hc3ROZXcvVG9hc3QuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b2FzdE5ld1Rva2VucyBhcyB0b2FzdFRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvVG9hc3QvVG9hc3ROZXcnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jb2xvcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5iYWNrZ3JvdW5kfTogdmFyKC0tc3VyZmFjZS1zb2xpZC1jYXJkLWJyaWdodG5lc3MpO1xuXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jbG9zZUljb25Db2xvcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNsb3NlSWNvbkNvbG9yT25Ib3Zlcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmJvcmRlclJhZGl1c306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5tYXhXaWR0aH06IGNhbGMoMTAwdncgLSA1cmVtKTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLnBhZGRpbmd9OiAwLjU2MjVyZW0gMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNsb3NlSWNvblNpemV9OiAxcmVtO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY2xvc2VJY29uQnV0dG9uU2l6ZX06IDFyZW07XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jbG9zZUljb25NYXJnaW59OiAtMC4wNjI1cmVtIC0wLjI1cmVtIC0wLjA2MjVyZW0gMC41cmVtO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY29udGVudExlZnRNYXJnaW59OiAtMC4wNjI1cmVtIDAuMzc1cmVtIC0wLjA2MjVyZW0gLTAuMTI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5mb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5mb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5mb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5sZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5saW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBwaWxsZWQ6IHtcbiAgICAgICAgICAgIHRydWU6IGNzc2BcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmJvcmRlclJhZGl1c306IDEuNXJlbTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNvbnRlbnRMZWZ0TWFyZ2lufTogLTAuMDYyNXJlbSAwLjM3NXJlbSAtMC4wNjI1cmVtIC0wLjI1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY2xvc2VJY29uTWFyZ2lufTogLTAuMDYyNXJlbSAtMC4yNXJlbSAtMC4wNjI1cmVtIDAuMzc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
+    },
+    pilled: {
+      "true": /*#__PURE__*/(0, _react.css)(_ToastNew.toastNewTokens.borderRadius, ":1.5rem;", _ToastNew.toastNewTokens.contentLeftMargin, ":-0.0625rem 0.375rem -0.0625rem -0.25rem;", _ToastNew.toastNewTokens.closeIconMargin, ":-0.0625rem -0.25rem -0.0625rem 0.375rem;;label:plasma-new-hope__true;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Ub2FzdE5ldy9Ub2FzdC5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0NxQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfYjJjL2NvbXBvbmVudHMvVG9hc3ROZXcvVG9hc3QuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b2FzdE5ld1Rva2VucyBhcyB0b2FzdFRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvVG9hc3QvVG9hc3ROZXcnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jb2xvcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5iYWNrZ3JvdW5kfTogdmFyKC0tc3VyZmFjZS1zb2xpZC1jYXJkLWJyaWdodG5lc3MpO1xuXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jbG9zZUljb25Db2xvcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNsb3NlSWNvbkNvbG9yT25Ib3Zlcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmJvcmRlclJhZGl1c306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5tYXhXaWR0aH06IGNhbGMoMTAwdncgLSA1cmVtKTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLnBhZGRpbmd9OiAwLjU2MjVyZW0gMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNsb3NlSWNvblNpemV9OiAxcmVtO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY2xvc2VJY29uQnV0dG9uU2l6ZX06IDFyZW07XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jbG9zZUljb25NYXJnaW59OiAtMC4wNjI1cmVtIC0wLjI1cmVtIC0wLjA2MjVyZW0gMC41cmVtO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY29udGVudExlZnRNYXJnaW59OiAtMC4wNjI1cmVtIDAuMzc1cmVtIC0wLjA2MjVyZW0gLTAuMTI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5mb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5mb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5mb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5sZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5saW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBwaWxsZWQ6IHtcbiAgICAgICAgICAgIHRydWU6IGNzc2BcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmJvcmRlclJhZGl1c306IDEuNXJlbTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNvbnRlbnRMZWZ0TWFyZ2lufTogLTAuMDYyNXJlbSAwLjM3NXJlbSAtMC4wNjI1cmVtIC0wLjI1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY2xvc2VJY29uTWFyZ2lufTogLTAuMDYyNXJlbSAtMC4yNXJlbSAtMC4wNjI1cmVtIDAuMzc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
+    }
+  }
+};

package/emotion/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);

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

@@ -0,0 +1,90 @@
+import React, { ComponentProps } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+
+import { WithTheme } from '../../../_helpers';
+import { IconDone } from '../../../../components/_Icon';
+import { Button } from '../Button/Button';
+
+import { ToastContainer, showToast } from './ToastNew';
+
+const views = ['default'];
+const sizes = ['m'];
+const positions = ['top-left', 'top-center', 'top-right', 'bottom-left', 'bottom-center', 'bottom-right'];
+
+const meta: Meta<typeof ToastContainer> = {
+    title: 'b2c/Overlay/Toast',
+    component: ToastContainer,
+    decorators: [WithTheme],
+    argTypes: {
+        view: {
+            options: views,
+            control: {
+                type: 'select',
+            },
+        },
+        size: {
+            options: sizes,
+            control: {
+                type: 'select',
+            },
+        },
+        pilled: {
+            control: { type: 'boolean' },
+        },
+        hasClose: {
+            control: { type: 'boolean' },
+        },
+        enableContentLeft: {
+            control: { type: 'boolean' },
+        },
+        width: {
+            control: { type: 'text' },
+        },
+        textColor: {
+            control: { type: 'text' },
+        },
+        duration: {
+            control: { type: 'number' },
+        },
+        position: {
+            options: positions,
+            control: {
+                type: 'select',
+            },
+        },
+        gap: {
+            control: { type: 'number' },
+        },
+    },
+};
+
+export default meta;
+
+type StoryPropsDefault = ComponentProps<typeof ToastContainer> & {
+    enableContentLeft?: boolean;
+};
+
+const StoryDefault = (args: StoryPropsDefault) => {
+    const handleShowToast = () => {
+        showToast('Текст всплывающего уведомления');
+    };
+
+    return (
+        <div>
+            <ToastContainer {...args} contentLeft={args.enableContentLeft && <IconDone size="xs" color="inherit" />} />
+
+            <Button onClick={handleShowToast}>Показать тост</Button>
+        </div>
+    );
+};
+
+export const Default: StoryObj<StoryPropsDefault> = {
+    args: {
+        view: 'default',
+        size: 'm',
+        pilled: false,
+        hasClose: true,
+        enableContentLeft: true,
+    },
+    render: StoryDefault,
+};

package/emotion/cjs/index.js

@@ -805,4 +805,15 @@ Object.keys(_NumberFormat).forEach(function (key) {
       return _NumberFormat[key];
     }
   });
+});
+var _ToastNew = /*#__PURE__*/require("./components/Toast/ToastNew");
+Object.keys(_ToastNew).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ToastNew[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ToastNew[key];
+    }
+  });
 });

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

@@ -0,0 +1,113 @@
+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); }
+var _excluded = ["hasClose", "view", "size", "pilled", "contentLeft", "width", "textColor", "position", "duration", "gap", "onCloseButtonClick"];
+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; }
+import React, { forwardRef } from 'react';
+import toast, { Toaster, resolveValue } from 'react-hot-toast';
+import { tokens } from "../Toast.tokens";
+import { IconCrossThin } from "../../_Icon/Icons/IconCrossThin";
+import { base, Toast, CloseIconWrapper, StyledContentLeft } from "./ToastNew.styles";
+export 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
+      }))));
+    }));
+  });
+};
+export var showToast = function showToast(text, options) {
+  toast(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
+    }
+  }));
+};
+export var toastContainerConfig = {
+  name: 'ToastContainer',
+  tag: 'div',
+  layout: toastContainerRoot,
+  base: base,
+  variations: {
+    view: {
+      css: ''
+    },
+    size: {
+      css: ''
+    },
+    pilled: {
+      css: '',
+      attrs: true
+    }
+  },
+  defaults: {
+    view: 'default',
+    size: 'm'
+  }
+};

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

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

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

@@ -0,0 +1,21 @@
+export var classes = {};
+export 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'
+};

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,2 @@
+export { toastContainerConfig, toastContainerRoot, showToast } from "./ToastNew";
+export { tokens as toastNewTokens } from "./ToastNew.tokens";

package/emotion/es/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/emotion/es/examples/plasma_b2c/components/ToastNew/Toast.config.js

@@ -0,0 +1,19 @@
+import { css } from '@emotion/react';
+import { toastNewTokens as toastTokens } from "../../../../components/Toast/ToastNew";
+export var config = {
+  defaults: {
+    view: 'default',
+    size: 'm'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/css(toastTokens.color, ":var(--text-primary);", toastTokens.background, ":var(--surface-solid-card-brightness);", toastTokens.closeIconColor, ":var(--text-secondary);", toastTokens.closeIconColorOnHover, ":var(--text-secondary);;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Ub2FzdE5ldy9Ub2FzdC5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV3dCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Ub2FzdE5ldy9Ub2FzdC5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRvYXN0TmV3VG9rZW5zIGFzIHRvYXN0VG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9Ub2FzdC9Ub2FzdE5ldyc7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgdmlldzogJ2RlZmF1bHQnLFxuICAgICAgICBzaXplOiAnbScsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHZpZXc6IHtcbiAgICAgICAgICAgIGRlZmF1bHQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNvbG9yfTogdmFyKC0tdGV4dC1wcmltYXJ5KTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmJhY2tncm91bmR9OiB2YXIoLS1zdXJmYWNlLXNvbGlkLWNhcmQtYnJpZ2h0bmVzcyk7XG5cbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNsb3NlSWNvbkNvbG9yfTogdmFyKC0tdGV4dC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY2xvc2VJY29uQ29sb3JPbkhvdmVyfTogdmFyKC0tdGV4dC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgbTogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuYm9yZGVyUmFkaXVzfTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLm1heFdpZHRofTogY2FsYygxMDB2dyAtIDVyZW0pO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMucGFkZGluZ306IDAuNTYyNXJlbSAwLjc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY2xvc2VJY29uU2l6ZX06IDFyZW07XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jbG9zZUljb25CdXR0b25TaXplfTogMXJlbTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNsb3NlSWNvbk1hcmdpbn06IC0wLjA2MjVyZW0gLTAuMjVyZW0gLTAuMDYyNXJlbSAwLjVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jb250ZW50TGVmdE1hcmdpbn06IC0wLjA2MjVyZW0gMC4zNzVyZW0gLTAuMDYyNXJlbSAtMC4xMjVyZW07XG5cbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuZm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHBpbGxlZDoge1xuICAgICAgICAgICAgdHJ1ZTogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuYm9yZGVyUmFkaXVzfTogMS41cmVtO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY29udGVudExlZnRNYXJnaW59OiAtMC4wNjI1cmVtIDAuMzc1cmVtIC0wLjA2MjVyZW0gLTAuMjVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jbG9zZUljb25NYXJnaW59OiAtMC4wNjI1cmVtIC0wLjI1cmVtIC0wLjA2MjVyZW0gMC4zNzVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
+    },
+    size: {
+      m: /*#__PURE__*/css(toastTokens.borderRadius, ":0.75rem;", toastTokens.maxWidth, ":calc(100vw - 5rem);", toastTokens.padding, ":0.5625rem 0.75rem;", toastTokens.closeIconSize, ":1rem;", toastTokens.closeIconButtonSize, ":1rem;", toastTokens.closeIconMargin, ":-0.0625rem -0.25rem -0.0625rem 0.5rem;", toastTokens.contentLeftMargin, ":-0.0625rem 0.375rem -0.0625rem -0.125rem;", toastTokens.fontFamily, ":var(--plasma-typo-body-xs-font-family);", toastTokens.fontSize, ":var(--plasma-typo-body-xs-font-size);", toastTokens.fontStyle, ":var(--plasma-typo-body-xs-font-style);", toastTokens.fontWeight, ":var(--plasma-typo-body-xs-font-weight);", toastTokens.letterSpacing, ":var(--plasma-typo-body-xs-letter-spacing);", toastTokens.lineHeight, ":var(--plasma-typo-body-xs-line-height);;label:plasma-new-hope__m;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Ub2FzdE5ldy9Ub2FzdC5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfYjJjL2NvbXBvbmVudHMvVG9hc3ROZXcvVG9hc3QuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b2FzdE5ld1Rva2VucyBhcyB0b2FzdFRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvVG9hc3QvVG9hc3ROZXcnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jb2xvcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5iYWNrZ3JvdW5kfTogdmFyKC0tc3VyZmFjZS1zb2xpZC1jYXJkLWJyaWdodG5lc3MpO1xuXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jbG9zZUljb25Db2xvcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNsb3NlSWNvbkNvbG9yT25Ib3Zlcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmJvcmRlclJhZGl1c306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5tYXhXaWR0aH06IGNhbGMoMTAwdncgLSA1cmVtKTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLnBhZGRpbmd9OiAwLjU2MjVyZW0gMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNsb3NlSWNvblNpemV9OiAxcmVtO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY2xvc2VJY29uQnV0dG9uU2l6ZX06IDFyZW07XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jbG9zZUljb25NYXJnaW59OiAtMC4wNjI1cmVtIC0wLjI1cmVtIC0wLjA2MjVyZW0gMC41cmVtO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY29udGVudExlZnRNYXJnaW59OiAtMC4wNjI1cmVtIDAuMzc1cmVtIC0wLjA2MjVyZW0gLTAuMTI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5mb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5mb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5mb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5sZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5saW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBwaWxsZWQ6IHtcbiAgICAgICAgICAgIHRydWU6IGNzc2BcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmJvcmRlclJhZGl1c306IDEuNXJlbTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNvbnRlbnRMZWZ0TWFyZ2lufTogLTAuMDYyNXJlbSAwLjM3NXJlbSAtMC4wNjI1cmVtIC0wLjI1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY2xvc2VJY29uTWFyZ2lufTogLTAuMDYyNXJlbSAtMC4yNXJlbSAtMC4wNjI1cmVtIDAuMzc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
+    },
+    pilled: {
+      "true": /*#__PURE__*/css(toastTokens.borderRadius, ":1.5rem;", toastTokens.contentLeftMargin, ":-0.0625rem 0.375rem -0.0625rem -0.25rem;", toastTokens.closeIconMargin, ":-0.0625rem -0.25rem -0.0625rem 0.375rem;;label:plasma-new-hope__true;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Ub2FzdE5ldy9Ub2FzdC5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0NxQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfYjJjL2NvbXBvbmVudHMvVG9hc3ROZXcvVG9hc3QuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b2FzdE5ld1Rva2VucyBhcyB0b2FzdFRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvVG9hc3QvVG9hc3ROZXcnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jb2xvcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5iYWNrZ3JvdW5kfTogdmFyKC0tc3VyZmFjZS1zb2xpZC1jYXJkLWJyaWdodG5lc3MpO1xuXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jbG9zZUljb25Db2xvcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNsb3NlSWNvbkNvbG9yT25Ib3Zlcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmJvcmRlclJhZGl1c306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5tYXhXaWR0aH06IGNhbGMoMTAwdncgLSA1cmVtKTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLnBhZGRpbmd9OiAwLjU2MjVyZW0gMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNsb3NlSWNvblNpemV9OiAxcmVtO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY2xvc2VJY29uQnV0dG9uU2l6ZX06IDFyZW07XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jbG9zZUljb25NYXJnaW59OiAtMC4wNjI1cmVtIC0wLjI1cmVtIC0wLjA2MjVyZW0gMC41cmVtO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY29udGVudExlZnRNYXJnaW59OiAtMC4wNjI1cmVtIDAuMzc1cmVtIC0wLjA2MjVyZW0gLTAuMTI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5mb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5mb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5mb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5sZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5saW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBwaWxsZWQ6IHtcbiAgICAgICAgICAgIHRydWU6IGNzc2BcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmJvcmRlclJhZGl1c306IDEuNXJlbTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNvbnRlbnRMZWZ0TWFyZ2lufTogLTAuMDYyNXJlbSAwLjM3NXJlbSAtMC4wNjI1cmVtIC0wLjI1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY2xvc2VJY29uTWFyZ2lufTogLTAuMDYyNXJlbSAtMC4yNXJlbSAtMC4wNjI1cmVtIDAuMzc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
+    }
+  }
+};

package/emotion/es/examples/plasma_b2c/components/ToastNew/ToastNew.js

@@ -0,0 +1,6 @@
+import { toastContainerConfig, showToast } from "../../../../components/Toast/ToastNew";
+import { component, mergeConfig } from "../../../../engines";
+import { config } from "./Toast.config";
+var mergedConfig = /*#__PURE__*/mergeConfig(toastContainerConfig, config);
+export var ToastContainer = /*#__PURE__*/component(mergedConfig);
+export { showToast };

package/emotion/es/examples/plasma_b2c/components/ToastNew/ToastNew.stories.tsx

@@ -0,0 +1,90 @@
+import React, { ComponentProps } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+
+import { WithTheme } from '../../../_helpers';
+import { IconDone } from '../../../../components/_Icon';
+import { Button } from '../Button/Button';
+
+import { ToastContainer, showToast } from './ToastNew';
+
+const views = ['default'];
+const sizes = ['m'];
+const positions = ['top-left', 'top-center', 'top-right', 'bottom-left', 'bottom-center', 'bottom-right'];
+
+const meta: Meta<typeof ToastContainer> = {
+    title: 'b2c/Overlay/Toast',
+    component: ToastContainer,
+    decorators: [WithTheme],
+    argTypes: {
+        view: {
+            options: views,
+            control: {
+                type: 'select',
+            },
+        },
+        size: {
+            options: sizes,
+            control: {
+                type: 'select',
+            },
+        },
+        pilled: {
+            control: { type: 'boolean' },
+        },
+        hasClose: {
+            control: { type: 'boolean' },
+        },
+        enableContentLeft: {
+            control: { type: 'boolean' },
+        },
+        width: {
+            control: { type: 'text' },
+        },
+        textColor: {
+            control: { type: 'text' },
+        },
+        duration: {
+            control: { type: 'number' },
+        },
+        position: {
+            options: positions,
+            control: {
+                type: 'select',
+            },
+        },
+        gap: {
+            control: { type: 'number' },
+        },
+    },
+};
+
+export default meta;
+
+type StoryPropsDefault = ComponentProps<typeof ToastContainer> & {
+    enableContentLeft?: boolean;
+};
+
+const StoryDefault = (args: StoryPropsDefault) => {
+    const handleShowToast = () => {
+        showToast('Текст всплывающего уведомления');
+    };
+
+    return (
+        <div>
+            <ToastContainer {...args} contentLeft={args.enableContentLeft && <IconDone size="xs" color="inherit" />} />
+
+            <Button onClick={handleShowToast}>Показать тост</Button>
+        </div>
+    );
+};
+
+export const Default: StoryObj<StoryPropsDefault> = {
+    args: {
+        view: 'default',
+        size: 'm',
+        pilled: false,
+        hasClose: true,
+        enableContentLeft: true,
+    },
+    render: StoryDefault,
+};

package/emotion/es/index.js

@@ -73,4 +73,5 @@ export * from "./components/Rating";
 export * from "./components/Note";
 export * from "./components/Table";
 export * from "./components/LinkButton";
-export * from "./components/NumberFormat";
+export * from "./components/NumberFormat";
+export * from "./components/Toast/ToastNew";

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