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

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

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

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

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

package/styled-components/es/components/Toast/ToastNew/index.js

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

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

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

package/styled-components/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/styled-components/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/styled-components/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/types/components/Table/Table.types.d.ts

@@ -52,6 +52,5 @@ export interface TableProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChan
     onCellUpdate?: (rowIndex: string, columnId: string, value: unknown) => void;
     size?: string;
     view?: string;
-    checkboxAppearance?: 'default' | 'outline';
 }
 //# sourceMappingURL=Table.types.d.ts.map

package/types/components/Table/Table.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.types.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAEnE,OAAO,QAAQ,uBAAuB,CAAC;IACnC,UAAU,SAAS,CAAC,KAAK,SAAS,OAAO;QACrC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;KACzE;IACD,UAAU,UAAU,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM;QAC9C,OAAO,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;QACrC,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,UAAU,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;KAC9C;CACJ;AAED,oBAAY,YAAY,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;CAClC,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC7C,QAAQ,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,KAAK,OAAO,CAAC;IAClE,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,KAAK,SAAS,CAAC;CACnF,CAAC;AAEF,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAChF,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QACd,QAAQ,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;QACjC,QAAQ,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;QACjC,MAAM,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;KAChC,KAAK,IAAI,CAAC;IACX,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC1C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE;QACP,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,OAAO,CAAC;KAClB,EAAE,CAAC;IACJ,MAAM,CAAC,EAAE;QACL,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,OAAO,CAAC;KACjB,EAAE,CAAC;IACJ,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kBAAkB,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CAC9C"}
+{"version":3,"file":"Table.types.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAEnE,OAAO,QAAQ,uBAAuB,CAAC;IACnC,UAAU,SAAS,CAAC,KAAK,SAAS,OAAO;QACrC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;KACzE;IACD,UAAU,UAAU,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM;QAC9C,OAAO,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;QACrC,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,UAAU,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;KAC9C;CACJ;AAED,oBAAY,YAAY,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;CAClC,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC7C,QAAQ,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,KAAK,OAAO,CAAC;IAClE,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,KAAK,SAAS,CAAC;CACnF,CAAC;AAEF,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAChF,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QACd,QAAQ,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;QACjC,QAAQ,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;QACjC,MAAM,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;KAChC,KAAK,IAAI,CAAC;IACX,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC1C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE;QACP,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,OAAO,CAAC;KAClB,EAAE,CAAC;IACJ,MAAM,CAAC,EAAE;QACL,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,OAAO,CAAC;KACjB,EAAE,CAAC;IACJ,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/types/components/Toast/ToastNew/ToastNew.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import type { RootProps } from 'src/engines';
+import { ToastContainerProps, ShowToastProps } from './ToastNew.types';
+export declare const toastContainerRoot: (Root: RootProps<HTMLDivElement, ToastContainerProps>) => React.ForwardRefExoticComponent<ToastContainerProps & React.RefAttributes<HTMLDivElement>>;
+export declare const showToast: ShowToastProps;
+export declare const toastContainerConfig: {
+    name: string;
+    tag: string;
+    layout: (Root: RootProps<HTMLDivElement, ToastContainerProps>) => React.ForwardRefExoticComponent<ToastContainerProps & React.RefAttributes<HTMLDivElement>>;
+    base: import("@linaria/core").LinariaClassName;
+    variations: {
+        view: {
+            css: string;
+        };
+        size: {
+            css: string;
+        };
+        pilled: {
+            css: string;
+            attrs: boolean;
+        };
+    };
+    defaults: {
+        view: string;
+        size: string;
+    };
+};
+//# sourceMappingURL=ToastNew.d.ts.map

package/types/components/Toast/ToastNew/ToastNew.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastNew.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/ToastNew/ToastNew.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAM7C,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAA0B,MAAM,kBAAkB,CAAC;AAE/F,eAAO,MAAM,kBAAkB,SAAU,UAAU,cAAc,EAAE,mBAAmB,CAAC,+FA8EjF,CAAC;AAEP,eAAO,MAAM,SAAS,EAAE,cAevB,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;mBAjGQ,UAAU,cAAc,EAAE,mBAAmB,CAAC;;;;;;;;;;;;;;;;;;CAsHtF,CAAC"}

package/types/components/Toast/ToastNew/ToastNew.styles.d.ts

@@ -0,0 +1,51 @@
+import type { CSSProperties } from 'react';
+export declare const base: import("@linaria/core").LinariaClassName;
+export declare const Toast: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    width: CSSProperties['width'];
+    textColor: CSSProperties['color'];
+}>;
+export declare const CloseIconWrapper: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../engines/types").PropsType<import("../../../engines/types").Variants> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../..").AsProps<any> & {
+    text?: string | undefined;
+    contentLeft?: import("react").ReactNode;
+    contentPlacing?: ("default" | "relaxed") | undefined;
+    isLoading?: boolean | undefined;
+    loader?: import("react").ReactNode;
+    stretch?: boolean | undefined;
+    stretching?: ("fixed" | "auto" | "filled") | undefined;
+    square?: boolean | undefined;
+    focused?: boolean | undefined;
+    disabled?: boolean | undefined;
+    pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
+    view?: string | undefined;
+    size?: string | undefined;
+    outlined?: boolean | undefined;
+    shiftLeft?: boolean | undefined;
+    shiftRight?: boolean | undefined;
+    blur?: "small" | "medium" | "large" | undefined;
+} & {
+    value?: string | number | undefined;
+    contentRight?: undefined;
+} & import("react").RefAttributes<HTMLButtonElement>) | (Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../..").AsProps<any> & {
+    text?: string | undefined;
+    contentLeft?: import("react").ReactNode;
+    contentPlacing?: ("default" | "relaxed") | undefined;
+    isLoading?: boolean | undefined;
+    loader?: import("react").ReactNode;
+    stretch?: boolean | undefined;
+    stretching?: ("fixed" | "auto" | "filled") | undefined;
+    square?: boolean | undefined;
+    focused?: boolean | undefined;
+    disabled?: boolean | undefined;
+    pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
+    view?: string | undefined;
+    size?: string | undefined;
+    outlined?: boolean | undefined;
+    shiftLeft?: boolean | undefined;
+    shiftRight?: boolean | undefined;
+    blur?: "small" | "medium" | "large" | undefined;
+} & {
+    value?: undefined;
+    contentRight?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLButtonElement>))>;
+export declare const StyledContentLeft: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+//# sourceMappingURL=ToastNew.styles.d.ts.map

package/types/components/Toast/ToastNew/ToastNew.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastNew.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/ToastNew/ToastNew.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAY3C,eAAO,MAAM,IAAI,0CAAQ,CAAC;AAE1B,eAAO,MAAM,KAAK;WAAuB,aAAa,CAAC,OAAO,CAAC;eAAa,aAAa,CAAC,OAAO,CAAC;EAgBjG,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAQ5B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAI7B,CAAC"}

package/types/components/Toast/ToastNew/ToastNew.tokens.d.ts

@@ -0,0 +1,22 @@
+export declare const classes: {};
+export declare const tokens: {
+    background: string;
+    color: string;
+    padding: string;
+    borderRadius: string;
+    maxWidth: string;
+    fontFamily: string;
+    fontSize: string;
+    fontStyle: string;
+    fontWeight: string;
+    letterSpacing: string;
+    lineHeight: string;
+    contentLeftMargin: string;
+    contentLeftColor: string;
+    closeIconMargin: string;
+    closeIconColor: string;
+    closeIconColorOnHover: string;
+    closeIconSize: string;
+    closeIconButtonSize: string;
+};
+//# sourceMappingURL=ToastNew.tokens.d.ts.map

package/types/components/Toast/ToastNew/ToastNew.tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastNew.tokens.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/ToastNew/ToastNew.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,IAAK,CAAC;AAE1B,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;CAsBlB,CAAC"}

package/types/components/Toast/ToastNew/ToastNew.types.d.ts

@@ -0,0 +1,65 @@
+import type { HTMLAttributes, ReactNode, CSSProperties } from 'react';
+import type { ToastPosition } from 'react-hot-toast';
+export interface ToastContainerProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Место отображения подсказки
+     * @default bottom-center
+     */
+    position?: ToastPosition;
+    /**
+     * Длительность отображения тоста.
+     * Если не передать значение, подсказка будет отображаться пока ее не закроют.
+     */
+    duration?: number;
+    /**
+     * Отображать ли иконку закрытия
+     * @default true
+     */
+    hasClose?: boolean;
+    /**
+     * Слот для контента слева, например `Icon`
+     */
+    contentLeft?: ReactNode;
+    /**
+     * Ширина тоста
+     */
+    width?: CSSProperties['width'];
+    /**
+     * Цвет текста
+     */
+    textColor?: CSSProperties['color'];
+    /**
+     * Расстояние между тостами
+     */
+    gap?: number;
+    /**
+     * Вид блока подсказки
+     */
+    view?: string;
+    /**
+     * Размер блока подсказки
+     */
+    size?: string;
+    /**
+     * Блок подсказки c округлым border-radius
+     */
+    pilled?: boolean;
+    /**
+     * @deprecated
+     * Колбек при нажатии на кнопку закрытия
+     */
+    onCloseButtonClick?: () => void;
+}
+export declare type ShowToastProps = (text: string, options?: {} & ShowToastPlasmaOptions) => void;
+export declare type ShowToastPlasmaOptions = {
+    hasClose?: boolean;
+    contentLeft?: ReactNode;
+    width?: CSSProperties['width'];
+    textColor?: CSSProperties['color'];
+    position?: ToastPosition;
+    duration?: number;
+    view?: string;
+    size?: string;
+    pilled?: boolean;
+};
+//# sourceMappingURL=ToastNew.types.d.ts.map

package/types/components/Toast/ToastNew/ToastNew.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastNew.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/ToastNew/ToastNew.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE;;;OAGG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACnC;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;CACnC;AAED,oBAAY,cAAc,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,EAAE,GAAG,sBAAsB,KAAK,IAAI,CAAC;AAE3F,oBAAY,sBAAsB,GAAG;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,SAAS,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACnC,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}

package/types/components/Toast/ToastNew/index.d.ts

@@ -0,0 +1,4 @@
+export { toastContainerConfig, toastContainerRoot, showToast } from './ToastNew';
+export { tokens as toastNewTokens } from './ToastNew.tokens';
+export type { ShowToastPlasmaOptions } from './ToastNew.types';
+//# sourceMappingURL=index.d.ts.map

package/types/components/Toast/ToastNew/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/ToastNew/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACjF,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAC7D,YAAY,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC"}

package/types/index.d.ts

@@ -72,4 +72,5 @@ export * from './components/Note';
 export * from './components/Table';
 export * from './components/LinkButton';
 export * from './components/NumberFormat';
+export * from './components/Toast/ToastNew';
 //# sourceMappingURL=index.d.ts.map