@skbkontur/react-ui 0.0.0-e55f22da73 → 0.0.0-ea6161656e

package/cjs/components/Toast/ToastStatic.js

@@ -1,32 +1,34 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.ToastStatic = void 0;var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ToastStatic = void 0;var _react = _interopRequireDefault(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
+var _globalObject = require("@skbkontur/global-object");
 
 
 
 var _Toast = require("./Toast");var
 
-
 ToastStatic = function ToastStatic() {};exports.ToastStatic = ToastStatic;ToastStatic.
-push = function (notification, action) {
-  if (!ToastStatic.node) {
-    ToastStatic.node = document.createElement('div');var _document =
-    document,body = _document.body;
+push = function (notification, action, showTime) {
+  if (!ToastStatic.node && _globalObject.globalObject.document) {
+    ToastStatic.node = _globalObject.globalObject.document.createElement('div');
+    var body = _globalObject.globalObject.document.body;
     if (!body) {
       throw Error('There is no "body" element in "document"');
     }
     body.appendChild(ToastStatic.node);
 
-    _reactDom.default.render(_react.default.createElement(_Toast.Toast, { "data-tid": "StaticToast", ref: function ref(el) {return ToastStatic.instance = el;} }), ToastStatic.node, function () {return (
-        ToastStatic._push(notification, action));});
+    _reactDom.default.render( /*#__PURE__*/
+    _react.default.createElement(_Toast.Toast, { "data-tid": _Toast.ToastDataTids.toastStatic, ref: function ref(el) {return ToastStatic.instance = el;} }),
+    ToastStatic.node,
+    function () {return ToastStatic._push(notification, action, showTime);});
 
   } else {
-    ToastStatic._push(notification, action);
+    ToastStatic._push(notification, action, showTime);
   }
 };ToastStatic.
 
-_push = function (notification, action) {
+_push = function (notification, action, showTime) {
   if (ToastStatic.instance) {
-    ToastStatic.instance.push(notification, action);
+    ToastStatic.instance.push(notification, action, showTime);
   }
 };ToastStatic.
 
@@ -36,5 +38,5 @@ close = function () {
   }
 };ToastStatic.
 
-node = void 0;ToastStatic.
+
 instance = null;

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

@@ -1 +1 @@
-{"version":3,"sources":["ToastStatic.tsx"],"names":["ToastStatic","push","notification","action","node","document","createElement","body","Error","appendChild","ReactDOM","render","el","instance","_push","close"],"mappings":"yJAAA;AACA;;;;AAIA,gC;;;AAGaA,W,+DAAAA,W;AACGC,I,GAAO,UAACC,YAAD,EAAuBC,MAAvB,EAA2C;AAC9D,MAAI,CAACH,WAAW,CAACI,IAAjB,EAAuB;AACrBJ,IAAAA,WAAW,CAACI,IAAZ,GAAmBC,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAAnB,CADqB;AAEJD,IAAAA,QAFI,CAEbE,IAFa,aAEbA,IAFa;AAGrB,QAAI,CAACA,IAAL,EAAW;AACT,YAAMC,KAAK,CAAC,0CAAD,CAAX;AACD;AACDD,IAAAA,IAAI,CAACE,WAAL,CAAiBT,WAAW,CAACI,IAA7B;;AAEAM,sBAASC,MAAT,CAAgB,6BAAC,YAAD,IAAO,YAAS,aAAhB,EAA8B,GAAG,EAAE,aAAAC,EAAE,UAAKZ,WAAW,CAACa,QAAZ,GAAuBD,EAA5B,EAArC,GAAhB,EAA0FZ,WAAW,CAACI,IAAtG,EAA4G;AAC1GJ,QAAAA,WAAW,CAACc,KAAZ,CAAkBZ,YAAlB,EAAgCC,MAAhC,CAD0G,GAA5G;;AAGD,GAXD,MAWO;AACLH,IAAAA,WAAW,CAACc,KAAZ,CAAkBZ,YAAlB,EAAgCC,MAAhC;AACD;AACF,C,CAhBUH,W;;AAkBGc,K,GAAQ,UAACZ,YAAD,EAAuBC,MAAvB,EAA2C;AAC/D,MAAIH,WAAW,CAACa,QAAhB,EAA0B;AACxBb,IAAAA,WAAW,CAACa,QAAZ,CAAqBZ,IAArB,CAA0BC,YAA1B,EAAwCC,MAAxC;AACD;AACF,C,CAtBUH,W;;AAwBGe,K,GAAQ,YAAM;AAC1B,MAAIf,WAAW,CAACa,QAAhB,EAA0B;AACxBb,IAAAA,WAAW,CAACa,QAAZ,CAAqBE,KAArB;AACD;AACF,C,CA5BUf,W;;AA8BII,I,UA9BJJ,W;AA+BIa,Q,GAA4B,I","sourcesContent":["import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\n\r\nimport { Nullable } from '../../typings/utility-types';\r\n\r\nimport { Toast, Action } from './Toast';\r\n\r\n\r\nexport class ToastStatic {\r\n  public static push = (notification: string, action?: Action) => {\r\n    if (!ToastStatic.node) {\r\n      ToastStatic.node = document.createElement('div');\r\n      const { body } = document;\r\n      if (!body) {\r\n        throw Error('There is no \"body\" element in \"document\"');\r\n      }\r\n      body.appendChild(ToastStatic.node);\r\n\r\n      ReactDOM.render(<Toast data-tid=\"StaticToast\" ref={el => (ToastStatic.instance = el)} />, ToastStatic.node, () =>\r\n        ToastStatic._push(notification, action),\r\n      );\r\n    } else {\r\n      ToastStatic._push(notification, action);\r\n    }\r\n  };\r\n\r\n  public static _push = (notification: string, action?: Action) => {\r\n    if (ToastStatic.instance) {\r\n      ToastStatic.instance.push(notification, action);\r\n    }\r\n  };\r\n\r\n  public static close = () => {\r\n    if (ToastStatic.instance) {\r\n      ToastStatic.instance.close();\r\n    }\r\n  };\r\n\r\n  private static node: HTMLDivElement;\r\n  private static instance: Nullable<Toast> = null;\r\n}\r\n"]}
+{"version":3,"sources":["ToastStatic.tsx"],"names":["ToastStatic","push","notification","action","showTime","node","globalObject","document","createElement","body","Error","appendChild","ReactDOM","render","ToastDataTids","toastStatic","el","instance","_push","close"],"mappings":"iKAAA;AACA;AACA;;;;AAIA,gC;;AAEaA,W,+DAAAA,W;AACGC,I,GAAO,UAACC,YAAD,EAAuBC,MAAvB,EAAkDC,QAAlD,EAAwE;AAC3F,MAAI,CAACJ,WAAW,CAACK,IAAb,IAAqBC,2BAAaC,QAAtC,EAAgD;AAC9CP,IAAAA,WAAW,CAACK,IAAZ,GAAmBC,2BAAaC,QAAb,CAAsBC,aAAtB,CAAoC,KAApC,CAAnB;AACA,QAAQC,IAAR,GAAiBH,2BAAaC,QAA9B,CAAQE,IAAR;AACA,QAAI,CAACA,IAAL,EAAW;AACT,YAAMC,KAAK,CAAC,0CAAD,CAAX;AACD;AACDD,IAAAA,IAAI,CAACE,WAAL,CAAiBX,WAAW,CAACK,IAA7B;;AAEAO,sBAASC,MAAT;AACE,iCAAC,YAAD,IAAO,YAAUC,qBAAcC,WAA/B,EAA4C,GAAG,EAAE,aAACC,EAAD,UAAShB,WAAW,CAACiB,QAAZ,GAAuBD,EAAhC,EAAjD,GADF;AAEEhB,IAAAA,WAAW,CAACK,IAFd;AAGE,wBAAML,WAAW,CAACkB,KAAZ,CAAkBhB,YAAlB,EAAgCC,MAAhC,EAAwCC,QAAxC,CAAN,EAHF;;AAKD,GAbD,MAaO;AACLJ,IAAAA,WAAW,CAACkB,KAAZ,CAAkBhB,YAAlB,EAAgCC,MAAhC,EAAwCC,QAAxC;AACD;AACF,C,CAlBUJ,W;;AAoBGkB,K,GAAQ,UAAChB,YAAD,EAAuBC,MAAvB,EAAkDC,QAAlD,EAAwE;AAC5F,MAAIJ,WAAW,CAACiB,QAAhB,EAA0B;AACxBjB,IAAAA,WAAW,CAACiB,QAAZ,CAAqBhB,IAArB,CAA0BC,YAA1B,EAAwCC,MAAxC,EAAgDC,QAAhD;AACD;AACF,C,CAxBUJ,W;;AA0BGmB,K,GAAQ,YAAM;AAC1B,MAAInB,WAAW,CAACiB,QAAhB,EAA0B;AACxBjB,IAAAA,WAAW,CAACiB,QAAZ,CAAqBE,KAArB;AACD;AACF,C,CA9BUnB,W;;;AAiCIiB,Q,GAA4B,I","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"]}

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

@@ -1,5 +1,8 @@
-import React from 'react';
-export interface ToastViewProps {
+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
      */
@@ -7,10 +10,7 @@ export interface ToastViewProps {
     /**
      * Adds action handling and close icon for toast
      */
-    action?: {
-        label: string;
-        handler: () => void;
-    } | null;
+    action?: Nullable<Action>;
     onClose?: () => void;
     onMouseEnter?: () => void;
     onMouseLeave?: () => void;
@@ -31,6 +31,9 @@ export declare class ToastView extends React.Component<ToastViewProps> {
         onClose: import("prop-types").Requireable<(...args: any[]) => any>;
     };
     private theme;
+    private emotion;
+    private setRootNode;
+    private readonly locale;
     render(): JSX.Element;
     private renderMain;
 }

package/cjs/components/Toast/ToastView.js

@@ -1,12 +1,47 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.ToastView = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ToastView = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _propTypes = require("prop-types");
 
+
+var _decorators = require("../../lib/locale/decorators");
+
 var _CrossIcon = require("../../internal/icons/CrossIcon");
 var _ZIndex = require("../../internal/ZIndex");
+
+var _CommonWrapper = require("../../internal/CommonWrapper");
+var _rootNode = require("../../lib/rootNode");
+var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
+var _CloseButtonIcon = require("../../internal/CloseButtonIcon/CloseButtonIcon");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
+var _Emotion = require("../../lib/theming/Emotion");
+
+var _ToastView = require("./ToastView.styles");
+var _Toast = require("./Toast");
+var _locale = require("./locale");var _excluded = ["action", "onClose"];var _dec, _class, _class2, _temp;var
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ToastView = (_dec = (0, _decorators.locale)('Toast', _locale.ToastLocaleHelper), (0, _rootNode.rootNode)(_class = _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(ToastView, _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.
+
+
+
+
+
 
 
-var _ToastView = require("./ToastView.styles");var
 
 
 
@@ -25,7 +60,6 @@ var _ToastView = require("./ToastView.styles");var
 
 
 
-ToastView = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(ToastView, _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.
 
 
 
@@ -39,49 +73,62 @@ ToastView = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.defaul
 
 
 
+    renderMain = function (props) {
+      var action = props.action,onClose = props.onClose,rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+      var styles = (0, _ToastView.getStyles)(_this.emotion);
 
+      var link = action ? /*#__PURE__*/
+      _react.default.createElement("button", {
+        "aria-label": action['aria-label'],
+        "data-tid": _Toast.ToastDataTids.action,
+        className: styles.link(_this.theme),
+        onClick: action.handler },
 
-    theme = void 0;return _this;}var _proto = ToastView.prototype;_proto.
+      action.label) :
 
-  render = function render() {var _this2 = this;
-    return (
-      _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null,
-      function (theme) {
-        _this2.theme = theme;
-        return _this2.renderMain();
-      }));
+      null;
 
+      var close = action ? /*#__PURE__*/
+      _react.default.createElement("span", { className: styles.closeWrapper(_this.theme) }, /*#__PURE__*/
+      _react.default.createElement("span", {
+        "aria-label": _this.locale.closeButtonAriaLabel,
+        "data-tid": _Toast.ToastDataTids.close,
+        className: styles.close(_this.theme),
+        onClick: onClose }, /*#__PURE__*/
 
-  };_proto.
+      _react.default.createElement(_CrossIcon.CrossIcon, null))) :
 
-  renderMain = function renderMain() {var _this$props =
-    this.props,children = _this$props.children,action = _this$props.action,onClose = _this$props.onClose,rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props, ["children", "action", "onClose"]);
 
-    var link = action ?
-    _react.default.createElement("span", { className: _ToastView.jsStyles.link(this.theme), onClick: action.handler },
-    action.label) :
+      null;
 
-    null;
+      if ((0, _ThemeHelpers.isTheme2022)(_this.theme) && close) {
+        close = /*#__PURE__*/
+        _react.default.createElement("span", { className: styles.closeWrapper(_this.theme) }, /*#__PURE__*/
+        _react.default.createElement(_CloseButtonIcon.CloseButtonIcon, {
+          "aria-label": _this.locale.closeButtonAriaLabel,
+          "data-tid": _Toast.ToastDataTids.close,
+          onClick: onClose,
+          size: parseInt(_this.theme.toastCloseSize),
+          side: 40,
+          color: _this.theme.toastCloseColor,
+          colorHover: _this.theme.toastCloseHoverColor,
+          tabbable: false }));
 
-    var close = action ?
-    _react.default.createElement("span", { className: _ToastView.jsStyles.closeWrapper() },
-    _react.default.createElement("span", { className: _ToastView.jsStyles.close(this.theme), onClick: onClose },
-    _react.default.createElement(_CrossIcon.CrossIcon, null))) :
 
 
-    null;
+      }
 
-    return (
-      _react.default.createElement(_ZIndex.ZIndex, { priority: "Toast", className: _ToastView.jsStyles.wrapper() },
-      _react.default.createElement("div", (0, _extends2.default)({ "data-tid": "ToastView__root", className: _ToastView.jsStyles.root(this.theme) }, rest),
-      _react.default.createElement("span", null, children),
-      link,
-      close)));
+      return /*#__PURE__*/(
+        _react.default.createElement(_ZIndex.ZIndex, { priority: "Toast", className: styles.wrapper(_this.theme) }, /*#__PURE__*/
+        _react.default.createElement("div", (0, _extends2.default)({ "data-tid": _Toast.ToastDataTids.toastView }, rest, { className: styles.root(_this.theme), ref: _this.setRootNode }), /*#__PURE__*/
+        _react.default.createElement("span", null, _this.props.children),
+        link,
+        close)));
 
 
 
-  };return ToastView;}(_react.default.Component);exports.ToastView = ToastView;ToastView.propTypes = { /**
-                                                                                                        * Adds action handling and close icon for toast
-                                                                                                        */action: (0, _propTypes.shape)({ label: _propTypes.string.isRequired, handler: _propTypes.func.isRequired }), /**
-                                                                                                                                                                                                                        * Toast content
-                                                                                                                                                                                                                        */children: _propTypes.string.isRequired, onClose: _propTypes.func };
+    };return _this;}var _proto = ToastView.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_Emotion.EmotionConsumer, null, function (emotion) {_this2.emotion = emotion;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, _this2.props, _this2.renderMain);});});};return ToastView;}(_react.default.Component), _class2.propTypes = { /**
+   * Adds action handling and close icon for toast
+   */action: (0, _propTypes.shape)({ label: _propTypes.string.isRequired, handler: _propTypes.func.isRequired }), /**
+   * Toast content
+   */children: _propTypes.string.isRequired, onClose: _propTypes.func }, _temp)) || _class) || _class);exports.ToastView = ToastView;

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

@@ -1 +1 @@
-{"version":3,"sources":["ToastView.tsx"],"names":["ToastView","theme","render","renderMain","props","children","action","onClose","rest","link","jsStyles","handler","label","close","closeWrapper","wrapper","root","React","Component","propTypes","string","isRequired","func"],"mappings":"mcAAA;AACA;;AAEA;AACA;AACA;;;AAGA,+C;;;;;;;;;;;;;;;;;;;AAmBaA,S;;;;;;;;;;;;;;;;AAgBHC,IAAAA,K;;AAEDC,EAAAA,M,GAAP,kBAAgB;AACd;AACE,mCAAC,0BAAD,CAAc,QAAd;AACG,gBAAAD,KAAK,EAAI;AACR,QAAA,MAAI,CAACA,KAAL,GAAaA,KAAb;AACA,eAAO,MAAI,CAACE,UAAL,EAAP;AACD,OAJH,CADF;;;AAQD,G;;AAEOA,EAAAA,U,GAAR,sBAAqB;AAC4B,SAAKC,KADjC,CACXC,QADW,eACXA,QADW,CACDC,MADC,eACDA,MADC,CACOC,OADP,eACOA,OADP,CACmBC,IADnB;;AAGnB,QAAMC,IAAI,GAAGH,MAAM;AACjB,2CAAM,SAAS,EAAEI,oBAASD,IAAT,CAAc,KAAKR,KAAnB,CAAjB,EAA4C,OAAO,EAAEK,MAAM,CAACK,OAA5D;AACGL,IAAAA,MAAM,CAACM,KADV,CADiB;;AAIf,QAJJ;;AAMA,QAAMC,KAAK,GAAGP,MAAM;AAClB,2CAAM,SAAS,EAAEI,oBAASI,YAAT,EAAjB;AACE,2CAAM,SAAS,EAAEJ,oBAASG,KAAT,CAAe,KAAKZ,KAApB,CAAjB,EAA6C,OAAO,EAAEM,OAAtD;AACE,iCAAC,oBAAD,OADF,CADF,CADkB;;;AAMhB,QANJ;;AAQA;AACE,mCAAC,cAAD,IAAQ,QAAQ,EAAC,OAAjB,EAAyB,SAAS,EAAEG,oBAASK,OAAT,EAApC;AACE,mEAAK,YAAS,iBAAd,EAAgC,SAAS,EAAEL,oBAASM,IAAT,CAAc,KAAKf,KAAnB,CAA3C,IAA0EO,IAA1E;AACE,iDAAOH,QAAP,CADF;AAEGI,MAAAA,IAFH;AAGGI,MAAAA,KAHH,CADF,CADF;;;;AASD,G,oBAvD4BI,eAAMC,S,gCAAxBlB,S,CACGmB,S,GAAY,EACxB;;0GAGAb,MAAM,EAAE,sBAAM,EACZM,KAAK,EAAEQ,kBAAOC,UADF,EAEZV,OAAO,EAAEW,gBAAKD,UAFF,EAAN,CAJgB,EAQxB;;0NAGAhB,QAAQ,EAAEe,kBAAOC,UAXO,EAYxBd,OAAO,EAAEe,eAZe,E","sourcesContent":["import React from 'react';\r\nimport { func, shape, string } from 'prop-types';\r\n\r\nimport { CrossIcon } from '../../internal/icons/CrossIcon';\r\nimport { ZIndex } from '../../internal/ZIndex';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport { jsStyles } from './ToastView.styles';\r\n\r\nexport interface ToastViewProps {\r\n  /**\r\n   * Toast content\r\n   */\r\n  children?: string;\r\n  /**\r\n   * Adds action handling and close icon for toast\r\n   */\r\n  action?: {\r\n    label: string;\r\n    handler: () => void;\r\n  } | null;\r\n  onClose?: () => void;\r\n  onMouseEnter?: () => void;\r\n  onMouseLeave?: () => void;\r\n}\r\n\r\nexport class ToastView extends React.Component<ToastViewProps> {\r\n  public static propTypes = {\r\n    /**\r\n     * Adds action handling and close icon for toast\r\n     */\r\n    action: shape({\r\n      label: string.isRequired,\r\n      handler: func.isRequired,\r\n    }),\r\n    /**\r\n     * Toast content\r\n     */\r\n    children: string.isRequired,\r\n    onClose: func,\r\n  };\r\n\r\n  private theme!: Theme;\r\n\r\n  public render() {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private renderMain() {\r\n    const { children, action, onClose, ...rest } = this.props;\r\n\r\n    const link = action ? (\r\n      <span className={jsStyles.link(this.theme)} onClick={action.handler}>\r\n        {action.label}\r\n      </span>\r\n    ) : null;\r\n\r\n    const close = action ? (\r\n      <span className={jsStyles.closeWrapper()}>\r\n        <span className={jsStyles.close(this.theme)} onClick={onClose}>\r\n          <CrossIcon />\r\n        </span>\r\n      </span>\r\n    ) : null;\r\n\r\n    return (\r\n      <ZIndex priority=\"Toast\" className={jsStyles.wrapper()}>\r\n        <div data-tid=\"ToastView__root\" className={jsStyles.root(this.theme)} {...rest}>\r\n          <span>{children}</span>\r\n          {link}\r\n          {close}\r\n        </div>\r\n      </ZIndex>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["ToastView.tsx"],"names":["ToastView","ToastLocaleHelper","rootNode","renderMain","props","action","onClose","rest","styles","emotion","link","ToastDataTids","theme","handler","label","close","closeWrapper","locale","closeButtonAriaLabel","parseInt","toastCloseSize","toastCloseColor","toastCloseHoverColor","wrapper","toastView","root","setRootNode","children","render","React","Component","propTypes","string","isRequired","func"],"mappings":"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","sourcesContent":["import React, { AriaAttributes } from 'react';\nimport { func, shape, string } from 'prop-types';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { locale } from '../../lib/locale/decorators';\nimport { Nullable } from '../../typings/utility-types';\nimport { CrossIcon } from '../../internal/icons/CrossIcon';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { CloseButtonIcon } from '../../internal/CloseButtonIcon/CloseButtonIcon';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\n\nimport { getStyles } 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 emotion!: Emotion;\n  private setRootNode!: TSetRootNode;\n  private readonly locale!: ToastLocale;\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = theme;\n                return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  private renderMain = (props: CommonWrapperRestProps<ToastViewProps>) => {\n    const { action, onClose, ...rest } = props;\n    const styles = getStyles(this.emotion);\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    let close = action ? (\n      <span className={styles.closeWrapper(this.theme)}>\n        <span\n          aria-label={this.locale.closeButtonAriaLabel}\n          data-tid={ToastDataTids.close}\n          className={styles.close(this.theme)}\n          onClick={onClose}\n        >\n          <CrossIcon />\n        </span>\n      </span>\n    ) : null;\n\n    if (isTheme2022(this.theme) && close) {\n      close = (\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      );\n    }\n\n    return (\n      <ZIndex priority=\"Toast\" className={styles.wrapper(this.theme)}>\n        <div data-tid={ToastDataTids.toastView} {...rest} className={styles.root(this.theme)} ref={this.setRootNode}>\n          <span>{this.props.children}</span>\n          {link}\n          {close}\n        </div>\n      </ZIndex>\n    );\n  };\n}\n"]}

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

@@ -1,7 +1,9 @@
-export declare const jsStyles: {
-    root(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    wrapper(): string;
-    closeWrapper(): string;
-    link(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    close(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+import type { Emotion } from '@emotion/css/create-instance';
+import { Theme } from '../../lib/theming/Theme';
+export declare const getStyles: (emotion: Emotion) => {
+    root(t: Theme): string;
+    wrapper(t: Theme): string;
+    closeWrapper(t: Theme): string;
+    link(t: Theme): string;
+    close(t: Theme): string;
 };

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

@@ -1,74 +1,98 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");function _templateObject5() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      cursor: pointer;\n      display: inline-block;\n      height: 8px;\n      line-height: 0;\n      margin: -12px -8px;\n      padding: 12px 8px;\n      text-align: center;\n      width: 8px;\n\n      &:hover {\n        color: ", ";\n      }\n    "]);_templateObject5 = function _templateObject5() {return data;};return data;}function _templateObject4() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      cursor: pointer;\n      display: inline-block;\n      font-weight: 600;\n      margin: -10px 24px -11px 4px;\n      padding: 10px 10px 11px;\n\n      &:hover {\n        text-decoration: underline;\n      }\n    "]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      line-height: 40px;\n    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 0;\n      text-align: center;\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      border-radius: 2px;\n      color: ", ";\n      display: inline-block;\n      font-size: 14px;\n      opacity: 1;\n      padding: 10px 20px 11px;\n      position: relative;\n      top: 20px;\n    "]);_templateObject = function _templateObject() {return data;};return data;}
+"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 styles = {
-  root: function root(t) {
-    return (0, _Emotion.css)(_templateObject(),
-    t.toastBg,
+var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
-    t.toastColor);
+var getVerticalPaddingsWithCompensation = function getVerticalPaddingsWithCompensation(theme) {
+  var toastPaddingY = theme.toastPaddingY,fontFamilyCompensationBaseline = theme.fontFamilyCompensationBaseline;
+  var paddingY = parseInt(toastPaddingY);
+  var compensation = parseInt(fontFamilyCompensationBaseline);
+  return [paddingY - compensation + "px", paddingY + compensation + "px"];
+};
 
+var getStyles = function getStyles(emotion) {return (
+    (0, _Emotion.memoizeStyle)({
+      root: function root(t) {
+        var _getVerticalPaddingsW = getVerticalPaddingsWithCompensation(t),paddingTop = _getVerticalPaddingsW[0],paddingBottom = _getVerticalPaddingsW[1];
+        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", ";\n        border-radius: ", ";\n        border: ", ";\n        color: ", ";\n        display: inline-flex;\n        font-size: ", ";\n        line-height: ", ";\n        opacity: 1;\n        padding: ", " ", " ", ";\n        position: relative;\n        top: ", ";\n      "])),
+        t.toastBg,
+        t.toastBorderRadius,
+        t.toastBorder,
+        t.toastColor,
 
+        t.toastFontSize,
+        t.toastLineHeight,
 
+        paddingTop, t.toastPaddingX, paddingBottom,
 
+        t.toastTop);
 
+      },
 
+      wrapper: function wrapper(t) {
+        return emotion.css(_templateObject2 || (_templateObject2 = (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() {
-    return (0, _Emotion.css)(_templateObject2());
 
 
 
 
+        t.toastBorderRadius);
 
+      },
 
+      closeWrapper: function closeWrapper(t) {
+        var _getVerticalPaddingsW2 = getVerticalPaddingsWithCompensation(t),paddingTop = _getVerticalPaddingsW2[0],paddingBottom = _getVerticalPaddingsW2[1];
+        return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: flex;\n        margin: -", " -", " -", " -", ";\n      "])),
 
-  },
+        paddingTop, t.toastPaddingX, paddingBottom, t.toastClosePadding);
 
-  closeWrapper: function closeWrapper() {
-    return (0, _Emotion.css)(_templateObject3());
+      },
 
+      link: function link(t) {
+        var _getVerticalPaddingsW3 = getVerticalPaddingsWithCompensation(t),paddingTop = _getVerticalPaddingsW3[0],paddingBottom = _getVerticalPaddingsW3[1];
+        var marginRight = Math.round(parseInt(t.toastPaddingX) * 1.5) + "px";
+        var padding = (0, _ThemeHelpers.isTheme2022)(t) ? paddingTop + " " + paddingBottom : paddingTop + " 0 " + paddingBottom;
 
+        return 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      "])),
 
 
+        t.toastLinkColor,
 
 
-  },
 
-  link: function link(t) {
-    return (0, _Emotion.css)(_templateObject4(),
-    t.toastLinkColor);
 
 
+        paddingTop, marginRight, paddingBottom, t.toastPaddingX,
 
+        padding,
+        t.transitionDuration, t.transitionTimingFunction,
 
+        t.toastLinkBgHover,
+        t.toastLinkTextDecorationHover,
 
 
 
+        t.toastLinkBgActive);
 
 
+      },
 
-  },
+      close: function close(t) {
+        return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n        box-sizing: content-box !important; // fix \"reset.css\" problem\n        color: ", ";\n        cursor: pointer;\n        display: inline-block;\n        height: ", ";\n        line-height: 0;\n        padding: ", ";\n        text-align: center;\n        width: ", ";\n\n        &:hover {\n          color: ", ";\n        }\n      "])),
 
-  close: function close(t) {
-    return (0, _Emotion.css)(_templateObject5(),
-    t.toastCloseColor,
+        t.toastCloseColor,
 
 
+        t.toastCloseSize,
 
+        t.toastClosePadding,
 
+        t.toastCloseSize,
 
 
+        t.toastCloseHoverColor);
 
 
-
-
-    t.toastCloseHoverColor);
-
-
-  } };
-
-
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;
+      } }));};exports.getStyles = getStyles;

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

@@ -1 +1 @@
-{"version":3,"sources":["ToastView.styles.ts"],"names":["styles","root","t","css","toastBg","toastColor","wrapper","closeWrapper","link","toastLinkColor","close","toastCloseColor","toastCloseHoverColor","jsStyles"],"mappings":"8QAAA,oD;;;AAGA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACE,OADlB;;AAGWF,IAAAA,CAAC,CAACG,UAHb;;;;;;;;AAWD,GAbY;;AAebC,EAAAA,OAfa,qBAeH;AACR,eAAOH,YAAP;;;;;;;;AAQD,GAxBY;;AA0BbI,EAAAA,YA1Ba,0BA0BE;AACb,eAAOJ,YAAP;;;;;;;AAOD,GAlCY;;AAoCbK,EAAAA,IApCa,gBAoCRN,CApCQ,EAoCE;AACb,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACO,cADb;;;;;;;;;;;AAYD,GAjDY;;AAmDbC,EAAAA,KAnDa,iBAmDPR,CAnDO,EAmDG;AACd,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACS,eADb;;;;;;;;;;;AAYaT,IAAAA,CAAC,CAACU,oBAZf;;;AAeD,GAnEY,EAAf;;;AAsEO,IAAMC,QAAQ,GAAG,2BAAab,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n  root(t: Theme) {\r\n    return css`\r\n      background: ${t.toastBg};\r\n      border-radius: 2px;\r\n      color: ${t.toastColor};\r\n      display: inline-block;\r\n      font-size: 14px;\r\n      opacity: 1;\r\n      padding: 10px 20px 11px;\r\n      position: relative;\r\n      top: 20px;\r\n    `;\r\n  },\r\n\r\n  wrapper() {\r\n    return css`\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      height: 0;\r\n      text-align: center;\r\n    `;\r\n  },\r\n\r\n  closeWrapper() {\r\n    return css`\r\n      display: inline-block;\r\n      position: absolute;\r\n      top: 0;\r\n      bottom: 0;\r\n      line-height: 40px;\r\n    `;\r\n  },\r\n\r\n  link(t: Theme) {\r\n    return css`\r\n      color: ${t.toastLinkColor};\r\n      cursor: pointer;\r\n      display: inline-block;\r\n      font-weight: 600;\r\n      margin: -10px 24px -11px 4px;\r\n      padding: 10px 10px 11px;\r\n\r\n      &:hover {\r\n        text-decoration: underline;\r\n      }\r\n    `;\r\n  },\r\n\r\n  close(t: Theme) {\r\n    return css`\r\n      color: ${t.toastCloseColor};\r\n      cursor: pointer;\r\n      display: inline-block;\r\n      height: 8px;\r\n      line-height: 0;\r\n      margin: -12px -8px;\r\n      padding: 12px 8px;\r\n      text-align: center;\r\n      width: 8px;\r\n\r\n      &:hover {\r\n        color: ${t.toastCloseHoverColor};\r\n      }\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["ToastView.styles.ts"],"names":["getVerticalPaddingsWithCompensation","theme","toastPaddingY","fontFamilyCompensationBaseline","paddingY","parseInt","compensation","getStyles","emotion","root","t","paddingTop","paddingBottom","css","toastBg","toastBorderRadius","toastBorder","toastColor","toastFontSize","toastLineHeight","toastPaddingX","toastTop","wrapper","closeWrapper","toastClosePadding","link","marginRight","Math","round","padding","toastLinkColor","transitionDuration","transitionTimingFunction","toastLinkBgHover","toastLinkTextDecorationHover","toastLinkBgActive","close","toastCloseColor","toastCloseSize","toastCloseHoverColor"],"mappings":";;AAEA;;AAEA,8D;;AAEA,IAAMA,mCAAmC,GAAG,SAAtCA,mCAAsC,CAACC,KAAD,EAAkB;AAC5D,MAAQC,aAAR,GAA0DD,KAA1D,CAAQC,aAAR,CAAuBC,8BAAvB,GAA0DF,KAA1D,CAAuBE,8BAAvB;AACA,MAAMC,QAAQ,GAAGC,QAAQ,CAACH,aAAD,CAAzB;AACA,MAAMI,YAAY,GAAGD,QAAQ,CAACF,8BAAD,CAA7B;AACA,SAAO,CAAIC,QAAQ,GAAGE,YAAf,SAAoCF,QAAQ,GAAGE,YAA/C,QAAP;AACD,CALD;;AAOO,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD;AACvB,+BAAa;AACXC,MAAAA,IADW,gBACNC,CADM,EACI;AACb,oCAAoCV,mCAAmC,CAACU,CAAD,CAAvE,CAAOC,UAAP,4BAAmBC,aAAnB;AACA,eAAOJ,OAAO,CAACK,GAAf;AACgBH,QAAAA,CAAC,CAACI,OADlB;AAEmBJ,QAAAA,CAAC,CAACK,iBAFrB;AAGYL,QAAAA,CAAC,CAACM,WAHd;AAIWN,QAAAA,CAAC,CAACO,UAJb;;AAMeP,QAAAA,CAAC,CAACQ,aANjB;AAOiBR,QAAAA,CAAC,CAACS,eAPnB;;AASaR,QAAAA,UATb,EAS2BD,CAAC,CAACU,aAT7B,EAS8CR,aAT9C;;AAWSF,QAAAA,CAAC,CAACW,QAXX;;AAaD,OAhBU;;AAkBXC,MAAAA,OAlBW,mBAkBHZ,CAlBG,EAkBO;AAChB,eAAOF,OAAO,CAACK,GAAf;;;;;;;AAOmBH,QAAAA,CAAC,CAACK,iBAPrB;;AASD,OA5BU;;AA8BXQ,MAAAA,YA9BW,wBA8BEb,CA9BF,EA8BY;AACrB,qCAAoCV,mCAAmC,CAACU,CAAD,CAAvE,CAAOC,UAAP,6BAAmBC,aAAnB;AACA,eAAOJ,OAAO,CAACK,GAAf;;AAEaF,QAAAA,UAFb,EAE4BD,CAAC,CAACU,aAF9B,EAEgDR,aAFhD,EAEkEF,CAAC,CAACc,iBAFpE;;AAID,OApCU;;AAsCXC,MAAAA,IAtCW,gBAsCNf,CAtCM,EAsCI;AACb,qCAAoCV,mCAAmC,CAACU,CAAD,CAAvE,CAAOC,UAAP,6BAAmBC,aAAnB;AACA,YAAMc,WAAW,GAAMC,IAAI,CAACC,KAAL,CAAWvB,QAAQ,CAACK,CAAC,CAACU,aAAH,CAAR,GAA4B,GAAvC,CAAN,OAAjB;AACA,YAAMS,OAAO,GAAG,+BAAYnB,CAAZ,IAAoBC,UAApB,SAAkCC,aAAlC,GAAuDD,UAAvD,WAAuEC,aAAvF;;AAEA,eAAOJ,OAAO,CAACK,GAAf;;;AAGWH,QAAAA,CAAC,CAACoB,cAHb;;;;;;AASanB,QAAAA,UATb,EAS2Be,WAT3B,EAS2Cd,aAT3C,EAS4DF,CAAC,CAACU,aAT9D;;AAWaS,QAAAA,OAXb;AAY2BnB,QAAAA,CAAC,CAACqB,kBAZ7B,EAYmDrB,CAAC,CAACsB,wBAZrD;;AAckBtB,QAAAA,CAAC,CAACuB,gBAdpB;AAeuBvB,QAAAA,CAAC,CAACwB,4BAfzB;;;;AAmBkBxB,QAAAA,CAAC,CAACyB,iBAnBpB;;;AAsBD,OAjEU;;AAmEXC,MAAAA,KAnEW,iBAmEL1B,CAnEK,EAmEK;AACd,eAAOF,OAAO,CAACK,GAAf;;AAEWH,QAAAA,CAAC,CAAC2B,eAFb;;;AAKY3B,QAAAA,CAAC,CAAC4B,cALd;;AAOa5B,QAAAA,CAAC,CAACc,iBAPf;;AASWd,QAAAA,CAAC,CAAC4B,cATb;;;AAYa5B,QAAAA,CAAC,CAAC6B,oBAZf;;;AAeD,OAnFU,EAAb,CADuB,GAAlB,C","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\n\nconst getVerticalPaddingsWithCompensation = (theme: Theme) => {\n  const { toastPaddingY, fontFamilyCompensationBaseline } = theme;\n  const paddingY = parseInt(toastPaddingY);\n  const compensation = parseInt(fontFamilyCompensationBaseline);\n  return [`${paddingY - compensation}px`, `${paddingY + compensation}px`];\n};\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root(t: Theme) {\n      const [paddingTop, paddingBottom] = getVerticalPaddingsWithCompensation(t);\n      return emotion.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 emotion.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] = getVerticalPaddingsWithCompensation(t);\n      return emotion.css`\n        display: flex;\n        margin: -${paddingTop} -${t.toastPaddingX} -${paddingBottom} -${t.toastClosePadding};\n      `;\n    },\n\n    link(t: Theme) {\n      const [paddingTop, paddingBottom] = getVerticalPaddingsWithCompensation(t);\n      const marginRight = `${Math.round(parseInt(t.toastPaddingX) * 1.5)}px`;\n      const padding = isTheme2022(t) ? `${paddingTop} ${paddingBottom}` : `${paddingTop} 0 ${paddingBottom}`;\n\n      return emotion.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} ${marginRight} -${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    close(t: Theme) {\n      return emotion.css`\n        box-sizing: content-box !important; // fix \"reset.css\" problem\n        color: ${t.toastCloseColor};\n        cursor: pointer;\n        display: inline-block;\n        height: ${t.toastCloseSize};\n        line-height: 0;\n        padding: ${t.toastClosePadding};\n        text-align: center;\n        width: ${t.toastCloseSize};\n\n        &:hover {\n          color: ${t.toastCloseHoverColor};\n        }\n      `;\n    },\n  });\n"]}

package/cjs/components/Toast/index.js

@@ -1 +1 @@
-"use strict";exports.__esModule = true;var _Toast = require("./Toast");Object.keys(_Toast).forEach(function (key) {if (key === "default" || key === "__esModule") return;exports[key] = _Toast[key];});
+"use strict";exports.__esModule = true;var _Toast = require("./Toast");Object.keys(_Toast).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _Toast[key]) return;exports[key] = _Toast[key];});

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './Toast';\r\n"]}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './Toast';\n"]}

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

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

package/cjs/components/Toast/locale/index.js

@@ -0,0 +1,11 @@
+"use strict";exports.__esModule = true;var _exportNames = { ToastLocaleHelper: true };exports.ToastLocaleHelper = void 0;var _LocaleHelper = require("../../../lib/locale/LocaleHelper");
+
+var _en = require("./locales/en");
+var _ru = require("./locales/ru");
+
+
+var _types = require("./types");Object.keys(_types).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;if (key in exports && exports[key] === _types[key]) return;exports[key] = _types[key];});
+
+var ToastLocaleHelper = new _LocaleHelper.LocaleHelper({
+  ru_RU: _ru.componentsLocales,
+  en_GB: _en.componentsLocales });exports.ToastLocaleHelper = ToastLocaleHelper;

package/cjs/components/Toast/locale/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["ToastLocaleHelper","LocaleHelper","ru_RU","en_GB"],"mappings":"yHAAA;;AAEA;AACA;;;AAGA;;AAEO,IAAMA,iBAAiB,GAAG,IAAIC,0BAAJ,CAA8B;AAC7DC,EAAAA,KAAK,EAALA,qBAD6D;AAE7DC,EAAAA,KAAK,EAALA,qBAF6D,EAA9B,CAA1B,C","sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\n\nimport { componentsLocales as en_GB } from './locales/en';\nimport { componentsLocales as ru_RU } from './locales/ru';\nimport { ToastLocale } from './types';\n\nexport * from './types';\n\nexport const ToastLocaleHelper = new LocaleHelper<ToastLocale>({\n  ru_RU,\n  en_GB,\n});\n"]}

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

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

package/cjs/components/Toast/locale/locales/en.js

@@ -0,0 +1,4 @@
+"use strict";exports.__esModule = true;exports.componentsLocales = void 0;
+
+var componentsLocales = {
+  closeButtonAriaLabel: 'Close notification' };exports.componentsLocales = componentsLocales;

package/cjs/components/Toast/locale/locales/en.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["en.ts"],"names":["componentsLocales","closeButtonAriaLabel"],"mappings":";;AAEO,IAAMA,iBAA8B,GAAG;AAC5CC,EAAAA,oBAAoB,EAAE,oBADsB,EAAvC,C","sourcesContent":["import { ToastLocale } from '../types';\n\nexport const componentsLocales: ToastLocale = {\n  closeButtonAriaLabel: 'Close notification',\n};\n"]}

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

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

package/cjs/components/Toast/locale/locales/ru.js

@@ -0,0 +1,4 @@
+"use strict";exports.__esModule = true;exports.componentsLocales = void 0;
+
+var componentsLocales = {
+  closeButtonAriaLabel: 'Закрыть уведомление' };exports.componentsLocales = componentsLocales;

package/cjs/components/Toast/locale/locales/ru.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ru.ts"],"names":["componentsLocales","closeButtonAriaLabel"],"mappings":";;AAEO,IAAMA,iBAA8B,GAAG;AAC5CC,EAAAA,oBAAoB,EAAE,qBADsB,EAAvC,C","sourcesContent":["import { ToastLocale } from '../types';\n\nexport const componentsLocales: ToastLocale = {\n  closeButtonAriaLabel: 'Закрыть уведомление',\n};\n"]}

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

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

package/cjs/components/Toast/locale/types.js

@@ -0,0 +1 @@
+"use strict";exports.__esModule = true;

package/cjs/components/Toast/locale/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}