@skbkontur/react-ui 0.0.0-68e286f9fe → 0.0.0-6911f001e4

package/cjs/components/Toast/Toast.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ToastDataTids = exports.Toast = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ToastDataTids = exports.Toast = void 0;exports.isEmptySecondArg = isEmptySecondArg;exports.isNewToastPushApi = isNewToastPushApi;exports.isOldToastPushApi = isOldToastPushApi;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
 var _react = _interopRequireDefault(require("react"));
 var _reactTransitionGroup = require("react-transition-group");
 
@@ -26,11 +26,35 @@ var _ToastStatic = require("./ToastStatic");var _class, _Toast;
 
 
 
+/**
+ * Состояния тоста:
+ *
+ * - default стиль для отображения по-умолчанию
+ * - error стиль для отображения ошибок
+ **/
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 
 
 
+/** @deprecated выпилить старый подход к api push Toast-а в react-ui 6.0 */
 
 
 
@@ -38,6 +62,7 @@ var _ToastStatic = require("./ToastStatic");var _class, _Toast;
 
 
 
+/** Объект с конфигурацией отображения Toast-а */
 
 
 
@@ -53,6 +78,10 @@ var _ToastStatic = require("./ToastStatic");var _class, _Toast;
 
 
 
+/** TODO: Новый Api для метода push в Toast. Станет api по-умолчанию с версии 6.0. В мажоре нужно будет убрать New из названия */
+
+
+
 
 var ToastDataTids = exports.ToastDataTids = {
   toastStatic: 'StaticToast',
@@ -66,9 +95,18 @@ var ToastDataTids = exports.ToastDataTids = {
  * Результат может быть положительным, отрицательным или нейтральным.
  *
  * Доступен статический метод: `Toast.push(notification, action?, showTime?)`.
- * Однако, при его использовании не работает кастомизация, они не поддерживаются в `React@18`, а также могут быть проблемы с перекрытием уведомления другими элементами страницы.
+ * Однако, при его использовании не работает кастомизация и могут быть проблемы с перекрытием уведомления другими элементами страницы.
+ *
+ * В обозримом будущем планируем **полностью избавиться** от статического метода в компоненте `Toast`.
+ *
+ * В качестве альтернативы для `Toast.push` мы рекомендуем использовать компонент `SingleToast` или вызов метода push через `ref`.
  *
- * Для статических тостов рекомендуется использовать компонент SingleToast - в нём исправлены эти проблемы.
+ * Метод `push` через ref поддерживает два api.
+ *
+ * 1. Устаревший с последовательной передачей аргументов: `toastRef.current.push('Hi', { label: 'Cancel', handler: () => {} }, 15000)`
+ * 2. Новый с передачей объекта конфигурации: `toastRef.current.push('Hi', { action: { label: 'Cancel', handler: () => {} }, showTime: 15000 })`
+ *
+ * Устаревший подход с передачей аргументов последовательным образом **будет удалён** в следующей мажорной версии.
  */var
 
 Toast = exports.Toast = (0, _rootNode.rootNode)(_class = (_Toast = /*#__PURE__*/function (_React$Component) {
@@ -95,6 +133,7 @@ Toast = exports.Toast = (0, _rootNode.rootNode)(_class = (_Toast = /*#__PURE__*/
 
 
 
+
 
 
   function Toast(props) {var _this;
@@ -131,6 +170,51 @@ Toast = exports.Toast = (0, _rootNode.rootNode)(_class = (_Toast = /*#__PURE__*/
 
 
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -199,6 +283,7 @@ Toast = exports.Toast = (0, _rootNode.rootNode)(_class = (_Toast = /*#__PURE__*/
 
 
 
+
 
 
     setRootRef = function (element) {
@@ -224,16 +309,24 @@ Toast = exports.Toast = (0, _rootNode.rootNode)(_class = (_Toast = /*#__PURE__*/
 
     _refToast = function (element) {
       _this._toast = element;
-    };_this.state = { notification: null, action: null, id: 0, showTime: null, showCloseIcon: false };return _this;}(0, _inheritsLoose2.default)(Toast, _React$Component);var _proto = Toast.prototype;_proto.componentWillUnmount = function componentWillUnmount() {this._clearTimer();};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = _this2.props.theme ? _ThemeFactory.ThemeFactory.create(_this2.props.theme, theme) : theme;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _this2.theme }, /*#__PURE__*/_react.default.createElement(_RenderContainer.RenderContainer, null, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.TransitionGroup, null, _this2._renderToast())));});} /**
+    };_this.state = { notification: null, action: null, id: 0, showTime: null, showCloseIcon: false, currentUse: 'default' };return _this;}(0, _inheritsLoose2.default)(Toast, _React$Component);var _proto = Toast.prototype;_proto.componentWillUnmount = function componentWillUnmount() {this._clearTimer();};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = _this2.props.theme ? _ThemeFactory.ThemeFactory.create(_this2.props.theme, theme) : theme;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _this2.theme }, /*#__PURE__*/_react.default.createElement(_RenderContainer.RenderContainer, null, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.TransitionGroup, null, _this2._renderToast())));});} /**
    * Показывает тост с `notification` в качестве сообщения.
    * Тост автоматически скрывается через 3 или 7 секунд,
-   * в зависимости от наличия у него кнопки `action`.
-   * Время показа можно задать вручную, передав `showTime`.
+   * в зависимости от наличия у него кнопки `action` внутри config-а.
+   * Время показа можно задать вручную, передав `showTime` внутри config-а.
    *
    * @public
    * @param {React.ReactNode} notification
-   * @param {Action} action `action` опциональный параметр формата `{ label: React.ReactNode, handler: function }`
-   * добавляет кнопку в виде ссылки при клике на которую вызывается переданный handler
-   * @param {number} showTime Время существования Toast в миллисекундах
-   * @param {boolean} showCloseIcon Добавляет крестик для закрытия тоста. При указывании action в onPush крестик отображается всегда.
-   */;_proto.push = function push(notification, action, showTime, showCloseIcon) {if (this.state.notification) {this.close();}safelyCall(this.props.onPush, notification, action);this.setState(function (_ref) {var id = _ref.id;return { notification: notification, action: action, id: id + 1, showTime: showTime, showCloseIcon: showCloseIcon };}, this._setTimer);};_proto._renderToast = function _renderToast() {var _this$state = this.state,notification = _this$state.notification,action = _this$state.action,id = _this$state.id,showCloseIcon = _this$state.showCloseIcon;if (!notification) {return null;}var toastProps = { onMouseEnter: this._clearTimer, onMouseLeave: this._setTimer, onClose: this.close, children: notification, 'aria-label': this.props['aria-label'], action: action, showCloseIcon: showCloseIcon };return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, { key: id, classNames: { enter: _Toast2.styles.enter(), enterActive: _Toast2.styles.enterActive(), exit: _Toast2.styles.exit(), exitActive: _Toast2.styles.exitActive() }, timeout: { enter: 200, exit: 150 }, enter: !_currentEnvironment.isTestEnv, exit: !_currentEnvironment.isTestEnv, nodeRef: this.rootRef }, /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootRef }, this.props), /*#__PURE__*/_react.default.createElement(_ToastView.ToastView, (0, _extends2.default)({ ref: this._refToast }, toastProps))));};return Toast;}(_react.default.Component), _Toast.__KONTUR_REACT_UI__ = 'Toast', _Toast.displayName = 'Toast', _Toast.push = function (notification, action, showTime, showCloseIcon) {_ToastStatic.ToastStatic.push(notification, action, showTime, showCloseIcon);}, _Toast.close = function () {_ToastStatic.ToastStatic.close();}, _Toast)) || _class;function safelyCall(fn) {if (fn) {for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {args[_key - 1] = arguments[_key];}fn.apply(void 0, args);}}
+   * @param {ToastPushConfig} config объект с конфигурацией отображения компонента Toast
+   *
+   * @description Сейчас есть поддержка старого api метода push с передачей аргументов последовательно, но с версии 6.0 этот функционал будет удалён.
+   * @example
+   * // Будет удален в 6.0
+   * push('notification', { label: "cat meow", handler: () => {} }, 15_000, false, "error")
+   *
+   * @example
+   * // Останется в > 6.0
+   * push('notification', { action: { label: "cat meow", handler: () => {} }, showTime: 15_000, showCloseIcon: false, use: "error" })
+   */;_proto.push = function push(notification, configOrAction, showTime, showCloseIcon, use) {if (this.state.notification) {this.close();}if (isNewToastPushApi(configOrAction)) {var _action = configOrAction.action,_showTime = configOrAction.showTime,_showCloseIcon = configOrAction.showCloseIcon,_use = configOrAction.use;safelyCall(this.props.onPush, notification, _action);this.setState(function (_ref) {var id = _ref.id;return { notification: notification, action: _action, id: id + 1, showTime: _showTime, showCloseIcon: _showCloseIcon, currentUse: _use != null ? _use : 'default' };}, this._setTimer);} /** @deprecated выпилить старый подход к api push Toast-а в react-ui 6.0 */if (isOldToastPushApi(configOrAction) || isEmptySecondArg(configOrAction)) {var _action2 = configOrAction;safelyCall(this.props.onPush, notification, _action2);this.setState(function (_ref2) {var id = _ref2.id;return { notification: notification, action: _action2, id: id + 1, showTime: showTime, showCloseIcon: showCloseIcon, currentUse: use != null ? use : 'default' };}, this._setTimer);}};_proto._renderToast = function _renderToast() {var _this$state = this.state,notification = _this$state.notification,action = _this$state.action,id = _this$state.id,showCloseIcon = _this$state.showCloseIcon,currentUse = _this$state.currentUse;if (!notification) {return null;}var toastProps = { onMouseEnter: this._clearTimer, onMouseLeave: this._setTimer, onClose: this.close, children: notification, 'aria-label': this.props['aria-label'], action: action, showCloseIcon: showCloseIcon, use: currentUse };return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, { key: id, classNames: { enter: _Toast2.styles.enter(), enterActive: _Toast2.styles.enterActive(), exit: _Toast2.styles.exit(), exitActive: _Toast2.styles.exitActive() }, timeout: { enter: 200, exit: 150 }, enter: !_currentEnvironment.isTestEnv, exit: !_currentEnvironment.isTestEnv, nodeRef: this.rootRef }, /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootRef }, this.props), /*#__PURE__*/_react.default.createElement(_ToastView.ToastView, (0, _extends2.default)({ ref: this._refToast }, toastProps))));};return Toast;}(_react.default.Component), _Toast.__KONTUR_REACT_UI__ = 'Toast', _Toast.displayName = 'Toast', _Toast.push = function (notification, action, showTime, showCloseIcon) {_ToastStatic.ToastStatic.push(notification, action, showTime, showCloseIcon);}, _Toast.close = function () {_ToastStatic.ToastStatic.close();}, _Toast)) || _class;function safelyCall(fn) {if (fn) {for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {args[_key - 1] = arguments[_key];}fn.apply(void 0, args);}}function isNewToastPushApi(value) {return Boolean(value && typeof value === 'object' && !('label' in value));}function isOldToastPushApi(value) {return Boolean(value && typeof value === 'object' && 'label' in value);} /** Хелпер для случая, когда передаём только текст */function isEmptySecondArg(value) {
+  return !value;
+}

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactTransitionGroup","_globalObject","_ThemeFactory","_ThemeContext","_RenderContainer","_CommonWrapper","_currentEnvironment","_rootNode","_Toast2","_ToastView","_ToastStatic","_class","_Toast","ToastDataTids","exports","toastStatic","toastView","action","close","Toast","rootNode","_React$Component","props","_this","call","rootRef","React","createRef","safelyCall","onClose","state","notification","setState","setRootRef","element","setRootNode","current","_clearTimer","_timeout","globalObject","clearTimeout","_setTimer","_this$state$showTime","showTime","setTimeout","_refToast","_toast","id","showCloseIcon","_inheritsLoose2","default","_proto","prototype","componentWillUnmount","render","_this2","createElement","ThemeContext","Consumer","theme","ThemeFactory","create","Provider","value","RenderContainer","TransitionGroup","_renderToast","push","onPush","_ref","_this$state","toastProps","onMouseEnter","onMouseLeave","children","CSSTransition","key","classNames","enter","styles","enterActive","exit","exitActive","timeout","isTestEnv","nodeRef","CommonWrapper","_extends2","rootNodeRef","ToastView","ref","Component","__KONTUR_REACT_UI__","displayName","ToastStatic","fn","_len","arguments","length","args","Array","_key","apply"],"sources":["Toast.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport { CSSTransition, TransitionGroup } from 'react-transition-group';\nimport type { SafeTimer } from '@skbkontur/global-object';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { RenderContainer } from '../../internal/RenderContainer';\nimport type { Nullable } from '../../typings/utility-types';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport type { TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\n\nimport { styles } from './Toast.styles';\nimport type { ToastViewProps } from './ToastView';\nimport { ToastView } from './ToastView';\nimport { ToastStatic } from './ToastStatic';\n\nexport interface Action {\n  label: string;\n  handler: () => void;\n  'aria-label'?: string;\n}\n\nexport interface ToastState {\n  notification: Nullable<React.ReactNode>;\n  action: Nullable<Action>;\n  id: number;\n  showTime: Nullable<number>;\n  showCloseIcon?: boolean;\n}\n\nexport interface ToastProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps {\n  /** Задает функцию, которая вызывается при возникновении тоста. */\n  onPush?: (notification: string, action?: Action) => void;\n\n  /** Задает функцию, которая вызывается при закрытии тоста. */\n  onClose?: (notification: string, action?: Action) => void;\n\n  /** Задает объект с переменными темы. Он будет объединён с темой из контекста. */\n  theme?: ThemeIn;\n}\n\nexport type ToastPush = (\n  notification: React.ReactNode,\n  action?: Nullable<Action>,\n  showTime?: number,\n  showCloseIcon?: boolean,\n) => void;\n\nexport type ToastClose = () => void;\n\nexport const ToastDataTids = {\n  toastStatic: 'StaticToast',\n  toastView: 'ToastView__root',\n  action: 'ToastView__action',\n  close: 'ToastView__close',\n} as const;\n\n/**\n * `Toast` — это короткое немодальное уведомление, которое сообщает пользователю о результате выполнения его команды.\n * Результат может быть положительным, отрицательным или нейтральным.\n *\n * Доступен статический метод: `Toast.push(notification, action?, showTime?)`.\n * Однако, при его использовании не работает кастомизация, они не поддерживаются в `React@18`, а также могут быть проблемы с перекрытием уведомления другими элементами страницы.\n *\n * Для статических тостов рекомендуется использовать компонент SingleToast - в нём исправлены эти проблемы.\n */\n@rootNode\nexport class Toast extends React.Component<ToastProps, ToastState> {\n  public static __KONTUR_REACT_UI__ = 'Toast';\n  public static displayName = 'Toast';\n\n  private setRootNode!: TSetRootNode;\n  private theme!: Theme;\n\n  /** @deprecated use `push` method in ref or `SingleToast.push` */\n  public static push: ToastPush = (\n    notification: React.ReactNode,\n    action?: Nullable<Action>,\n    showTime?: number,\n    showCloseIcon?: boolean,\n  ) => {\n    ToastStatic.push(notification, action, showTime, showCloseIcon);\n  };\n\n  /** @deprecated use `close` method in ref or `SingleToast.close` */\n  public static close: ToastClose = () => {\n    ToastStatic.close();\n  };\n\n  public _toast: Nullable<ToastView>;\n  private _timeout: SafeTimer;\n  private rootRef = React.createRef<HTMLElement>();\n\n  constructor(props: ToastProps) {\n    super(props);\n    this.state = {\n      notification: null,\n      action: null,\n      id: 0,\n      showTime: null,\n      showCloseIcon: false,\n    };\n  }\n\n  public componentWillUnmount() {\n    this._clearTimer();\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = this.props.theme ? ThemeFactory.create(this.props.theme as Theme, theme) : theme;\n          return (\n            <ThemeContext.Provider value={this.theme}>\n              <RenderContainer>\n                <TransitionGroup>{this._renderToast()}</TransitionGroup>\n              </RenderContainer>\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  /**\n   * Показывает тост с `notification` в качестве сообщения.\n   * Тост автоматически скрывается через 3 или 7 секунд,\n   * в зависимости от наличия у него кнопки `action`.\n   * Время показа можно задать вручную, передав `showTime`.\n   *\n   * @public\n   * @param {React.ReactNode} notification\n   * @param {Action} action `action` опциональный параметр формата `{ label: React.ReactNode, handler: function }`\n   * добавляет кнопку в виде ссылки при клике на которую вызывается переданный handler\n   * @param {number} showTime Время существования Toast в миллисекундах\n   * @param {boolean} showCloseIcon Добавляет крестик для закрытия тоста. При указывании action в onPush крестик отображается всегда.\n   */\n  public push(notification: React.ReactNode, action?: Nullable<Action>, showTime?: number, showCloseIcon?: boolean) {\n    if (this.state.notification) {\n      this.close();\n    }\n\n    safelyCall(this.props.onPush, notification, action);\n\n    this.setState(({ id }) => ({ notification, action, id: id + 1, showTime, showCloseIcon }), this._setTimer);\n  }\n\n  /**\n   * @public\n   */\n  public close = () => {\n    safelyCall(this.props.onClose, this.state.notification, this.state.action);\n    this.setState({ notification: null, action: null });\n  };\n\n  private _renderToast() {\n    const { notification, action, id, showCloseIcon } = this.state;\n\n    if (!notification) {\n      return null;\n    }\n\n    const toastProps: ToastViewProps = {\n      onMouseEnter: this._clearTimer,\n      onMouseLeave: this._setTimer,\n      onClose: this.close,\n      children: notification,\n      'aria-label': this.props['aria-label'],\n      action,\n      showCloseIcon,\n    };\n\n    return (\n      <CSSTransition\n        key={id}\n        classNames={{\n          enter: styles.enter(),\n          enterActive: styles.enterActive(),\n          exit: styles.exit(),\n          exitActive: styles.exitActive(),\n        }}\n        timeout={{\n          enter: 200,\n          exit: 150,\n        }}\n        enter={!isTestEnv}\n        exit={!isTestEnv}\n        nodeRef={this.rootRef}\n      >\n        <CommonWrapper rootNodeRef={this.setRootRef} {...this.props}>\n          <ToastView ref={this._refToast} {...toastProps} />\n        </CommonWrapper>\n      </CSSTransition>\n    );\n  }\n\n  private setRootRef = (element: Nullable<Element>) => {\n    this.setRootNode(element);\n    // @ts-expect-error: See: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/31065.\n    this.rootRef.current = element;\n  };\n\n  private _clearTimer = () => {\n    if (this._timeout) {\n      globalObject.clearTimeout(this._timeout);\n      this._timeout = null;\n    }\n  };\n\n  private _setTimer = () => {\n    this._clearTimer();\n\n    let showTime = this.state.action ? 7000 : 3000;\n    showTime = this.state.showTime ?? showTime;\n    this._timeout = globalObject.setTimeout(this.close, showTime);\n  };\n\n  private _refToast = (element: ToastView) => {\n    this._toast = element;\n  };\n}\n\nfunction safelyCall(fn: Nullable<(a?: any) => any>, ...args: any[]) {\n  if (fn) {\n    fn(...args);\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactTransitionGroup","_globalObject","_ThemeFactory","_ThemeContext","_RenderContainer","_CommonWrapper","_currentEnvironment","_rootNode","_Toast2","_ToastView","_ToastStatic","_class","_Toast","ToastDataTids","exports","toastStatic","toastView","action","close","Toast","rootNode","_React$Component","props","_this","call","rootRef","React","createRef","safelyCall","onClose","state","notification","setState","setRootRef","element","setRootNode","current","_clearTimer","_timeout","globalObject","clearTimeout","_setTimer","_this$state$showTime","showTime","setTimeout","_refToast","_toast","id","showCloseIcon","currentUse","_inheritsLoose2","default","_proto","prototype","componentWillUnmount","render","_this2","createElement","ThemeContext","Consumer","theme","ThemeFactory","create","Provider","value","RenderContainer","TransitionGroup","_renderToast","push","configOrAction","use","isNewToastPushApi","onPush","_ref","isOldToastPushApi","isEmptySecondArg","_ref2","_this$state","toastProps","onMouseEnter","onMouseLeave","children","CSSTransition","key","classNames","enter","styles","enterActive","exit","exitActive","timeout","isTestEnv","nodeRef","CommonWrapper","_extends2","rootNodeRef","ToastView","ref","Component","__KONTUR_REACT_UI__","displayName","ToastStatic","fn","_len","arguments","length","args","Array","_key","apply","Boolean"],"sources":["Toast.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport { CSSTransition, TransitionGroup } from 'react-transition-group';\nimport type { SafeTimer } from '@skbkontur/global-object';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { RenderContainer } from '../../internal/RenderContainer';\nimport type { Nullable } from '../../typings/utility-types';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\n\nimport { styles } from './Toast.styles';\nimport type { ToastViewProps } from './ToastView';\nimport { ToastView } from './ToastView';\nimport { ToastStatic } from './ToastStatic';\n\nexport interface Action {\n  label: string;\n  handler: () => void;\n  'aria-label'?: string;\n}\n\n/**\n * Состояния тоста:\n *\n * - default стиль для отображения по-умолчанию\n * - error стиль для отображения ошибок\n **/\nexport type ToastUse = 'default' | 'error';\n\nexport interface ToastState {\n  notification: Nullable<React.ReactNode>;\n  action: Nullable<Action>;\n  id: number;\n  showTime: Nullable<number>;\n  showCloseIcon?: boolean;\n  currentUse: ToastUse;\n}\n\nexport interface ToastProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps {\n  /** Задает функцию, которая вызывается при возникновении тоста. */\n  onPush?: (notification: string, action?: Action) => void;\n\n  /** Задает функцию, которая вызывается при закрытии тоста. */\n  onClose?: (notification: string, action?: Action) => void;\n\n  /** Задает объект с переменными темы. Он будет объединён с темой из контекста. */\n  theme?: ThemeIn;\n}\n\n/** @deprecated выпилить старый подход к api push Toast-а в react-ui 6.0 */\nexport type ToastPush = (\n  notification: React.ReactNode,\n  action?: Nullable<Action>,\n  showTime?: number,\n  showCloseIcon?: boolean,\n) => void;\n\n/** Объект с конфигурацией отображения Toast-а */\nexport interface ToastPushConfig {\n  action?: Nullable<Action>;\n  showTime?: number;\n  showCloseIcon?: boolean;\n  /**\n   * Определяет стили для тоста.\n   *\n   * - default стиль для отображения по-умолчанию\n   * - error стиль для отображения ошибок\n   *\n   * По-умолчанию будет использован стиль default.\n   **/\n  use?: ToastUse;\n}\n\n/** TODO: Новый Api для метода push в Toast. Станет api по-умолчанию с версии 6.0. В мажоре нужно будет убрать New из названия */\nexport type ToastNewPushApi = (notification: React.ReactNode, config: ToastPushConfig) => void;\n\nexport type ToastClose = () => void;\n\nexport const ToastDataTids = {\n  toastStatic: 'StaticToast',\n  toastView: 'ToastView__root',\n  action: 'ToastView__action',\n  close: 'ToastView__close',\n} as const;\n\n/**\n * `Toast` — это короткое немодальное уведомление, которое сообщает пользователю о результате выполнения его команды.\n * Результат может быть положительным, отрицательным или нейтральным.\n *\n * Доступен статический метод: `Toast.push(notification, action?, showTime?)`.\n * Однако, при его использовании не работает кастомизация и могут быть проблемы с перекрытием уведомления другими элементами страницы.\n *\n * В обозримом будущем планируем **полностью избавиться** от статического метода в компоненте `Toast`.\n *\n * В качестве альтернативы для `Toast.push` мы рекомендуем использовать компонент `SingleToast` или вызов метода push через `ref`.\n *\n * Метод `push` через ref поддерживает два api.\n *\n * 1. Устаревший с последовательной передачей аргументов: `toastRef.current.push('Hi', { label: 'Cancel', handler: () => {} }, 15000)`\n * 2. Новый с передачей объекта конфигурации: `toastRef.current.push('Hi', { action: { label: 'Cancel', handler: () => {} }, showTime: 15000 })`\n *\n * Устаревший подход с передачей аргументов последовательным образом **будет удалён** в следующей мажорной версии.\n */\n@rootNode\nexport class Toast extends React.Component<ToastProps, ToastState> {\n  public static __KONTUR_REACT_UI__ = 'Toast';\n  public static displayName = 'Toast';\n\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private theme!: Theme;\n\n  /** @deprecated use `push` method in ref or `SingleToast.push` */\n  public static push: ToastPush = (\n    notification: React.ReactNode,\n    action?: Nullable<Action>,\n    showTime?: number,\n    showCloseIcon?: boolean,\n  ) => {\n    ToastStatic.push(notification, action, showTime, showCloseIcon);\n  };\n\n  /** @deprecated use `close` method in ref or `SingleToast.close` */\n  public static close: ToastClose = () => {\n    ToastStatic.close();\n  };\n\n  public _toast: Nullable<ToastView>;\n  private _timeout: SafeTimer;\n  private rootRef = React.createRef<HTMLElement>();\n\n  constructor(props: ToastProps) {\n    super(props);\n    this.state = {\n      notification: null,\n      action: null,\n      id: 0,\n      showTime: null,\n      showCloseIcon: false,\n      currentUse: 'default',\n    };\n  }\n\n  public componentWillUnmount() {\n    this._clearTimer();\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = this.props.theme ? ThemeFactory.create(this.props.theme as Theme, theme) : theme;\n          return (\n            <ThemeContext.Provider value={this.theme}>\n              <RenderContainer>\n                <TransitionGroup>{this._renderToast()}</TransitionGroup>\n              </RenderContainer>\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  /**\n   * Показывает тост с `notification` в качестве сообщения.\n   * Тост автоматически скрывается через 3 или 7 секунд,\n   * в зависимости от наличия у него кнопки `action` внутри config-а.\n   * Время показа можно задать вручную, передав `showTime` внутри config-а.\n   *\n   * @public\n   * @param {React.ReactNode} notification\n   * @param {ToastPushConfig} config объект с конфигурацией отображения компонента Toast\n   *\n   * @description Сейчас есть поддержка старого api метода push с передачей аргументов последовательно, но с версии 6.0 этот функционал будет удалён.\n   * @example\n   * // Будет удален в 6.0\n   * push('notification', { label: \"cat meow\", handler: () => {} }, 15_000, false, \"error\")\n   *\n   * @example\n   * // Останется в > 6.0\n   * push('notification', { action: { label: \"cat meow\", handler: () => {} }, showTime: 15_000, showCloseIcon: false, use: \"error\" })\n   */\n  public push(\n    notification: React.ReactNode,\n    configOrAction?: ToastPushConfig | Nullable<Action>,\n    showTime?: number,\n    showCloseIcon?: boolean,\n    use?: ToastUse,\n  ) {\n    if (this.state.notification) {\n      this.close();\n    }\n\n    if (isNewToastPushApi(configOrAction)) {\n      const { action, showTime, showCloseIcon, use } = configOrAction;\n\n      safelyCall(this.props.onPush, notification, action);\n\n      this.setState(\n        ({ id }) => ({\n          notification,\n          action,\n          id: id + 1,\n          showTime,\n          showCloseIcon,\n          currentUse: use ?? 'default',\n        }),\n        this._setTimer,\n      );\n    }\n\n    /** @deprecated выпилить старый подход к api push Toast-а в react-ui 6.0 */\n    if (isOldToastPushApi(configOrAction) || isEmptySecondArg(configOrAction)) {\n      const action = configOrAction;\n      safelyCall(this.props.onPush, notification, action);\n\n      this.setState(\n        ({ id }) => ({\n          notification,\n          action,\n          id: id + 1,\n          showTime,\n          showCloseIcon,\n          currentUse: use ?? 'default',\n        }),\n        this._setTimer,\n      );\n    }\n  }\n\n  /**\n   * @public\n   */\n  public close = () => {\n    safelyCall(this.props.onClose, this.state.notification, this.state.action);\n    this.setState({ notification: null, action: null });\n  };\n\n  private _renderToast() {\n    const { notification, action, id, showCloseIcon, currentUse } = this.state;\n\n    if (!notification) {\n      return null;\n    }\n\n    const toastProps: ToastViewProps = {\n      onMouseEnter: this._clearTimer,\n      onMouseLeave: this._setTimer,\n      onClose: this.close,\n      children: notification,\n      'aria-label': this.props['aria-label'],\n      action,\n      showCloseIcon,\n      use: currentUse,\n    };\n\n    return (\n      <CSSTransition\n        key={id}\n        classNames={{\n          enter: styles.enter(),\n          enterActive: styles.enterActive(),\n          exit: styles.exit(),\n          exitActive: styles.exitActive(),\n        }}\n        timeout={{\n          enter: 200,\n          exit: 150,\n        }}\n        enter={!isTestEnv}\n        exit={!isTestEnv}\n        nodeRef={this.rootRef}\n      >\n        <CommonWrapper rootNodeRef={this.setRootRef} {...this.props}>\n          <ToastView ref={this._refToast} {...toastProps} />\n        </CommonWrapper>\n      </CSSTransition>\n    );\n  }\n\n  private setRootRef = (element: Nullable<Element>) => {\n    this.setRootNode(element);\n    // @ts-expect-error: See: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/31065.\n    this.rootRef.current = element;\n  };\n\n  private _clearTimer = () => {\n    if (this._timeout) {\n      globalObject.clearTimeout(this._timeout);\n      this._timeout = null;\n    }\n  };\n\n  private _setTimer = () => {\n    this._clearTimer();\n\n    let showTime = this.state.action ? 7000 : 3000;\n    showTime = this.state.showTime ?? showTime;\n    this._timeout = globalObject.setTimeout(this.close, showTime);\n  };\n\n  private _refToast = (element: ToastView) => {\n    this._toast = element;\n  };\n}\n\nfunction safelyCall(fn: Nullable<(a?: any) => any>, ...args: any[]) {\n  if (fn) {\n    fn(...args);\n  }\n}\n\nexport function isNewToastPushApi(value: unknown): value is ToastPushConfig {\n  return Boolean(value && typeof value === 'object' && !('label' in value));\n}\n\nexport function isOldToastPushApi(value: unknown): value is Action {\n  return Boolean(value && typeof value === 'object' && 'label' in value);\n}\n\n/** Хелпер для случая, когда передаём только текст */\nexport function isEmptySecondArg(value: unknown): value is null | undefined {\n  return !value;\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -2,7 +2,8 @@ import type { AriaAttributes } from 'react';
 import React from 'react';
 import type { Nullable } from '../../typings/utility-types';
 import type { CommonProps } from '../../internal/CommonWrapper';
-import type { Action } from './Toast';
+import type { TGetRootNode } from '../../lib/rootNode';
+import type { Action, ToastUse } from './Toast';
 export interface ToastViewProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps {
     /** Задает контент тоста. */
     children?: React.ReactNode;
@@ -12,9 +13,14 @@ export interface ToastViewProps extends Pick<AriaAttributes, 'aria-label'>, Comm
     onClose?: () => void;
     onMouseEnter?: () => void;
     onMouseLeave?: () => void;
+    /**
+     * Задаёт стили для отображения тоста в зависимости от назначения.
+     **/
+    use?: ToastUse;
 }
 export declare class ToastView extends React.Component<ToastViewProps> {
     private theme;
+    getRootNode: TGetRootNode;
     private setRootNode;
     private readonly locale;
     render(): React.JSX.Element;

package/cjs/components/Toast/ToastView.js

@@ -11,6 +11,7 @@ var _CommonWrapper = require("../../internal/CommonWrapper");
 
 var _rootNode = require("../../lib/rootNode");
 var _CloseButtonIcon = require("../../internal/CloseButtonIcon/CloseButtonIcon");
+var _Emotion = require("../../lib/theming/Emotion");
 
 var _ToastView2 = require("./ToastView.styles");
 
@@ -31,6 +32,10 @@ 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.
 
 
@@ -47,14 +52,24 @@ ToastView = exports.ToastView = (_dec = (0, _decorators.locale)('Toast', _locale
 
 
 
+
     renderMain = function () {
-      var _this$props = _this.props,action = _this$props.action,showCloseIcon = _this$props.showCloseIcon,onClose = _this$props.onClose,onMouseEnter = _this$props.onMouseEnter,onMouseLeave = _this$props.onMouseLeave;
+      var _this$props = _this.props,action = _this$props.action,showCloseIcon = _this$props.showCloseIcon,onClose = _this$props.onClose,onMouseEnter = _this$props.onMouseEnter,onMouseLeave = _this$props.onMouseLeave,use = _this$props.use;
+
+      var toastCloseColors =
+      use === 'error' ?
+      { hover: _this.theme.toastCloseHoverColorError, default: _this.theme.toastCloseColorError } :
+      { 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);
 
       var link = action ? /*#__PURE__*/
       _react.default.createElement("button", {
         "aria-label": action['aria-label'],
         "data-tid": _Toast.ToastDataTids.action,
-        className: _ToastView2.styles.link(_this.theme),
+        className: toastActionClassNames,
         onClick: action.handler },
 
       action.label
@@ -70,19 +85,21 @@ ToastView = exports.ToastView = (_dec = (0, _decorators.locale)('Toast', _locale
         onClick: onClose,
         size: parseInt(_this.theme.toastCloseSize),
         side: 40,
-        color: _this.theme.toastCloseColor,
-        colorHover: _this.theme.toastCloseHoverColor,
+        color: toastCloseColors.default,
+        colorHover: toastCloseColors.hover,
         tabbable: false }
       )
       ) :
       null;
 
+      var rootClassName = (0, _Emotion.cx)(_ToastView2.styles.root(_this.theme), _ToastView2.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("div", {
           "data-tid": _Toast.ToastDataTids.toastView,
-          className: _ToastView2.styles.root(_this.theme),
+          className: rootClassName,
           ref: _this.setRootNode,
           onMouseEnter: onMouseEnter,
           onMouseLeave: onMouseLeave }, /*#__PURE__*/

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_decorators","_ZIndex","_ThemeContext","_CommonWrapper","_rootNode","_CloseButtonIcon","_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","link","default","createElement","ToastDataTids","className","styles","theme","onClick","handler","label","close","closeWrapper","CloseButtonIcon","closeButtonAriaLabel","size","parseInt","toastCloseSize","side","color","toastCloseColor","colorHover","toastCloseHoverColor","tabbable","CommonWrapper","ZIndex","priority","wrapper","toastView","root","ref","setRootNode","children","_inheritsLoose2","_proto","prototype","render","_this2","ThemeContext","Consumer","React","Component"],"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 { TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { CloseButtonIcon } from '../../internal/CloseButtonIcon/CloseButtonIcon';\n\nimport { styles } from './ToastView.styles';\nimport type { Action } 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@rootNode\n@locale('Toast', ToastLocaleHelper)\nexport class ToastView extends React.Component<ToastViewProps> {\n  private theme!: Theme;\n  private setRootNode!: TSetRootNode;\n  private readonly locale!: ToastLocale;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain = () => {\n    const { action, showCloseIcon, onClose, onMouseEnter, onMouseLeave } = this.props;\n\n    const link = action ? (\n      <button\n        aria-label={action['aria-label']}\n        data-tid={ToastDataTids.action}\n        className={styles.link(this.theme)}\n        onClick={action.handler}\n      >\n        {action.label}\n      </button>\n    ) : null;\n\n    const close =\n      action || showCloseIcon ? (\n        <span className={styles.closeWrapper(this.theme)}>\n          <CloseButtonIcon\n            aria-label={this.locale.closeButtonAriaLabel}\n            data-tid={ToastDataTids.close}\n            onClick={onClose}\n            size={parseInt(this.theme.toastCloseSize)}\n            side={40}\n            color={this.theme.toastCloseColor}\n            colorHover={this.theme.toastCloseHoverColor}\n            tabbable={false}\n          />\n        </span>\n      ) : null;\n\n    return (\n      <CommonWrapper {...this.props}>\n        <ZIndex priority=\"Toast\" className={styles.wrapper(this.theme)}>\n          <div\n            data-tid={ToastDataTids.toastView}\n            className={styles.root(this.theme)}\n            ref={this.setRootNode}\n            onMouseEnter={onMouseEnter}\n            onMouseLeave={onMouseLeave}\n          >\n            <span>{this.props.children}</span>\n            {link}\n            {close}\n          </div>\n        </ZIndex>\n      </CommonWrapper>\n    );\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"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":";AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,WAAA,GAAAD,OAAA;;AAEA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;;;AAGA,IAAAI,cAAA,GAAAJ,OAAA;;AAEA,IAAAK,SAAA,GAAAL,OAAA;AACA,IAAAM,gBAAA,GAAAN,OAAA;AACA,IAAAO,QAAA,GAAAP,OAAA;;AAEA,IAAAQ,WAAA,GAAAR,OAAA;;AAEA,IAAAS,MAAA,GAAAT,OAAA;;AAEA,IAAAU,OAAA,GAAAV,OAAA,aAA6C,IAAAW,IAAA,EAAAC,MAAA;;;;;;;;;;;;;;;;;;;AAmBhCC,SAAS,GAAAC,OAAA,CAAAD,SAAA,IAAAF,IAAA,GADrB,IAAAI,kBAAM,EAAC,OAAO,EAAEC,yBAAiB,CAAC,MADlCC,kBAAQ,EAAAL,MAAA,GAAAD,IAAA,CAAAC,MAAA,0BAAAM,gBAAA,YAAAL,UAAA,OAAAM,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;;;;;;;;;;;;;;IAmBCU,UAAU,GAAG,YAAM;MACzB,IAAAC,WAAA,GAA4EX,KAAA,CAAKY,KAAK,CAA9EC,MAAM,GAAAF,WAAA,CAANE,MAAM,CAAEC,aAAa,GAAAH,WAAA,CAAbG,aAAa,CAAEC,OAAO,GAAAJ,WAAA,CAAPI,OAAO,CAAEC,YAAY,GAAAL,WAAA,CAAZK,YAAY,CAAEC,YAAY,GAAAN,WAAA,CAAZM,YAAY,CAAEC,GAAG,GAAAP,WAAA,CAAHO,GAAG;;MAEvE,IAAMC,gBAAgB;MACpBD,GAAG,KAAK,OAAO;MACX,EAAEE,KAAK,EAAEpB,KAAA,CAAKqB,KAAK,CAACC,yBAAyB,EAAEC,OAAO,EAAEvB,KAAA,CAAKqB,KAAK,CAACG,oBAAoB,CAAC,CAAC;MACzF,EAAEJ,KAAK,EAAEpB,KAAA,CAAKqB,KAAK,CAACI,oBAAoB,EAAEF,OAAO,EAAEvB,KAAA,CAAKqB,KAAK,CAACK,eAAe,CAAC,CAAC;;MAErF,IAAMC,0BAA0B;MAC9BT,GAAG,KAAK,OAAO,GAAGU,kBAAM,CAACC,qBAAqB,CAAC7B,KAAA,CAAKqB,KAAK,CAAC,GAAGO,kBAAM,CAACE,uBAAuB,CAAC9B,KAAA,CAAKqB,KAAK,CAAC;MACzG,IAAMU,qBAAqB,GAAG,IAAAC,WAAE,EAACJ,kBAAM,CAACK,IAAI,CAACjC,KAAA,CAAKqB,KAAK,CAAC,EAAEM,0BAA0B,CAAC;;MAErF,IAAMM,IAAI,GAAGpB,MAAM;MACjBlC,MAAA,CAAA4C,OAAA,CAAAW,aAAA;QACE,cAAYrB,MAAM,CAAC,YAAY,CAAE;QACjC,YAAUsB,oBAAa,CAACtB,MAAO;QAC/BuB,SAAS,EAAEL,qBAAsB;QACjCM,OAAO,EAAExB,MAAM,CAACyB,OAAQ;;MAEvBzB,MAAM,CAAC0B;MACF,CAAC;MACP,IAAI;;MAER,IAAMC,KAAK;MACT3B,MAAM,IAAIC,aAAa;MACrBnC,MAAA,CAAA4C,OAAA,CAAAW,aAAA,WAAME,SAAS,EAAER,kBAAM,CAACa,YAAY,CAACzC,KAAA,CAAKqB,KAAK,CAAE;MAC/C1C,MAAA,CAAA4C,OAAA,CAAAW,aAAA,CAAC/C,gBAAA,CAAAuD,eAAe;QACd,cAAY1C,KAAA,CAAKJ,MAAM,CAAC+C,oBAAqB;QAC7C,YAAUR,oBAAa,CAACK,KAAM;QAC9BH,OAAO,EAAEtB,OAAQ;QACjB6B,IAAI,EAAEC,QAAQ,CAAC7C,KAAA,CAAKqB,KAAK,CAACyB,cAAc,CAAE;QAC1CC,IAAI,EAAE,EAAG;QACTC,KAAK,EAAE7B,gBAAgB,CAACI,OAAQ;QAChC0B,UAAU,EAAE9B,gBAAgB,CAACC,KAAM;QACnC8B,QAAQ,EAAE,KAAM;MACjB;MACG,CAAC;MACL,IAAI;;MAEV,IAAMC,aAAa,GAAG,IAAAnB,WAAE,EAACJ,kBAAM,CAACwB,IAAI,CAACpD,KAAA,CAAKqB,KAAK,CAAC,EAAEO,kBAAM,CAACV,GAAG,WAAHA,GAAG,GAAI,SAAS,CAAC,CAAClB,KAAA,CAAKqB,KAAK,CAAC,CAAC;;MAEvF;QACE1C,MAAA,CAAA4C,OAAA,CAAAW,aAAA,CAACjD,cAAA,CAAAoE,aAAa,EAAKrD,KAAA,CAAKY,KAAK;QAC3BjC,MAAA,CAAA4C,OAAA,CAAAW,aAAA,CAACnD,OAAA,CAAAuE,MAAM,IAACC,QAAQ,EAAC,OAAO,EAACnB,SAAS,EAAER,kBAAM,CAAC4B,OAAO,CAACxD,KAAA,CAAKqB,KAAK,CAAE;QAC7D1C,MAAA,CAAA4C,OAAA,CAAAW,aAAA;UACE,YAAUC,oBAAa,CAACsB,SAAU;UAClCrB,SAAS,EAAEe,aAAc;UACzBO,GAAG,EAAE1D,KAAA,CAAK2D,WAAY;UACtB3C,YAAY,EAAEA,YAAa;UAC3BC,YAAY,EAAEA,YAAa;;QAE3BtC,MAAA,CAAA4C,OAAA,CAAAW,aAAA,eAAOlC,KAAA,CAAKY,KAAK,CAACgD,QAAe,CAAC;QACjC3B,IAAI;QACJO;QACE;QACC;QACK,CAAC;;IAEpB,CAAC,QAAAxC,KAAA,MAAA6D,eAAA,CAAAtC,OAAA,EAAA7B,SAAA,EAAAK,gBAAA,MAAA+D,MAAA,GAAApE,SAAA,CAAAqE,SAAA,CAAAD,MAAA,CArEME,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,MAAA,QACd,oBACEtF,MAAA,CAAA4C,OAAA,CAAAW,aAAA,CAAClD,aAAA,CAAAkF,YAAY,CAACC,QAAQ,QACnB,UAAC9C,KAAK,EAAK,CACV4C,MAAI,CAAC5C,KAAK,GAAGA,KAAK,CAClB,OAAO4C,MAAI,CAACvD,UAAU,CAAC,CAAC,CAC1B,CACqB,CAAC,CAE5B,CAAC,QAAAhB,SAAA,GAf4B0E,cAAK,CAACC,SAAS,MAAA5E,MAAA,KAAAA,MAAA","ignoreList":[]}

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

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

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

@@ -1,4 +1,4 @@
-"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.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;
 
 
 var getVerticalPaddings = function getVerticalPaddings(theme) {
@@ -11,11 +11,9 @@ var getVerticalPaddings = function getVerticalPaddings(theme) {
 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      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,
+    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,
-    t.toastColor,
 
     t.toastFontSize,
     t.toastLineHeight,
@@ -26,8 +24,22 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
   },
 
+  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 (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      color: ", ";\n    "])),
+    t.toastErrorBg,
+    t.toastColorError);
+
+  },
+
   wrapper: function wrapper(t) {
-    return (0, _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    "])),
+    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    "])),
 
 
 
@@ -40,7 +52,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
   closeWrapper: function closeWrapper(t) {
     var _getVerticalPaddings2 = getVerticalPaddings(t),paddingTop = _getVerticalPaddings2[0],paddingBottom = _getVerticalPaddings2[1];
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      margin: -", " -", " -", " 0;\n    "])),
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      margin: -", " -", " -", " 0;\n    "])),
 
     paddingTop, t.toastPaddingX, paddingBottom);
 
@@ -50,10 +62,9 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
     var _getVerticalPaddings3 = getVerticalPaddings(t),paddingTop = _getVerticalPaddings3[0],paddingBottom = _getVerticalPaddings3[1];
     var padding = paddingTop + " " + t.toastLinkPadding;
 
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: none;\n      font: inherit;\n      color: ", ";\n      cursor: pointer;\n      display: inline-block;\n      font-weight: 600;\n      background-color: transparent;\n\n      margin: -", " 0 -", " ", ";\n\n      padding: ", ";\n      transition: background ", " ", ";\n      &:hover {\n        background: ", ";\n        text-decoration: ", ";\n      }\n\n      &:active {\n        background: ", ";\n      }\n    "])),
+    return (0, _Emotion.css)(_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,
 
 
 
@@ -62,7 +73,30 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
     paddingTop, paddingBottom, t.toastPaddingX,
 
     padding,
-    t.transitionDuration, t.transitionTimingFunction,
+    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,
+
+
+    t.toastLinkBgHoverError,
+    t.toastLinkTextDecorationHover,
+
+
+
+    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,
+
 
     t.toastLinkBgHover,
     t.toastLinkTextDecorationHover,

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

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

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import type { AriaAttributes, InputHTMLAttributes } from 'react';
 import type { CommonProps } from '../../internal/CommonWrapper';
+import type { TGetRootNode } from '../../lib/rootNode';
 import type { SizeProp } from '../../lib/types/props';
 export interface ToggleProps extends Pick<AriaAttributes, 'aria-label' | 'aria-describedby'>, Pick<InputHTMLAttributes<HTMLInputElement>, 'id' | 'name'>, CommonProps {
     /** @ignore */
@@ -46,7 +47,7 @@ export interface ToggleState {
 export declare const ToggleDataTids: {
     readonly root: "Toggle__root";
 };
-type DefaultProps = Required<Pick<ToggleProps, 'disabled' | 'loading' | 'captionPosition' | 'disableAnimations' | 'size'>>;
+type DefaultProps = Required<Pick<ToggleProps, 'disabled' | 'loading' | 'captionPosition' | 'disableAnimations'>>;
 /**
  * `Toggle` переключает состояния. Например, включает или отключает уведомления в настройках.
  * `Toggle` представляет из себя надпись + переключатель.
@@ -57,9 +58,11 @@ export declare class Toggle extends React.Component<ToggleProps, ToggleState> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
     static defaultProps: DefaultProps;
+    private size;
     private getProps;
     private theme;
     private input;
+    getRootNode: TGetRootNode;
     private setRootNode;
     constructor(props: ToggleProps);
     componentDidMount(): void;