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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToastNew.js","sources":["../../../../src/components/Toast/ToastNew/ToastNew.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport toast, { Toaster, resolveValue } from 'react-hot-toast';\nimport type { Toast as ToastInterface } from 'react-hot-toast';\nimport type { RootProps } from 'src/engines';\nimport { tokens } from 'src/components/Toast/Toast.tokens';\n\nimport { IconCrossThin } from '../../_Icon/Icons/IconCrossThin';\n\nimport { base, Toast, CloseIconWrapper, StyledContentLeft } from './ToastNew.styles';\nimport { ToastContainerProps, ShowToastProps, ShowToastPlasmaOptions } from './ToastNew.types';\n\nexport const toastContainerRoot = (Root: RootProps<HTMLDivElement, ToastContainerProps>) =>\n    forwardRef<HTMLDivElement, ToastContainerProps>((props, ref) => {\n        const {\n            hasClose = true,\n            view,\n            size,\n            pilled,\n            contentLeft,\n            width,\n            textColor,\n            position = 'bottom-center',\n            duration = Infinity,\n            gap,\n            onCloseButtonClick,\n            ...rest\n        } = props;\n\n        return (\n            <Root ref={ref} view={view} size={size} pilled={pilled} {...rest}>\n                <Toaster\n                    gutter={gap}\n                    toastOptions={{\n                        duration,\n                        position,\n                    }}\n                >\n                    {(\n                        options: ToastInterface & {\n                            plasmaOptions?: ShowToastPlasmaOptions;\n                        },\n                    ) => {\n                        return (\n                            <Root\n                                view={options.plasmaOptions?.view}\n                                size={options.plasmaOptions?.size}\n                                pilled={options.plasmaOptions?.pilled}\n                            >\n                                <Toast\n                                    style={{ opacity: options.visible ? 1 : 0 }}\n                                    width={options.plasmaOptions?.width || width}\n                                    textColor={options.plasmaOptions?.textColor || textColor}\n                                >\n                                    {(options.plasmaOptions?.contentLeft || contentLeft) && (\n                                        <StyledContentLeft>\n                                            {options.plasmaOptions?.contentLeft || contentLeft}\n                                        </StyledContentLeft>\n                                    )}\n\n                                    {resolveValue(options.message, options)}\n\n                                    {(options.plasmaOptions?.hasClose ||\n                                        (options.plasmaOptions?.hasClose ?? hasClose)) && (\n                                        <CloseIconWrapper\n                                            view=\"clear\"\n                                            size=\"s\"\n                                            stretching=\"fixed\"\n                                            onClick={() => {\n                                                if (onCloseButtonClick) {\n                                                    onCloseButtonClick();\n                                                }\n\n                                                toast.dismiss(options.id);\n                                            }}\n                                        >\n                                            <IconCrossThin\n                                                size=\"s\"\n                                                color=\"inherit\"\n                                                sizeCustomProperty={tokens.closeIconSize}\n                                            />\n                                        </CloseIconWrapper>\n                                    )}\n                                </Toast>\n                            </Root>\n                        );\n                    }}\n                </Toaster>\n            </Root>\n        );\n    });\n\nexport const showToast: ShowToastProps = (text, options) => {\n    toast(text, {\n        ...(options?.position ? { position: options?.position } : undefined),\n        ...(options?.duration ? { duration: options?.duration } : undefined),\n        // @ts-ignore\n        plasmaOptions: {\n            view: options?.view,\n            size: options?.size,\n            pilled: options?.pilled,\n            contentLeft: options?.contentLeft,\n            hasClose: options?.hasClose,\n            width: options?.width,\n            textColor: options?.textColor,\n        },\n    });\n};\n\nexport const toastContainerConfig = {\n    name: 'ToastContainer',\n    tag: 'div',\n    layout: toastContainerRoot,\n    base,\n    variations: {\n        view: {\n            css: '',\n        },\n        size: {\n            css: '',\n        },\n        pilled: {\n            css: '',\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["toastContainerRoot","Root","forwardRef","props","ref","_props$hasClose","hasClose","view","size","pilled","contentLeft","width","textColor","_props$position","position","_props$duration","duration","Infinity","gap","onCloseButtonClick","rest","_objectWithoutProperties","_excluded","React","createElement","_extends","Toaster","gutter","toastOptions","options","_options$plasmaOption","_options$plasmaOption2","_options$plasmaOption3","_options$plasmaOption4","_options$plasmaOption5","_options$plasmaOption6","_options$plasmaOption7","_options$plasmaOption8","_options$plasmaOption9","_options$plasmaOption10","plasmaOptions","Toast","style","opacity","visible","StyledContentLeft","resolveValue","message","CloseIconWrapper","stretching","onClick","toast","dismiss","id","IconCrossThin","color","sizeCustomProperty","tokens","closeIconSize","showToast","text","_objectSpread","undefined","toastContainerConfig","name","tag","layout","base","variations","css","attrs","defaults"],"mappings":"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"}

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

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

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

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

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

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

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

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

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

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

package/cjs/index.css

@@ -676,12 +676,12 @@
 
 .ToolbarDivider_styles_1ypqhb1_mcdkovg__81732880{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;--plasma-divider-background:var(--plasma-toolbar-divider-color);--plasma-divider-border-radius:var(--plasma-toolbar-divider-border-radius);}
 
-.Sheet_styles_o73i75_sah7qw3__24445093{position:fixed;left:0;bottom:0;width:100%;max-height:100%;z-index:1000;opacity:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-transition:var(--sah7qw3-0);transition:var(--sah7qw3-0);}.Sheet_styles_o73i75_sah7qw3__24445093.Sheet_styles_o73i75_closed__24445093{opacity:0;visibility:hidden;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);}
-.Sheet_styles_o73i75_shg69gz__24445093{width:3rem;padding:1.75rem 0;margin:-1.375rem 0;opacity:0.65;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;}.Sheet_styles_o73i75_shg69gz__24445093::before{content:'';display:block;border-radius:0.625rem;background-color:var(--plasma-sheet-handle-background-color);height:0.25rem;}
-.Sheet_styles_o73i75_s1cdpbaw__24445093{border-radius:1.25rem 1.25rem 0 0;background-color:var(--plasma-sheet-content-background-color);padding-left:1rem;padding-right:1rem;padding-top:var(--s1cdpbaw-0);padding-bottom:var(--s1cdpbaw-1);max-height:100%;overflow:auto;overscroll-behavior:contain;}.Sheet_styles_o73i75_s1cdpbaw__24445093::-webkit-scrollbar{display:none;}
-.Sheet_styles_o73i75_sjx120m__24445093{width:100%;z-index:1;padding-top:1rem;position:var(--sjx120m-0);top:var(--sjx120m-1);background-color:var(--sjx120m-2);}
+.Sheet_styles_fnrgwh_sah7qw3__ae44fda7{position:fixed;left:0;bottom:0;width:100%;max-height:100%;z-index:1000;opacity:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-transition:var(--sah7qw3-0);transition:var(--sah7qw3-0);}.Sheet_styles_fnrgwh_sah7qw3__ae44fda7.Sheet_styles_fnrgwh_closed__ae44fda7{opacity:0;visibility:hidden;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);}
+.Sheet_styles_fnrgwh_shg69gz__ae44fda7{padding:1.75rem 0;width:100%;margin:var(--plasma-sheet-handle-margin-top) 0;opacity:0.65;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.Sheet_styles_fnrgwh_shg69gz__ae44fda7::before{width:3rem;content:'';display:block;border-radius:0.625rem;background-color:var(--plasma-sheet-handle-background-color);height:0.25rem;}
+.Sheet_styles_fnrgwh_s1cdpbaw__ae44fda7{border-radius:1.25rem 1.25rem 0 0;background-color:var(--plasma-sheet-content-background-color);padding-left:1rem;padding-right:1rem;padding-top:var(--s1cdpbaw-0);padding-bottom:var(--s1cdpbaw-1);max-height:100%;overflow:auto;overscroll-behavior:contain;}.Sheet_styles_fnrgwh_s1cdpbaw__ae44fda7::-webkit-scrollbar{display:none;}
+.Sheet_styles_fnrgwh_sjx120m__ae44fda7{width:100%;z-index:1;padding-top:1rem;position:var(--sjx120m-0);top:var(--sjx120m-1);background-color:var(--sjx120m-2);}
 
-.Sheet_styles_o73i75_sqp1ccu__24445093{width:100%;z-index:1;padding-bottom:1rem;position:var(--sqp1ccu-0);bottom:var(--sqp1ccu-1);background-color:var(--sqp1ccu-2);}
+.Sheet_styles_fnrgwh_sqp1ccu__ae44fda7{width:100%;z-index:1;padding-bottom:1rem;position:var(--sqp1ccu-0);bottom:var(--sqp1ccu-1);background-color:var(--sqp1ccu-2);}
 
 .base_1s3f6q8_b1c93yiw__8f5ba4a1.base_1s3f6q8_sliderVerticalOrientation__8f5ba4a1{height:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
 
@@ -931,18 +931,18 @@
 
 .Cell_styles_1q2mjxm_tv72tnk__e6a383c5{position:relative;padding:var(--tv72tnk-0);height:var(--plasma-table-row-height);border-width:0.0625rem;border-top-width:0;border-style:solid;border-color:var(--tv72tnk-1);border-bottom-color:var(--tv72tnk-2);box-sizing:border-box;}
 
-.Table_styles_as90a_b1lxisuf__40dd0d40{display:inline-block;overflow-y:auto;}
-.Table_styles_as90a_t15d4jbz__40dd0d40{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t15d4jbz-0);}
-.Table_styles_as90a_t1ri3no5__40dd0d40{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1ri3no5-0);}
-.Table_styles_as90a_t1uk535o__40dd0d40{position:var(--t1uk535o-0);top:0;background:var(--t1uk535o-1);z-index:1;box-shadow:var(--t1uk535o-2);}.Table_styles_as90a_t1uk535o__40dd0d40 .Table_styles_as90a_t1ri3no5__40dd0d40{background:transparent;}
+.Table_styles_sl2dfn_b1lxisuf__b8c1b9b6{display:inline-block;overflow-y:auto;}
+.Table_styles_sl2dfn_t15d4jbz__b8c1b9b6{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t15d4jbz-0);}
+.Table_styles_sl2dfn_t1ri3no5__b8c1b9b6{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1ri3no5-0);}
+.Table_styles_sl2dfn_t1uk535o__b8c1b9b6{position:var(--t1uk535o-0);top:0;background:var(--t1uk535o-1);z-index:1;box-shadow:var(--t1uk535o-2);}.Table_styles_sl2dfn_t1uk535o__b8c1b9b6 .Table_styles_sl2dfn_t1ri3no5__b8c1b9b6{background:transparent;}
 
-.Table_styles_as90a_r18b5m0z__40dd0d40{display:var(--r18b5m0z-0);position:absolute;z-index:1;top:-0.0625rem;bottom:0;right:-0.125rem;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;}
-.Table_styles_as90a_tedz16__40dd0d40{padding:var(--tedz16-0);position:relative;font-weight:600;text-align:left;height:var(--plasma-table-header-row-height);background-color:transparent;color:inherit;border-width:0.0625rem;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:var(--tedz16-1);}.Table_styles_as90a_tedz16__40dd0d40:hover .Table_styles_as90a_r18b5m0z__40dd0d40{display:block;}
-.Table_styles_as90a_s3mgb7q__40dd0d40{--plasma-checkbox-trigger-size:var(--plasma-table-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-table-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--text-accent);--plasma-checkbox-icon-color:var(--on-dark-text-primary);--plasma-checkbox-trigger-border-checked-color:var(--plasma-table-checkbox-trigger-border-checked-color);--plasma-checkbox-trigger-border-width:var(--plasma-table-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--text-secondary);}
-.Table_styles_as90a_s177cehz__40dd0d40{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
-.Table_styles_as90a_beus4rw__40dd0d40{--plasma-button-height:var(--plasma-table-button-height);--plasma-button-disabled-opacity:0.4;--plasma-button-font-family:var(--plasma-table-button-font-family);--plasma-button-font-size:var(--plasma-table-button-font-size);--plasma-button-font-style:var(--plasma-table-button-font-style);--plasma-button-font-weight:var(--plasma-table-button-font-weight);--plasma-button-letter-spacing:var(--plasma-table-button-letter-spacing);--plasma-button-line-height:var(--plasma-table-button-line-height);}
-.Table_styles_as90a_bfybxxj__40dd0d40.Table_styles_as90a_beus4rw__40dd0d40{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
-.Table_styles_as90a_l1ql6jvb__40dd0d40{--plasma-link-button-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-font-family:var(--plasma-table-link-button-font-family);--plasma-link-button-font-size:var(--plasma-table-link-button-font-size);--plasma-link-button-font-style:var(--plasma-table-link-button-font-style);--plasma-link-button-font-weight:var(--plasma-table-link-button-font-weight);--plasma-link-button-letter-spacing:var(--plasma-table-link-button-letter-spacing);--plasma-link-button-line-height:var(--plasma-table-link-button-line-height);}
+.Table_styles_sl2dfn_r18b5m0z__b8c1b9b6{display:var(--r18b5m0z-0);position:absolute;z-index:1;top:-0.0625rem;bottom:0;right:-0.125rem;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;}
+.Table_styles_sl2dfn_tedz16__b8c1b9b6{padding:var(--tedz16-0);position:relative;font-weight:600;text-align:left;height:var(--plasma-table-header-row-height);background-color:transparent;color:inherit;border-width:0.0625rem;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:var(--tedz16-1);}.Table_styles_sl2dfn_tedz16__b8c1b9b6:hover .Table_styles_sl2dfn_r18b5m0z__b8c1b9b6{display:block;}
+.Table_styles_sl2dfn_s3mgb7q__b8c1b9b6{--plasma-checkbox-trigger-size:var(--plasma-table-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-table-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-table-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-table-checkbox-trigger-icon-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-table-checkbox-trigger-border-checked-color);--plasma-checkbox-trigger-border-width:var(--plasma-table-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-table-checkbox-trigger-border-color);}
+.Table_styles_sl2dfn_s177cehz__b8c1b9b6{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
+.Table_styles_sl2dfn_beus4rw__b8c1b9b6{--plasma-button-height:var(--plasma-table-button-height);--plasma-button-disabled-opacity:0.4;--plasma-button-font-family:var(--plasma-table-button-font-family);--plasma-button-font-size:var(--plasma-table-button-font-size);--plasma-button-font-style:var(--plasma-table-button-font-style);--plasma-button-font-weight:var(--plasma-table-button-font-weight);--plasma-button-letter-spacing:var(--plasma-table-button-letter-spacing);--plasma-button-line-height:var(--plasma-table-button-line-height);}
+.Table_styles_sl2dfn_bfybxxj__b8c1b9b6.Table_styles_sl2dfn_beus4rw__b8c1b9b6{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
+.Table_styles_sl2dfn_l1ql6jvb__b8c1b9b6{--plasma-link-button-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-font-family:var(--plasma-table-link-button-font-family);--plasma-link-button-font-size:var(--plasma-table-link-button-font-size);--plasma-link-button-font-style:var(--plasma-table-link-button-font-style);--plasma-link-button-font-weight:var(--plasma-table-link-button-font-weight);--plasma-link-button-letter-spacing:var(--plasma-table-link-button-letter-spacing);--plasma-link-button-line-height:var(--plasma-table-link-button-line-height);}
 
 .base_1bvd5n_b1o5hlxs__d4f41253{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}.base_1bvd5n_b1o5hlxs__d4f41253:hover{color:var(--plasma-link-button-color-hover,var(--plasma-link-button-color));}.base_1bvd5n_b1o5hlxs__d4f41253:active{color:var(--plasma-link-button-color-active,var(--plasma-link-button-color));}
 
@@ -957,3 +957,8 @@
 .LinkButton_styles_1kw1zkj_l12rghuz__846f988c{padding:var(--plasma-link-button-text-padding);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 .LinkButton_styles_1kw1zkj_s1uogc3z__846f988c{line-height:0;margin:var(--plasma-link-button-left-content-margin);}
 .LinkButton_styles_1kw1zkj_s176p3a0__846f988c{line-height:0;margin:var(--plasma-link-button-right-content-margin);}
+
+
+.ToastNew_styles_4c92hd_tvfkfgf__2b80d961{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--plasma-toast-background);color:var(--tvfkfgf-0);padding:var(--plasma-toast-padding);border-radius:var(--plasma-toast-border-radius);max-width:var(--plasma-toast-max-width);width:var(--tvfkfgf-1);font-family:var(--plasma-toast-font-family);font-size:var(--plasma-toast-font-size);font-style:var(--plasma-toast-font-style);font-weight:var(--plasma-toast-font-weight);-webkit-letter-spacing:var(--plasma-toast-letter-spacing);-moz-letter-spacing:var(--plasma-toast-letter-spacing);-ms-letter-spacing:var(--plasma-toast-letter-spacing);letter-spacing:var(--plasma-toast-letter-spacing);line-height:var(--plasma-toast-line-height);}
+.ToastNew_styles_4c92hd_cbp8rlf__2b80d961{height:var(--plasma-toast-close-icon-button-size);margin:var(--plasma-toast-close-icon-margin);color:var(--plasma-toast-close-icon-color);}.ToastNew_styles_4c92hd_cbp8rlf__2b80d961:hover{color:var(--plasma-toast-close-icon-color-on-hover);}
+.ToastNew_styles_4c92hd_s1hkhzn7__2b80d961{margin:var(--plasma-toast-content-left-margin);color:var(--plasma-toast-content-left-color);line-height:0;}

package/cjs/index.js

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

package/cjs/index.js.map

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

package/emotion/cjs/components/Checkbox/Checkbox.js

@@ -15,8 +15,8 @@ var _base4 = /*#__PURE__*/require("./variations/_focused/base");
 var _IconsSvg = /*#__PURE__*/require("./IconsSvg");
 var _Checkbox = /*#__PURE__*/require("./Checkbox.styles");
 var _Checkbox2 = /*#__PURE__*/require("./Checkbox.tokens");
-var _Indeterminate, _Done;
-var _excluded = ["size", "view", "focused", "disabled", "id", "label", "description", "indeterminate", "style", "className", "singleLine", "aria-label"];
+var _DoneThin, _Done, _IndeterminateThin, _Indeterminate;
+var _excluded = ["size", "view", "focused", "disabled", "id", "label", "description", "indeterminate", "appearance", "style", "className", "singleLine", "aria-label"];
 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 _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); }
@@ -32,6 +32,7 @@ var checkboxRoot = exports.checkboxRoot = function checkboxRoot(Root) {
       label = props.label,
       description = props.description,
       indeterminate = props.indeterminate,
+      appearance = props.appearance,
       style = props.style,
       className = props.className,
       _props$singleLine = props.singleLine,
@@ -57,6 +58,20 @@ var checkboxRoot = exports.checkboxRoot = function checkboxRoot(Root) {
     var hasContent = label || description;
     var singleLineClass = singleLine ? _Checkbox2.classes.singleLine : undefined;
     var onlyDescriptionClass = !label && description ? _Checkbox2.classes.onlyDescription : undefined;
+
+    // Временное решение
+    var getIcon = function getIcon() {
+      if (appearance === 'outline') {
+        return _DoneThin || (_DoneThin = /*#__PURE__*/_react["default"].createElement(_IconsSvg.DoneThin, null));
+      }
+      return _Done || (_Done = /*#__PURE__*/_react["default"].createElement(_IconsSvg.Done, null));
+    };
+    var getIndeterminate = function getIndeterminate() {
+      if (appearance === 'outline') {
+        return _IndeterminateThin || (_IndeterminateThin = /*#__PURE__*/_react["default"].createElement(_IconsSvg.IndeterminateThin, null));
+      }
+      return _Indeterminate || (_Indeterminate = /*#__PURE__*/_react["default"].createElement(_IconsSvg.Indeterminate, null));
+    };
     return /*#__PURE__*/_react["default"].createElement(Root, {
       view: view,
       size: size,
@@ -78,7 +93,7 @@ var checkboxRoot = exports.checkboxRoot = function checkboxRoot(Root) {
       className: singleLineClass
     }, /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledTriggerWrapper, null, /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledTrigger, {
       className: _Checkbox2.classes.checkboxTrigger
-    }, indeterminate ? _Indeterminate || (_Indeterminate = /*#__PURE__*/_react["default"].createElement(_IconsSvg.Indeterminate, null)) : _Done || (_Done = /*#__PURE__*/_react["default"].createElement(_IconsSvg.Done, null)))), hasContent && /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledContent, {
+    }, indeterminate ? getIndeterminate() : getIcon())), hasContent && /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledContent, {
       className: singleLineClass
     }, label && /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledLabel, {
       className: singleLineClass,

package/emotion/cjs/components/Checkbox/IconsSvg.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Indeterminate = exports.Done = void 0;
+exports.IndeterminateThin = exports.Indeterminate = exports.DoneThin = exports.Done = void 0;
 var _react = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("react"));
 var _Checkbox = /*#__PURE__*/require("./Checkbox.tokens");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
@@ -24,6 +24,24 @@ var Done = exports.Done = function Done() {
     d: "m5.70711,8.15582c-0.39053,-0.39052 -1.02369,-0.39052 -1.41422,0c-0.39052,0.39053 -0.39052,1.02369 0,1.41422l3.70666,3.70666l6.71095,-6.70248c0.3908,-0.39027 0.3912,-1.02344 0.0009,-1.41421c-0.3903,-0.39077 -1.02344,-0.39117 -1.41421,-0.00089l-5.29674,5.29004l-2.29334,-2.29334z"
   })));
 };
+var DoneThin = exports.DoneThin = function DoneThin() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      display: 'inline-flex'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "10",
+    height: "8",
+    viewBox: "0 0 10 8",
+    fill: "none",
+    style: {
+      width: "var(".concat(_Checkbox.tokens.triggerSize, ")")
+    }
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M0.5 4L3.5 7L9.5 1",
+    stroke: "var(".concat(_Checkbox.tokens.iconColor, ")")
+  })));
+};
 var Indeterminate = exports.Indeterminate = function Indeterminate() {
   return /*#__PURE__*/_react["default"].createElement("div", {
     style: {
@@ -42,4 +60,23 @@ var Indeterminate = exports.Indeterminate = function Indeterminate() {
     stroke: "var(".concat(_Checkbox.tokens.iconColor, ")"),
     d: "m5.09449,9.0315l8,0"
   })));
+};
+var IndeterminateThin = exports.IndeterminateThin = function IndeterminateThin() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      display: 'inline-flex'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "100%",
+    viewBox: "0 0 18 18",
+    fill: "none",
+    style: {
+      width: "var(".concat(_Checkbox.tokens.triggerSize, ")")
+    }
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    strokeLinecap: "round",
+    strokeWidth: "1",
+    stroke: "var(".concat(_Checkbox.tokens.iconColor, ")"),
+    d: "m5.09449,9.0315l8,0"
+  })));
 };

package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js

@@ -476,7 +476,11 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
         handleItemClick: handleItemClick,
         variant: variant,
         renderItem: renderItem,
-        treeId: treeId
+        treeId: treeId,
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        // eslint-disable-next-line no-underscore-dangle
+        _checkboxAppearance: rest._checkboxAppearance
       }
     }, /*#__PURE__*/_react["default"].createElement(_FloatingPopover.FloatingPopover, {
       ref: floatingPopoverRef,

package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js

@@ -45,7 +45,8 @@ var Item = exports.Item = function Item(_ref) {
     handleItemClick = _useContext.handleItemClick,
     variant = _useContext.variant,
     renderItem = _useContext.renderItem,
-    treeId = _useContext.treeId;
+    treeId = _useContext.treeId,
+    _checkboxAppearance = _useContext._checkboxAppearance;
   var disabledClassName = disabled ? _Combobox.classes.dropdownItemIsDisabled : undefined;
   var focusedClass = currentLevel === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentLevel]) ? _Combobox.classes.dropdownItemIsFocused : undefined;
   var activeClass = value === (path === null || path === void 0 ? void 0 : path[currentLevel + 1]) ? _Combobox.classes.dropdownItemIsActive : undefined;
@@ -92,7 +93,8 @@ var Item = exports.Item = function Item(_ref) {
     disabled: disabled,
     checked: Boolean(checked.get(item.value)),
     indeterminate: checked.get(item.value) === 'indeterminate',
-    onChange: handleChange
+    onChange: handleChange,
+    appearance: _checkboxAppearance !== null && _checkboxAppearance !== void 0 ? _checkboxAppearance : 'default'
   })), !multiple && checked.get(item.value) === 'dot' && (_StyledIndicator || (_StyledIndicator = /*#__PURE__*/_react["default"].createElement(_Item.StyledIndicator, {
     size: "s",
     view: "default"

package/emotion/cjs/components/Select/Select.js

@@ -365,7 +365,11 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
         handleItemClick: handleItemClick,
         variant: variant,
         renderItem: renderItem,
-        treeId: treeId
+        treeId: treeId,
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        // eslint-disable-next-line no-underscore-dangle
+        _checkboxAppearance: rest._checkboxAppearance
       }
     }, /*#__PURE__*/_react["default"].createElement(_FloatingPopover.FloatingPopover, {
       ref: floatingPopoverRef,

package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.js

@@ -46,7 +46,8 @@ var Item = exports.Item = function Item(_ref) {
     handleItemClick = _useContext.handleItemClick,
     variant = _useContext.variant,
     renderItem = _useContext.renderItem,
-    treeId = _useContext.treeId;
+    treeId = _useContext.treeId,
+    _checkboxAppearance = _useContext._checkboxAppearance;
   var itemDisabled = Boolean(disabled || isDisabled);
   var disabledClassName = itemDisabled ? _Select.classes.dropdownItemIsDisabled : undefined;
   var focusedClass = currentLevel === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentLevel]) ? _Select.classes.dropdownItemIsFocused : undefined;
@@ -94,7 +95,8 @@ var Item = exports.Item = function Item(_ref) {
     disabled: itemDisabled,
     checked: Boolean(checked.get(item.value)),
     indeterminate: checked.get(item.value) === 'indeterminate',
-    onChange: handleChange
+    onChange: handleChange,
+    appearance: _checkboxAppearance !== null && _checkboxAppearance !== void 0 ? _checkboxAppearance : 'default'
   })), !multiselect && checked.get(item.value) === 'dot' && (_StyledIndicator || (_StyledIndicator = /*#__PURE__*/_react["default"].createElement(_Item.StyledIndicator, {
     size: "s",
     view: "default"