@skbkontur/react-ui 5.6.0 → 5.6.1-85c65.0

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

@@ -1,6 +1,6 @@
-export declare const styles: {
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
     enter(): string;
     enterActive(): string;
     exit(): string;
     exitActive(): string;
-};
+}>;

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

@@ -1,27 +1,29 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
 
-var styles = exports.styles = (0, _Emotion.memoizeStyle)({
-  enter: function enter() {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      transform: translateY(-40px);\n    "])));
+var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
+var getStyles = exports.getStyles = (0, _Emotion.memoizeGetStyles)(function (_ref) {var css = _ref.css;return {
+    enter: function enter() {
+      return css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      transform: translateY(-40px);\n    "])));
 
-  },
-  enterActive: function enterActive() {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      transition: transform 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);\n      transform: translateY(0) !important;\n    "])));
 
+    },
+    enterActive: function enterActive() {
+      return css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      transition: transform 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);\n      transform: translateY(0) !important;\n    "])));
 
 
-  },
-  exit: function exit() {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      transform: translateY(0);\n      opacity: 1;\n    "])));
 
+    },
+    exit: function exit() {
+      return css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      transform: translateY(0);\n      opacity: 1;\n    "])));
 
 
-  },
-  exitActive: function exitActive() {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      opacity: 0.01 !important;\n      transition: opacity 0.15s ease-out;\n    "])));
 
+    },
+    exitActive: function exitActive() {
+      return css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      opacity: 0.01 !important;\n      transition: opacity 0.15s ease-out;\n    "])));
 
 
-  }
-});
+
+    }
+  };});

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","styles","exports","memoizeStyle","enter","css","_taggedTemplateLiteralLoose2","default","enterActive","exit","exitActive"],"sources":["Toast.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  enter() {\n    return css`\n      transform: translateY(-40px);\n    `;\n  },\n  enterActive() {\n    return css`\n      transition: transform 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);\n      transform: translateY(0) !important;\n    `;\n  },\n  exit() {\n    return css`\n      transform: translateY(0);\n      opacity: 1;\n    `;\n  },\n  exitActive() {\n    return css`\n      opacity: 0.01 !important;\n      transition: opacity 0.15s ease-out;\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,KAAK,WAAAA,MAAA,EAAG;IACN,WAAOC,YAAG,EAAAR,eAAA,KAAAA,eAAA,OAAAS,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;EACDC,WAAW,WAAAA,YAAA,EAAG;IACZ,WAAOH,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;;EAIZ,CAAC;EACDE,IAAI,WAAAA,KAAA,EAAG;IACL,WAAOJ,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;;EAIZ,CAAC;EACDG,UAAU,WAAAA,WAAA,EAAG;IACX,WAAOL,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;;;;EAIZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","getStyles","exports","memoizeGetStyles","_ref","css","enter","_taggedTemplateLiteralLoose2","default","enterActive","exit","exitActive"],"sources":["Toast.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  enter() {\n    return css`\n      transform: translateY(-40px);\n    `;\n  },\n  enterActive() {\n    return css`\n      transition: transform 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);\n      transform: translateY(0) !important;\n    `;\n  },\n  exit() {\n    return css`\n      transform: translateY(0);\n      opacity: 1;\n    `;\n  },\n  exitActive() {\n    return css`\n      opacity: 0.01 !important;\n      transition: opacity 0.15s ease-out;\n    `;\n  },\n}));\n"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA,8BAA6D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEtD,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,yBAAgB,EAAC,UAAAC,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IAC/DC,KAAK,WAAAA,MAAA,EAAG;MACN,OAAOD,GAAG,CAAAR,eAAA,KAAAA,eAAA,OAAAU,4BAAA,CAAAC,OAAA;;;IAGZ,CAAC;IACDC,WAAW,WAAAA,YAAA,EAAG;MACZ,OAAOJ,GAAG,CAAAP,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;;IAIZ,CAAC;IACDE,IAAI,WAAAA,KAAA,EAAG;MACL,OAAOL,GAAG,CAAAN,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;;IAIZ,CAAC;IACDG,UAAU,WAAAA,WAAA,EAAG;MACX,OAAON,GAAG,CAAAL,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;;IAIZ;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

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

@@ -19,6 +19,9 @@ export interface ToastViewProps extends Pick<AriaAttributes, 'aria-label'>, Comm
     use?: ToastUse;
 }
 export declare class ToastView extends React.Component<ToastViewProps> {
+    private styles;
+    private emotion;
+    private cx;
     private theme;
     getRootNode: TGetRootNode;
     private setRootNode;

package/cjs/components/Toast/ToastView.js

@@ -1,6 +1,7 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ToastView = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
 var _react = _interopRequireDefault(require("react"));
 
+
 var _decorators = require("../../lib/locale/decorators");
 
 var _ZIndex = require("../../internal/ZIndex");
@@ -11,7 +12,7 @@ var _CommonWrapper = require("../../internal/CommonWrapper");
 
 var _rootNode = require("../../lib/rootNode");
 var _CloseButtonIcon = require("../../internal/CloseButtonIcon/CloseButtonIcon");
-var _Emotion = require("../../lib/theming/Emotion");
+var _renderEnvironment = require("../../lib/renderEnvironment");
 
 var _ToastView2 = require("./ToastView.styles");
 
@@ -36,7 +37,13 @@ var _locale = require("./locale");var _dec, _class;var
 
 
 
-ToastView = exports.ToastView = (_dec = (0, _decorators.locale)('Toast', _locale.ToastLocaleHelper), (0, _rootNode.rootNode)(_class = _dec(_class = /*#__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.
+
+ToastView = exports.ToastView = (_dec = (0, _decorators.locale)('Toast', _locale.ToastLocaleHelper), (0, _renderEnvironment.withRenderEnvironment)(_class = (0, _rootNode.rootNode)(_class = _dec(_class = /*#__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,8 +69,8 @@ ToastView = exports.ToastView = (_dec = (0, _decorators.locale)('Toast', _locale
       { hover: _this.theme.toastCloseHoverColor, default: _this.theme.toastCloseColor };
 
       var toastActionColorsClassName =
-      use === 'error' ? _ToastView2.styles.toastActionErrorColor(_this.theme) : _ToastView2.styles.toastActionDefaultColor(_this.theme);
-      var toastActionClassNames = (0, _Emotion.cx)(_ToastView2.styles.link(_this.theme), toastActionColorsClassName);
+      use === 'error' ? _this.styles.toastActionErrorColor(_this.theme) : _this.styles.toastActionDefaultColor(_this.theme);
+      var toastActionClassNames = _this.cx(_this.styles.link(_this.theme), toastActionColorsClassName);
 
       var link = action ? /*#__PURE__*/
       _react.default.createElement("button", {
@@ -78,7 +85,7 @@ ToastView = exports.ToastView = (_dec = (0, _decorators.locale)('Toast', _locale
 
       var close =
       action || showCloseIcon ? /*#__PURE__*/
-      _react.default.createElement("span", { className: _ToastView2.styles.closeWrapper(_this.theme) }, /*#__PURE__*/
+      _react.default.createElement("span", { className: _this.styles.closeWrapper(_this.theme) }, /*#__PURE__*/
       _react.default.createElement(_CloseButtonIcon.CloseButtonIcon, {
         "aria-label": _this.locale.closeButtonAriaLabel,
         "data-tid": _Toast.ToastDataTids.close,
@@ -92,11 +99,11 @@ ToastView = exports.ToastView = (_dec = (0, _decorators.locale)('Toast', _locale
       ) :
       null;
 
-      var rootClassName = (0, _Emotion.cx)(_ToastView2.styles.root(_this.theme), _ToastView2.styles[use != null ? use : 'default'](_this.theme));
+      var rootClassName = _this.cx(_this.styles.root(_this.theme), _this.styles[use != null ? use : 'default'](_this.theme));
 
       return /*#__PURE__*/(
         _react.default.createElement(_CommonWrapper.CommonWrapper, _this.props, /*#__PURE__*/
-        _react.default.createElement(_ZIndex.ZIndex, { priority: "Toast", className: _ToastView2.styles.wrapper(_this.theme) }, /*#__PURE__*/
+        _react.default.createElement(_ZIndex.ZIndex, { priority: "Toast", className: _this.styles.wrapper(_this.theme) }, /*#__PURE__*/
         _react.default.createElement("div", {
           "data-tid": _Toast.ToastDataTids.toastView,
           className: rootClassName,
@@ -111,4 +118,4 @@ ToastView = exports.ToastView = (_dec = (0, _decorators.locale)('Toast', _locale
         )
         ));
 
-    };return _this;}(0, _inheritsLoose2.default)(ToastView, _React$Component);var _proto = ToastView.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};return ToastView;}(_react.default.Component)) || _class) || _class);
+    };return _this;}(0, _inheritsLoose2.default)(ToastView, _React$Component);var _proto = ToastView.prototype;_proto.render = function render() {var _this2 = this;this.styles = (0, _ToastView2.getStyles)(this.emotion);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};return ToastView;}(_react.default.Component)) || _class) || _class) || _class);

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_decorators","_ZIndex","_ThemeContext","_CommonWrapper","_rootNode","_CloseButtonIcon","_Emotion","_ToastView2","_Toast","_locale","_dec","_class","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","use","toastCloseColors","hover","theme","toastCloseHoverColorError","default","toastCloseColorError","toastCloseHoverColor","toastCloseColor","toastActionColorsClassName","styles","toastActionErrorColor","toastActionDefaultColor","toastActionClassNames","cx","link","createElement","ToastDataTids","className","onClick","handler","label","close","closeWrapper","CloseButtonIcon","closeButtonAriaLabel","size","parseInt","toastCloseSize","side","color","colorHover","tabbable","rootClassName","root","CommonWrapper","ZIndex","priority","wrapper","toastView","ref","setRootNode","children","_inheritsLoose2","_proto","prototype","render","_this2","ThemeContext","Consumer","React","Component"],"sources":["ToastView.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\n\nimport { locale } from '../../lib/locale/decorators';\nimport type { Nullable } from '../../typings/utility-types';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { CloseButtonIcon } from '../../internal/CloseButtonIcon/CloseButtonIcon';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './ToastView.styles';\nimport type { Action, ToastUse } from './Toast';\nimport { ToastDataTids } from './Toast';\nimport type { ToastLocale } from './locale';\nimport { ToastLocaleHelper } from './locale';\n\nexport interface ToastViewProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps {\n  /** Задает контент тоста. */\n  children?: React.ReactNode;\n  /** Добавляет возможность действия и кнопку закрытия у тоста. */\n  action?: Nullable<Action>;\n  showCloseIcon?: boolean;\n  onClose?: () => void;\n  onMouseEnter?: () => void;\n  onMouseLeave?: () => void;\n  /**\n   * Задаёт стили для отображения тоста в зависимости от назначения.\n   **/\n  use?: ToastUse;\n}\n\n@rootNode\n@locale('Toast', ToastLocaleHelper)\nexport class ToastView extends React.Component<ToastViewProps> {\n  private theme!: Theme;\n  public getRootNode!: TGetRootNode;\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, use } = this.props;\n\n    const toastCloseColors =\n      use === 'error'\n        ? { hover: this.theme.toastCloseHoverColorError, default: this.theme.toastCloseColorError }\n        : { hover: this.theme.toastCloseHoverColor, default: this.theme.toastCloseColor };\n\n    const toastActionColorsClassName =\n      use === 'error' ? styles.toastActionErrorColor(this.theme) : styles.toastActionDefaultColor(this.theme);\n    const toastActionClassNames = cx(styles.link(this.theme), toastActionColorsClassName);\n\n    const link = action ? (\n      <button\n        aria-label={action['aria-label']}\n        data-tid={ToastDataTids.action}\n        className={toastActionClassNames}\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={toastCloseColors.default}\n            colorHover={toastCloseColors.hover}\n            tabbable={false}\n          />\n        </span>\n      ) : null;\n\n    const rootClassName = cx(styles.root(this.theme), styles[use ?? 'default'](this.theme));\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={rootClassName}\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","_decorators","_ZIndex","_ThemeContext","_CommonWrapper","_rootNode","_CloseButtonIcon","_renderEnvironment","_ToastView2","_Toast","_locale","_dec","_class","ToastView","exports","locale","ToastLocaleHelper","withRenderEnvironment","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","renderMain","_this$props","props","action","showCloseIcon","onClose","onMouseEnter","onMouseLeave","use","toastCloseColors","hover","theme","toastCloseHoverColorError","default","toastCloseColorError","toastCloseHoverColor","toastCloseColor","toastActionColorsClassName","styles","toastActionErrorColor","toastActionDefaultColor","toastActionClassNames","cx","link","createElement","ToastDataTids","className","onClick","handler","label","close","closeWrapper","CloseButtonIcon","closeButtonAriaLabel","size","parseInt","toastCloseSize","side","color","colorHover","tabbable","rootClassName","root","CommonWrapper","ZIndex","priority","wrapper","toastView","ref","setRootNode","children","_inheritsLoose2","_proto","prototype","render","_this2","getStyles","emotion","ThemeContext","Consumer","React","Component"],"sources":["ToastView.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { locale } from '../../lib/locale/decorators';\nimport type { Nullable } from '../../typings/utility-types';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { CloseButtonIcon } from '../../internal/CloseButtonIcon/CloseButtonIcon';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport { getStyles } from './ToastView.styles';\nimport type { Action, ToastUse } from './Toast';\nimport { ToastDataTids } from './Toast';\nimport type { ToastLocale } from './locale';\nimport { ToastLocaleHelper } from './locale';\n\nexport interface ToastViewProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps {\n  /** Задает контент тоста. */\n  children?: React.ReactNode;\n  /** Добавляет возможность действия и кнопку закрытия у тоста. */\n  action?: Nullable<Action>;\n  showCloseIcon?: boolean;\n  onClose?: () => void;\n  onMouseEnter?: () => void;\n  onMouseLeave?: () => void;\n  /**\n   * Задаёт стили для отображения тоста в зависимости от назначения.\n   **/\n  use?: ToastUse;\n}\n\n@withRenderEnvironment\n@rootNode\n@locale('Toast', ToastLocaleHelper)\nexport class ToastView extends React.Component<ToastViewProps> {\n  private styles!: ReturnType<typeof getStyles>;\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private theme!: Theme;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private readonly locale!: ToastLocale;\n\n  public render(): React.JSX.Element {\n    this.styles = getStyles(this.emotion);\n\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, use } = this.props;\n\n    const toastCloseColors =\n      use === 'error'\n        ? { hover: this.theme.toastCloseHoverColorError, default: this.theme.toastCloseColorError }\n        : { hover: this.theme.toastCloseHoverColor, default: this.theme.toastCloseColor };\n\n    const toastActionColorsClassName =\n      use === 'error' ? this.styles.toastActionErrorColor(this.theme) : this.styles.toastActionDefaultColor(this.theme);\n    const toastActionClassNames = this.cx(this.styles.link(this.theme), toastActionColorsClassName);\n\n    const link = action ? (\n      <button\n        aria-label={action['aria-label']}\n        data-tid={ToastDataTids.action}\n        className={toastActionClassNames}\n        onClick={action.handler}\n      >\n        {action.label}\n      </button>\n    ) : null;\n\n    const close =\n      action || showCloseIcon ? (\n        <span className={this.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={toastCloseColors.default}\n            colorHover={toastCloseColors.hover}\n            tabbable={false}\n          />\n        </span>\n      ) : null;\n\n    const rootClassName = this.cx(this.styles.root(this.theme), this.styles[use ?? 'default'](this.theme));\n\n    return (\n      <CommonWrapper {...this.props}>\n        <ZIndex priority=\"Toast\" className={this.styles.wrapper(this.theme)}>\n          <div\n            data-tid={ToastDataTids.toastView}\n            className={rootClassName}\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,5 +1,5 @@
 import type { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
     root(t: Theme): string;
     default(t: Theme): string;
     error(t: Theme): string;
@@ -8,4 +8,4 @@ export declare const styles: {
     link(t: Theme): string;
     toastActionErrorColor(t: Theme): string;
     toastActionDefaultColor(t: Theme): string;
-};
+}>;

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

@@ -1,4 +1,6 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+
+var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 
 
 var getVerticalPaddings = function getVerticalPaddings(theme) {
@@ -8,103 +10,110 @@ var getVerticalPaddings = function getVerticalPaddings(theme) {
   return [paddingY + "px", paddingY + "px"];
 };
 
-var styles = exports.styles = (0, _Emotion.memoizeStyle)({
-  root: function root(t) {
-    var _getVerticalPaddings = getVerticalPaddings(t),paddingTop = _getVerticalPaddings[0],paddingBottom = _getVerticalPaddings[1];
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-radius: ", ";\n      border: ", ";\n      display: inline-flex;\n      font-size: ", ";\n      line-height: ", ";\n      opacity: 1;\n      padding: ", " ", " ", ";\n      position: relative;\n      top: ", ";\n    "])),
-    t.toastBorderRadius,
-    t.toastBorder,
+var getStyles = exports.getStyles = (0, _Emotion.memoizeGetStyles)(function (_ref) {var css = _ref.css;return {
+    root: function root(t) {
+      var _getVerticalPaddings = getVerticalPaddings(t),paddingTop = _getVerticalPaddings[0],paddingBottom = _getVerticalPaddings[1];
+      return css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-radius: ", ";\n      border: ", ";\n      display: inline-flex;\n      font-size: ", ";\n      line-height: ", ";\n      opacity: 1;\n      padding: ", " ", " ", ";\n      position: relative;\n      top: ", ";\n    "])),
+      t.toastBorderRadius,
+      t.toastBorder,
+
+      t.toastFontSize,
+      t.toastLineHeight,
+
+      paddingTop, t.toastPaddingX, paddingBottom,
 
-    t.toastFontSize,
-    t.toastLineHeight,
+      t.toastTop);
 
-    paddingTop, t.toastPaddingX, paddingBottom,
+    },
 
-    t.toastTop);
+    default: function _default(t) {
+      return css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      color: ", ";\n    "])),
+      t.toastBg,
+      t.toastColor);
 
-  },
+    },
 
-  default: function _default(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      color: ", ";\n    "])),
-    t.toastBg,
-    t.toastColor);
+    error: function error(t) {
+      return css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      color: ", ";\n    "])),
+      t.toastErrorBg,
+      t.toastColorError);
 
-  },
+    },
 
-  error: function error(t) {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      color: ", ";\n    "])),
-    t.toastErrorBg,
-    t.toastColorError);
+    wrapper: function wrapper(t) {
+      return css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 0;\n      text-align: center;\n      border-radius: ", ";\n    "])),
 
-  },
 
-  wrapper: function wrapper(t) {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 0;\n      text-align: center;\n      border-radius: ", ";\n    "])),
 
 
 
 
+      t.toastBorderRadius);
 
+    },
 
-    t.toastBorderRadius);
+    closeWrapper: function closeWrapper(t) {
+      var _getVerticalPaddings2 = getVerticalPaddings(t),paddingTop = _getVerticalPaddings2[0],paddingBottom = _getVerticalPaddings2[1];
+      return css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      margin: -", " -", " -", " 0;\n    "])),
 
-  },
+      paddingTop, t.toastPaddingX, paddingBottom);
 
-  closeWrapper: function closeWrapper(t) {
-    var _getVerticalPaddings2 = getVerticalPaddings(t),paddingTop = _getVerticalPaddings2[0],paddingBottom = _getVerticalPaddings2[1];
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      margin: -", " -", " -", " 0;\n    "])),
+    },
 
-    paddingTop, t.toastPaddingX, paddingBottom);
+    link: function link(t) {
+      var _getVerticalPaddings3 = getVerticalPaddings(t),paddingTop = _getVerticalPaddings3[0],paddingBottom = _getVerticalPaddings3[1];
+      var padding = paddingTop + " " + t.toastLinkPadding;
 
-  },
+      return css(_templateObject6 || (_templateObject6 = (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      padding: ", ";\n      transition: background ", " ", ";\n    "])),
 
-  link: function link(t) {
-    var _getVerticalPaddings3 = getVerticalPaddings(t),paddingTop = _getVerticalPaddings3[0],paddingBottom = _getVerticalPaddings3[1];
-    var padding = paddingTop + " " + t.toastLinkPadding;
 
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: none;\n      font: inherit;\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    "])),
+      t.toastLinkColor,
 
 
 
 
 
+      paddingTop, paddingBottom, t.toastPaddingX,
 
+      padding,
+      t.transitionDuration, t.transitionTimingFunction,
 
-    paddingTop, paddingBottom, t.toastPaddingX,
+      t.toastLinkBgHover,
+      t.toastLinkTextDecorationHover,
 
-    padding,
-    t.transitionDuration, t.transitionTimingFunction);
+      padding,
+      t.transitionDuration, t.transitionTimingFunction);
 
-  },
+    },
 
-  toastActionErrorColor: function toastActionErrorColor(t) {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n\n      &:hover {\n        background: ", ";\n        text-decoration: ", ";\n      }\n\n      &:active {\n        background: ", ";\n        color: ", ";\n      }\n    "])),
-    t.toastLinkColorError,
+    toastActionErrorColor: function toastActionErrorColor(t) {
+      return css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n\n      &:hover {\n        background: ", ";\n        text-decoration: ", ";\n      }\n\n      &:active {\n        background: ", ";\n        color: ", ";\n      }\n    "])),
+      t.toastLinkColorError,
 
 
-    t.toastLinkBgHoverError,
-    t.toastLinkTextDecorationHover,
+      t.toastLinkBgHoverError,
+      t.toastLinkTextDecorationHover,
 
 
 
-    t.toastLinkBgActiveError,
-    t.toastLinkColorActiveError);
+      t.toastLinkBgActiveError,
+      t.toastLinkColorActiveError);
 
 
-  },
+    },
 
-  toastActionDefaultColor: function toastActionDefaultColor(t) {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n\n      &:hover {\n        background: ", ";\n        text-decoration: ", ";\n      }\n\n      &:active {\n        background: ", ";\n      }\n    "])),
-    t.toastLinkColor,
+    toastActionDefaultColor: function toastActionDefaultColor(t) {
+      return css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n\n      &:hover {\n        background: ", ";\n        text-decoration: ", ";\n      }\n\n      &:active {\n        background: ", ";\n      }\n    "])),
+      t.toastLinkColor,
 
 
-    t.toastLinkBgHover,
-    t.toastLinkTextDecorationHover,
+      t.toastLinkBgHover,
+      t.toastLinkTextDecorationHover,
 
 
 
-    t.toastLinkBgActive);
+      t.toastLinkBgActive);
 
 
-  }
-});
+    }
+  };});

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","getVerticalPaddings","theme","toastPaddingY","paddingY","parseInt","styles","exports","memoizeStyle","root","t","_getVerticalPaddings","paddingTop","paddingBottom","css","_taggedTemplateLiteralLoose2","default","toastBorderRadius","toastBorder","toastFontSize","toastLineHeight","toastPaddingX","toastTop","_default","toastBg","toastColor","error","toastErrorBg","toastColorError","wrapper","closeWrapper","_getVerticalPaddings2","link","_getVerticalPaddings3","padding","toastLinkPadding","transitionDuration","transitionTimingFunction","toastActionErrorColor","toastLinkColorError","toastLinkBgHoverError","toastLinkTextDecorationHover","toastLinkBgActiveError","toastLinkColorActiveError","toastActionDefaultColor","toastLinkColor","toastLinkBgHover","toastLinkBgActive"],"sources":["ToastView.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { 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      border-radius: ${t.toastBorderRadius};\n      border: ${t.toastBorder};\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  default(t: Theme) {\n    return css`\n      background: ${t.toastBg};\n      color: ${t.toastColor};\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      background: ${t.toastErrorBg};\n      color: ${t.toastColorError};\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      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    `;\n  },\n\n  toastActionErrorColor(t: Theme) {\n    return css`\n      color: ${t.toastLinkColorError};\n\n      &:hover {\n        background: ${t.toastLinkBgHoverError};\n        text-decoration: ${t.toastLinkTextDecorationHover};\n      }\n\n      &:active {\n        background: ${t.toastLinkBgActiveError};\n        color: ${t.toastLinkColorActiveError};\n      }\n    `;\n  },\n\n  toastActionDefaultColor(t: Theme) {\n    return css`\n      color: ${t.toastLinkColor};\n\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":"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","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","getVerticalPaddings","theme","toastPaddingY","paddingY","parseInt","getStyles","exports","memoizeGetStyles","_ref","css","root","t","_getVerticalPaddings","paddingTop","paddingBottom","_taggedTemplateLiteralLoose2","default","toastBorderRadius","toastBorder","toastFontSize","toastLineHeight","toastPaddingX","toastTop","_default","toastBg","toastColor","error","toastErrorBg","toastColorError","wrapper","closeWrapper","_getVerticalPaddings2","link","_getVerticalPaddings3","padding","toastLinkPadding","toastLinkColor","transitionDuration","transitionTimingFunction","toastLinkBgHover","toastLinkTextDecorationHover","toastActionErrorColor","toastLinkColorError","toastLinkBgHoverError","toastLinkBgActiveError","toastLinkColorActiveError","toastActionDefaultColor","toastLinkBgActive"],"sources":["ToastView.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\nimport type { 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 getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root(t: Theme) {\n    const [paddingTop, paddingBottom] = getVerticalPaddings(t);\n    return css`\n      border-radius: ${t.toastBorderRadius};\n      border: ${t.toastBorder};\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  default(t: Theme) {\n    return css`\n      background: ${t.toastBg};\n      color: ${t.toastColor};\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      background: ${t.toastErrorBg};\n      color: ${t.toastColorError};\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      padding: ${padding};\n      transition: background ${t.transitionDuration} ${t.transitionTimingFunction};\n    `;\n  },\n\n  toastActionErrorColor(t: Theme) {\n    return css`\n      color: ${t.toastLinkColorError};\n\n      &:hover {\n        background: ${t.toastLinkBgHoverError};\n        text-decoration: ${t.toastLinkTextDecorationHover};\n      }\n\n      &:active {\n        background: ${t.toastLinkBgActiveError};\n        color: ${t.toastLinkColorActiveError};\n      }\n    `;\n  },\n\n  toastActionDefaultColor(t: Theme) {\n    return css`\n      color: ${t.toastLinkColor};\n\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":"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","ignoreList":[]}

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

@@ -60,10 +60,15 @@ export declare class Toggle extends React.Component<ToggleProps, ToggleState> {
     static defaultProps: DefaultProps;
     private size;
     private getProps;
+    private styles;
+    private emotion;
+    private cx;
+    private globalObject;
     private theme;
     private input;
     getRootNode: TGetRootNode;
     private setRootNode;
+    private keyListener;
     constructor(props: ToggleProps);
     componentDidMount(): void;
     /**

package/cjs/components/Toggle/Toggle.js

@@ -1,12 +1,13 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ToggleDataTids = exports.Toggle = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 
 
+
+
 var _keyListener = require("../../lib/events/keyListener");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 
 var _CommonWrapper = require("../../internal/CommonWrapper");
-var _Emotion = require("../../lib/theming/Emotion");
 
 var _rootNode = require("../../lib/rootNode");
 var _createPropsGetter = require("../../lib/createPropsGetter");
@@ -14,6 +15,7 @@ var _currentEnvironment = require("../../lib/currentEnvironment");
 
 var _FocusControlWrapper = require("../../internal/FocusControlWrapper");
 var _SizeDecorator = require("../../lib/size/SizeDecorator");
+var _renderEnvironment = require("../../lib/renderEnvironment");
 
 var _Toggle2 = require("./Toggle.styles");var _class, _Toggle;
 
@@ -91,7 +93,13 @@ var ToggleDataTids = exports.ToggleDataTids = {
  */var
 
 
-Toggle = exports.Toggle = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.withSize)(_class = (_Toggle = /*#__PURE__*/function (_React$Component) {
+
+Toggle = exports.Toggle = (0, _renderEnvironment.withRenderEnvironment)(_class = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.withSize)(_class = (_Toggle = /*#__PURE__*/function (_React$Component) {
+
+
+
+
+
 
 
 
@@ -126,12 +134,13 @@ Toggle = exports.Toggle = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.wi
 
 
 
+
     /**
      * @public
      */_this.
     focus = function () {
       if (_this.input) {
-        _keyListener.keyListener.isTabPressed = true;
+        _this.keyListener.isTabPressed = true;
         _this.input.focus();
       }
     };_this.
@@ -299,6 +308,8 @@ Toggle = exports.Toggle = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.wi
 
 
 
+
+
 
 
 
@@ -327,7 +338,7 @@ Toggle = exports.Toggle = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.wi
         _this.props.onFocus(event);
       }
 
-      if (_keyListener.keyListener.isTabPressed) {
+      if (_this.keyListener.isTabPressed) {
         _this.setState({ focusByTab: true });
       }
     };_this.
@@ -337,8 +348,8 @@ Toggle = exports.Toggle = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.wi
     handleBlur = function (event) {
       _this.resetFocus();
       _this.props.onBlur == null || _this.props.onBlur(event);
-    };_this.state = { focusByTab: false, checked: props.defaultChecked };return _this;}(0, _inheritsLoose2.default)(Toggle, _React$Component);var _proto = Toggle.prototype;_proto.componentDidMount = function componentDidMount() {if (this.props.autoFocus) {_keyListener.keyListener.isTabPressed = true;this.focus();}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.getContainerSizeClassName = function getContainerSizeClassName() {switch (this.size) {case 'large':return _Toggle2.styles.containerLarge(this.theme);case 'medium':return _Toggle2.styles.containerMedium(this.theme);case 'small':default:return _Toggle2.styles.containerSmall(this.theme);}};_proto.getHandleSizeClassName = function getHandleSizeClassName() {switch (this.size) {case 'large':return _Toggle2.styles.handleLarge(this.theme);case 'medium':return _Toggle2.styles.handleMedium(this.theme);case 'small':default:return _Toggle2.styles.handleSmall(this.theme);}};_proto.getButtonSizeClassName = function getButtonSizeClassName() {switch (this.size) {case 'large':return _Toggle2.styles.buttonLarge(this.theme);case 'medium':return _Toggle2.styles.buttonMedium(this.theme);case 'small':default:return _Toggle2.styles.buttonSmall(this.theme);}};_proto.getRootSizeClassName = function getRootSizeClassName() {switch (this.size) {case 'large':return _Toggle2.styles.rootLarge(this.theme);case 'medium':return _Toggle2.styles.rootMedium(this.theme);case 'small':default:return _Toggle2.styles.rootSmall(this.theme);}};_proto.getInputSizeClassName = function getInputSizeClassName() {switch (this.size) {case 'large':return _Toggle2.styles.inputLarge(this.theme);case 'medium':return _Toggle2.styles.inputMedium(this.theme);case 'small':default:return _Toggle2.styles.inputSmall(this.theme);}};_proto.getCaptionSizeClassName = function getCaptionSizeClassName() {switch (this.size) {case 'large':return _Toggle2.styles.captionLarge(this.theme);case 'medium':return _Toggle2.styles.captionMedium(this.theme);case 'small':default:return _Toggle2.styles.captionSmall(this.theme);}};_proto.renderMain = function renderMain() {var _cx, _cx2, _cx4, _cx5;var _this$props = this.props,children = _this$props.children,warning = _this$props.warning,error = _this$props.error,id = _this$props.id,name = _this$props.name,ariaDescribedby = _this$props['aria-describedby'],ariaLabel = _this$props['aria-label'];var _this$getProps = this.getProps(),loading = _this$getProps.loading,captionPosition = _this$getProps.captionPosition,disableAnimations = _this$getProps.disableAnimations;var disabled = this.getProps().disabled || loading;var checked = this.isUncontrolled() ? this.state.checked : this.props.checked;var containerClassNames = (0, _Emotion.cx)(this.getContainerSizeClassName(), (_cx = {}, _cx[_Toggle2.styles.container(this.theme)] = true, _cx[_Toggle2.styles.containerDisabled(this.theme)] = !!disabled, _cx[_Toggle2.globalClasses.container] = true, _cx[_Toggle2.globalClasses.containerDisabled] = !!disabled, _cx[_Toggle2.globalClasses.containerLoading] = loading, _cx));var labelClassNames = (0, _Emotion.cx)(this.getRootSizeClassName(), (_cx2 = {}, _cx2[_Toggle2.styles.root(this.theme)] = true, _cx2[_Toggle2.styles.rootLeft()] = captionPosition === 'left', _cx2[_Toggle2.styles.disabled()] = !!disabled, _cx2[_Toggle2.globalClasses.disabled] = !!disabled, _cx2[_Toggle2.styles.disableAnimation()] = disableAnimations, _cx2));var caption = null;if (children) {var _cx3;var captionClass = (0, _Emotion.cx)(this.getCaptionSizeClassName(), (_cx3 = {}, _cx3[_Toggle2.styles.caption(this.theme)] = true, _cx3[_Toggle2.styles.captionLeft(this.theme)] = captionPosition === 'left', _cx3[_Toggle2.styles.disabledCaption(this.theme)] = !!disabled, _cx3));caption = /*#__PURE__*/_react.default.createElement("span", { className: captionClass }, children);}return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement("label", { "data-tid": ToggleDataTids.root, className: labelClassNames }, /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)(this.getButtonSizeClassName(), (_cx4 = {}, _cx4[_Toggle2.styles.button(this.theme)] = true, _cx4[_Toggle2.styles.buttonRight()] = captionPosition === 'left', _cx4[_Toggle2.styles.isWarning(this.theme)] = !!warning, _cx4[_Toggle2.styles.isError(this.theme)] = !!error, _cx4[_Toggle2.styles.focused(this.theme)] = !disabled && !!this.state.focusByTab, _cx4)) }, /*#__PURE__*/_react.default.createElement(_FocusControlWrapper.FocusControlWrapper, { onBlurWhenDisabled: this.resetFocus }, /*#__PURE__*/_react.default.createElement("input", { type: "checkbox", checked: checked, onChange: this.handleChange, className: (0, _Emotion.cx)(this.getInputSizeClassName(), _Toggle2.styles.input(this.theme)), onFocus: this.handleFocus, onBlur: this.handleBlur, ref: this.inputRef, disabled: disabled, id: id, name: name, role: "switch", "aria-label": ariaLabel, "aria-describedby": ariaDescribedby })), /*#__PURE__*/_react.default.createElement("div", { className: containerClassNames }), /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)(this.getHandleSizeClassName(), _Toggle2.globalClasses.handle, (_cx5 = {}, _cx5[_Toggle2.styles.handle(this.theme)] = true, _cx5[_Toggle2.styles.handleDisabled(this.theme)] = disabled, _cx5)) })), caption));};_proto.
+    };_this.state = { focusByTab: false, checked: props.defaultChecked };return _this;}(0, _inheritsLoose2.default)(Toggle, _React$Component);var _proto = Toggle.prototype;_proto.componentDidMount = function componentDidMount() {this.keyListener = new _keyListener.KeyListener(this.globalObject);if (this.props.autoFocus) {this.keyListener.isTabPressed = true;this.focus();}};_proto.render = function render() {var _this2 = this;this.styles = (0, _Toggle2.getStyles)(this.emotion);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.getContainerSizeClassName = function getContainerSizeClassName() {switch (this.size) {case 'large':return this.styles.containerLarge(this.theme);case 'medium':return this.styles.containerMedium(this.theme);case 'small':default:return this.styles.containerSmall(this.theme);}};_proto.getHandleSizeClassName = function getHandleSizeClassName() {switch (this.size) {case 'large':return this.styles.handleLarge(this.theme);case 'medium':return this.styles.handleMedium(this.theme);case 'small':default:return this.styles.handleSmall(this.theme);}};_proto.getButtonSizeClassName = function getButtonSizeClassName() {switch (this.size) {case 'large':return this.styles.buttonLarge(this.theme);case 'medium':return this.styles.buttonMedium(this.theme);case 'small':default:return this.styles.buttonSmall(this.theme);}};_proto.getRootSizeClassName = function getRootSizeClassName() {switch (this.size) {case 'large':return this.styles.rootLarge(this.theme);case 'medium':return this.styles.rootMedium(this.theme);case 'small':default:return this.styles.rootSmall(this.theme);}};_proto.getInputSizeClassName = function getInputSizeClassName() {switch (this.size) {case 'large':return this.styles.inputLarge(this.theme);case 'medium':return this.styles.inputMedium(this.theme);case 'small':default:return this.styles.inputSmall(this.theme);}};_proto.getCaptionSizeClassName = function getCaptionSizeClassName() {switch (this.size) {case 'large':return this.styles.captionLarge(this.theme);case 'medium':return this.styles.captionMedium(this.theme);case 'small':default:return this.styles.captionSmall(this.theme);}};_proto.renderMain = function renderMain() {var _this$cx, _this$cx2, _this$cx4, _this$cx5;var _this$props = this.props,children = _this$props.children,warning = _this$props.warning,error = _this$props.error,id = _this$props.id,name = _this$props.name,ariaDescribedby = _this$props['aria-describedby'],ariaLabel = _this$props['aria-label'];var _this$getProps = this.getProps(),loading = _this$getProps.loading,captionPosition = _this$getProps.captionPosition,disableAnimations = _this$getProps.disableAnimations;var disabled = this.getProps().disabled || loading;var checked = this.isUncontrolled() ? this.state.checked : this.props.checked;var containerClassNames = this.cx(this.getContainerSizeClassName(), (_this$cx = {}, _this$cx[this.styles.container(this.theme)] = true, _this$cx[this.styles.containerDisabled(this.theme)] = !!disabled, _this$cx[_Toggle2.globalClasses.container] = true, _this$cx[_Toggle2.globalClasses.containerDisabled] = !!disabled, _this$cx[_Toggle2.globalClasses.containerLoading] = loading, _this$cx));var labelClassNames = this.cx(this.getRootSizeClassName(), (_this$cx2 = {}, _this$cx2[this.styles.root(this.theme)] = true, _this$cx2[this.styles.rootLeft()] = captionPosition === 'left', _this$cx2[this.styles.disabled()] = !!disabled, _this$cx2[_Toggle2.globalClasses.disabled] = !!disabled, _this$cx2[this.styles.disableAnimation()] = disableAnimations, _this$cx2));var caption = null;if (children) {var _this$cx3;var captionClass = this.cx(this.getCaptionSizeClassName(), (_this$cx3 = {}, _this$cx3[this.styles.caption(this.theme)] = true, _this$cx3[this.styles.captionLeft(this.theme)] = captionPosition === 'left', _this$cx3[this.styles.disabledCaption(this.theme)] = !!disabled, _this$cx3));caption = /*#__PURE__*/_react.default.createElement("span", { className: captionClass }, children);}return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement("label", { "data-tid": ToggleDataTids.root, className: labelClassNames }, /*#__PURE__*/_react.default.createElement("div", { className: this.cx(this.getButtonSizeClassName(), (_this$cx4 = {}, _this$cx4[this.styles.button(this.theme)] = true, _this$cx4[this.styles.buttonRight()] = captionPosition === 'left', _this$cx4[this.styles.isWarning(this.theme)] = !!warning, _this$cx4[this.styles.isError(this.theme)] = !!error, _this$cx4[this.styles.focused(this.theme)] = !disabled && !!this.state.focusByTab, _this$cx4)) }, /*#__PURE__*/_react.default.createElement(_FocusControlWrapper.FocusControlWrapper, { onBlurWhenDisabled: this.resetFocus }, /*#__PURE__*/_react.default.createElement("input", { type: "checkbox", checked: checked, onChange: this.handleChange, className: this.cx(this.getInputSizeClassName(), this.styles.input(this.theme)), onFocus: this.handleFocus, onBlur: this.handleBlur, ref: this.inputRef, disabled: disabled, id: id, name: name, role: "switch", "aria-label": ariaLabel, "aria-describedby": ariaDescribedby })), /*#__PURE__*/_react.default.createElement("div", { className: containerClassNames }), /*#__PURE__*/_react.default.createElement("div", { className: this.cx(this.getHandleSizeClassName(), _Toggle2.globalClasses.handle, (_this$cx5 = {}, _this$cx5[this.styles.handle(this.theme)] = true, _this$cx5[this.styles.handleDisabled(this.theme)] = disabled, _this$cx5)) })), caption));};_proto.
 
   isUncontrolled = function isUncontrolled() {
     return this.props.checked === undefined;
-  };return Toggle;}(_react.default.Component), _Toggle.__KONTUR_REACT_UI__ = 'Toggle', _Toggle.displayName = 'Toggle', _Toggle.defaultProps = { disabled: false, loading: false, captionPosition: 'right', disableAnimations: _currentEnvironment.isTestEnv }, _Toggle)) || _class) || _class;
+  };return Toggle;}(_react.default.Component), _Toggle.__KONTUR_REACT_UI__ = 'Toggle', _Toggle.displayName = 'Toggle', _Toggle.defaultProps = { disabled: false, loading: false, captionPosition: 'right', disableAnimations: _currentEnvironment.isTestEnv }, _Toggle)) || _class) || _class) || _class;