@skbkontur/react-ui 0.0.0-9a66eda8b5 → 0.0.0-a18e664e8f

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":"uCAAA;AACA;AACA;AACA;AACA","sourcesContent":["export * from './SidePage';\r\nexport * from './SidePageHeader';\r\nexport * from './SidePageBody';\r\nexport * from './SidePageFooter';\r\nexport * from './SidePageContainer';\r\n"]}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"uCAAA;AACA;AACA;AACA;AACA","sourcesContent":["export * from './SidePage';\nexport * from './SidePageHeader';\nexport * from './SidePageBody';\nexport * from './SidePageFooter';\nexport * from './SidePageContainer';\n"]}

package/cjs/components/Spinner/Spinner.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { types } from './SpinnerFallback';
+import { CommonProps } from '../../internal/CommonWrapper';
+declare const types: Record<SpinnerType, SpinnerType>;
 export declare type SpinnerType = 'mini' | 'normal' | 'big';
-export interface SpinnerProps {
+export interface SpinnerProps extends CommonProps {
     caption?: React.ReactNode;
     dimmed?: boolean;
     /**
@@ -10,12 +11,7 @@ export interface SpinnerProps {
      * @default normal
      */
     type: SpinnerType;
-    /**
-     * @deprecated Старое поведение спиннера - облачко при среднем и большом размере - исчезнет в 3.0 поведение пересено в `@skbkontur/react-ui-addons` смотри [миграцию](https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/MIGRATION.md)
-     *
-     * @default false
-     */
-    cloud?: boolean;
+    inline?: boolean;
 }
 /**
  * DRAFT - инлайн-лоадер
@@ -38,12 +34,6 @@ export declare class Spinner extends React.Component<SpinnerProps> {
          * Spinner.types - все доступные типы
          */
         type: PropTypes.Requireable<string>;
-        /**
-         * @deprecated Старое поведение спиннера - облачко при среднем и большом размере
-         *
-         * @default false - исчезнет в 3.0
-         */
-        cloud: PropTypes.Requireable<boolean>;
     };
     static defaultProps: SpinnerProps;
     static Types: typeof types;
@@ -51,8 +41,8 @@ export declare class Spinner extends React.Component<SpinnerProps> {
     private readonly locale;
     constructor(props: SpinnerProps);
     render(): JSX.Element;
-    private renderSpinnerOld;
     private renderMain;
     private renderSpinner;
     private renderCaption;
 }
+export {};

package/cjs/components/Spinner/Spinner.js

@@ -1,19 +1,20 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.Spinner = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _warning = _interopRequireDefault(require("warning"));
-var _classnames = _interopRequireDefault(require("classnames"));
 
 var _decorators = require("../../lib/locale/decorators");
 
 var _ThemeContext = require("../../lib/theming/ThemeContext");
-var _utils = require("../../lib/utils");
 var _SpinnerIcon = require("../../internal/icons/SpinnerIcon");
-var _SpinnerOld = require("../../internal/SpinnerOld");
+var _CommonWrapper = require("../../internal/CommonWrapper");
+var _Emotion = require("../../lib/theming/Emotion");
 
 var _Spinner = require("./Spinner.styles");
-var _SpinnerFallback = require("./SpinnerFallback");
 var _locale = require("./locale");var _dec, _class, _class2, _temp;
 
+var types = {
+  big: 'big',
+  mini: 'mini',
+  normal: 'normal' };
 
 
 
@@ -29,12 +30,9 @@ var _locale = require("./locale");var _dec, _class, _class2, _temp;
 
 
 
-
-
-
-/**
-                                                                     * DRAFT - инлайн-лоадер
-                                                                     */var
+/**
+ * DRAFT - инлайн-лоадер
+ */var
 
 
 Spinner = (_dec = (0, _decorators.locale)('Spinner', _locale.SpinnerLocaleHelper), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Spinner, _React$Component);
@@ -61,12 +59,6 @@ Spinner = (_dec = (0, _decorators.locale)('Spinner', _locale.SpinnerLocaleHelper
 
 
 
-
-
-
-
-
-
 
 
 
@@ -102,31 +94,21 @@ Spinner = (_dec = (0, _decorators.locale)('Spinner', _locale.SpinnerLocaleHelper
 
 
 
+    renderSpinner = function (type, dimmed, inline) {
+      var circleClassName = dimmed ? _Spinner.styles.circleDimmed(_this.theme) : _Spinner.styles.circle(_this.theme);
 
-
-
-
-
-
-    renderSpinner = function (type, dimmed) {
-      var circleClassName = dimmed ? _Spinner.jsStyles.circleDimmed(_this.theme) : _Spinner.jsStyles.circle(_this.theme);
-
-      return _react.default.createElement(_SpinnerIcon.SpinnerIcon, { size: type, className: circleClassName });
+      return /*#__PURE__*/_react.default.createElement(_SpinnerIcon.SpinnerIcon, { size: type, className: circleClassName, dimmed: dimmed, inline: inline });
     };_this.
 
-    renderCaption = function (type, caption) {return (
-        _react.default.createElement("span", { className: (0, _classnames.default)(_Spinner.jsStyles[type](_this.theme), _Spinner.jsStyles.captionColor(_this.theme)) }, caption));};(0, _warning.default)(!_this.props.cloud, 'cloud is deprecated, will removed in 3.0. ');return _this;}var _proto = Spinner.prototype;_proto.render = function render() {var _this2 = this;return _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return !_this2.props.cloud ? _this2.renderMain() : _this2.renderSpinnerOld();});};_proto.renderSpinnerOld = function renderSpinnerOld() {return _react.default.createElement(_SpinnerOld.SpinnerOld, this.props);};_proto.renderMain = function renderMain() {var _this$props = this.props,type = _this$props.type,_this$props$caption = _this$props.caption,caption = _this$props$caption === void 0 ? this.locale.loading : _this$props$caption,dimmed = _this$props.dimmed;return _react.default.createElement("div", { className: _Spinner.jsStyles.spinner() }, _react.default.createElement("span", { className: _Spinner.jsStyles.inner() }, _utils.hasSvgAnimationSupport && this.renderSpinner(type, dimmed), !_utils.hasSvgAnimationSupport && _react.default.createElement(_SpinnerFallback.SpinnerFallback, { type: type, dimmed: dimmed })), caption && this.renderCaption(type, caption));};return Spinner;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'Spinner', _class2.propTypes = { /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           * Текст рядом с мини-лоадером.
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           *
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           * 'Загрузка' - значение по-умолчанию
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           */caption: _propTypes.default.node, dimmed: _propTypes.default.bool, /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 * Тип спиннера: mini, normal, big
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 *
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 * Значение по-умолчанию - normal
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 *
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 * Spinner.types - все доступные типы
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 */type: _propTypes.default.oneOf(Object.keys(_SpinnerFallback.types)), /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         * @deprecated Старое поведение спиннера - облачко при среднем и большом размере
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         *
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         * @default false - исчезнет в 3.0
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         */cloud: _propTypes.default.bool }, _class2.defaultProps = { type: 'normal' }, _class2.Types = _SpinnerFallback.types, _temp)) || _class);exports.Spinner = Spinner;
+    renderCaption = function (type, caption) {return /*#__PURE__*/(
+        _react.default.createElement("span", { className: (0, _Emotion.cx)(_Spinner.styles[type](_this.theme), _Spinner.styles.captionColor(_this.theme)) }, caption));};return _this;}var _proto = Spinner.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _this$props = this.props,type = _this$props.type,_this$props$caption = _this$props.caption,caption = _this$props$caption === void 0 ? this.locale.loading : _this$props$caption,dimmed = _this$props.dimmed,inline = _this$props.inline;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, this.props, /*#__PURE__*/_react.default.createElement("div", { className: _Spinner.styles.spinner() }, /*#__PURE__*/_react.default.createElement("span", { className: _Spinner.styles.inner() }, this.renderSpinner(type, dimmed, inline)), caption && this.renderCaption(type, caption)));};return Spinner;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'Spinner', _class2.propTypes = { /**
+   * Текст рядом с мини-лоадером.
+   *
+   * 'Загрузка' - значение по-умолчанию
+   */caption: _propTypes.default.node, dimmed: _propTypes.default.bool, /**
+   * Тип спиннера: mini, normal, big
+   *
+   * Значение по-умолчанию - normal
+   *
+   * Spinner.types - все доступные типы
+   */type: _propTypes.default.oneOf(Object.keys(types)) }, _class2.defaultProps = { type: 'normal' }, _class2.Types = types, _temp)) || _class);exports.Spinner = Spinner;

package/cjs/components/Spinner/Spinner.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Spinner.tsx"],"names":["Spinner","SpinnerLocaleHelper","props","theme","locale","renderSpinner","type","dimmed","circleClassName","jsStyles","circleDimmed","circle","renderCaption","caption","captionColor","cloud","render","renderMain","renderSpinnerOld","loading","spinner","inner","hasSvgAnimationSupport","React","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","node","bool","oneOf","Object","keys","types","defaultProps","Types"],"mappings":"mPAAA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA,kC;;;;;;;;;;;;;;;;;;;;AAoBA;;;;;AAKaA,O,WADZ,wBAAO,SAAP,EAAkBC,2BAAlB,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCC,mBAAYC,KAAZ,EAAiC;AAC/B,wCAAMA,KAAN,UAD+B,MAHzBC,KAGyB,gBAFhBC,MAEgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCzBC,IAAAA,aAlCyB,GAkCT,UAACC,IAAD,EAAoBC,MAApB,EAAyC;AAC/D,UAAMC,eAAe,GAAGD,MAAM,GAAGE,kBAASC,YAAT,CAAsB,MAAKP,KAA3B,CAAH,GAAuCM,kBAASE,MAAT,CAAgB,MAAKR,KAArB,CAArE;;AAEA,aAAO,6BAAC,wBAAD,IAAa,IAAI,EAAEG,IAAnB,EAAyB,SAAS,EAAEE,eAApC,GAAP;AACD,KAtCgC;;AAwCzBI,IAAAA,aAxCyB,GAwCT,UAACN,IAAD,EAAoBO,OAApB;AACtB,+CAAM,SAAS,EAAE,yBAAGJ,kBAASH,IAAT,EAAe,MAAKH,KAApB,CAAH,EAA+BM,kBAASK,YAAT,CAAsB,MAAKX,KAA3B,CAA/B,CAAjB,IAAqFU,OAArF,CADsB,GAxCS,CAE/B,sBAAQ,CAAC,MAAKX,KAAL,CAAWa,KAApB,EAA2B,4CAA3B,EAF+B,aAGhC,C,sCAEMC,M,GAAP,kBAAgB,mBACd,OACE,6BAAC,0BAAD,CAAc,QAAd,QACG,UAAAb,KAAK,EAAI,CACR,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,OAAO,CAAC,MAAI,CAACD,KAAL,CAAWa,KAAZ,GAAoB,MAAI,CAACE,UAAL,EAApB,GAAwC,MAAI,CAACC,gBAAL,EAA/C,CACD,CAJH,CADF,CAQD,C,QAEOA,gB,GAAR,4BAA2B,CACzB,OAAO,6BAAC,sBAAD,EAAgB,KAAKhB,KAArB,CAAP,CACD,C,QAEOe,U,GAAR,sBAAqB,mBACqC,KAAKf,KAD1C,CACXI,IADW,eACXA,IADW,mCACLO,OADK,CACLA,OADK,oCACK,KAAKT,MAAL,CAAYe,OADjB,uBAC0BZ,MAD1B,eAC0BA,MAD1B,CAGnB,OACE,sCAAK,SAAS,EAAEE,kBAASW,OAAT,EAAhB,IACE,uCAAM,SAAS,EAAEX,kBAASY,KAAT,EAAjB,IACGC,iCAA0B,KAAKjB,aAAL,CAAmBC,IAAnB,EAAyBC,MAAzB,CAD7B,EAEG,CAACe,6BAAD,IAA2B,6BAAC,gCAAD,IAAiB,IAAI,EAAEhB,IAAvB,EAA6B,MAAM,EAAEC,MAArC,GAF9B,CADF,EAKGM,OAAO,IAAI,KAAKD,aAAL,CAAmBN,IAAnB,EAAyBO,OAAzB,CALd,CADF,CASD,C,kBArE0BU,eAAMC,S,WACnBC,mB,GAAsB,S,UAEtBC,S,GAAY,EACxB;;;;67CAKAb,OAAO,EAAEc,mBAAUC,IANK,EAQxBrB,MAAM,EAAEoB,mBAAUE,IARM,EAUxB;;;;;;mgDAOAvB,IAAI,EAAEqB,mBAAUG,KAAV,CAAgBC,MAAM,CAACC,IAAP,CAAYC,sBAAZ,CAAhB,CAjBkB,EAkBxB;;;;2kDAKAlB,KAAK,EAAEY,mBAAUE,IAvBO,E,UA0BZK,Y,GAA6B,EACzC5B,IAAI,EAAE,QADmC,E,UAI7B6B,K,GAAsBF,sB","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport warning from 'warning';\r\nimport cn from 'classnames';\r\n\r\nimport { locale } from '../../lib/locale/decorators';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { hasSvgAnimationSupport } from '../../lib/utils';\r\nimport { SpinnerIcon } from '../../internal/icons/SpinnerIcon';\r\nimport { SpinnerOld } from '../../internal/SpinnerOld';\r\n\r\nimport { jsStyles } from './Spinner.styles';\r\nimport { SpinnerFallback, types } from './SpinnerFallback';\r\nimport { SpinnerLocale, SpinnerLocaleHelper } from './locale';\r\n\r\nexport type SpinnerType = 'mini' | 'normal' | 'big';\r\n\r\nexport interface SpinnerProps {\r\n  caption?: React.ReactNode;\r\n  dimmed?: boolean;\r\n  /**\r\n   * Тип спиннера\r\n   * @default normal\r\n   */\r\n  type: SpinnerType;\r\n  /**\r\n   * @deprecated Старое поведение спиннера - облачко при среднем и большом размере - исчезнет в 3.0 поведение пересено в `@skbkontur/react-ui-addons` смотри [миграцию](https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/MIGRATION.md)\r\n   *\r\n   * @default false\r\n   */\r\n  cloud?: boolean;\r\n}\r\n\r\n/**\r\n * DRAFT - инлайн-лоадер\r\n */\r\n\r\n@locale('Spinner', SpinnerLocaleHelper)\r\nexport class Spinner extends React.Component<SpinnerProps> {\r\n  public static __KONTUR_REACT_UI__ = 'Spinner';\r\n\r\n  public static propTypes = {\r\n    /**\r\n     * Текст рядом с мини-лоадером.\r\n     *\r\n     * 'Загрузка' - значение по-умолчанию\r\n     */\r\n    caption: PropTypes.node,\r\n\r\n    dimmed: PropTypes.bool,\r\n\r\n    /**\r\n     * Тип спиннера: mini, normal, big\r\n     *\r\n     * Значение по-умолчанию - normal\r\n     *\r\n     * Spinner.types - все доступные типы\r\n     */\r\n    type: PropTypes.oneOf(Object.keys(types)),\r\n    /**\r\n     * @deprecated Старое поведение спиннера - облачко при среднем и большом размере\r\n     *\r\n     * @default false - исчезнет в 3.0\r\n     */\r\n    cloud: PropTypes.bool,\r\n  };\r\n\r\n  public static defaultProps: SpinnerProps = {\r\n    type: 'normal',\r\n  };\r\n\r\n  public static Types: typeof types = types;\r\n  private theme!: Theme;\r\n  private readonly locale!: SpinnerLocale;\r\n\r\n  constructor(props: SpinnerProps) {\r\n    super(props);\r\n    warning(!this.props.cloud, 'cloud is deprecated, will removed in 3.0. ');\r\n  }\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.props.cloud ? this.renderMain() : this.renderSpinnerOld();\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private renderSpinnerOld() {\r\n    return <SpinnerOld {...this.props} />;\r\n  }\r\n\r\n  private renderMain() {\r\n    const { type, caption = this.locale.loading, dimmed } = this.props;\r\n\r\n    return (\r\n      <div className={jsStyles.spinner()}>\r\n        <span className={jsStyles.inner()}>\r\n          {hasSvgAnimationSupport && this.renderSpinner(type, dimmed)}\r\n          {!hasSvgAnimationSupport && <SpinnerFallback type={type} dimmed={dimmed} />}\r\n        </span>\r\n        {caption && this.renderCaption(type, caption)}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private renderSpinner = (type: SpinnerType, dimmed?: boolean) => {\r\n    const circleClassName = dimmed ? jsStyles.circleDimmed(this.theme) : jsStyles.circle(this.theme);\r\n\r\n    return <SpinnerIcon size={type} className={circleClassName} />;\r\n  };\r\n\r\n  private renderCaption = (type: SpinnerType, caption: React.ReactNode) => (\r\n    <span className={cn(jsStyles[type](this.theme), jsStyles.captionColor(this.theme))}>{caption}</span>\r\n  );\r\n}\r\n"]}
+{"version":3,"sources":["Spinner.tsx"],"names":["types","big","mini","normal","Spinner","SpinnerLocaleHelper","props","theme","locale","renderSpinner","type","dimmed","inline","circleClassName","styles","circleDimmed","circle","renderCaption","caption","captionColor","render","renderMain","loading","spinner","inner","React","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","node","bool","oneOf","Object","keys","defaultProps","Types"],"mappings":"mPAAA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA,kC;;AAEA,IAAMA,KAAuC,GAAG;AAC9CC,EAAAA,GAAG,EAAE,KADyC;AAE9CC,EAAAA,IAAI,EAAE,MAFwC;AAG9CC,EAAAA,MAAM,EAAE,QAHsC,EAAhD;;;;;;;;;;;;;;;;AAmBA;AACA;AACA,G;;;AAGaC,O,WADZ,wBAAO,SAAP,EAAkBC,2BAAlB,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCC,mBAAYC,KAAZ,EAAiC;AAC/B,wCAAMA,KAAN,UAD+B,MAHzBC,KAGyB,gBAFhBC,MAEgB;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BzBC,IAAAA,aA5ByB,GA4BT,UAACC,IAAD,EAAoBC,MAApB,EAAsCC,MAAtC,EAA2D;AACjF,UAAMC,eAAe,GAAGF,MAAM,GAAGG,gBAAOC,YAAP,CAAoB,MAAKR,KAAzB,CAAH,GAAqCO,gBAAOE,MAAP,CAAc,MAAKT,KAAnB,CAAnE;;AAEA,0BAAO,6BAAC,wBAAD,IAAa,IAAI,EAAEG,IAAnB,EAAyB,SAAS,EAAEG,eAApC,EAAqD,MAAM,EAAEF,MAA7D,EAAqE,MAAM,EAAEC,MAA7E,GAAP;AACD,KAhCgC;;AAkCzBK,IAAAA,aAlCyB,GAkCT,UAACP,IAAD,EAAoBQ,OAApB;AACtB,+CAAM,SAAS,EAAE,iBAAGJ,gBAAOJ,IAAP,EAAa,MAAKH,KAAlB,CAAH,EAA6BO,gBAAOK,YAAP,CAAoB,MAAKZ,KAAzB,CAA7B,CAAjB,IAAiFW,OAAjF,CADsB,GAlCS,cAEhC,C,sCAEME,M,GAAP,kBAAgB,mBACd,oBACE,6BAAC,0BAAD,CAAc,QAAd,QACG,UAACb,KAAD,EAAW,CACV,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,OAAO,MAAI,CAACc,UAAL,EAAP,CACD,CAJH,CADF,CAQD,C,QAEOA,U,GAAR,sBAAqB,mBAC6C,KAAKf,KADlD,CACXI,IADW,eACXA,IADW,mCACLQ,OADK,CACLA,OADK,oCACK,KAAKV,MAAL,CAAYc,OADjB,uBAC0BX,MAD1B,eAC0BA,MAD1B,CACkCC,MADlC,eACkCA,MADlC,CAGnB,oBACE,6BAAC,4BAAD,EAAmB,KAAKN,KAAxB,eACE,sCAAK,SAAS,EAAEQ,gBAAOS,OAAP,EAAhB,iBACE,uCAAM,SAAS,EAAET,gBAAOU,KAAP,EAAjB,IAAkC,KAAKf,aAAL,CAAmBC,IAAnB,EAAyBC,MAAzB,EAAiCC,MAAjC,CAAlC,CADF,EAEGM,OAAO,IAAI,KAAKD,aAAL,CAAmBP,IAAnB,EAAyBQ,OAAzB,CAFd,CADF,CADF,CAQD,C,kBAzD0BO,eAAMC,S,WACnBC,mB,GAAsB,S,UAEtBC,S,GAAY,EACxB;AACJ;AACA;AACA;AACA,KACIV,OAAO,EAAEW,mBAAUC,IANK,EAQxBnB,MAAM,EAAEkB,mBAAUE,IARM,EAUxB;AACJ;AACA;AACA;AACA;AACA;AACA,KACIrB,IAAI,EAAEmB,mBAAUG,KAAV,CAAgBC,MAAM,CAACC,IAAP,CAAYlC,KAAZ,CAAhB,CAjBkB,E,UAoBZmC,Y,GAA6B,EACzCzB,IAAI,EAAE,QADmC,E,UAI7B0B,K,GAAsBpC,K","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { locale } from '../../lib/locale/decorators';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { SpinnerIcon } from '../../internal/icons/SpinnerIcon';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './Spinner.styles';\nimport { SpinnerLocale, SpinnerLocaleHelper } from './locale';\n\nconst types: Record<SpinnerType, SpinnerType> = {\n  big: 'big',\n  mini: 'mini',\n  normal: 'normal',\n};\n\nexport type SpinnerType = 'mini' | 'normal' | 'big';\n\nexport interface SpinnerProps extends CommonProps {\n  caption?: React.ReactNode;\n  dimmed?: boolean;\n  /**\n   * Тип спиннера\n   * @default normal\n   */\n  type: SpinnerType;\n  inline?: boolean;\n}\n\n/**\n * DRAFT - инлайн-лоадер\n */\n\n@locale('Spinner', SpinnerLocaleHelper)\nexport class Spinner extends React.Component<SpinnerProps> {\n  public static __KONTUR_REACT_UI__ = 'Spinner';\n\n  public static propTypes = {\n    /**\n     * Текст рядом с мини-лоадером.\n     *\n     * 'Загрузка' - значение по-умолчанию\n     */\n    caption: PropTypes.node,\n\n    dimmed: PropTypes.bool,\n\n    /**\n     * Тип спиннера: mini, normal, big\n     *\n     * Значение по-умолчанию - normal\n     *\n     * Spinner.types - все доступные типы\n     */\n    type: PropTypes.oneOf(Object.keys(types)),\n  };\n\n  public static defaultProps: SpinnerProps = {\n    type: 'normal',\n  };\n\n  public static Types: typeof types = types;\n  private theme!: Theme;\n  private readonly locale!: SpinnerLocale;\n\n  constructor(props: SpinnerProps) {\n    super(props);\n  }\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 { type, caption = this.locale.loading, dimmed, inline } = this.props;\n\n    return (\n      <CommonWrapper {...this.props}>\n        <div className={styles.spinner()}>\n          <span className={styles.inner()}>{this.renderSpinner(type, dimmed, inline)}</span>\n          {caption && this.renderCaption(type, caption)}\n        </div>\n      </CommonWrapper>\n    );\n  }\n\n  private renderSpinner = (type: SpinnerType, dimmed?: boolean, inline?: boolean) => {\n    const circleClassName = dimmed ? styles.circleDimmed(this.theme) : styles.circle(this.theme);\n\n    return <SpinnerIcon size={type} className={circleClassName} dimmed={dimmed} inline={inline} />;\n  };\n\n  private renderCaption = (type: SpinnerType, caption: React.ReactNode) => (\n    <span className={cx(styles[type](this.theme), styles.captionColor(this.theme))}>{caption}</span>\n  );\n}\n"]}

package/cjs/components/Spinner/Spinner.md

@@ -1,34 +1,34 @@
-```jsx harmony
-import { Gapped, Spinner } from '@skbkontur/react-ui';
-
-const reactNodeCaption = (
-  <div>
-    <Spinner type="mini" caption={null} /> <span style={{ color: 'tomato', fontSize: '1.3em' }}>З</span>
-    агрузка ...
-  </div>
-);
-
-<Gapped>
-  <Spinner type="big" caption="big" />
-  <Spinner type="normal" caption="normal" />
-  <Spinner type="mini" caption="mini" />
-  <Spinner type="mini" dimmed caption="mini dimmed" />
-  <Spinner type="big" caption={reactNodeCaption} />
-</Gapped>;
-```
-
-#### Локали по умолчанию (см. `LocaleProvider`)
-
-```typescript
-interface SpinnerLocale {
-  loading?: React.ReactNode;
-}
-
-const ru_RU = {
-  loading: 'Загрузка',
-};
-
-const en_GB = {
-  loading: 'Loading',
-};
-```
+```jsx harmony
+import { Gapped, Spinner } from '@skbkontur/react-ui';
+
+const reactNodeCaption = (
+  <div>
+    <Spinner type="mini" caption={null} /> <span style={{ color: 'tomato', fontSize: '1.3em' }}>З</span>
+    агрузка ...
+  </div>
+);
+
+<Gapped>
+  <Spinner type="big" caption="big" />
+  <Spinner type="normal" caption="normal" />
+  <Spinner type="mini" caption="mini" />
+  <Spinner type="mini" dimmed caption="mini dimmed" />
+  <Spinner type="big" caption={reactNodeCaption} />
+</Gapped>;
+```
+
+#### Локали по умолчанию
+
+```typescript static
+interface SpinnerLocale {
+  loading?: React.ReactNode;
+}
+
+const ru_RU = {
+  loading: 'Загрузка',
+};
+
+const en_GB = {
+  loading: 'Loading',
+};
+```

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

@@ -1,11 +1,12 @@
-export declare const jsStyles: {
-    circle(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    circleDimmed(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    captionColor(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    mini(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    normal(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    big(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    circle(t: Theme): string;
+    circleDimmed(t: Theme): string;
+    captionColor(t: Theme): string;
+    inline(): string;
+    mini(t: Theme): string;
+    normal(t: Theme): string;
+    big(t: Theme): string;
     spinner(): string;
     inner(): string;
-    fallback(): string;
 };

package/cjs/components/Spinner/Spinner.styles.js

@@ -1,77 +1,84 @@
-"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");
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
 
-var _AnimationKeyframes = require("../../lib/theming/AnimationKeyframes");function _templateObject9() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      position: relative;\n    "]);_templateObject9 = function _templateObject9() {return data;};return data;}function _templateObject8() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n    "]);_templateObject8 = function _templateObject8() {return data;};return data;}function _templateObject7() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      text-align: center;\n    "]);_templateObject7 = function _templateObject7() {return data;};return data;}function _templateObject6() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: block;\n      font-size: ", ";\n      line-height: ", ";\n      margin-top: ", ";\n    "]);_templateObject6 = function _templateObject6() {return data;};return data;}function _templateObject5() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: block;\n      font-size: ", ";\n      line-height: ", ";\n      margin-top: ", ";\n    "]);_templateObject5 = function _templateObject5() {return data;};return data;}function _templateObject4() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-left: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      stroke: ", ";\n      animation: ", " 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n        ", " 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n        ", " 2s linear infinite;\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      stroke: ", ";\n      animation: ", " 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n        ", " 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n        ", " 2s linear infinite,\n        ", " 6s ease-in-out infinite;\n    "]);_templateObject = function _templateObject() {return data;};return data;}
+var _AnimationKeyframes = require("../../lib/theming/AnimationKeyframes");
+var _client = require("../../lib/client");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
 
-var styles = {
+var styles = (0, _Emotion.memoizeStyle)({
   circle: function circle(t) {
-    return (0, _Emotion.css)(_templateObject(),
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      stroke: ", ";\n\n      ", "\n    "])),
     t.spinnerColor,
-    _AnimationKeyframes.AnimationKeyframes.spinnerCircleOffset(t),
-    _AnimationKeyframes.AnimationKeyframes.spinnerCircleLength(t),
-    _AnimationKeyframes.AnimationKeyframes.spinnerCircleRotate(t),
-    _AnimationKeyframes.AnimationKeyframes.spinnerColor(t));
+
+    !_client.isIE11 && "\n          animation: " +
+
+    _AnimationKeyframes.AnimationKeyframes.spinnerCircleOffset(t) + " 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n            " +
+    _AnimationKeyframes.AnimationKeyframes.spinnerCircleLength(t) + " 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n            " +
+    _AnimationKeyframes.AnimationKeyframes.spinnerCircleRotate(t) + " 2s linear infinite,\n            " +
+    _AnimationKeyframes.AnimationKeyframes.spinnerColor(t) + " 6s ease-in-out infinite;\n        ");
+
 
   },
   circleDimmed: function circleDimmed(t) {
-    return (0, _Emotion.css)(_templateObject2(),
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      stroke: ", ";\n\n      ", "\n    "])),
     t.spinnerDimmedColor,
-    _AnimationKeyframes.AnimationKeyframes.spinnerCircleOffset(t),
-    _AnimationKeyframes.AnimationKeyframes.spinnerCircleLength(t),
-    _AnimationKeyframes.AnimationKeyframes.spinnerCircleRotate(t));
+
+    !_client.isIE11 && "\n          animation: " +
+
+    _AnimationKeyframes.AnimationKeyframes.spinnerCircleOffset(t) + " 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n          " +
+    _AnimationKeyframes.AnimationKeyframes.spinnerCircleLength(t) + " 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n          " +
+    _AnimationKeyframes.AnimationKeyframes.spinnerCircleRotate(t) + " 2s linear infinite;\n        ");
+
 
   },
 
   captionColor: function captionColor(t) {
-    return (0, _Emotion.css)(_templateObject3(),
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
     t.spinnerCaptionColor);
 
+  },
+
+  inline: function inline() {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: inherit;\n      line-height: inherit;\n    "])));
+
+
+
   },
 
   mini: function mini(t) {
-    return (0, _Emotion.css)(_templateObject4(),
-    t.spinnerPaddingXSmall,
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-left: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])),
+    t.spinnerCaptionGapSmall,
     t.spinnerFontSizeSmall,
     t.spinnerLineHeightSmall);
 
   },
 
   normal: function normal(t) {
-    return (0, _Emotion.css)(_templateObject5(),
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: block;\n      font-size: ", ";\n      line-height: ", ";\n      margin-top: ", ";\n    "])),
 
     t.spinnerFontSizeMedium,
     t.spinnerLineHeightMedium,
-    t.spinnerPaddingYMedium);
+    t.spinnerCaptionGapMedium);
 
   },
 
   big: function big(t) {
-    return (0, _Emotion.css)(_templateObject6(),
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: block;\n      font-size: ", ";\n      line-height: ", ";\n      margin-top: ", ";\n    "])),
 
     t.spinnerFontSizeLarge,
     t.spinnerLineHeightLarge,
-    t.spinnerPaddingYLarge);
+    t.spinnerCaptionGapLarge);
 
   },
 
   spinner: function spinner() {
-    return (0, _Emotion.css)(_templateObject7());
-
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      text-align: center;\n      line-height: normal;\n    "])));
 
 
-  },
-
-  inner: function inner() {
-    return (0, _Emotion.css)(_templateObject8());
 
 
   },
 
-  fallback: function fallback() {
-    return (0, _Emotion.css)(_templateObject9());
-
-
-
-  } };
+  inner: function inner() {
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n    "])));
 
 
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;
+  } });exports.styles = styles;

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

@@ -1 +1 @@
-{"version":3,"sources":["Spinner.styles.ts"],"names":["styles","circle","t","css","spinnerColor","AnimationKeyframes","spinnerCircleOffset","spinnerCircleLength","spinnerCircleRotate","circleDimmed","spinnerDimmedColor","captionColor","spinnerCaptionColor","mini","spinnerPaddingXSmall","spinnerFontSizeSmall","spinnerLineHeightSmall","normal","spinnerFontSizeMedium","spinnerLineHeightMedium","spinnerPaddingYMedium","big","spinnerFontSizeLarge","spinnerLineHeightLarge","spinnerPaddingYLarge","spinner","inner","fallback","jsStyles"],"mappings":"8QAAA;;AAEA,0E;;AAEA,IAAMA,MAAM,GAAG;AACbC,EAAAA,MADa,kBACNC,CADM,EACI;AACf,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACE,YADd;AAEeC,2CAAmBC,mBAAnB,CAAuCJ,CAAvC,CAFf;AAGMG,2CAAmBE,mBAAnB,CAAuCL,CAAvC,CAHN;AAIMG,2CAAmBG,mBAAnB,CAAuCN,CAAvC,CAJN;AAKMG,2CAAmBD,YAAnB,CAAgCF,CAAhC,CALN;;AAOD,GATY;AAUbO,EAAAA,YAVa,wBAUAP,CAVA,EAUU;AACrB,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACQ,kBADd;AAEeL,2CAAmBC,mBAAnB,CAAuCJ,CAAvC,CAFf;AAGMG,2CAAmBE,mBAAnB,CAAuCL,CAAvC,CAHN;AAIMG,2CAAmBG,mBAAnB,CAAuCN,CAAvC,CAJN;;AAMD,GAjBY;;AAmBbS,EAAAA,YAnBa,wBAmBAT,CAnBA,EAmBU;AACrB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACU,mBADb;;AAGD,GAvBY;;AAyBbC,EAAAA,IAzBa,gBAyBRX,CAzBQ,EAyBE;AACb,eAAOC,YAAP;AACiBD,IAAAA,CAAC,CAACY,oBADnB;AAEeZ,IAAAA,CAAC,CAACa,oBAFjB;AAGiBb,IAAAA,CAAC,CAACc,sBAHnB;;AAKD,GA/BY;;AAiCbC,EAAAA,MAjCa,kBAiCNf,CAjCM,EAiCI;AACf,eAAOC,YAAP;;AAEeD,IAAAA,CAAC,CAACgB,qBAFjB;AAGiBhB,IAAAA,CAAC,CAACiB,uBAHnB;AAIgBjB,IAAAA,CAAC,CAACkB,qBAJlB;;AAMD,GAxCY;;AA0CbC,EAAAA,GA1Ca,eA0CTnB,CA1CS,EA0CC;AACZ,eAAOC,YAAP;;AAEeD,IAAAA,CAAC,CAACoB,oBAFjB;AAGiBpB,IAAAA,CAAC,CAACqB,sBAHnB;AAIgBrB,IAAAA,CAAC,CAACsB,oBAJlB;;AAMD,GAjDY;;AAmDbC,EAAAA,OAnDa,qBAmDH;AACR,eAAOtB,YAAP;;;;AAID,GAxDY;;AA0DbuB,EAAAA,KA1Da,mBA0DL;AACN,eAAOvB,YAAP;;;AAGD,GA9DY;;AAgEbwB,EAAAA,QAhEa,sBAgEF;AACT,eAAOxB,YAAP;;;;AAID,GArEY,EAAf;;;AAwEO,IAAMyB,QAAQ,GAAG,2BAAa5B,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { AnimationKeyframes } from '../../lib/theming/AnimationKeyframes';\r\n\r\nconst styles = {\r\n  circle(t: Theme) {\r\n    return css`\r\n      stroke: ${t.spinnerColor};\r\n      animation: ${AnimationKeyframes.spinnerCircleOffset(t)} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\r\n        ${AnimationKeyframes.spinnerCircleLength(t)} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\r\n        ${AnimationKeyframes.spinnerCircleRotate(t)} 2s linear infinite,\r\n        ${AnimationKeyframes.spinnerColor(t)} 6s ease-in-out infinite;\r\n    `;\r\n  },\r\n  circleDimmed(t: Theme) {\r\n    return css`\r\n      stroke: ${t.spinnerDimmedColor};\r\n      animation: ${AnimationKeyframes.spinnerCircleOffset(t)} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\r\n        ${AnimationKeyframes.spinnerCircleLength(t)} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\r\n        ${AnimationKeyframes.spinnerCircleRotate(t)} 2s linear infinite;\r\n    `;\r\n  },\r\n\r\n  captionColor(t: Theme) {\r\n    return css`\r\n      color: ${t.spinnerCaptionColor};\r\n    `;\r\n  },\r\n\r\n  mini(t: Theme) {\r\n    return css`\r\n      margin-left: ${t.spinnerPaddingXSmall};\r\n      font-size: ${t.spinnerFontSizeSmall};\r\n      line-height: ${t.spinnerLineHeightSmall};\r\n    `;\r\n  },\r\n\r\n  normal(t: Theme) {\r\n    return css`\r\n      display: block;\r\n      font-size: ${t.spinnerFontSizeMedium};\r\n      line-height: ${t.spinnerLineHeightMedium};\r\n      margin-top: ${t.spinnerPaddingYMedium};\r\n    `;\r\n  },\r\n\r\n  big(t: Theme) {\r\n    return css`\r\n      display: block;\r\n      font-size: ${t.spinnerFontSizeLarge};\r\n      line-height: ${t.spinnerLineHeightLarge};\r\n      margin-top: ${t.spinnerPaddingYLarge};\r\n    `;\r\n  },\r\n\r\n  spinner() {\r\n    return css`\r\n      display: inline-block;\r\n      text-align: center;\r\n    `;\r\n  },\r\n\r\n  inner() {\r\n    return css`\r\n      display: inline-block;\r\n    `;\r\n  },\r\n\r\n  fallback() {\r\n    return css`\r\n      display: inline-block;\r\n      position: relative;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["Spinner.styles.ts"],"names":["styles","circle","t","css","spinnerColor","isIE11","AnimationKeyframes","spinnerCircleOffset","spinnerCircleLength","spinnerCircleRotate","circleDimmed","spinnerDimmedColor","captionColor","spinnerCaptionColor","inline","mini","spinnerCaptionGapSmall","spinnerFontSizeSmall","spinnerLineHeightSmall","normal","spinnerFontSizeMedium","spinnerLineHeightMedium","spinnerCaptionGapMedium","big","spinnerFontSizeLarge","spinnerLineHeightLarge","spinnerCaptionGapLarge","spinner","inner"],"mappings":"4QAAA;;AAEA;AACA,0C;;AAEO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,MADiC,kBAC1BC,CAD0B,EAChB;AACf,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACE,YADd;;AAGI,KAACC,cAAD;;AAEeC,2CAAmBC,mBAAnB,CAAuCL,CAAvC,CAFf;AAGMI,2CAAmBE,mBAAnB,CAAuCN,CAAvC,CAHN;AAIMI,2CAAmBG,mBAAnB,CAAuCP,CAAvC,CAJN;AAKMI,2CAAmBF,YAAnB,CAAgCF,CAAhC,CALN,wCAHJ;;;AAWD,GAbgC;AAcjCQ,EAAAA,YAdiC,wBAcpBR,CAdoB,EAcV;AACrB,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACS,kBADd;;AAGI,KAACN,cAAD;;AAEeC,2CAAmBC,mBAAnB,CAAuCL,CAAvC,CAFf;AAGII,2CAAmBE,mBAAnB,CAAuCN,CAAvC,CAHJ;AAIII,2CAAmBG,mBAAnB,CAAuCP,CAAvC,CAJJ,mCAHJ;;;AAUD,GAzBgC;;AA2BjCU,EAAAA,YA3BiC,wBA2BpBV,CA3BoB,EA2BV;AACrB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACW,mBADb;;AAGD,GA/BgC;;AAiCjCC,EAAAA,MAjCiC,oBAiCxB;AACP,eAAOX,YAAP;;;;AAID,GAtCgC;;AAwCjCY,EAAAA,IAxCiC,gBAwC5Bb,CAxC4B,EAwClB;AACb,eAAOC,YAAP;AACiBD,IAAAA,CAAC,CAACc,sBADnB;AAEed,IAAAA,CAAC,CAACe,oBAFjB;AAGiBf,IAAAA,CAAC,CAACgB,sBAHnB;;AAKD,GA9CgC;;AAgDjCC,EAAAA,MAhDiC,kBAgD1BjB,CAhD0B,EAgDhB;AACf,eAAOC,YAAP;;AAEeD,IAAAA,CAAC,CAACkB,qBAFjB;AAGiBlB,IAAAA,CAAC,CAACmB,uBAHnB;AAIgBnB,IAAAA,CAAC,CAACoB,uBAJlB;;AAMD,GAvDgC;;AAyDjCC,EAAAA,GAzDiC,eAyD7BrB,CAzD6B,EAyDnB;AACZ,eAAOC,YAAP;;AAEeD,IAAAA,CAAC,CAACsB,oBAFjB;AAGiBtB,IAAAA,CAAC,CAACuB,sBAHnB;AAIgBvB,IAAAA,CAAC,CAACwB,sBAJlB;;AAMD,GAhEgC;;AAkEjCC,EAAAA,OAlEiC,qBAkEvB;AACR,eAAOxB,YAAP;;;;;AAKD,GAxEgC;;AA0EjCyB,EAAAA,KA1EiC,mBA0EzB;AACN,eAAOzB,YAAP;;;AAGD,GA9EgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { AnimationKeyframes } from '../../lib/theming/AnimationKeyframes';\nimport { isIE11 } from '../../lib/client';\n\nexport const styles = memoizeStyle({\n  circle(t: Theme) {\n    return css`\n      stroke: ${t.spinnerColor};\n\n      ${!isIE11 &&\n      `\n          animation: ${AnimationKeyframes.spinnerCircleOffset(t)} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n            ${AnimationKeyframes.spinnerCircleLength(t)} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n            ${AnimationKeyframes.spinnerCircleRotate(t)} 2s linear infinite,\n            ${AnimationKeyframes.spinnerColor(t)} 6s ease-in-out infinite;\n        `}\n    `;\n  },\n  circleDimmed(t: Theme) {\n    return css`\n      stroke: ${t.spinnerDimmedColor};\n\n      ${!isIE11 &&\n      `\n          animation: ${AnimationKeyframes.spinnerCircleOffset(t)} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n          ${AnimationKeyframes.spinnerCircleLength(t)} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n          ${AnimationKeyframes.spinnerCircleRotate(t)} 2s linear infinite;\n        `}\n    `;\n  },\n\n  captionColor(t: Theme) {\n    return css`\n      color: ${t.spinnerCaptionColor};\n    `;\n  },\n\n  inline() {\n    return css`\n      font-size: inherit;\n      line-height: inherit;\n    `;\n  },\n\n  mini(t: Theme) {\n    return css`\n      margin-left: ${t.spinnerCaptionGapSmall};\n      font-size: ${t.spinnerFontSizeSmall};\n      line-height: ${t.spinnerLineHeightSmall};\n    `;\n  },\n\n  normal(t: Theme) {\n    return css`\n      display: block;\n      font-size: ${t.spinnerFontSizeMedium};\n      line-height: ${t.spinnerLineHeightMedium};\n      margin-top: ${t.spinnerCaptionGapMedium};\n    `;\n  },\n\n  big(t: Theme) {\n    return css`\n      display: block;\n      font-size: ${t.spinnerFontSizeLarge};\n      line-height: ${t.spinnerLineHeightLarge};\n      margin-top: ${t.spinnerCaptionGapLarge};\n    `;\n  },\n\n  spinner() {\n    return css`\n      display: inline-block;\n      text-align: center;\n      line-height: normal;\n    `;\n  },\n\n  inner() {\n    return css`\n      display: inline-block;\n    `;\n  },\n});\n"]}

package/cjs/components/Spinner/SpinnerFallbackAnimation.d.ts

@@ -0,0 +1,25 @@
+export declare class SpinnerFallbackAnimationRunner {
+    private animations;
+    private FPS;
+    private interval;
+    constructor(animations: Animation[], FPS: number);
+    start: () => void;
+    stop: () => void;
+}
+declare class Animation {
+    private duration;
+    private onProgress;
+    private onFinish?;
+    private startTime;
+    private isFinished;
+    constructor(duration: number, onProgress: (progress: number) => void, onFinish?: ((animation: Animation) => void) | undefined);
+    step: () => void;
+    reset: () => void;
+    finish: () => void;
+    start: () => void;
+}
+export declare const createOffsetAnimation: (from: number, to: number, duration: number, setStyleProperty: CSSStyleDeclaration['setProperty'], units?: string) => Animation;
+export declare const createLengthAnimation: (from: number[], to: number[], duration: number, setStyleProperty: CSSStyleDeclaration['setProperty'], units?: string) => Animation;
+export declare const createColorAnimation: (colors: string[], duration: number, setStyleProperty: CSSStyleDeclaration['setProperty']) => Animation;
+export declare const createRotationAnimation: (from: number, to: number, duration: number, setStyleProperty: CSSStyleDeclaration['setProperty'], units?: string) => Animation;
+export {};