@skbkontur/react-ui 5.0.12-MobilePicker-fix.0 → 5.0.12-fix-imask.2

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactDom","_globalObject","_Toast","_ToastStatic","ToastStatic","exports","push","notification","action","showTime","node","globalObject","document","createElement","body","Error","appendChild","ReactDOM","render","default","Toast","ToastDataTids","toastStatic","ref","el","instance","_push","close"],"sources":["ToastStatic.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { Nullable } from '../../typings/utility-types';\n\nimport { Toast, Action, ToastDataTids } from './Toast';\n\nexport class ToastStatic {\n  public static push = (notification: string, action?: Nullable<Action>, showTime?: number) => {\n    if (!ToastStatic.node && globalObject.document) {\n      ToastStatic.node = globalObject.document.createElement('div');\n      const { body } = globalObject.document;\n      if (!body) {\n        throw Error('There is no \"body\" element in \"document\"');\n      }\n      body.appendChild(ToastStatic.node);\n\n      ReactDOM.render(\n        <Toast data-tid={ToastDataTids.toastStatic} ref={(el) => (ToastStatic.instance = el)} />,\n        ToastStatic.node,\n        () => ToastStatic._push(notification, action, showTime),\n      );\n    } else {\n      ToastStatic._push(notification, action, showTime);\n    }\n  };\n\n  public static _push = (notification: string, action?: Nullable<Action>, showTime?: number) => {\n    if (ToastStatic.instance) {\n      ToastStatic.instance.push(notification, action, showTime);\n    }\n  };\n\n  public static close = () => {\n    if (ToastStatic.instance) {\n      ToastStatic.instance.close();\n    }\n  };\n\n  private static node: HTMLDivElement;\n  private static instance: Nullable<Toast> = null;\n}\n"],"mappings":"iKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;;;;AAIA,IAAAG,MAAA,GAAAH,OAAA,YAAuD,IAAAI,YAAA;;AAE1CC,WAAW,GAAAC,OAAA,CAAAD,WAAA,YAAAA,YAAA,KAAAD,YAAA,GAAXC,WAAW,CAAXA,WAAW;AACRE,IAAI,GAAG,UAACC,YAAoB,EAAEC,MAAyB,EAAEC,QAAiB,EAAK;EAC3F,IAAI,CAACL,YAAW,CAACM,IAAI,IAAIC,0BAAY,CAACC,QAAQ,EAAE;IAC9CR,YAAW,CAACM,IAAI,GAAGC,0BAAY,CAACC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IAC7D,IAAQC,IAAI,GAAKH,0BAAY,CAACC,QAAQ,CAA9BE,IAAI;IACZ,IAAI,CAACA,IAAI,EAAE;MACT,MAAMC,KAAK,CAAC,0CAA0C,CAAC;IACzD;IACAD,IAAI,CAACE,WAAW,CAACZ,YAAW,CAACM,IAAI,CAAC;;IAElCO,iBAAQ,CAACC,MAAM;MACbrB,MAAA,CAAAsB,OAAA,CAAAN,aAAA,CAACX,MAAA,CAAAkB,KAAK,IAAC,YAAUC,oBAAa,CAACC,WAAY,EAACC,GAAG,EAAE,SAAAA,IAACC,EAAE,UAAMpB,YAAW,CAACqB,QAAQ,GAAGD,EAAE,EAAE,EAAE,CAAC;MACxFpB,YAAW,CAACM,IAAI;MAChB,oBAAMN,YAAW,CAACsB,KAAK,CAACnB,YAAY,EAAEC,MAAM,EAAEC,QAAQ,CAAC;IACzD,CAAC;EACH,CAAC,MAAM;IACLL,YAAW,CAACsB,KAAK,CAACnB,YAAY,EAAEC,MAAM,EAAEC,QAAQ,CAAC;EACnD;AACF,CAAC,CAlBUL,WAAW;;AAoBRsB,KAAK,GAAG,UAACnB,YAAoB,EAAEC,MAAyB,EAAEC,QAAiB,EAAK;EAC5F,IAAIL,YAAW,CAACqB,QAAQ,EAAE;IACxBrB,YAAW,CAACqB,QAAQ,CAACnB,IAAI,CAACC,YAAY,EAAEC,MAAM,EAAEC,QAAQ,CAAC;EAC3D;AACF,CAAC,CAxBUL,WAAW;;AA0BRuB,KAAK,GAAG,YAAM;EAC1B,IAAIvB,YAAW,CAACqB,QAAQ,EAAE;IACxBrB,YAAW,CAACqB,QAAQ,CAACE,KAAK,CAAC,CAAC;EAC9B;AACF,CAAC,CA9BUvB,WAAW;;;AAiCPqB,QAAQ,GAAoB,IAAI","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactDom","_globalObject","_Toast","_ToastStatic","ToastStatic","exports","push","notification","action","showTime","showCloseIcon","node","globalObject","document","createElement","body","Error","appendChild","ReactDOM","render","default","Toast","ToastDataTids","toastStatic","ref","el","instance","_push","close"],"sources":["ToastStatic.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { Nullable } from '../../typings/utility-types';\n\nimport { Toast, Action, ToastDataTids } from './Toast';\n\nexport class ToastStatic {\n  public static push = (\n    notification: string,\n    action?: Nullable<Action>,\n    showTime?: number,\n    showCloseIcon?: boolean,\n  ) => {\n    if (!ToastStatic.node && globalObject.document) {\n      ToastStatic.node = globalObject.document.createElement('div');\n      const { body } = globalObject.document;\n      if (!body) {\n        throw Error('There is no \"body\" element in \"document\"');\n      }\n      body.appendChild(ToastStatic.node);\n\n      ReactDOM.render(\n        <Toast data-tid={ToastDataTids.toastStatic} ref={(el) => (ToastStatic.instance = el)} />,\n        ToastStatic.node,\n        () => ToastStatic._push(notification, action, showTime, showCloseIcon),\n      );\n    } else {\n      ToastStatic._push(notification, action, showTime, showCloseIcon);\n    }\n  };\n\n  public static _push = (\n    notification: string,\n    action?: Nullable<Action>,\n    showTime?: number,\n    showCloseIcon?: boolean,\n  ) => {\n    if (ToastStatic.instance) {\n      ToastStatic.instance.push(notification, action, showTime, showCloseIcon);\n    }\n  };\n\n  public static close = () => {\n    if (ToastStatic.instance) {\n      ToastStatic.instance.close();\n    }\n  };\n\n  private static node: HTMLDivElement;\n  private static instance: Nullable<Toast> = null;\n}\n"],"mappings":"iKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;;;;AAIA,IAAAG,MAAA,GAAAH,OAAA,YAAuD,IAAAI,YAAA;;AAE1CC,WAAW,GAAAC,OAAA,CAAAD,WAAA,YAAAA,YAAA,KAAAD,YAAA,GAAXC,WAAW,CAAXA,WAAW;AACRE,IAAI,GAAG;AACnBC,YAAoB;AACpBC,MAAyB;AACzBC,QAAiB;AACjBC,aAAuB;AACpB;EACH,IAAI,CAACN,YAAW,CAACO,IAAI,IAAIC,0BAAY,CAACC,QAAQ,EAAE;IAC9CT,YAAW,CAACO,IAAI,GAAGC,0BAAY,CAACC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IAC7D,IAAQC,IAAI,GAAKH,0BAAY,CAACC,QAAQ,CAA9BE,IAAI;IACZ,IAAI,CAACA,IAAI,EAAE;MACT,MAAMC,KAAK,CAAC,0CAA0C,CAAC;IACzD;IACAD,IAAI,CAACE,WAAW,CAACb,YAAW,CAACO,IAAI,CAAC;;IAElCO,iBAAQ,CAACC,MAAM;MACbtB,MAAA,CAAAuB,OAAA,CAAAN,aAAA,CAACZ,MAAA,CAAAmB,KAAK,IAAC,YAAUC,oBAAa,CAACC,WAAY,EAACC,GAAG,EAAE,SAAAA,IAACC,EAAE,UAAMrB,YAAW,CAACsB,QAAQ,GAAGD,EAAE,EAAE,EAAE,CAAC;MACxFrB,YAAW,CAACO,IAAI;MAChB,oBAAMP,YAAW,CAACuB,KAAK,CAACpB,YAAY,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,aAAa,CAAC;IACxE,CAAC;EACH,CAAC,MAAM;IACLN,YAAW,CAACuB,KAAK,CAACpB,YAAY,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,aAAa,CAAC;EAClE;AACF,CAAC,CAvBUN,WAAW;;AAyBRuB,KAAK,GAAG;AACpBpB,YAAoB;AACpBC,MAAyB;AACzBC,QAAiB;AACjBC,aAAuB;AACpB;EACH,IAAIN,YAAW,CAACsB,QAAQ,EAAE;IACxBtB,YAAW,CAACsB,QAAQ,CAACpB,IAAI,CAACC,YAAY,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,aAAa,CAAC;EAC1E;AACF,CAAC,CAlCUN,WAAW;;AAoCRwB,KAAK,GAAG,YAAM;EAC1B,IAAIxB,YAAW,CAACsB,QAAQ,EAAE;IACxBtB,YAAW,CAACsB,QAAQ,CAACE,KAAK,CAAC,CAAC;EAC9B;AACF,CAAC,CAxCUxB,WAAW;;;AA2CPsB,QAAQ,GAAoB,IAAI","ignoreList":[]}

package/cjs/components/Toast/ToastView.d.ts

@@ -1,38 +1,35 @@
-import React, { AriaAttributes } from 'react';
-import { Nullable } from '../../typings/utility-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { Action } from './Toast';
-export interface ToastViewProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps {
-    /**
-     * Toast content
-     */
-    children?: string;
-    /**
-     * Adds action handling and close icon for toast
-     */
-    action?: Nullable<Action>;
-    onClose?: () => void;
-    onMouseEnter?: () => void;
-    onMouseLeave?: () => void;
-}
-export declare class ToastView extends React.Component<ToastViewProps> {
-    static propTypes: {
-        /**
-         * Adds action handling and close icon for toast
-         */
-        action: import("prop-types").Requireable<import("prop-types").InferProps<{
-            label: import("prop-types").Validator<string>;
-            handler: import("prop-types").Validator<(...args: any[]) => any>;
-        }>>;
-        /**
-         * Toast content
-         */
-        children: import("prop-types").Validator<string>;
-        onClose: import("prop-types").Requireable<(...args: any[]) => any>;
-    };
-    private theme;
-    private setRootNode;
-    private readonly locale;
-    render(): React.JSX.Element;
-    private renderMain;
-}
+import React, { AriaAttributes } from 'react';
+import { Nullable } from '../../typings/utility-types';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { Action } from './Toast';
+export interface ToastViewProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps {
+    /** Задает контент тоста. */
+    children?: string;
+    /** Добавляет возможность действия и кнопку закрытия у тоста. */
+    action?: Nullable<Action>;
+    showCloseIcon?: boolean;
+    onClose?: () => void;
+    onMouseEnter?: () => void;
+    onMouseLeave?: () => void;
+}
+export declare class ToastView extends React.Component<ToastViewProps> {
+    static propTypes: {
+        /**
+         * Adds action handling and close icon for toast
+         */
+        action: import("prop-types").Requireable<import("prop-types").InferProps<{
+            label: import("prop-types").Validator<string>;
+            handler: import("prop-types").Validator<(...args: any[]) => any>;
+        }>>;
+        /**
+         * Toast content
+         */
+        children: import("prop-types").Validator<string>;
+        onClose: import("prop-types").Requireable<(...args: any[]) => any>;
+    };
+    private theme;
+    private setRootNode;
+    private readonly locale;
+    render(): React.JSX.Element;
+    private renderMain;
+}

package/cjs/components/Toast/ToastView.js

@@ -27,9 +27,6 @@ var _locale = require("./locale");var _dec, _class, _ToastView;var
 
 
 
-
-
-
 ToastView = exports.ToastView = (_dec = (0, _decorators.locale)('Toast', _locale.ToastLocaleHelper), (0, _rootNode.rootNode)(_class = _dec(_class = (_ToastView = /*#__PURE__*/function (_React$Component) {function ToastView() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
 
 
@@ -62,7 +59,7 @@ ToastView = exports.ToastView = (_dec = (0, _decorators.locale)('Toast', _locale
 
 
     renderMain = function () {
-      var _this$props = _this.props,action = _this$props.action,onClose = _this$props.onClose,onMouseEnter = _this$props.onMouseEnter,onMouseLeave = _this$props.onMouseLeave;
+      var _this$props = _this.props,action = _this$props.action,showCloseIcon = _this$props.showCloseIcon,onClose = _this$props.onClose,onMouseEnter = _this$props.onMouseEnter,onMouseLeave = _this$props.onMouseLeave;
 
       var link = action ? /*#__PURE__*/
       _react.default.createElement("button", {
@@ -75,7 +72,8 @@ ToastView = exports.ToastView = (_dec = (0, _decorators.locale)('Toast', _locale
       ) :
       null;
 
-      var close = action ? /*#__PURE__*/
+      var close =
+      action || showCloseIcon ? /*#__PURE__*/
       _react.default.createElement("span", { className: _ToastView2.styles.closeWrapper(_this.theme) }, /*#__PURE__*/
       _react.default.createElement(_CloseButtonIcon.CloseButtonIcon, {
         "aria-label": _this.locale.closeButtonAriaLabel,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_decorators","_ZIndex","_ThemeContext","_CommonWrapper","_rootNode","_CloseButtonIcon","_ToastView2","_Toast","_locale","_dec","_class","_ToastView","ToastView","exports","locale","ToastLocaleHelper","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","renderMain","_this$props","props","action","onClose","onMouseEnter","onMouseLeave","link","default","createElement","ToastDataTids","className","styles","theme","onClick","handler","label","close","closeWrapper","CloseButtonIcon","closeButtonAriaLabel","size","parseInt","toastCloseSize","side","color","toastCloseColor","colorHover","toastCloseHoverColor","tabbable","CommonWrapper","ZIndex","priority","wrapper","toastView","root","ref","setRootNode","children","_inheritsLoose2","_proto","prototype","render","_this2","ThemeContext","Consumer","React","Component","propTypes","shape","string","isRequired","func"],"sources":["ToastView.tsx"],"sourcesContent":["import React, { AriaAttributes } from 'react';\nimport { func, shape, string } from 'prop-types';\n\nimport { locale } from '../../lib/locale/decorators';\nimport { Nullable } from '../../typings/utility-types';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { CloseButtonIcon } from '../../internal/CloseButtonIcon/CloseButtonIcon';\n\nimport { styles } from './ToastView.styles';\nimport { Action, ToastDataTids } from './Toast';\nimport { ToastLocale, ToastLocaleHelper } from './locale';\n\nexport interface ToastViewProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps {\n  /**\n   * Toast content\n   */\n  children?: string;\n  /**\n   * Adds action handling and close icon for toast\n   */\n  action?: Nullable<Action>;\n  onClose?: () => void;\n  onMouseEnter?: () => void;\n  onMouseLeave?: () => void;\n}\n\n@rootNode\n@locale('Toast', ToastLocaleHelper)\nexport class ToastView extends React.Component<ToastViewProps> {\n  public static propTypes = {\n    /**\n     * Adds action handling and close icon for toast\n     */\n    action: shape({\n      label: string.isRequired,\n      handler: func.isRequired,\n    }),\n    /**\n     * Toast content\n     */\n    children: string.isRequired,\n    onClose: func,\n  };\n\n  private theme!: Theme;\n  private setRootNode!: TSetRootNode;\n  private readonly locale!: ToastLocale;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain = () => {\n    const { action, onClose, onMouseEnter, onMouseLeave } = this.props;\n\n    const link = action ? (\n      <button\n        aria-label={action['aria-label']}\n        data-tid={ToastDataTids.action}\n        className={styles.link(this.theme)}\n        onClick={action.handler}\n      >\n        {action.label}\n      </button>\n    ) : null;\n\n    const close = action ? (\n      <span className={styles.closeWrapper(this.theme)}>\n        <CloseButtonIcon\n          aria-label={this.locale.closeButtonAriaLabel}\n          data-tid={ToastDataTids.close}\n          onClick={onClose}\n          size={parseInt(this.theme.toastCloseSize)}\n          side={40}\n          color={this.theme.toastCloseColor}\n          colorHover={this.theme.toastCloseHoverColor}\n          tabbable={false}\n        />\n      </span>\n    ) : null;\n\n    return (\n      <CommonWrapper {...this.props}>\n        <ZIndex priority=\"Toast\" className={styles.wrapper(this.theme)}>\n          <div\n            data-tid={ToastDataTids.toastView}\n            className={styles.root(this.theme)}\n            ref={this.setRootNode}\n            onMouseEnter={onMouseEnter}\n            onMouseLeave={onMouseLeave}\n          >\n            <span>{this.props.children}</span>\n            {link}\n            {close}\n          </div>\n        </ZIndex>\n      </CommonWrapper>\n    );\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_decorators","_ZIndex","_ThemeContext","_CommonWrapper","_rootNode","_CloseButtonIcon","_ToastView2","_Toast","_locale","_dec","_class","_ToastView","ToastView","exports","locale","ToastLocaleHelper","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","renderMain","_this$props","props","action","showCloseIcon","onClose","onMouseEnter","onMouseLeave","link","default","createElement","ToastDataTids","className","styles","theme","onClick","handler","label","close","closeWrapper","CloseButtonIcon","closeButtonAriaLabel","size","parseInt","toastCloseSize","side","color","toastCloseColor","colorHover","toastCloseHoverColor","tabbable","CommonWrapper","ZIndex","priority","wrapper","toastView","root","ref","setRootNode","children","_inheritsLoose2","_proto","prototype","render","_this2","ThemeContext","Consumer","React","Component","propTypes","shape","string","isRequired","func"],"sources":["ToastView.tsx"],"sourcesContent":["import React, { AriaAttributes } from 'react';\nimport { func, shape, string } from 'prop-types';\n\nimport { locale } from '../../lib/locale/decorators';\nimport { Nullable } from '../../typings/utility-types';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { CloseButtonIcon } from '../../internal/CloseButtonIcon/CloseButtonIcon';\n\nimport { styles } from './ToastView.styles';\nimport { Action, ToastDataTids } from './Toast';\nimport { ToastLocale, ToastLocaleHelper } from './locale';\n\nexport interface ToastViewProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps {\n  /** Задает контент тоста. */\n  children?: string;\n  /** Добавляет возможность действия и кнопку закрытия у тоста. */\n  action?: Nullable<Action>;\n  showCloseIcon?: boolean;\n  onClose?: () => void;\n  onMouseEnter?: () => void;\n  onMouseLeave?: () => void;\n}\n\n@rootNode\n@locale('Toast', ToastLocaleHelper)\nexport class ToastView extends React.Component<ToastViewProps> {\n  public static propTypes = {\n    /**\n     * Adds action handling and close icon for toast\n     */\n    action: shape({\n      label: string.isRequired,\n      handler: func.isRequired,\n    }),\n    /**\n     * Toast content\n     */\n    children: string.isRequired,\n    onClose: func,\n  };\n\n  private theme!: Theme;\n  private setRootNode!: TSetRootNode;\n  private readonly locale!: ToastLocale;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain = () => {\n    const { action, showCloseIcon, onClose, onMouseEnter, onMouseLeave } = this.props;\n\n    const link = action ? (\n      <button\n        aria-label={action['aria-label']}\n        data-tid={ToastDataTids.action}\n        className={styles.link(this.theme)}\n        onClick={action.handler}\n      >\n        {action.label}\n      </button>\n    ) : null;\n\n    const close =\n      action || showCloseIcon ? (\n        <span className={styles.closeWrapper(this.theme)}>\n          <CloseButtonIcon\n            aria-label={this.locale.closeButtonAriaLabel}\n            data-tid={ToastDataTids.close}\n            onClick={onClose}\n            size={parseInt(this.theme.toastCloseSize)}\n            side={40}\n            color={this.theme.toastCloseColor}\n            colorHover={this.theme.toastCloseHoverColor}\n            tabbable={false}\n          />\n        </span>\n      ) : null;\n\n    return (\n      <CommonWrapper {...this.props}>\n        <ZIndex priority=\"Toast\" className={styles.wrapper(this.theme)}>\n          <div\n            data-tid={ToastDataTids.toastView}\n            className={styles.root(this.theme)}\n            ref={this.setRootNode}\n            onMouseEnter={onMouseEnter}\n            onMouseLeave={onMouseLeave}\n          >\n            <span>{this.props.children}</span>\n            {link}\n            {close}\n          </div>\n        </ZIndex>\n      </CommonWrapper>\n    );\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Toast/ToastView.styles.d.ts

@@ -1,7 +1,7 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    root(t: Theme): string;
-    wrapper(t: Theme): string;
-    closeWrapper(t: Theme): string;
-    link(t: Theme): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(t: Theme): string;
+    wrapper(t: Theme): string;
+    closeWrapper(t: Theme): string;
+    link(t: Theme): string;
+};

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

@@ -40,9 +40,9 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
   closeWrapper: function closeWrapper(t) {
     var _getVerticalPaddings2 = getVerticalPaddings(t),paddingTop = _getVerticalPaddings2[0],paddingBottom = _getVerticalPaddings2[1];
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      margin: -", " -", " -", " -", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      margin: -", " -", " -", " 0;\n    "])),
 
-    paddingTop, t.toastPaddingX, paddingBottom, t.toastClosePadding);
+    paddingTop, t.toastPaddingX, paddingBottom);
 
   },
 
@@ -50,7 +50,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
     var _getVerticalPaddings3 = getVerticalPaddings(t),paddingTop = _getVerticalPaddings3[0],paddingBottom = _getVerticalPaddings3[1];
     var padding = paddingTop + " " + t.toastLinkPadding;
 
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: none;\n      font: inherit;\n      color: ", ";\n      cursor: pointer;\n      display: inline-block;\n      font-weight: 600;\n      background-color: transparent;\n\n      margin: -", " ", " -", " ", ";\n\n      padding: ", ";\n      transition: background ", " ", ";\n      &:hover {\n        background: ", ";\n        text-decoration: ", ";\n      }\n\n      &:active {\n        background: ", ";\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: none;\n      font: inherit;\n      color: ", ";\n      cursor: pointer;\n      display: inline-block;\n      font-weight: 600;\n      background-color: transparent;\n\n      margin: -", " 0 -", " ", ";\n\n      padding: ", ";\n      transition: background ", " ", ";\n      &:hover {\n        background: ", ";\n        text-decoration: ", ";\n      }\n\n      &:active {\n        background: ", ";\n      }\n    "])),
 
 
     t.toastLinkColor,
@@ -59,7 +59,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
 
 
-    paddingTop, t.toastPaddingX, paddingBottom, t.toastPaddingX,
+    paddingTop, paddingBottom, t.toastPaddingX,
 
     padding,
     t.transitionDuration, t.transitionTimingFunction,

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","getVerticalPaddings","theme","toastPaddingY","paddingY","parseInt","styles","exports","memoizeStyle","root","t","_getVerticalPaddings","paddingTop","paddingBottom","css","_taggedTemplateLiteralLoose2","default","toastBg","toastBorderRadius","toastBorder","toastColor","toastFontSize","toastLineHeight","toastPaddingX","toastTop","wrapper","closeWrapper","_getVerticalPaddings2","toastClosePadding","link","_getVerticalPaddings3","padding","toastLinkPadding","toastLinkColor","transitionDuration","transitionTimingFunction","toastLinkBgHover","toastLinkTextDecorationHover","toastLinkBgActive"],"sources":["ToastView.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nconst getVerticalPaddings = (theme: Theme) => {\n  const { toastPaddingY } = theme;\n  const paddingY = parseInt(toastPaddingY);\n\n  return [`${paddingY}px`, `${paddingY}px`];\n};\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    const [paddingTop, paddingBottom] = getVerticalPaddings(t);\n    return css`\n      background: ${t.toastBg};\n      border-radius: ${t.toastBorderRadius};\n      border: ${t.toastBorder};\n      color: ${t.toastColor};\n      display: inline-flex;\n      font-size: ${t.toastFontSize};\n      line-height: ${t.toastLineHeight};\n      opacity: 1;\n      padding: ${paddingTop} ${t.toastPaddingX} ${paddingBottom};\n      position: relative;\n      top: ${t.toastTop};\n    `;\n  },\n\n  wrapper(t: Theme) {\n    return css`\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 0;\n      text-align: center;\n      border-radius: ${t.toastBorderRadius};\n    `;\n  },\n\n  closeWrapper(t: Theme) {\n    const [paddingTop, paddingBottom] = getVerticalPaddings(t);\n    return css`\n      display: flex;\n      margin: -${paddingTop} -${t.toastPaddingX} -${paddingBottom} -${t.toastClosePadding};\n    `;\n  },\n\n  link(t: Theme) {\n    const [paddingTop, paddingBottom] = getVerticalPaddings(t);\n    const padding = `${paddingTop} ${t.toastLinkPadding}`;\n\n    return css`\n      border: none;\n      font: inherit;\n      color: ${t.toastLinkColor};\n      cursor: pointer;\n      display: inline-block;\n      font-weight: 600;\n      background-color: transparent;\n\n      margin: -${paddingTop} ${t.toastPaddingX} -${paddingBottom} ${t.toastPaddingX};\n\n      padding: ${padding};\n      transition: background ${t.transitionDuration} ${t.transitionTimingFunction};\n      &:hover {\n        background: ${t.toastLinkBgHover};\n        text-decoration: ${t.toastLinkTextDecorationHover};\n      }\n\n      &:active {\n        background: ${t.toastLinkBgActive};\n      }\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;;AAG9D,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,KAAY,EAAK;EAC5C,IAAQC,aAAa,GAAKD,KAAK,CAAvBC,aAAa;EACrB,IAAMC,QAAQ,GAAGC,QAAQ,CAACF,aAAa,CAAC;;EAExC,OAAO,CAAIC,QAAQ,SAASA,QAAQ,QAAK;AAC3C,CAAC;;AAEM,IAAME,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,IAAAC,oBAAA,GAAoCV,mBAAmB,CAACS,CAAC,CAAC,CAAnDE,UAAU,GAAAD,oBAAA,IAAEE,aAAa,GAAAF,oBAAA;IAChC,WAAOG,YAAG,EAAAjB,eAAA,KAAAA,eAAA,OAAAkB,4BAAA,CAAAC,OAAA;IACMN,CAAC,CAACO,OAAO;IACNP,CAAC,CAACQ,iBAAiB;IAC1BR,CAAC,CAACS,WAAW;IACdT,CAAC,CAACU,UAAU;;IAERV,CAAC,CAACW,aAAa;IACbX,CAAC,CAACY,eAAe;;IAErBV,UAAU,EAAIF,CAAC,CAACa,aAAa,EAAIV,aAAa;;IAElDH,CAAC,CAACc,QAAQ;;EAErB,CAAC;;EAEDC,OAAO,WAAAA,QAACf,CAAQ,EAAE;IAChB,WAAOI,YAAG,EAAAhB,gBAAA,KAAAA,gBAAA,OAAAiB,4BAAA,CAAAC,OAAA;;;;;;;IAOSN,CAAC,CAACQ,iBAAiB;;EAExC,CAAC;;EAEDQ,YAAY,WAAAA,aAAChB,CAAQ,EAAE;IACrB,IAAAiB,qBAAA,GAAoC1B,mBAAmB,CAACS,CAAC,CAAC,CAAnDE,UAAU,GAAAe,qBAAA,IAAEd,aAAa,GAAAc,qBAAA;IAChC,WAAOb,YAAG,EAAAf,gBAAA,KAAAA,gBAAA,OAAAgB,4BAAA,CAAAC,OAAA;;IAEGJ,UAAU,EAAKF,CAAC,CAACa,aAAa,EAAKV,aAAa,EAAKH,CAAC,CAACkB,iBAAiB;;EAEvF,CAAC;;EAEDC,IAAI,WAAAA,KAACnB,CAAQ,EAAE;IACb,IAAAoB,qBAAA,GAAoC7B,mBAAmB,CAACS,CAAC,CAAC,CAAnDE,UAAU,GAAAkB,qBAAA,IAAEjB,aAAa,GAAAiB,qBAAA;IAChC,IAAMC,OAAO,GAAMnB,UAAU,SAAIF,CAAC,CAACsB,gBAAkB;;IAErD,WAAOlB,YAAG,EAAAd,gBAAA,KAAAA,gBAAA,OAAAe,4BAAA,CAAAC,OAAA;;;IAGCN,CAAC,CAACuB,cAAc;;;;;;IAMdrB,UAAU,EAAIF,CAAC,CAACa,aAAa,EAAKV,aAAa,EAAIH,CAAC,CAACa,aAAa;;IAElEQ,OAAO;IACOrB,CAAC,CAACwB,kBAAkB,EAAIxB,CAAC,CAACyB,wBAAwB;;IAE3DzB,CAAC,CAAC0B,gBAAgB;IACb1B,CAAC,CAAC2B,4BAA4B;;;;IAInC3B,CAAC,CAAC4B,iBAAiB;;;EAGvC;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","getVerticalPaddings","theme","toastPaddingY","paddingY","parseInt","styles","exports","memoizeStyle","root","t","_getVerticalPaddings","paddingTop","paddingBottom","css","_taggedTemplateLiteralLoose2","default","toastBg","toastBorderRadius","toastBorder","toastColor","toastFontSize","toastLineHeight","toastPaddingX","toastTop","wrapper","closeWrapper","_getVerticalPaddings2","link","_getVerticalPaddings3","padding","toastLinkPadding","toastLinkColor","transitionDuration","transitionTimingFunction","toastLinkBgHover","toastLinkTextDecorationHover","toastLinkBgActive"],"sources":["ToastView.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nconst getVerticalPaddings = (theme: Theme) => {\n  const { toastPaddingY } = theme;\n  const paddingY = parseInt(toastPaddingY);\n\n  return [`${paddingY}px`, `${paddingY}px`];\n};\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    const [paddingTop, paddingBottom] = getVerticalPaddings(t);\n    return css`\n      background: ${t.toastBg};\n      border-radius: ${t.toastBorderRadius};\n      border: ${t.toastBorder};\n      color: ${t.toastColor};\n      display: inline-flex;\n      font-size: ${t.toastFontSize};\n      line-height: ${t.toastLineHeight};\n      opacity: 1;\n      padding: ${paddingTop} ${t.toastPaddingX} ${paddingBottom};\n      position: relative;\n      top: ${t.toastTop};\n    `;\n  },\n\n  wrapper(t: Theme) {\n    return css`\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 0;\n      text-align: center;\n      border-radius: ${t.toastBorderRadius};\n    `;\n  },\n\n  closeWrapper(t: Theme) {\n    const [paddingTop, paddingBottom] = getVerticalPaddings(t);\n    return css`\n      display: flex;\n      margin: -${paddingTop} -${t.toastPaddingX} -${paddingBottom} 0;\n    `;\n  },\n\n  link(t: Theme) {\n    const [paddingTop, paddingBottom] = getVerticalPaddings(t);\n    const padding = `${paddingTop} ${t.toastLinkPadding}`;\n\n    return css`\n      border: none;\n      font: inherit;\n      color: ${t.toastLinkColor};\n      cursor: pointer;\n      display: inline-block;\n      font-weight: 600;\n      background-color: transparent;\n\n      margin: -${paddingTop} 0 -${paddingBottom} ${t.toastPaddingX};\n\n      padding: ${padding};\n      transition: background ${t.transitionDuration} ${t.transitionTimingFunction};\n      &:hover {\n        background: ${t.toastLinkBgHover};\n        text-decoration: ${t.toastLinkTextDecorationHover};\n      }\n\n      &:active {\n        background: ${t.toastLinkBgActive};\n      }\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;;AAG9D,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,KAAY,EAAK;EAC5C,IAAQC,aAAa,GAAKD,KAAK,CAAvBC,aAAa;EACrB,IAAMC,QAAQ,GAAGC,QAAQ,CAACF,aAAa,CAAC;;EAExC,OAAO,CAAIC,QAAQ,SAASA,QAAQ,QAAK;AAC3C,CAAC;;AAEM,IAAME,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,IAAAC,oBAAA,GAAoCV,mBAAmB,CAACS,CAAC,CAAC,CAAnDE,UAAU,GAAAD,oBAAA,IAAEE,aAAa,GAAAF,oBAAA;IAChC,WAAOG,YAAG,EAAAjB,eAAA,KAAAA,eAAA,OAAAkB,4BAAA,CAAAC,OAAA;IACMN,CAAC,CAACO,OAAO;IACNP,CAAC,CAACQ,iBAAiB;IAC1BR,CAAC,CAACS,WAAW;IACdT,CAAC,CAACU,UAAU;;IAERV,CAAC,CAACW,aAAa;IACbX,CAAC,CAACY,eAAe;;IAErBV,UAAU,EAAIF,CAAC,CAACa,aAAa,EAAIV,aAAa;;IAElDH,CAAC,CAACc,QAAQ;;EAErB,CAAC;;EAEDC,OAAO,WAAAA,QAACf,CAAQ,EAAE;IAChB,WAAOI,YAAG,EAAAhB,gBAAA,KAAAA,gBAAA,OAAAiB,4BAAA,CAAAC,OAAA;;;;;;;IAOSN,CAAC,CAACQ,iBAAiB;;EAExC,CAAC;;EAEDQ,YAAY,WAAAA,aAAChB,CAAQ,EAAE;IACrB,IAAAiB,qBAAA,GAAoC1B,mBAAmB,CAACS,CAAC,CAAC,CAAnDE,UAAU,GAAAe,qBAAA,IAAEd,aAAa,GAAAc,qBAAA;IAChC,WAAOb,YAAG,EAAAf,gBAAA,KAAAA,gBAAA,OAAAgB,4BAAA,CAAAC,OAAA;;IAEGJ,UAAU,EAAKF,CAAC,CAACa,aAAa,EAAKV,aAAa;;EAE/D,CAAC;;EAEDe,IAAI,WAAAA,KAAClB,CAAQ,EAAE;IACb,IAAAmB,qBAAA,GAAoC5B,mBAAmB,CAACS,CAAC,CAAC,CAAnDE,UAAU,GAAAiB,qBAAA,IAAEhB,aAAa,GAAAgB,qBAAA;IAChC,IAAMC,OAAO,GAAMlB,UAAU,SAAIF,CAAC,CAACqB,gBAAkB;;IAErD,WAAOjB,YAAG,EAAAd,gBAAA,KAAAA,gBAAA,OAAAe,4BAAA,CAAAC,OAAA;;;IAGCN,CAAC,CAACsB,cAAc;;;;;;IAMdpB,UAAU,EAAOC,aAAa,EAAIH,CAAC,CAACa,aAAa;;IAEjDO,OAAO;IACOpB,CAAC,CAACuB,kBAAkB,EAAIvB,CAAC,CAACwB,wBAAwB;;IAE3DxB,CAAC,CAACyB,gBAAgB;IACbzB,CAAC,CAAC0B,4BAA4B;;;;IAInC1B,CAAC,CAAC2B,iBAAiB;;;EAGvC;AACF,CAAC,CAAC","ignoreList":[]}

package/cjs/components/Toast/__creevey__/Toast.creevey.mts

@@ -51,4 +51,27 @@ kind('Toast', () => {
   story('push', () => {
     kindTests();
   });
+
+  story('ToastWithCross', () => {
+    test('idle', async (context) => {
+      const showStaticToastButton = context.webdriver.findElement({ css: '[data-tid="show-static-toast"]' });
+      const showInstanceToastButton = context.webdriver.findElement({ css: '[data-tid="show-instance-toast"]' });
+
+      await context.webdriver.actions({ bridge: true }).click(showStaticToastButton).perform();
+      await delay(1000);
+      const staticToast = await context.takeScreenshot();
+
+      const closeFirstToast = context.webdriver.findElement({ css: '[data-tid="ToastView__close"]' });
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(closeFirstToast)
+        .pause(100)
+        .click(showInstanceToastButton)
+        .perform();
+      await delay(1000);
+      const instanceToast = await context.takeScreenshot();
+
+      await context.matchImages({ staticToast, instanceToast });
+    });
+  });
 });

package/cjs/components/Toast/__docs__/Toast.mdx

@@ -0,0 +1,28 @@
+import * as ToastStories from './Toast.docs.stories.tsx';
+import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
+import { Meta } from '../../../.storybook/Meta';
+
+<Meta of={ToastStories} />
+
+# Toast
+
+[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/popup-elements/toast/)
+
+[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=230%3A5203)
+
+<Description />
+
+## Базовый пример
+
+<Primary />
+
+## Пропы
+
+<details>
+  <summary>Открыть таблицу с пропами</summary>
+  <ArgTypes />
+</details>
+
+## Примеры использования
+
+<Stories title="" includePrimary={false} />

package/cjs/components/Toast/index.d.ts

@@ -1 +1 @@
-export * from './Toast';
+export * from './Toast';

package/cjs/components/Toast/locale/index.d.ts

@@ -1,4 +1,4 @@
-import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
-import { ToastLocale } from './types';
-export * from './types';
-export declare const ToastLocaleHelper: LocaleHelper<ToastLocale>;
+import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
+import { ToastLocale } from './types';
+export * from './types';
+export declare const ToastLocaleHelper: LocaleHelper<ToastLocale>;

package/cjs/components/Toast/locale/locales/en.d.ts

@@ -1,2 +1,2 @@
-import { ToastLocale } from '../types';
-export declare const componentsLocales: ToastLocale;
+import { ToastLocale } from '../types';
+export declare const componentsLocales: ToastLocale;

package/cjs/components/Toast/locale/locales/ru.d.ts

@@ -1,2 +1,2 @@
-import { ToastLocale } from '../types';
-export declare const componentsLocales: ToastLocale;
+import { ToastLocale } from '../types';
+export declare const componentsLocales: ToastLocale;

package/cjs/components/Toast/locale/types.d.ts

@@ -1,3 +1,3 @@
-export interface ToastLocale {
-    closeButtonAriaLabel: string;
-}
+export interface ToastLocale {
+    closeButtonAriaLabel: string;
+}

package/cjs/components/Toggle/Toggle.d.ts

@@ -1,119 +1,96 @@
-import React, { AriaAttributes } from 'react';
-import PropTypes from 'prop-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { SizeProp } from '../../lib/types/props';
-export interface ToggleProps extends Pick<AriaAttributes, 'aria-label' | 'aria-describedby'>, CommonProps {
-    children?: React.ReactNode;
-    /**
-     * Положение `children` относительно переключателя.
-     * @default 'right'
-     */
-    captionPosition?: 'left' | 'right';
-    /**
-     * Состояние `тогла`, если `true` - `тогл` будет включён, иначе выключен.
-     * @default false
-     */
-    checked?: boolean;
-    /**
-     * Делает `тогл` включенным по умолчанию.
-     */
-    defaultChecked?: boolean;
-    /**
-     * Отключает `тогл`.
-     */
-    disabled?: boolean;
-    /**
-     * Событие вызывающееся, когда значение `тогла` меняется, передаёт текущее значение тогла в переданную функцию.
-     */
-    onValueChange?: (value: boolean) => void;
-    /**
-     * Событие вызывающееся при клике на `тогл`.
-     */
-    onChange?: React.ChangeEventHandler<HTMLInputElement>;
-    /**
-     * Состояние валидации при предупреждении.
-     * @default false
-     */
-    warning?: boolean;
-    /**
-     * Состояние валидации при ошибке.
-     * @default false
-     */
-    error?: boolean;
-    /**
-     * Добавляет стили для состояния `loading` и отключает `тогл`.
-     */
-    loading?: boolean;
-    /**
-     * Если true, выставляет фокус на `тогле` после загрузки страницы.
-     */
-    autoFocus?: boolean;
-    /** Размер */
-    size?: SizeProp;
-    /**
-     * Событие вызывающееся, когда `тогл` получает фокус.
-     */
-    onFocus?: React.FocusEventHandler<HTMLInputElement>;
-    /**
-     * Событие вызывающееся, когда `тогл` теряет фокус.
-     */
-    onBlur?: React.FocusEventHandler<HTMLInputElement>;
-    /**
-     * HTML-атрибут `id` для передачи во внутренний `<input />`.
-     */
-    id?: string;
-    /**
-     * Не показывать анимацию
-     */
-    disableAnimations?: boolean;
-}
-export interface ToggleState {
-    checked?: boolean;
-    focusByTab?: boolean;
-}
-export declare const ToggleDataTids: {
-    readonly root: "Toggle__root";
-};
-type DefaultProps = Required<Pick<ToggleProps, 'disabled' | 'loading' | 'captionPosition' | 'disableAnimations' | 'size'>>;
-/**
- * _Примечание:_ под тоглом понимается полный компонент т.е. надпись + переключатель, а не просто переключатель.
- */
-export declare class Toggle extends React.Component<ToggleProps, ToggleState> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static propTypes: {
-        checked: PropTypes.Requireable<boolean>;
-        defaultChecked: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        error: PropTypes.Requireable<boolean>;
-        loading: PropTypes.Requireable<boolean>;
-        warning: PropTypes.Requireable<boolean>;
-        onValueChange: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    static defaultProps: DefaultProps;
-    private getProps;
-    private theme;
-    private input;
-    private setRootNode;
-    constructor(props: ToggleProps);
-    componentDidMount(): void;
-    /**
-     * @public
-     */
-    focus: () => void;
-    render(): React.JSX.Element;
-    private getContainerSizeClassName;
-    private getHandleSizeClassName;
-    private getButtonSizeClassName;
-    private getRootSizeClassName;
-    private getInputSizeClassName;
-    private getCaptionSizeClassName;
-    private renderMain;
-    private inputRef;
-    private handleChange;
-    private handleFocus;
-    private resetFocus;
-    private handleBlur;
-    private isUncontrolled;
-}
-export {};
+import React, { AriaAttributes } from 'react';
+import PropTypes from 'prop-types';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { SizeProp } from '../../lib/types/props';
+export interface ToggleProps extends Pick<AriaAttributes, 'aria-label' | 'aria-describedby'>, CommonProps {
+    /** @ignore */
+    children?: React.ReactNode;
+    /** Задает положение `children` относительно переключателя.
+     * @default 'right' */
+    captionPosition?: 'left' | 'right';
+    /** Включает тогл.
+     * @default false */
+    checked?: boolean;
+    /** Делает `тогл` включенным по умолчанию. Не работает при заданном пропе `checked`. */
+    defaultChecked?: boolean;
+    /** Делает компонент недоступным. */
+    disabled?: boolean;
+    /** Задает функцию, вызывающуюся при изменении значения. */
+    onValueChange?: (value: boolean) => void;
+    /** Задает функцию, которая вызывается при клике на `тогл`. */
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    /** Переводит контрол в состояние валидации "предупреждение".
+     * @default false */
+    warning?: boolean;
+    /** Переводит контрол в состояние валидации "ошибка".
+     * @default false */
+    error?: boolean;
+    /** Переводит тогл в состояние загрузки: добавляет стили для состояния `loading` и отключает `тогл`.*/
+    loading?: boolean;
+    /** Переводит контрол в состояние валидации "ошибка".
+     * @default false */
+    autoFocus?: boolean;
+    /** Задает размер контрола. */
+    size?: SizeProp;
+    /** Задает функцию, которая вызывается, когда `тогл` получает фокус.*/
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+    /** Задает функцию, которая вызывается, когда `тогл` теряет фокус. */
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    /** HTML-атрибут `id` для передачи во внутренний `<input />`. */
+    id?: string;
+    /** Отключает анимацию. */
+    disableAnimations?: boolean;
+}
+export interface ToggleState {
+    checked?: boolean;
+    focusByTab?: boolean;
+}
+export declare const ToggleDataTids: {
+    readonly root: "Toggle__root";
+};
+type DefaultProps = Required<Pick<ToggleProps, 'disabled' | 'loading' | 'captionPosition' | 'disableAnimations' | 'size'>>;
+/**
+ * `Toggle` переключает состояния. Например, включает или отключает уведомления в настройках.
+ * `Toggle` представляет из себя надпись + переключатель.
+ *
+ * `Toggle` нельзя использовать для выбора элементов в списке. Например, выбрать несколько писем.
+ */
+export declare class Toggle extends React.Component<ToggleProps, ToggleState> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static propTypes: {
+        checked: PropTypes.Requireable<boolean>;
+        defaultChecked: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
+        error: PropTypes.Requireable<boolean>;
+        loading: PropTypes.Requireable<boolean>;
+        warning: PropTypes.Requireable<boolean>;
+        onValueChange: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    static defaultProps: DefaultProps;
+    private getProps;
+    private theme;
+    private input;
+    private setRootNode;
+    constructor(props: ToggleProps);
+    componentDidMount(): void;
+    /**
+     * @public
+     */
+    focus: () => void;
+    render(): React.JSX.Element;
+    private getContainerSizeClassName;
+    private getHandleSizeClassName;
+    private getButtonSizeClassName;
+    private getRootSizeClassName;
+    private getInputSizeClassName;
+    private getCaptionSizeClassName;
+    private renderMain;
+    private inputRef;
+    private handleChange;
+    private handleFocus;
+    private resetFocus;
+    private handleBlur;
+    private isUncontrolled;
+}
+export {};

package/cjs/components/Toggle/Toggle.js

@@ -62,17 +62,6 @@ var _Toggle2 = require("./Toggle.styles");var _class, _Toggle;
 
 
 
-
-
-
-
-
-
-
-
-
-
-
 
 
 
@@ -94,7 +83,10 @@ var ToggleDataTids = exports.ToggleDataTids = {
 
 
 /**
- * _Примечание:_ под тоглом понимается полный компонент т.е. надпись + переключатель, а не просто переключатель.
+ * `Toggle` переключает состояния. Например, включает или отключает уведомления в настройках.
+ * `Toggle` представляет из себя надпись + переключатель.
+ *
+ * `Toggle` нельзя использовать для выбора элементов в списке. Например, выбрать несколько писем.
  */var
 
 Toggle = exports.Toggle = (0, _rootNode.rootNode)(_class = (_Toggle = /*#__PURE__*/function (_React$Component) {